.wrapper { margin: 0 auto; width: 100%; color: #000; font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; letter-spacing: 0.1em; /*-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;*/ }
/*.wrapper p.lead { font-size: 12px; font-family:  "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3"; letter-spacing: 2.5px; line-height: 2.4; margin: 0 auto 13.5%; margin-left: -4.4%; text-align: center; }
.wrapper p.lead span { display: inline-block; padding-bottom: 10px }*/


.container { margin: 0 auto; padding: 30px 0 0; width: 100%; max-width: 1012px }
.container .main { margin: 0 auto 92px; width: 900px; overflow: hidden }
.container .main .visual { margin: 0; float: left }
.container .main .visual img { width: 428px; height: auto }
.container .main h1.title { margin: 0; float: right; padding: 170px 18px 0 0 }
.container .main h1.title img { width: 292px; height: auto }
.container .main .lead { clear: both; font-size: 14px; line-height: 2.0em; margin: 0 auto; padding: 85px 0 0; text-align: center }
.main {
	opacity: 0;
	-webkit-animation: fadein-main 2.5s ease 0.5s 1 forwards;
	animation: fadein-main 2.5s ease 0.5s 1 forwards;
}
@-webkit-keyframes fadein-main {
	100% { opacity: 1 }
}
@keyframes fadein-main {
	100% { opacity: 1 }
}


/* VOICE */
.container .box01 { margin: 0 auto 100px; width: 900px }
.container .box01 .lt { display: inline-block; vertical-align: bottom; width: 442px }
.container .box01 .rt { display: inline-block; vertical-align: bottom; width: 458px; padding-bottom: 45px }
.container .box01 .visual { margin: 0 auto; text-align: center; width: 375px; position: relative; z-index: 0 }
.container .box01 .visual img { width: 100%; height: auto }
.container .box01 .voice { margin: -9.7% 0 0 -0.7%; text-align: center; width: 442px; position: relative; z-index: 1 }
.container .box01 .voice img { width: 100%; height: auto }
.container .box01 h2.secret01 { margin: 0 auto 28px; text-align: center; width: 320px }
.container .box01 h2.secret01 img { width: 100%; height: auto }
.container .box01 h3.secret02 { margin: 0 auto 28px; text-align: center; width: 312px }
.container .box01 h3.secret02 img { width: 100%; height: auto }
.container .box01 p.text { font-size: 14px; margin: 0 auto; letter-spacing: 0.075em; line-height: 1.9em; width: 364px /*width: 82.5%*/ }
.container .box01.minami .voice { margin: -25% 0 0; width: 412px; padding-left: 2.8% }
.container .box01.minami .lt { width: 410px; padding-bottom: 80px }
.container .box01.minami .rt { width: 490px; padding: 0 0 0 50px; box-sizing: border-box }
.container .box01.miho { margin: 0 auto 165px }
.container .box01.miho .voice { margin: -36% 0 0 5%; width: 418px }
.container .box01.miho .rt { padding: 0 0 20px 30px; box-sizing: border-box }



/* ありのままのわたしに寄り添うデュベタッチブラ */
.container .box02 { margin: 0 auto 110px; width: 1012px }
.container .box02 .lt { display: inline-block; vertical-align: bottom; width: 501px; padding-left: 25px; box-sizing: border-box }
.container .box02 .rt { display: inline-block; vertical-align: bottom; width: 511px; padding-bottom: 18px }
.container .box02 h2.voice { margin: 0 0 -4%; text-align: right; width: 478px; position: relative; z-index: 1 }
.container .box02 h2.voice img { width: 100%; height: auto }
.container .box02 .visual { margin: 0; text-align: left; width: 427px; position: relative; z-index: 0 }
.container .box02 .visual img { width: 100%; height: auto }
.container .box02 .detail { margin: 0; padding-left: 16px; width: 494px }
.container .box02 .detail img { width: 100%; height: auto }

.container .box03 { margin: 0 auto 70px; width: 865px; overflow: hidden }
.container .box03 .left { float: left }
.container .box03 .right { float: right }
.container .box03 .wrap { margin: 0 auto 40px; width: 390px }
.container .box03 .wrap .lt { display: inline-block; vertical-align: top; width: 143px }
.container .box03 .wrap .rt { display: inline-block; vertical-align: top; width: 247px; padding-left: 15px; box-sizing: border-box }
.container .box03 .wrap img { width: 100%; height: auto }
.container .box03 .wrap span img { width: auto; height: 22px; margin-bottom: -2px }
.container .box03 p.text01 { font-size: 14px; font-weight: bold; margin: 0 auto 6px; letter-spacing: 0.075em; line-height: 2em; text-align: left; white-space: nowrap }
.container .box03 p.text01 span { /*font-family: serif; font-size: 20px*/ display: inline-block; padding-right: 8px }
.container .box03 p.text02 { font-size: 12px; margin: 0 auto 5px; letter-spacing: 0.075em; line-height: 1.7em; text-align: left }



/* LINK */
.container .box04 { margin: 0 auto 110px }
.container .box04 ul { margin: 0 auto 160px }
.container .box04 ul li { display: inline-block; margin: 0 3.4%; width: 16.9%; box-sizing: border-box }
.container .box04 ul li img { width: 100%; height: auto }
.container .btn { margin: 10px auto 80px; text-align: center; width: 285px }
.container .btn a { background: #919191; color: #fff; font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3"; font-size: 20px; letter-spacing: 0.05em; line-height: 1; padding: 18px 0; display: block }