.wrapper { margin: 0 auto; width: 100%; color: #222; font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; letter-spacing: 0.125em; line-height: 1.8em; /*-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: 75px 0 0; width: 100% }
.container .main { margin: 0 auto 150px; width: 960px; overflow: hidden }
.container .main .visual { margin: 0 auto 110px }
.container .main .visual img { width: 100%; height: auto }
.container .main h1.title { font-size: 16px; font-weight: bold; line-height: 1.8em; margin: 0 auto 85px; text-align: center }
.container .main .point { font-size: 16px; font-weight: bold; margin: 0 auto 32px; text-align: center }
.container .main .point span { background: linear-gradient(transparent 62%,#ead7e9 0%); display: inline-block; padding: 0 10px; }
.container .main ul { display: table; margin: 0 auto; text-align: left; }
.container .main ul li { font-size: 16px; position: relative; margin: 0 0 10px; padding-left: 30px; }
.container .main ul li:before { content: url(/user_data/packages/default/images/makeheart/check.svg); position: absolute; top: -2px; left: 0; width: 21px; height: auto; }
.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 }
}


.container h2 { margin: 0 auto 35px; text-align: center; }
.container h2:after { content: ""; width: 60px; height: 1px; background-color: #222; display: block; margin: 19px auto 24px; }
/*.container h3 { font-size: 16px; font-weight: bold; margin: 0 auto 20px; text-align: center; }*/
.container ul.bra { margin: 0 auto 30px; text-align: center; }
.container ul.link { margin: 0 auto; text-align: center; }
.container ul.link li { font-size: 13px; margin-bottom: 10px; letter-spacing: 0.05em; white-space: nowrap; }
.container ul.link li a { color: #222; text-decoration: underline; }
.container ul.link li a:hover { color: #222; text-decoration: none; }

.container p.btn { margin: 0 auto 150px; text-align: center; }
.container p.btn a { background: transparent; color: #111; border:1px solid #111; text-align: center; display: inline-block; font-size: 13px; letter-spacing: 1px; padding: 12px; text-decoration: none; position: relative; width: 300px; box-sizing: border-box; transition: all .6s ease; }
.container p.btn a:hover { background: #111; color: #fff; cursor: pointer; text-decoration: none; }



/* Customer Voice */
.container .voice { margin: 0 auto 170px; width: 650px; }
.container .voice h3 { margin: 0 auto 60px; text-align: center; }
.container .voice h3 img { width: 174px; height: auto; }
.container .voice .box { margin: 0 auto 30px; overflow: hidden; }
.container .voice .box .lt { float: left; width: 215px; }
.container .voice .box .rt { float: right; width: 435px; }
.container .rate { margin: 0 auto 15px }
.container .rate img { width: 140px; height: auto }
.container .rate-text { margin: 0; font-size: 12px; letter-spacing: 0.05em; }
.container .review-text { margin: 0; font-size: 12px; letter-spacing: 0.05em; line-height: 1.95em; }
/*.container .more { margin: 0; font-size: 13px; letter-spacing: 0.05em; }
.container .more a { color: #222; text-decoration: none; }
.container .more a:hover { color: #222; text-decoration: underline; }*/



/* Flower Bouquet */
.column01 { position: relative; width: 956px; height: 1180px; margin: 0 auto 80px; }
.column01 .visual01 { position: absolute; top: 270px; right: 0; z-index: 0; }
.column01 .visual01 img { width: 574px; height: auto; }
.column01 .visual02 { background: #fff; position: absolute; top: 0; left: 55px; z-index: 1; }
.column01 .visual02 img { width: 452px; height: auto; }
.column01 .inner { position: absolute; bottom: 0; left: 0; width: 311px; height: 423px; }
.column01 .inner h2 img { width: 178px; height: auto; }
.column01 .inner ul.bra img { width: 133px; height: auto; }



/* Iris Lace */
.column02 { position: relative; width: 1136px; height: 1140px; margin: 0 auto 110px; }
.column02 .visual01 { background: #fff; position: absolute; bottom: 0; right: 274px; z-index: 1; }
.column02 .visual01 img { width: 368px; height: auto; }
.column02 .visual02 { position: absolute; top: 0; left: 0; z-index: 0; }
.column02 .visual02 img { width: 613px; height: auto; }
.column02 .inner { position: absolute; top: 60px; right: 0; width: 360px; height: 416px; box-sizing: border-box; }
.column02 .inner h2 img { width: 93px; height: auto; }
.column02 .inner ul.bra img { width: 148px; height: auto; }
.container .column02 h2:after { margin: 24px auto 24px; }



/* Mignon Rose */
.column03 { position: relative; width: 963px; height: 765px; margin: 0 auto 85px; }
.column03 .visual01 { position: absolute; top: 0; left: 0; }
.column03 .visual01 img { width: 566px; height: auto; }
.column03 .inner { position: absolute; top: 140px; right: 0; width: 225px; height: 415px; }
.column03 .inner h2 img { width: 153px; height: auto; }
.column03 .inner ul.bra img { width: 142px; height: auto; }