<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.tc-i
{	text-align: center !important;
}


.gray-box
{	background: url("../img/top/bg_line.png");
	padding: 10px 0;
}
.blue-box
{	background-color: #DAF0F8;
	padding: 10px 0;
}

.gray-box:not(:last-child),
.blue-box:not(:last-child)
{	margin-bottom: 40px;
}

.outline-box
{	background-color: #FFF;
	border: 6px solid #E0E0E0;
	padding: 30px;
}

/* */
.midasi.v2
{	font-size: 1.1em;
	margin: 0 auto 20px;
}
.midasi2.v2{
	margin-bottom: 0 !important;
}

.midasi.v2 em
{	color: inherit;
	line-height: 1.4em;
}

.midasi2.v2
{	font-size: 1em;
	margin-top: 0;
	text-align: justify;
}

.midasi3.v2
{	text-align: left;
	border-left: 2px solid currentColor;
	margin: 0 auto;
	line-height: 1.4em;
	padding: 2px 0 2px 8px;
	overflow: hidden;
}
.midasi3.v2:not(:last-child)
{	margin-bottom: 15px;
}

/* */
.decal-midasi
{	text-align: center;
	font-size: 1.35em;
	line-height: 1.4em;
	margin: 0 auto 15px;
}

.decal-midasi::after
{	background: url("../img/option/shared/decal.svg") no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	display: block;
	width: 265px;
	height: 7px;
	margin: 5px auto 0;
}

.decal-midasi .bigger
{	font-size: 1.2em;
	line-height: 1.4em;
	display: block;
}

/* */
.decal-midasi2
{	font-size: 1.25em;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto 30px;
}

.decal-midasi2::before
{	background: url("../img/option/shared/decal2.svg") no-repeat bottom center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	content: "";
	display: block;
	margin: 0 auto 5px;
	height: 48px;
}

.decal-midasi2 &gt; span
{	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding: 3px 0;
	display: block;
}
.decal-midasi2 &gt; span &gt; span
{	border-top: 3px solid #939393;
	border-bottom: 3px solid #939393;
	padding: 8px 0px;
	display: block;
}

/* */
.big-small-midasi
{	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto 30px;
}
.big-small-midasi span,
.big-small-midasi strong
{	display: block;
}

.big-small-midasi strong
{	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
}
#upgrade-prices .big-small-midasi strong{
	font-size: 1.3em;
}

/* */
.blue-text
{	color: #099FD1 !important;
}
.yellow-text
{	color: #FFF361 !important;
}



/* ------ */
.option-navi
{	max-width: 900px;
	padding: 0 10px;
	margin: 0 auto;
}
.option-navi:not(:last-child)
{	margin-bottom: 30px;
}
.option-navi:first-child
{	margin-top: 20px;
}

.option-navi &gt; div
{	text-align: center;
	padding: 5px;
	cursor: pointer;
	display: none;
}

.option-navi &gt; ul
{	font-size: 0.75em;
}

.option-navi &gt; ul &gt; li
{	display: inline-block;
	vertical-align: top;
	width: 19.2%;
	margin-right: 1%;
	box-sizing: border-box;
	position: relative;
}

.option-navi &gt; ul &gt; li:nth-child(5n),
.option-navi &gt; ul &gt; li:last-child
{	margin-right: 0;
}
.option-navi &gt; ul &gt; li:nth-child(n+6)
{	margin-top: 10px;
}

.option-navi &gt; ul &gt; li a
{	background-color: #ECECEC;
	display: block;
	padding: 5px;
	color: inherit;
	cursor: pointer;
}

.option-navi &gt; ul &gt; li a:hover
{	background-color: #C4EFFF;
	text-decoration: none;
	color: inherit;
}

.option-navi &gt; ul &gt; li a.active
{	background-color: #84CFE8;
	color: #FFF;
}

.option-navi &gt; ul &gt; li a &gt; span,
.option-navi &gt; div &gt; p
{	display: block;
	position: relative;
	padding-left: 1.5em;
}
.option-navi &gt; ul &gt; li a &gt; span::before,
.option-navi &gt; div &gt; p::before
{	content: "";
	width: 0.5em;
	height: 0.5em;
	left: 0.25em;
	top: 0;
	margin-top: 0.8em;
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	border-left-width: 0;
	border-bottom-width: 0;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
}
.option-navi &gt; ul &gt; li a.active &gt; span::before,
.option-navi &gt; div.active &gt; p::before
{	border-top-width: 0;
	border-bottom-width: 1px;
	-webkit-transform: rotate(45deg) translate(1px,-2px);
	-ms-transform: rotate(45deg) translate(1px,-2px);
	transform: rotate(45deg) translate(1px,-2px);
}

.option-navi &gt; ul &gt; li ul
{	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 2;
}

.option-navi &gt; ul &gt; li ul &gt; li a
{	border-top: 1px dotted #C6C6C6;
}

.option-navi &gt; ul &gt; li a + ul
{	display: none;
}

.option-navi &gt; ul &gt; li a.open + ul
{	display: block;
}

/* ------------------------------- */
.option-list
{	margin: 0 auto 40px;
}

.option-list &gt; li
{	width: 32%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	text-align: left;
}
.option-list &gt; li:nth-child(3n)
{	margin-right: 0;
}
.option-list &gt; li:nth-child(n+4)
{	margin-top: 30px;
}

.option-list &gt; li &gt; a
{	display: block;
	margin: 0 auto;
}
.option-list &gt; li &gt; a &gt; p
{	color: #4D4D4D;
}
.option-list &gt; li &gt; a:hover
{	opacity: 0.7;
	text-decoration: none;
}

.option-list &gt; li &gt; a:hover img
{	opacity: 1;
}

.option-list &gt; li figure
{	background-color: #FFF;
	display: block;
	position: relative;
	margin: 0 auto 15px;
	padding: 0;
	outline: 8px solid rgba(255,255,255,0.6);
	outline-offset: -8px;
}
.option-list &gt; li figure.cut:before {
	content: attr(data-cut);
	position: absolute;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 55px;
	height: 50px;
	background: url(../img/option/shared/icon_cut.png) no-repeat center bottom #bc262f;
	padding: 0 0 17px;
	text-align: center;
	font-weight: normal;
	font-family: Times, serif;
	font-size: 32px;
	line-height: 34px;
	color: #fff;
	border-radius: 7px 0 0 0;
}

.option-list &gt; li figure img
{	display: block;
	width: 100% !important;
}

.option-list &gt; li .midasi3.v2
{	font-size: 1.05em;
	overflow: hidden;
}
.option-list &gt; li .midasi3.v2 &gt; small
{	display: inline-block;
}
.option-list &gt; li p
{	font-size: 0.95em;
	line-height: 1.6em;
	position: relative;
	margin-right: 1em;
}
.option-list &gt; li p:not(:last-child)
{	margin-bottom: 10px;
}
.option-list &gt; li h5
{	background-color: #4D4D4D;
	height: 40px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding: 0 10px;
	font-weight: normal;
	line-height: 1.2em;
	vertical-align: middle;
	overflow: hidden;
	vertical-align: middle;
}
.option-list &gt; li h5:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.option-list &gt; li h5 &gt; span{
	display: inline-block;
	vertical-align: middle;
}

.option-list &gt; li h5 em
{	font-weight: bold;
	font-size: 1.05em;
	display: inline-block;
}
.option-list &gt; li h5 small{
	position: relative;
	display: inline-block;
	font-size: 75%;
	line-height: 1.2em;
}
.option-list &gt; li h5 small:after{
	content: "";
	position: absolute;
	display: block;
	left: -5%;
	top: 40%;
	width: 110%;
	height: 2px;
	border-top: 1px solid #d22;
	border-bottom: 1px solid #d22;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.option-list &gt; li h5 strong{
	color: #ff0;
	font-weight: normal;
}
.option-list &gt; li p small{
	font-size: 11.5px;
}

/* ------ */
#option-list-index.option-list
{	margin: 0 auto;
}

#option-list-index.option-list &gt; li a
{	min-height: 0;
	height: auto;
	padding: 8px 15px 8px 0;
}

/* --- */
#dress-tux-option-banners
{}
.option-banners &gt; a,
#dress-tux-option-banners &gt; a
{	background-color: #FFF;
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-right: 2%;
}
.option-banners &gt; a:nth-child(2n),
#dress-tux-option-banners &gt; a:nth-child(2n)
{	margin-right: 0;
}
.option-banners &gt; a img,
#dress-tux-option-banners &gt; a img
{	display: block;
	width: 100%;
}

/* --- */
#dress-tux-blog-list
{	letter-spacing: -.4em;
	text-align: center;
}
#dress-tux-blog-list &gt; li
{	width: 18%;
	margin: 0 1%;
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}
/* #dress-tux-blog-list &gt; li:nth-child(5n)
{	margin-right: 0;
} */
#dress-tux-blog-list &gt; li:nth-child(n+6)
{	display: none;
}
#dress-tux-blog-list &gt; li a {
	color: #4d4d4d;
}
#dress-tux-blog-list &gt; li a:hover {
	text-decoration: none;
}
#dress-tux-blog-list &gt; li .ph {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 150%;
	background-color: #f6f6f6;
}
#dress-tux-blog-list &gt; li .ph img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	margin: 0 auto;
}

/* --- */
#dress-tux-useful-list
{}

#dress-tux-useful-list &gt; li
{	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	box-sizing: border-box;
	overflow: hidden;
}
#dress-tux-useful-list &gt; li:nth-child(3n),
#dress-tux-useful-list &gt; li:last-child
{	margin-right: 0;
}

#dress-tux-useful-list &gt; li:nth-child(n+4)
{	padding-top: 15px;
	margin-top: 10px;
	border-top: 2px dotted #CCC;
}

#dress-tux-useful-list &gt; li &gt; figure,
#dress-tux-useful-list &gt; li &gt; img
{	width: 100px;
	max-width: 40%;
	display: block;
	margin: 0 15px 15px 0;
	float: left;
}

#dress-tux-useful-list &gt; li &gt; figure a
{	display: block;
}
#dress-tux-useful-list &gt; li &gt; figure img
{	display: block;
	width: 100%;
	margin: 0 auto;
}

#dress-tux-useful-list &gt; li h4
{	color: #ADADAD;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 auto 3px;
}
#dress-tux-useful-list &gt; li .midasi3
{	margin: 0 auto 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid currentColor;
	text-align: left;
	font-size: .95em;
	line-height: 1.4em;
}

/* ------------------------------- */
.option-blue-banner
{	background-color: #099FD1;
	color: #FFF;
	text-align: center;
	padding: 25px 0;
	margin: 0 auto 40px;
}
.option-blue-banner.pink{
/*	background-color: #f56c87;*/
	background-color: #099FCB;
}
.option-blue-banner h3
{	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0 auto;
	font-weight: bold;
}
.option-blue-banner.pink h3
{	font-size: 2em;
}

.option-blue-banner h3 strong{
	color: #fff462;
}

.option-blue-banner h3:not(:last-child)
{	margin-bottom: 10px;
}

.option-blue-banner p
{	font-size: 1.05em;
	margin: 0 auto;
}

.option-blue-banner p.price-info{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #fff;
	text-align: center;
	font-size: 130%;
	line-height: 1.6em;
}
.option-blue-banner p.price-info strong{
	font-size: 220%;
	line-height: 1.3em;
	margin: 0 5px 0 10px;
}

/* --- */
#color-dress-compare
{	overflow: hidden;
	margin: 0 auto 30px;
}

#color-dress-compare figure
{	float: left;
	margin-right: 15px;
}

#color-dress-compare figure &gt; div
{	background-color: #DAF0F8;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
}

#color-dress-compare figure &gt; p
{	color: #636363;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 5px;
	text-align: center;
	box-sizing: border-box;
}

#color-dress-compare figure &gt; div h3
{	color: #099FD1;
	margin: 0 auto 10px;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	position: relative;
}
#color-dress-compare figure &gt; div h3 span
{	display: block;
}
#color-dress-compare figure &gt; div h3 b
{	display: inline-block;
	font-weight: inherit;
}
#color-dress-compare figure &gt; div div
{	white-space: nowrap;
	padding: 0 10px;
}

#color-dress-compare figure &gt; div img,
#color-dress-compare figure &gt; div p
{	display: inline-block;
	vertical-align: middle;
}

#color-dress-compare figure &gt; div img
{	width: 70px;
}

#color-dress-compare figure &gt; div p
{	margin: 0 5px;
}

/* --- */

#color-dress-guide1
{	margin: 0 auto;
	padding: 20px 0;
}

#color-dress-guide1 &gt; li
{	display: inline-block;
	vertical-align: top;
	width: 16%;
	margin-right: 0.8%;
}
#color-dress-guide1 &gt; li:nth-child(6n)
{	margin-right: 0;
}
#color-dress-guide1 &gt; li img
{	display: block;
	width: 100%;
}

/* ---- */
#color-dress-guide2-wrap
{	padding-bottom: 30px;
}

#color-dress-guide2
{	background: linear-gradient(to right, #ff67ba,#0f9fd1);
	padding: 20px 40px 30px;
	border-radius: 10px;
	position: relative;
}

#color-dress-guide2-top
{	color: #FFF;
	text-align: center;
	margin: 0 auto 20px;
}
#color-dress-guide2-top .oh
{	text-align: left;
	display: inline-block;
	vertical-align: top;
}
#color-dress-guide2-top .oh img,
#color-dress-guide2-top .oh ul
{	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}

#color-dress-guide2-top .oh img
{	width: 100px;
}

#color-dress-guide2-top .oh ul
{	padding-left: 15px;
	overflow: hidden;
}

#color-dress-guide2-bottom &gt; ul &gt; li
{	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
}
#color-dress-guide2-bottom &gt; ul &gt; li:nth-child(3n)
{	margin-right: 0;
}

#color-dress-guide2-bottom &gt; ul &gt; li img
{	display: block;
	width: 100%;
}

#color-dress-guide2 &gt; img
{	position: absolute;
	bottom: -30px;
	right: 5px;
	width: 190px;
	display: block;
}

/* --- */
#color-dress-flow-wrap
{	background-color: #ECECEC;
	padding: 30px 0;
}

#color-dress-flow-wrap input[type=radio]
{	display: none;
}

#color-dress-flow-ctrl
{	margin: 0 auto 15px;
	padding: 0 10px;
	border-bottom: 1px solid #ADADAD;
	text-align: center;
	font-weight: bold;
	display: none;
}
#color-dress-flow-ctrl &gt; label
{	background-color: #DFDEE0;
	color: #939393;
	font-size: 1em;
	display: inline-block;
	vertical-align: bottom;
	width: 49%;
	margin-right: 2%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	border: 1px solid #ADADAD;
	border-bottom-width: 0;
	box-sizing: border-box;
	padding: 10px 10px;
	cursor: pointer;
}
#color-dress-flow-ctrl &gt; label:nth-child(2n)
{	margin-right: 0;
}

#color-dress-flow-ctrl &gt; label:hover
{	background-color: #F2F2F2;
}

#color-dress-flow-wrap input[type=radio]:checked#color-dress-flow-ctrl-pink ~ #color-dress-flow-ctrl &gt; label:first-child,
#color-dress-flow-wrap input[type=radio]:checked#color-dress-flow-ctrl-blue ~ #color-dress-flow-ctrl &gt; label:last-child
{	background-color: #FFF;
	color: #202020;
}

/* */
#color-dress-flow &gt; div
{	background-color: #FFF;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	width: 49%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

#color-dress-flow &gt; div:nth-child(2n)
{	margin-right: 0;
}

#color-dress-flow &gt; div h4
{	color: #FFF;
	text-align: center;
	padding: 5px 10px;
	border-radius: 4px;
	margin: 0 auto 20px;
}
#color-dress-flow &gt; div.pink h4
{	background-color: #FF67BC;
}
#color-dress-flow &gt; div.blue h4
{	background-color: #099FD1;
}

#color-dress-flow &gt; div ol
{	counter-reset: counter0;
	position: relative;
	padding: 0 10px;
}

#color-dress-flow &gt; div ol &gt; li
{	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#color-dress-flow &gt; div ol &gt; li:not(:last-child)
{	padding-bottom: 20px;
}
#color-dress-flow &gt; div ol &gt; li::before
{	content: "";
	border-left-width: 2px;
	border-left-style: dotted;
	left: 45%;
	margin-left: 11px;
	position: absolute;
	top: 0;
	bottom: 0;
}
#color-dress-flow &gt; div ol &gt; li:first-child::before
{	top: 5px;
}
#color-dress-flow &gt; div ol &gt; li:last-child::before
{	height: 5px;
	bottom: auto;
}

#color-dress-flow &gt; div ol &gt; li &gt; img
{	display: inline-block;
	vertical-align: top;
	width: 45%;
}
#color-dress-flow &gt; div ol &gt; li &gt; div
{	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	box-sizing: border-box;
	width: 55%;
	position: relative;
}
#color-dress-flow &gt; div ol &gt; li &gt; div::before
{	background-color: #000;
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	top: 3px;
	left: 5px;
	border-radius: 50%;
}
#color-dress-flow &gt; div ol &gt; li &gt; div h5
{	font-size: 2em;
	line-height: 1.2em;
	font-style: italic;
}

#color-dress-flow &gt; div.pink ol &gt; li::before
{	border-left-color: #FF67BC;
}
#color-dress-flow &gt; div.blue ol &gt; li::before
{	border-left-color: #099FD1;
}
#color-dress-flow &gt; div.pink ol &gt; li &gt; div::before
{	background-color: #FF67BC;
}
#color-dress-flow &gt; div.blue ol &gt; li &gt; div::before
{	background-color: #099FD1;
}

/* --- */
#color-dress-gallery
{}

#color-dress-gallery &gt; div
{	background-color: #F2F2F2;
	padding: 40px 0;
}

#color-dress-gallery &gt; div.pink
{	background-color: #FBE0EC;
}
#color-dress-gallery &gt; div.blue
{	background-color: #DFF2FC;
}



#color-dress-gallery &gt; div h4
{	text-align: right;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0 auto 10px;
}

.color-dress-gallery-img
{}

.color-dress-gallery-img &gt; ul:not(:last-of-type)::after
{	content: "+";
	color: #636363;
	text-align: center;
	display: block;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0px auto;
}

.color-dress-gallery-img &gt; ul &gt; li
{	background-color: #FFF;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 23.5%;
	margin-right: 2%;
}

.color-dress-gallery-img &gt; ul &gt; li:nth-child(4n)
{	margin-right: 0;
}

.color-dress-gallery-img &gt; ul &gt; li a
{	display: block;
}
.color-dress-gallery-img &gt; ul &gt; li img
{	display: block;
}

/* --- */
#color-dress-outline
{	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

#color-dress-outline h4
{	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0 auto 20px;
}

#color-dress-outline .price-info
{	font-size: 1.1em;
	margin: 20px auto 0;
}
#color-dress-outline .price-info em
{	font-size: 1.05em;
	font-weight: bold;
	display: inline-block;
}
#color-dress-outline .price-info strong
{	display: inline-block;
	font-weight: inherit;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 5px;
}

/* ------------------------------- */
#blouse-types
{	background-color: #DAF0F8;
	box-sizing: border-box;
}
#blouse-types &gt; ul
{	max-width: 840px;
	margin: 0 auto;
	padding: 30px 0 0;
}
#blouse-types &gt; ul &gt; li
{	
	margin-bottom: 30px;
	/* display: inline-block;
	vertical-align: top;
	width: 47.5%;
	margin-right: 5%; */
}

#blouse-types &gt; ul &gt; li:nth-child(2n)
{	
	/* margin-right: 0; */
}

#blouse-types &gt; ul &gt; li img
{	width: 100%;
	display: block;
	margin: 0 auto;
}

/* --- */
#blouse-details-wrap
{	padding: 20px;
}

#blouse-details
{	position: relative;
}

#blouse-details::before
{	background: url("../img/option/dress/blouse/recommended-circle.svg") no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	left: -15px;
	top: -15px;
	z-index: 3;
}

#blouse-details &gt; div
{	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	margin-right: 5%;
	padding: 25px;
	border-radius: 10px;
	box-sizing: border-box;
}

#blouse-details &gt; div:nth-child(2n)
{	margin-right: 0;
}

#blouse-details &gt; div::before
{	background-color: #FFF;
	content: "";
	width: inherit;
	padding: inherit;
	border-radius: inherit;
	box-sizing: inherit;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
}

#blouse-details &gt; div:first-child::before
{	left: 0;
}
#blouse-details &gt; div:last-child::before
{	right: 0;
}

#blouse-details &gt; div &gt; div
{	position: relative;
	z-index: 2;
}

/* */
#blouse-details h3.lead
{	text-align: center;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0 auto 30px;
}

#blouse-details &gt; div:first-child h3.lead
{	padding-left: 70px;
	padding-right: 70px;
}

#blouse-details p.lead
{	text-align: justify;
	margin: 0 auto 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ADADAD;
	font-weight: bold;
}

#blouse-details figure
{	background-color: #DAF0F8;
	overflow: hidden;
	font-size: 0.85em;
}

#blouse-details figure &gt; a
{	display: block;
	margin: 0 auto;
	color: inherit;
}
#blouse-details figure &gt; a:hover
{	opacity: 0.8;
	text-decoration: none;
}
#blouse-details figure &gt; a:hover img
{	opacity: 1;
}

#blouse-details figure img
{	float: left;
	width: 170px;
	max-width: 43%;
	display: block;
	margin-right: 10px;
}

#blouse-details figure .oh
{	padding: 10px 10px 10px 0;
}

#blouse-details .price-info
{	font-size: 1.05em;
	line-height: 1.4em;
}
#blouse-details .price-info em
{	font-size: 1.1em;
	line-height: 1.4em;
	display: inline-block;
}
#blouse-details .price-info em strong
{	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	display: inline-block;
}

#blouse-details .blouse-detail-list
{	text-align: left;
	display: inline-block;
	vertical-align: top;
}

#blouse-details .blouse-detail-list &gt; li
{	padding: 0 10px;
}
#blouse-details .blouse-detail-list &gt; li:not(:last-child)
{	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #C6C6C6;
}

/* ------------------------------- */
#upgrade-main-img-wrap
{	max-width: 1000px;
	margin: 0 auto 40px;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}

#upgrade-main-img
{	position: relative;
}

#upgrade-main-img img
{	display: block;
}

#upgrade-main-img &gt; img
{	width: 100%;
	margin: 0 auto 20px;
}

#upgrade-main-img-decals &gt; img
{	position: absolute;
}
#upgrade-main-img-decals &gt; img:nth-child(1)
{	width: 24%;
	top: 13%;
	left: 42%;
}
#upgrade-main-img-decals &gt; img:nth-child(2)
{	width: 29%;
	top: 52%;
	left: 8%;
}
#upgrade-main-img-decals &gt; img:nth-child(3)
{	width: 23%;
	bottom: 2%;
	right: 1%;
}

#upgrade-main-img-wrap &gt; p
{	text-align: right;
}

/* --- */
#upgrade-prices
{}

#upgrade-prices .price-info
{	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 auto 30px;
}

#upgrade-prices .price-info em
{	font-weight: bold;
	display: inline-block;
	margin-left: 1em;
}

#upgrade-prices .price-info strong
{	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
}

#upgrade-prices .option-list
{	text-align: center;
	font-size: 0.95em;
}
#upgrade-prices .option-list p{
	margin-right: 0;
	padding-right: 0;
}

/* --- */
.blue-box#upgrade-point-wrap {
	background-color: #ffebf0;
	margin-bottom: 0;
}
.blue-box#upgrade-point-wrap h3.decal-midasi,
.blue-box#upgrade-point-wrap h4{
	color: #f56c87;
}


#upgrade-point
{}

#upgrade-point &gt; ol,
#upgrade-point &gt; figure
{	display: inline-block;
	vertical-align: top;
}
#upgrade-point &gt; ol
{	width: 56%;
	margin-right: 2%;
	font-size: 0.95em;
}

#upgrade-point &gt; ol &gt; li
{	margin: 0 auto;
}
#upgrade-point &gt; ol &gt; li:not(:last-child)
{	margin-bottom: 20px;
}
#upgrade-point &gt; ol &gt; li h4
{	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #099FD1;
	margin: 0 auto 2px;
}

#upgrade-point &gt; figure
{	width: 42%;
}

#upgrade-point &gt; figure &gt; img
{	display: inline-block;
	vertical-align: top;
}

#upgrade-point &gt; figure &gt; img:first-child
{	display: block;
	margin: 0 auto 4%;
	width: 100%;
}

#upgrade-point &gt; figure &gt; img:nth-child(2),
#upgrade-point &gt; figure &gt; img:nth-child(3)
{	width: 48%;
}
#upgrade-point &gt; figure &gt; img:nth-child(2)
{	margin-right: 4%;
}

/* --- */
#upgrade-choice h3
{	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto 30px;
}
#upgrade-choice h3 span,
#upgrade-choice h3 strong
{	display: block;
}

#upgrade-choice h3 strong
{	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
}

#upgrade-choice figure
{	margin: -10px auto 20px;
	text-align: center;
}
#upgrade-choice figure img
{	display: block;
	vertical-align: middle;
	max-width: 100%;
	margin: auto;
}
/*
#upgrade-choice figure img
{	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
}
#upgrade-choice figure img:nth-child(2)
{	width: 395px;
}
*/
/* --- */
#upgrade-coord-banner
{	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
}

#upgrade-coord-banner .in
{	overflow: visible;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

#upgrade-coord-banner .in img
{	width: 185px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
}

#upgrade-coord-banner .in h3
{	padding-right: 200px;
	margin: 0 auto;
	overflow: hidden;
}

/* --- */
#upgrade-speech
{}

#upgrade-speech img.pc
{	display: block;
	margin: 0 auto;
}

/* --- */
#upgrade-examples-wrap{
	margin-top: 0 !important;
}
#upgrade-examples-wrap .in{
	margin-top: 40px;
}

#upgrade-examples-wrap h4
{	font-size: 1.3em;
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 20px;
}

#upgrade-examples
{	background-color: #FFF;
	padding: 20px;
}

#upgrade-examples &gt; div
{	display: inline-block;
	vertical-align: top;
}

#upgrade-examples-left
{	width: 40.5%;
	margin-right: 2%;
}
#upgrade-examples-left &gt; ul{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #777;
}

#upgrade-examples-left .decal-midasi2{
	margin-bottom: 10px;
	margin-top: -7px;
}

#upgrade-examples-right
{	width: 57.5%;
}

#upgrade-examples-right &gt; ul &gt; li
{	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 2%;
}
#upgrade-examples-right &gt; ul &gt; li:nth-child(4n)
{	margin-right: 0;
}
#upgrade-examples-right &gt; ul &gt; li:nth-child(n+5)
{	margin-top: 2%;
}
#upgrade-examples-right &gt; ul &gt; li a
{	display: block;
	cursor: pointer;
}
#upgrade-examples-right &gt; ul &gt; li a:hover
{	opacity: 0.8;
}
#upgrade-examples-right &gt; ul &gt; li a img
{	display: block;
	width: 100%;
}

/* --- */
#upgrade-banner
{	margin: 0 auto 40px;
}

#upgrade-banner img
{	display: block;
	margin: 0 auto;
}

/* --- */
#upgrade-flow
{	margin: 0 -10px;
}

#upgrade-flow &gt; li
{	width: 25%;
	box-sizing: border-box;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#upgrade-flow &gt; li:nth-child(n+5)
{	margin-top: 20px;
}

#upgrade-flow &gt; li::after
{	content: "";
	border-color: #099FD1;
	border-style: solid;
	border-width: 0;
	border-top-width: 3px;
	border-right-width: 3px;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -3px;
	top: -5px;
	margin-top: 36%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#upgrade-flow &gt; li:nth-child(4n)::after,
#upgrade-flow &gt; li:last-child::after
{	content: none;
}

#upgrade-flow &gt; li figure
{	display: block;
	margin: 0 auto 10px;
	position: relative;
	padding-top: 10px;
}

#upgrade-flow &gt; li.flag figure::before
{	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	position: absolute;
	top: -5px;
	left: -10px;
	width: 80px;
	height: 47px;
	display: block;
}
#upgrade-flow &gt; li.flag.hawaii figure::before
{	background-image: url("../img/option/dress/upgrade/flow-flag-hawaii.svg");
}
#upgrade-flow &gt; li.flag.japan figure::before
{	background-image: url("../img/option/dress/upgrade/flow-flag-japan.svg");
}


#upgrade-flow &gt; li img
{	display: block;
	margin: 0 auto;
	width: 100%;
}

#upgrade-flow &gt; li h4
{	color: #099FD1;
	font-size: 1.05em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0 auto 10px;
	padding-left: 1em;
	text-indent: -1em;
	overflow: hidden;
}

#upgrade-flow &gt; li &gt; p {
	font-size: 92%;
}



/* --- */
#upgrade-voice h3
{	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto 20px;
}
#upgrade-voice h3 strong
{	font-size: 1.8em;
	line-height: 1.4em;
	display: block;
}

#upgrade-voice ul
{	margin: 0 auto 30px;
}
#upgrade-voice ul &gt; li
{	width: 31%;
	margin-right: 3.5%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
}
#upgrade-voice ul &gt; li:nth-child(3n)
{	margin-right: 0;
}

#upgrade-voice ul &gt; li a
{	display: block;
}
#upgrade-voice ul &gt; li a:hover
{	text-decoration: none;
	opacity: 0.8;
}
#upgrade-voice ul &gt; li a:hover img
{	opacity: 1;
}

#upgrade-voice ul &gt; li img
{	width: 100%;
	display: block;
}

#upgrade-voice ul &gt; li h4
{	background-color: rgba(77,77,77,0.8);
	color: #FFF;
	font-size: 1.05em;
	line-height: 1.6em;
	position: absolute;
	padding: 15px 10px;
	left: 0;
	right: 0;
	bottom: 0;
	font-weight: normal;
}
#upgrade-voice ul &gt; li h4 strong
{	font-size: 1.35em;
	line-height: 1.4em;
	display: block;
}

/* ------ */
#upgrade-salon-list
{	margin: 0 auto 20px;
}

#upgrade-salon-list &gt; li
{	width: 48%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}
#upgrade-salon-list &gt; li:nth-child(2n)
{	margin-right: 0;
}
#upgrade-salon-list &gt; li:nth-child(n+3)
{	margin-top: 20px;
}

#upgrade-salon-list &gt; li img
{	display: block;
	margin: 0 auto 15px;
	width: 100%;
}

#upgrade-salon-list &gt; li h4
{	color: #099FD1;
	font-size: 1.25em;
	line-height: 1.4em;
	border-bottom: 1px solid #3B3127;
	padding-bottom: 10px;
	margin: 0 auto 10px;
	position: relative;
	padding-right: 120px;
}
#upgrade-salon-list &gt; li h4 &gt; a
{	background-color: #4D4D4D;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5px;
	font-size: 0.8em;
	line-height: 1.2em;
}
#upgrade-salon-list &gt; li h4 &gt; a:hover
{	background-color: #707070;
	text-decoration: none;
}

#upgrade-salon-list &gt; li p
{	font-size: 0.95em;
}
#upgrade-salon-list &gt; li nav
{	display: block;
	margin: 0 auto;
}

/* ------ */
#free-sec2-top
{	text-align: center;
	margin: 0 auto 30px;
}
#free-sec2-top &gt; div
{	text-align: right;
	display: inline-block;
}
#free-sec2-top &gt; div &gt; img
{	display: inline-block;
	vertical-align: middle;
}

#free-sec2-top &gt; div &gt; img:first-child
{	max-width: 70%;
}
#free-sec2-top &gt; div &gt; img:last-child
{	max-width: 30%;
}

/* */
#free-sec2-gallery
{}
#free-sec2-gallery img
{	display: inline-block;
	width: 25%;
	vertical-align: top;
}

/* ============================================================================================= */
@media only screen and (max-width: 1024px)
{	#blouse-details::before
	{	width: 80px;
		height: 80px;
	}
	#blouse-types &gt; ul &gt; li
	{	
		/* width: 49%;
		margin-right: 2%; */
	}
	#blouse-details &gt; div
	{	width: 49%;
		margin-right: 2%;
	}
	#blouse-details &gt; div:first-child h3.lead
	{	padding-left: 60px;
		padding-right: 60px;
	}

/* --- */
	#upgrade-coord-banner .in
	{	overflow: hidden;
		padding-top: 10px;
		padding-bottom: 0;
		max-width: 600px;
		margin: 0 auto;
	}

	#upgrade-coord-banner .in img
	{	width: 180px;
		position: static;
		float: right;
	}

	#upgrade-coord-banner .in h3
	{	padding-right: 0;
		padding: 10px 0 10px 0;
	}
}

/* ============================================================================================= */
@media only screen and (max-width: 799px)
{	.gray-box:not(:last-child),
	.blue-box:not(:last-child)
	{	margin-bottom: 30px;
	}
	.outline-box
	{	border-width: 5px;
		padding: 15px;
	}

/* ------ */
	.option-navi
	{	padding: 0;
	}
	.option-navi:first-child
	{	margin-top: 0;
	}

	.option-navi &gt; div
	{	display: block;
	}

	.option-navi &gt; div + ul
	{	display: none;
	}
	.option-navi &gt; div.active + ul
	{	display: block;
	}

	.option-navi &gt; div,
	.option-navi &gt; ul &gt; li a
	{	background-color: #4D4D4D;
		color: #FFF;
	}

	.option-navi &gt; div &gt; p,
	.option-navi &gt; ul &gt; li a &gt; span
	{	padding: 5px 5px 5px 2em;
	}

	.option-navi &gt; ul
	{	font-size: 1em;
	}

	.option-navi &gt; ul &gt; li
	{	display: block;
		width: auto;
		margin-right: 0;
		border-top: 1px solid #FFF;
	}
	.option-navi &gt; ul &gt; li:nth-child(n+2)
	{	margin-top: 0;
	}

	.option-navi &gt; div &gt; p::before
	{	left: auto;
		right: 0.5em;
	}

	.option-navi &gt; ul &gt; li a.active &gt; span::before
	{	border-top-width: 1px;
		border-bottom-width: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.option-navi &gt; ul &gt; li ul
	{	position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.option-navi &gt; ul &gt; li ul &gt; li a
	{	border-top-color: #FFF;
		border-top-style: solid;
	}
	.option-navi &gt; ul &gt; li ul &gt; li a
	{	border-top-color: #FFF;
		border-top-style: solid;
	}

	.option-navi &gt; ul &gt; li ul &gt; li a &gt; span
	{	padding-left: 3em;
	}
	.option-navi &gt; ul &gt; li ul &gt; li a &gt; span::before
	{	left: 1.5em;
	}

/* ------------------------------- */
	.option-list
	{	margin-bottom: 20px;
	}
	.option-list &gt; li
	{	width: auto;
		margin-right: 0;
		margin-bottom: 30px;
		display: block;
	}
	.option-list &gt; li:nth-child(n+2)
	{	margin-top: 30px;
	}

	.option-list &gt; li figure
	{	float: left;
		width: 240px;
		max-width: 40%;
		outline-width: 5px;
		outline-offset: -5px;
		margin: 0 15px 10px 0;
	}
	.option-list &gt; li div.tr{
		clear: both;
	}
	.option-list.smt-v2 &gt; li
	{	width: 49%;
		margin-right: 2%;
		display: inline-block;
	}
	.option-list.smt-v2 &gt; li:nth-child(3n)
	{	margin-right: 2%;
	}
	.option-list.smt-v2 &gt; li:nth-child(2n)
	{	margin-right: 0;
	}
	.option-list.smt-v2 &gt; li:nth-child(n+2)
	{	margin-top: 0;
	}
	.option-list.smt-v2 &gt; li:nth-child(n+3)
	{	margin-top: 30px;
	}

	.option-list.smt-v2 &gt; li figure
	{	float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 auto 10px;
	}

/* ------ */
	#option-list-index.option-list &gt; li a
	{	display: block;
		width: auto;
		max-width: 100%;
	}

/* --- */
	.option-banners &gt; a,
	#dress-tux-option-banners &gt; a
	{	display: block;
		width: auto;
		margin: 0 auto;
	}
	.option-banners &gt; a:not(:last-child),
	#dress-tux-option-banners &gt; a:not(:last-child)
	{	margin-bottom: 15px;
	}

/* --- */
	#dress-tux-blog-list
	{	text-align: left;
	}
	#dress-tux-blog-list &gt; li
	{	width: 31.3%;
		margin-bottom: 10px;
	}
	#dress-tux-blog-list &gt; li:nth-child(n+6)
	{	display: inline-block;
	}

/* --- */
	#dress-tux-useful-list &gt; li
	{	width: auto;
		display: block;
		margin: 0 auto;
	}

	#dress-tux-useful-list &gt; li:nth-child(n+2)
	{	padding-top: 15px;
		margin-top: 5px;
		border-top: 2px dotted #CCC;
	}
	#dress-tux-useful-list &gt; li &gt; img,
	#dress-tux-useful-list &gt; li &gt; figure
	{	width: 200px;
	}

/* -------- */
	.option-blue-banner
	{	padding: 20px 0;
		margin-bottom: 20px;
	}
	.option-blue-banner h3
	{	font-size: 1.5em;
	}
	.option-blue-banner p
	{	font-size: 1em;
	}

	#color-dress-compare
	{	margin-bottom: 20px;
	}

	#color-dress-compare figure
	{	float: none;
		margin: 0 auto 20px;
		text-align: center;
	}

/* --- */
	#color-dress-guide1
	{	padding: 10px 0;
	}

	#color-dress-guide1 &gt; li
	{	width: 32%;
		margin-right: 2%;
	}
	#color-dress-guide1 &gt; li:nth-child(6n)
	{	margin-right: 2%;
	}
	#color-dress-guide1 &gt; li:nth-child(3n)
	{	margin-right: 0;
	}
	#color-dress-guide1 &gt; li:nth-child(n+4)
	{	margin-top: 20px;
	}

/* --- */
	#color-dress-guide2-wrap
	{	padding-bottom: 10px;
	}
	#color-dress-guide2
	{	padding: 20px;
	}

	#color-dress-guide2 &gt; img
	{	bottom: -10px;
		width: 240px;
		max-width: 35%;
	}

	#color-dress-guide2-top .oh
	{	display: block;
	}
	#color-dress-guide2-top .oh img,
	#color-dress-guide2-top .oh ul
	{	display: block;
	}
	#color-dress-guide2-top .oh img
	{	float: left;
	}

/* --- */
	#color-dress-flow-ctrl
	{	display: block;
	}

	#color-dress-flow &gt; div
	{	padding: 15px;
		width: auto;
		margin: 0 auto;
		display: none;
	}

	#color-dress-flow &gt; div ol
	{	padding: 0;
	}
	#color-dress-flow &gt; div ol &gt; li::before
	{	left: 32%;
	}
	#color-dress-flow &gt; div ol &gt; li &gt; img
	{	width: 32%;
	}
	#color-dress-flow &gt; div ol &gt; li &gt; div
	{	width: 68%;
	}

/* Display toggles */
	#color-dress-flow-wrap input[type=radio]:checked#color-dress-flow-ctrl-pink ~ #color-dress-flow &gt; .pink,
	#color-dress-flow-wrap input[type=radio]:checked#color-dress-flow-ctrl-blue ~ #color-dress-flow &gt; .blue
	{	display: block;
	}

/* --- */
	#color-dress-gallery &gt; div
	{	padding: 20px 0;
	}

	.color-dress-gallery-img &gt; ul &gt; li
	{	width: 49%;
	}
	.color-dress-gallery-img &gt; ul &gt; li:nth-child(4n)
	{	margin-right: 2%;
	}
	.color-dress-gallery-img &gt; ul &gt; li:nth-child(2n)
	{	margin-right: 0;
	}
	.color-dress-gallery-img &gt; ul &gt; li:nth-child(n+3)
	{	margin-top: 20px;
	}

/* --- */
	#blouse-details &gt; div
	{	background-color: #FFF;
		display: block;
		width: auto;
		margin: 0 auto;
	}

	#blouse-details &gt; div:not(:last-child)
	{	margin-bottom: 20px;
	}

	#blouse-details &gt; div::before
	{	content: none;
	}
	#blouse-details h3.lead
	{	font-size: 1.35em;
	}

	#blouse-details figure
	{	font-size: 1em;
	}

/* -----  */
	#upgrade-main-img-wrap
	{	margin-top: -15px !important;
		padding: 10% 0 0;
	}
	#upgrade-main-img-decals &gt; img:nth-child(1)
	{	width: 30%;
		top: 5%;
	}
	#upgrade-main-img-decals &gt; img:nth-child(2)
	{	width: 35%;
	}
	#upgrade-main-img-decals &gt; img:nth-child(3)
	{	width: 38%;
		bottom: -15%;
		right: -5px;
	}
	#upgrade-main-img-wrap &gt; p
	{	padding-left: 10px;
		padding-right: 10px;
		text-align: left;
	}

/* */
	#upgrade-point &gt; ol,
	#upgrade-point &gt; figure
	{	display: block;
		width: auto;
	}
	#upgrade-point &gt; ol
	{	margin: 0 auto 20px;
	}

/* */
	#upgrade-flow &gt; li
	{	width: auto;
		display: block;
		overflow: hidden;
	}
	#upgrade-flow &gt; li:nth-child(n+2)
	{	margin-top: 10px;
		border-top: 1px solid #099FD1;
		padding-top: 10px;
	}

	#upgrade-flow &gt; li::after
	{	content: none;
	}

	#upgrade-flow &gt; li figure
	{	float: left;
		width: 40%;
		margin-right: 15px;
		padding-top: 10px;
	}
	#upgrade-flow &gt; li.flag figure::before
	{	top: 0px;
		left: -10px;
		width: 70px;
		height: 42px;
	}
	#upgrade-flow &gt; li h4
	{	padding-top: 10px;
		font-size: 1.15em;
	}
	#upgrade-flow &gt; li &gt; p {
		font-size: 100%;
	}


/* */
	#upgrade-examples-left {
		width: 100%;
		margin-right: 0;
	}
	#upgrade-examples-left figure {
		position: relative;
	}
	#upgrade-examples-left figure .bt {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		width: 60px;
	}
	#upgrade-examples-left figure #next {
		right: -30px;
	}
	#upgrade-examples-left figure #prev {
		left: -30px;
	}

/* */
	#upgrade-examples-right {
		display: none !important;
	}

/* */
	#upgrade-salon-list &gt; li
	{	width: auto;
		margin: 0 auto;
		display: block;
	}
	#upgrade-salon-list &gt; li:nth-child(n+2)
	{	margin-top: 20px;
	}

}


/* ============================================================================================= */
@media only screen and (max-width: 600px)
{	.decal-midasi
	{	font-size: 1.2em;
	}

	.option-list &gt; li:nth-child(n+2)
	{	margin-top: 20px;
	}
	.option-list.smt-v2 &gt; li:nth-child(n+3)
	{	margin-top: 20px;
	}

/* */
	.big-small-midasi
	{	font-size: 1.1em;
	}
	.big-small-midasi strong
	{	font-size: 1.4em;
	}

/* --- */
	#color-dress-compare figure &gt; div img
	{	width: 50px;
	}
	#color-dress-compare figure &gt; div p
	{	font-size: 0.9em;
	}
	#color-dress-compare figure &gt; div div
	{	padding: 0px;
	}

/* --- */
	#color-dress-guide1
	{	padding: 5px 0;
	}

/* --- */
	#color-dress-guide2-top .oh ul
	{	padding-left: 10px;
	}

/* --- */
	#color-dress-compare figure &gt; div
	{	width: 46%;
	}
	#color-dress-compare figure &gt; p
	{	font-size: 2em;
		margin: 0;
		padding: 0 4px;
		max-width: 8%;
	}
	#color-dress-flow &gt; div ol &gt; li &gt; div h5
	{	font-size: 1.8em;
	}

/* --- */
	.color-dress-gallery-img &gt; ul:not(:last-of-type)::after
	{	font-size: 2.5em;
	}

/* --- */
	#color-dress-outline h4
	{	font-size: 1.1em;
	}

	#color-dress-outline .price-info
	{	font-size: 1.05em;
		margin: 20px auto 0;
	}

	#color-dress-outline .price-info strong
	{	font-size: 1.6em;
	}

/* --- */
	#blouse-details &gt; div
	{	padding: 15px;
	}

/* -----  */
	#upgrade-main-img-wrap
	{	margin-top: -15px;
	}

/* */
	#upgrade-choice h3 strong
	{	font-size: 1.3em;
	}

	#upgrade-choice figure
	{	margin: 0 auto 30px;
		text-align: center;
	}
	#upgrade-choice figure img
	{	display: block;
		max-width: 100%;
	}
/*
	#upgrade-choice figure img:nth-child(1)
	{	width: 70%;
		margin: 20% 0 0;
		position: relative;
	}
	#upgrade-choice figure img:nth-child(2)
	{	width: 70%;
		margin: -70% 0 0 auto;
	}
*/
/* ---  */
	#upgrade-coord-banner .in img
	{	width: 160px;
	}

	#upgrade-coord-banner .in h3
	{	font-size: 1.2em;
	}

/* */
	#upgrade-examples-wrap .in{
		margin-top: 20px;
	}

	#upgrade-examples-wrap h4
	{	font-size: 1.15em;
	}

/* */
	#upgrade-flow &gt; li.flag figure::before
	{	width: 60px;
		height: 36px;
	}
/* */
	#upgrade-voice h3 strong
	{	font-size: 1.5em;
	}
	#upgrade-voice ul &gt; li h4
	{	padding: 10px;
		font-size: 0.95em;
	}
	#upgrade-voice ul &gt; li h4 strong
	{	font-size: 1.25em;
	}

/* */
	#free-sec2-top &gt; div &gt; img
	{	display: block;
	}

	#free-sec2-top &gt; div &gt; img:first-child
	{	margin: 0 auto;
		max-width: 100%;
	}
	#free-sec2-top &gt; div &gt; img:last-child
	{	max-width: 40%;
		margin: -20px 0 0 auto;
	}
}

/* ============================================================================================= */
@media only screen and (max-width: 480px)
{	.big-small-midasi strong
	{	font-size: 1.25em;
	}
	#upgrade-prices .big-small-midasi strong{
		font-size: 1.2em;
	}

	.option-blue-banner h3
	{	font-size: 1.3em;
	}
	.option-blue-banner.pink h3{
		font-size: 1.3em;
		margin-left: -10px;
		margin-right: -10px;
		padding: 0;
	}
	.option-blue-banner.pink h3 strong{
		display: inline-block;
	}

/* */
	#color-dress-compare figure &gt; p
	{	font-size: 1.5em;
	}

/* --- */
	#color-dress-guide2
	{	padding: 12px;
	}
	#color-dress-guide2-top .oh img
	{	width: 70px;
	}

/* --- */
	#color-dress-flow-ctrl &gt; label
	{	font-size: 0.85em;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#color-dress-flow &gt; div
	{	padding: 12px;
	}
	#color-dress-flow &gt; div ol &gt; li::before
	{	margin-left: 9px;
	}
	#color-dress-flow &gt; div ol &gt; li:first-child::before
	{	top: 9px;
	}

	#color-dress-flow &gt; div ol &gt; li &gt; div
	{	padding-left: 18px;
	}

	#color-dress-flow &gt; div ol &gt; li &gt; div::before
	{	width: 10px;
		height: 10px;
		top: 7px;
	}

/* ---- */
	#blouse-details-wrap
	{	padding: 10px;
	}
	#blouse-details::before
	{	width: 60px;
		height: 60px;
		left: -5px;
		top: -10px;
	}
	#blouse-details h3.lead
	{	font-size: 1.3em;
		margin-bottom: 20px;
	}

	#blouse-details &gt; div:first-child h3.lead
	{	padding-left: 35px;
		padding-right: 35px;
	}
	#blouse-details p.lead
	{	font-size: 1em;
	}

/* -----  */
	#upgrade-main-img-wrap
	{	margin-top: 0px;
	}

/* */
	#upgrade-coord-banner .in img
	{	width: 120px;
	}

	#upgrade-coord-banner .in h3
	{	font-size: 1.1em;
	}

/* */
	#upgrade-voice ul &gt; li h4
	{	position: static;
		font-size: 0.9em;
	}
	#upgrade-voice ul &gt; li h4 strong
	{	font-size: 1.1em;
	}
	.option-list &gt; li p small{
		font-size: 11px;
	}
}

/* ============================================================================================= */
@media only screen and (max-width: 400px)
{	.decal-midasi
	{	font-size: 1.15em;
	}

/* --- */
	#color-dress-compare figure &gt; div:nth-of-type(1)
	{	width: 38%;
	}
	#color-dress-compare figure &gt; div:nth-of-type(2)
	{	width: 54%;
	}
	#color-dress-compare figure &gt; div h3
	{	padding-top: 2.8em;
	}
	#color-dress-compare figure &gt; div h3 span
	{	position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#color-dress-compare figure &gt; div h3 b
	{	display: block;
	}

/* --- */
	#color-dress-flow &gt; div ol &gt; li &gt; div h5
	{	font-size: 1.4em;
	}
/* --- */
	.color-dress-gallery-img &gt; ul:not(:last-of-type)::after
	{	font-size: 2em;
	}

/* --- */
	#color-dress-outline h4
	{	font-size: 1.05em;
	}

	#blouse-details &gt; div:first-child h3.lead
	{	padding-left: 35px;
		padding-right: 35px;
	}
	#blouse-details figure &gt; img
	{	margin-right: 10px;
		margin-bottom: 10px;
	}

	#blouse-details figure .oh
	{	overflow: visible;
		padding-left: 10px;
	}

/* --- */
	#upgrade-coord-banner .in img
	{	width: 100px;
	}

	#upgrade-coord-banner .in h3
	{	font-size: 1.05em;
	}
}
/**/
.bnr-box {
	margin-top: 15px;
	text-align: center;
	padding: 0 10px;
}
.bnr-box img {
	width: 100%;
	max-width: 600px;
}
@media screen and (min-width: 800px) {
	.bnr-box {
		margin-top: 30px;
	}
}

/**/
.big-1 {
	font-size: 17px;
}
@media screen and (min-width: 800px) {
	.big-1 {
		font-size: 30px;
	}
}

/* â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; ãƒãƒŠãƒ¼ã‚¨ãƒªã‚¢ â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; */
.banner_ophowto{
	max-width: 600px;
  margin: 40px auto;
}
@media only screen and (max-width: 890px){
	.banner_ophowto{
		padding:0 10px;
	}
}
.banner_ophowto a{
	display: block;
}
.banner_ophowto a img{
	display: block;
	margin:0 auto;
	box-sizing: border-box;
	vertical-align: bottom;
}

</pre></body></html>