#lingerieguide{ background: #fff; letter-spacing: 0.15em}
.W-rapper{ width: 930px; margin: 0 auto; font-size: 12px; line-height: 1.5; padding: 33px 0 80px}

.title-col { width: 670px; height: 187px; margin: 0 auto; text-align: center; background: url(/user_data/packages/default/images/lingerieguide/bg_head.png) no-repeat}
.title-col p { font-size: 18px; font-weight: bold; margin: 0 auto 5px; padding-top: 15px}
.title-col h1 { font-size: 40px; font-weight: bold; margin: 0 auto; line-height: 1.2em}
.title-col h1 small { font-size: 30px}

#lingerieguide h2 { border-bottom: 4px dashed #fbe2db; font-size: 23px; font-weight: normal; margin: 0 auto 55px; padding: 0 0 35px; text-align: center; line-height: 1.7em}
#lingerieguide h2 small { font-size: 15px}
#lingerieguide h3 { font-size: 30px; font-weight: bold; line-height: 1.2em; margin: 0 auto 40px; text-align: center}
#lingerieguide h3 span { display: inline-block; background: linear-gradient(transparent 75%,#fbe2db 0%); padding: 0 15px}

#lingerieguide p.text01 { font-size: 18px; margin: 0 auto 30px; line-height: 1.8em}
#lingerieguide p.text01 span { color: #fbe2db}
#lingerieguide p.text01 small { display: inline-block; font-size: 19px; line-height: 1.8em}
#lingerieguide p.text02 { font-size: 18px; margin: 0 auto 30px; line-height: 1.8em; text-align: center}
#lingerieguide p.text02 span { color: #fbe2db}
#lingerieguide p.text03 { font-size: 18px; margin: 0 auto 30px; line-height: 1.8em; text-align: center}
#lingerieguide p.text03 span { color: #fbe2db}

#lingerieguide p.data {  }
#lingerieguide p.data-text { font-size: 22px; margin: 6px auto 100px; text-align: right}

/*#lingerieguide p.btn { clear: both;  margin: 0 auto; text-align: center; width: 510px}
#lingerieguide p.btn a { background: #fbe2db; color: #fff !important; display: block; font-size: 22px; font-weight: bold; width: 100%; padding: 20px 0}
#lingerieguide p.btn.mb80 { margin-bottom: 80px}
#lingerieguide p.btn.mb130 { margin-bottom: 130px}
*/



/* --------測り方 -------- */
#Howtomajor h3{ margin-top: 70px}
#Howtomajor h3.merit { margin-top: 0}
#Howtomajor h4 { font-size: 25px; font-weight: bold; line-height: 1; margin: 0 auto 15px; text-align: center}
#Howtomajor h4 span { font-size: 30px}

#lingerieguide p.bnnr-text { font-size: 23px; margin: -20px auto 40px; line-height: 1.8em; text-align: center}
#lingerieguide p.bnnr-image { margin: 0 auto 50px; text-align: center}
#lingerieguide p.bnnr-image img { width: 550px; height: auto}

#lingerieguide .bust-col { margin: 100px auto 140px; overflow: hidden}
#lingerieguide .bust-col .lt { width: 466px; float: left}
#lingerieguide .bust-col .rt { float: right; width: 430px; padding-top: 110px}
#lingerieguide .bust-col .rt p { font-size: 18px; line-height: 1.6em; margin: 0 auto 30px; text-align: left}
#lingerieguide .bust-col .rt p span { color: #fbe2db; display: inline-block; padding-bottom: 5px}

#lingerieguide .short-col { margin: 40px auto 0; overflow: hidden}
#lingerieguide .short-col .lt { width: 416px; float: left; padding: 90px 0 0 50px}
#lingerieguide .short-col .rt { float: right; width: 460px}
#lingerieguide .short-col .lt p { font-size: 18px; line-height: 1.6em; margin: 0 auto 30px; text-align: left}
#lingerieguide .short-col .lt p span { color: #fbe2db; display: inline-block; padding-bottom: 5px}

#lingerieguide .calc-col h3 {  }
#lingerieguide .calc-col { border: 4px solid #fbe2db; border-radius: 10px; margin: 0 auto 60px; padding: 40px 180px 30px; overflow: hidden; box-sizing: border-box}
#lingerieguide .calc-col p.text01 { font-size: 28px; font-weight: bold; margin: 0 auto; text-align: center}
#lingerieguide .calc-col p.text02 { font-size: 28px; font-weight: bold; margin: 120px auto -10px; text-align: center; position: relative}
#lingerieguide .calc-col p.text02:before { content:""; background: url(/user_data/packages/default/images/lingerieguide/arrow.png) no-repeat; background-size: 51px 57px; position:absolute; top: -80px; left: 44%; width: 51px; height: 57px}
#lingerieguide .calc-col p.text03 { font-size: 15px; font-weight: bold; margin: 10px auto; text-align: center}
#lingerieguide .calc-col .recommend { text-align: center}

.input_brasize { border: 1px solid #bbb; background: #f2f2f2; border-radius: 10px; height: 50px; width: 160px; padding: 6px 10px 5px; line-height: 50px; font-size: 32px; -webkit-appearance: none !important; -moz-appearance: textfield !important; text-align: center}
.input_brasize:focus { border: 2px solid #F096BC; background:  #fff; padding: 5px 9px 4px; outline: 0}
.input_brasize::-webkit-outer-spin-button,
.input_brasize::-webkit-inner-spin-button { -webkit-appearance: none !important}
.label_brasize { padding: 30px 20px 0}
.label_brasize span { font-size: 28px; font-weight: bold; display: inline-block; vertical-align: middle; width: 280px}
.label_brasize small { font-size: 22px; font-weight: bold; padding: 0 0 0 15px}
label.label_brasize { display: block}

#brasize_top { }
#brasize_under { }
#brasize_result { width: 180px; height: 60px; font-size: 32px; /*border: 2px solid #FDE9EB;*/ text-align: center}
#brasize_result:focus { padding: 5px 10px 6px}
#brasize_result.active { border: 2px solid #F096BC; background: #FDF5F6}

#lingerieguide .support-col { border: 4px solid #fbe2db; border-radius: 10px; margin: 0 auto 70px; padding: 80px 80px 70px; overflow: hidden; box-sizing: border-box}
#lingerieguide .support-col p.lt01 { float: left; width: 183px; margin: 0 auto 30px}
#lingerieguide .support-col p.rt01 { float: right; width: 560px; margin: 0 auto 30px; text-align: center; font-size: 24px; line-height: 1.8em}
#lingerieguide .support-col p.rt01 span { display: inline-block; font-size: 28px; font-weight: bold; margin: 0 auto 15px}
#lingerieguide .support-col p.lt02 { float: left; width: 133px; margin: 20px auto 0}
#lingerieguide .support-col p.rt02 { float: right; width: 610px; margin: 0 auto 30px; text-align: center; font-size: 22px; line-height: 1.8em}
#lingerieguide .support-col p.rt02 span { display: inline-block; font-size: 28px; font-weight: bold; margin: 0 auto 15px}
#lingerieguide .support-col p.text { clear: both; margin: 0 auto 20px; text-align: center; font-size: 16px; line-height: 1.8em}




/* --------サイズ表 -------- */
#lingerieguide .point-col { border: 4px solid #fbe2db; border-radius: 10px; margin: 0 auto 100px; padding: 35px; box-sizing: border-box}
#lingerieguide .point-col h4 { font-size: 30px; font-weight: bold; line-height: 1; margin: 0 auto 35px; text-align: center}
#lingerieguide .point-col p.text { font-size: 19px; line-height: 1.8em; margin: 0 auto 30px}
#lingerieguide .point-col p.text span { color: #fbe2db}
#lingerieguide .point-col p.text { font-size: 19px; margin: 0 auto 30px}
#lingerieguide .point-col p.illust { margin: 0 auto; text-align: center}

#lingerieguide .merit-col { border: 4px solid #fbe2db; border-radius: 10px; margin: 0 auto 70px; padding: 40px 80px 50px; overflow: hidden; box-sizing: border-box}
#lingerieguide .merit-col h4 { font-size: 25px; font-weight: bold; line-height: 1; margin: 0 auto 35px; text-align: center}
#lingerieguide .merit-col h4 span { font-size: 30px}
#lingerieguide .merit-col p.lt { float: left; width: 183px; margin: 0 auto 30px}
#lingerieguide .merit-col p.rt { float: right; width: 560px; margin: 0 auto 30px; text-align: center; font-size: 24px; line-height: 1.8em}
#lingerieguide .merit-col p.rt span { display: inline-block; font-size: 28px; font-weight: bold; margin: 0 auto 15px}
#lingerieguide .merit-col p.lt02 { float: left; width: 133px; margin: 20px auto 0}
#lingerieguide .merit-col p.rt02 { float: right; width: 610px; margin: 0 auto 30px; text-align: center; font-size: 22px; line-height: 1.8em}
#lingerieguide .merit-col p.rt02 span { display: inline-block; font-size: 28px; font-weight: bold; margin: 0 auto 15px}
#lingerieguide .merit-col p.text { clear: both; margin: 0 auto 20px; text-align: center; font-size: 16px; line-height: 1.8em}


#lingerieguide ul.room-size { display: flex}
#lingerieguide ul.room-size li { font-size: 23px; font-weight: bold; text-align: center}
#lingerieguide ul.room-size li img { padding-top: 50px; width: 235px; height: auto}
#lingerieguide ul.room-size li:nth-child(2) img { width: 350px; height: auto; margin: 0 30px}
#lingerieguide ul.room-size li:nth-child(3) img { width: 220px; height: auto}



/* -------- 着け方 -------- */
.W-rapper#Howtowear { width: 100%}
#lingerieguide #Howtowear h2 { width: 930px}
#Howtowear h3 { margin-top: 70px}
#Howtowear ul.howto { width: 1080px; margin: 50px auto 0; font-size: 0}
#Howtowear ul.howto li { display: inline-block; vertical-align: top; width: 445px}
#Howtowear ul.howto li:nth-child(2) { width: 580px; margin-left: 40px}
#Howtowear ul.howto li:nth-child(2) p { padding-left: 60px}
#Howtowear ul.howto li:nth-child(4) { width: 580px; margin-left: 40px}
#Howtowear ul.howto li:nth-child(4) p { padding-left: 60px}
#Howtowear ul.howto li p { font-size: 18px; margin: 15px auto 80px; line-height: 1.8em; text-align: left}
#Howtowear ul.howto li p span { color: #fbe2db}

#lingerieguide .nubra-col { margin: 120px auto 30px; width: 1030px}
#lingerieguide .nubra-col ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0}
#lingerieguide .nubra-col ul li { width: 30%}
#lingerieguide .nubra-col ul li p { font-size: 18px; margin: 15px auto 0; line-height: 1.8em; text-align: left; width: 290px}
#lingerieguide .nubra-col ul li p span { color: #fbe2db}

#lingerieguide .check01-col { margin: 0 auto; width: 930px}
#lingerieguide .check01-col#check { margin-top: -30px; padding-top: 30px}
#lingerieguide .check01-col { margin: 0 auto 90px}
#lingerieguide .check01-col h3 span { padding: 0 5px}
#lingerieguide .check01-col .txt01 { font-size: 30px; font-weight: bold; margin: 0 auto 45px; text-align: center}

#lingerieguide .check01-col ul.image { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0}
#lingerieguide .check01-col ul.image li { text-align: center; width: 420px}
#lingerieguide .check01-col ul.image li p { font-size: 18px; margin: 25px auto 45px; line-height: 1.8em; text-align: left}
#lingerieguide .check01-col ul.image li p span { color: #fbe2db}
#lingerieguide .check01-col ul.image li img { width: 270px; height: auto}

#lingerieguide .check01-col .txt03 { font-size: 25px; font-weight: bold; margin: 0 auto 35px; text-align: center}
#lingerieguide .check01-col .point { border: 4px solid #fbe2db; border-radius: 10px; margin: 0 auto; padding: 40px 120px 20px; box-sizing: border-box}
#lingerieguide .check01-col .point ul {  }
#lingerieguide .check01-col .point ul li { position: relative; font-size: 18px; margin: 0 auto 50px; padding-left:72px; text-align: left}
#lingerieguide .check01-col .point ul li:nth-child(3), #lingerieguide .check01-col .point ul li:nth-child(4) { padding-top: 15px}
#lingerieguide .check01-col .point ul li:before { 
	position:absolute;
	top: 5px;
	left:0;
	content:"";
	display:inline-block;
	width:48px;
	height:48px;
	background:url(/user_data/packages/default/images/lingerieguide/fitting/icon.png) no-repeat;
	background-size:contain }


#lingerieguide .check02-col { margin: 0 auto 30px; width: 830px}
#lingerieguide .check02-col h3 span { padding: 0 5px}
#lingerieguide .check02-col ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#lingerieguide .check02-col ul li { margin: 0 auto 3%; text-align: center; width: 48%}
#lingerieguide .check02-col ul li p { font-size: 18px; margin: 20px auto; line-height: 1.8em; text-align: left; width: 368px}
#lingerieguide .check02-col ul li p span { color: #fbe2db}








/*margin
------------------------------------- */
.mt5{margin-top:     5px !important}
.mb5{margin-bottom:  5px !important}
.ml5{margin-left:    5px !important}
.mr5{margin-right:   5px !important}

.mt10{margin-top:    10px !important}
.mb10{margin-bottom: 10px !important}
.ml10{margin-left:   10px !important}
.mr10{margin-right:  10px !important}

.mt15{margin-top:    15px !important}
.mb15{margin-bottom: 15px !important}
.ml15{margin-left:   15px !important}
.mr15{margin-right:  15px !important}

.mt20{margin-top:    20px !important}
.mb20{margin-bottom: 20px !important}
.ml20{margin-left:   20px !important}
.mr20{margin-right:  20px !important}

.mt25{margin-top:    25px !important}
.mb25{margin-bottom: 25px !important}
.ml25{margin-left:   25px !important}
.mr25{margin-right:  25px !important}

.mt30{margin-top:    30px !important}
.mb30{margin-bottom: 30px !important}
.ml30{margin-left:   30px !important}
.mr30{margin-right:  30px !important}

.mt35{margin-top:    35px !important}
.mb35{margin-bottom: 35px !important}
.ml35{margin-left:   35px !important}
.mr35{margin-right:  35px !important}

.mt40{margin-top:    40px !important}
.mb40{margin-bottom: 40px !important}
.ml40{margin-left:   40px !important}
.mr40{margin-right:  40px !important}

.mt45{margin-top:    45px !important}
.mb45{margin-bottom: 45px !important}
.ml45{margin-left:   45px !important}
.mr45{margin-right:  45px !important}

.mt50{margin-top:    50px !important}
.mb50{margin-bottom: 50px !important}
.ml50{margin-left:   50px !important}
.mr50{margin-right:  50px !important}

.mt70{margin-top:    70px !important}
.mb70{margin-bottom: 70px !important}
.ml70{margin-left:   70px !important}
.mr70{margin-right:  70px !important}

.mt80{margin-top:    80px !important}
.mb80{margin-bottom: 80px !important}
.ml80{margin-left:   80px !important}
.mr80{margin-right:  80px !important}

.mt90{margin-top:    90px !important}
.mb90{margin-bottom: 90px !important}
.ml90{margin-left:   90px !important}
.mr90{margin-right:  90px !important}

.mt100{margin-top:    100px !important}
.mb100{margin-bottom: 100px !important}
.ml100{margin-left:   100px !important}
.mr100{margin-right:  100px !important}

.mt110{margin-top:    110px !important}
.mb110{margin-bottom: 110px !important}
.ml110{margin-left:   110px !important}
.mr110{margin-right:  110px !important}

.mt120{margin-top:    120px !important}
.mb120{margin-bottom: 120px !important}
.ml120{margin-left:   120px !important}
.mr120{margin-right:  120px !important}