@charset "UTF-8";
/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-size: 100%; line-height: 1; margin: 0; padding: 0; vertical-align: baseline; }

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul, dl { list-style: none; }

a { font-size: 100%; vertical-align: baseline; }

img { vertical-align: bottom; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

hr { margin: 0; padding: 0; height: 0; border: 0; }

/*clearfix*/
.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

/*for PC*/
br.sp { display: none; }

@media screen and (max-width: 480px) { br.sp { display: block; } }

/*for Smartphone*/
br.pc { display: block; }

@media screen and (max-width: 768px) { br.pc { display: none; } }

/*layout*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
***For SmartPhone ***/
html { height: 100%; }

body { height: 100%; margin: 0; padding: 0; background: #fff; color: #000; font-family: 'Noto Sans JP', Sans-Serif; font-size: 100%; -webkit-text-size-adjust: none; font-feature-settings: "palt"; }

body img.fw { width: 100%; }

#wrap2 { margin: 0 auto; width: 100%; /*max-width: 1366px;*/ position: relative; border-top: none; }

/*header { margin: 0 auto; width: 100%; height: 52px; background: #b0a7a1; text-align: center; position: relative; div.logo { margin:0 auto 0; padding-top: 10px; width: 99px; display: inline-block; vertical-align: text-bottom; } h1 { margin: 0 auto; font-size: 20px; font-weight: 400; color: #fff; display: inline; } }*/
section > div { width: 100%; margin: 0 auto; position: relative; }

section > div div.innerWrap { width: 864px; margin: 0 auto; }

section > div div.innerWrap div.texBox { position: relative; }

section > div div.innerWrap div.texBox div > img { position: relative; z-index: 1; }

section div#topBox { margin: 0 auto; width: 100%; position: relative; text-align: center; /*border-top: solid 10px #b0a7a1;*/ }

section div#topBox div.innerWrap { width: auto; min-width: 864px; overflow: hidden; position: relative; }

section div#topBox div.innerWrap h1 { margin: 0 -168px; position: relative; }

section div#topBox div.innerWrap div.btn { margin: 0 auto; position: absolute; width: 864px; left: 0; right: 0; bottom: 34px; }

section div#topBox div.innerWrap div.btn a { width: 518px; }

section div#box01 { background: #f6f3f2; }

section div#box01 div.texBox > ul { position: absolute; top: 37px; left: 226px; }

section div#box01 div.texBox > ul li { font-size: 22px; color: #4e4040; font-weight: 400; margin-bottom: 1.05em; }

section div#box02 { padding-top: 83px; background: url(img/box01_bg.png) no-repeat center top #e2eef4; }

section div#box02 div.texBox > ul { position: absolute; top: 112px; left: 467px; width: 350px; }

section div#box02 div.texBox > ul li { font-size: 20px; color: #4e4040; font-weight: 400; line-height: 1.4; text-indent: -1em; margin: 0 0 1.05em 1em; text-align: justify; }

section div#box02 div.texBox > ul li::before { content: '■'; color: #8aacaa; font-size: 60%; vertical-align: middle; margin-right: 0.4em; }

section div#box02 p { margin: 0 auto; padding: 80px 0 50px; text-align: center; font-size: 38px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; }

section div#box02 p span { vertical-align: 30%; }

section div#box03 { padding-top: 81px; background: url(img/box02_bg.png) no-repeat center top #fff; text-align: center; }

section div#box03 div.innerWrap { width: auto; min-width: 864px; overflow: hidden; }

section div#box03 div.innerWrap p { margin: 70px auto 30px; }

section div#box03 div.innerWrap h3 { margin: 0 -168px; position: relative; }

section div.point { margin: 72px auto 110px; color: #161a1d; }

section div.point h3 { margin: 0 auto 68px; text-align: center; font-size: 48px; font-weight: 700; }

section div.point h3 > img { margin: 0 auto; margin-bottom: 42px; }

section div.point h3 > span { display: block; font-size: 36px; font-weight: 400; margin-bottom: 32px; }

section div#box04 h4 { margin: 0 auto 30px; padding: 10px 0; width: 504px; text-align: center; font-size: 30px; font-weight: 700; border: solid 4px #66b7e7; }

section div#box04 div.texBox > p { margin: 0 auto; position: absolute; top: 40px; left: 22px; width: 446px; text-align: justify; font-size: 26px; line-height: 1.7; font-weight: 400; }

section div#box04 div.texBox > p strong { font-weight: 400; background: linear-gradient(transparent 60%, #ffff66 60%); }

section div#box05 { text-align: center; }

section div#box05 div.innerWrap { width: auto; min-width: 864px; overflow: hidden; }

section div#box05 div.innerWrap > div { position: relative; margin: 0 -168px; }

section div#box05 div.innerWrap > div ul { position: absolute; margin: 0 auto; top: 60px; left: 0; right: 0; width: 838px; /*height: 660px;*/ z-index: 10; }

section div#box05 div.innerWrap > div ul li { position: absolute; text-align: left; }

section div#box05 div.innerWrap > div ul li h4 { font-size: 26px; font-weight: 500; line-height: 1.6; letter-spacing: 0.02em; }

section div#box05 div.innerWrap > div ul li h4 span { font-size: 15px; display: block; }

section div#box05 div.innerWrap > div ul li h4 em { font-style: normal; background: linear-gradient(transparent 60%, #ffff66 60%); }

section div#box05 div.innerWrap > div ul li p { margin-top: 5px; font-size: 16px; font-weight: 400; line-height: 1.4; }

section div#box05 div.innerWrap > div ul li p sup { font-size: 8px; vertical-align: super; }

section div#box05 div.innerWrap > div ul li:nth-of-type(1) { top: 74px; left: 221px; }

section div#box05 div.innerWrap > div ul li:nth-of-type(2) { top: 207px; left: 444px; }

section div#box05 div.innerWrap > div ul li:nth-of-type(3) { top: 371px; left: 430px; }

section div#box05 div.innerWrap > div ul li:nth-of-type(4) { top: 514px; left: 186px; }

section div#box05 div.innerWrap > div p.note { position: absolute; margin: 0 auto; bottom: 18px; left: 0; right: 0; width: 820px; z-index: 10; font-size: 13px; color: #5b5b5b; font-weight: 300; line-height: 1.5; text-align: right; }

section div#box06 h3 { text-align: center; }

section div#box06 ul { margin: 50px auto 130px; border-bottom: dotted 2px #000; }

section div#box06 ul li { margin: 0 auto; padding: 70px 0; border-top: dotted 2px #000; }

section div#box06 ul li dl { position: relative; min-height: 397px; padding-left: 277px; }

section div#box06 ul li dl dd.photo { position: absolute; left: 0; top: 0; }

section div#box06 ul li dl dd.tex { margin-top: 37px; max-width: 580px; }

section div#box06 ul li p { margin-bottom: 0.5em; font-size: 22px; font-weight: 300; line-height: 1.5; letter-spacing: 0.05em; text-align: justify; }

section div#box06 ul li:nth-of-type(2) dl { padding-left: 0; }

section div#box06 ul li:nth-of-type(2) dl dd.photo { right: 0; left: auto; }

section div#box06 ul li.short { padding: 34px 0 34px 24px; position: relative; }

section div#box06 ul li.short::before { content: ' '; position: absolute; display: block; width: 8px; height: 26px; background: #f5a8cb; left: 0; top: 38px; }

section div#box07 { text-align: center; }

section div#box07 div.innerWrap { width: auto; min-width: 864px; overflow: hidden; }

section div#box07 div.innerWrap h3 { position: relative; margin: 0 -48px; }

section div#midBox { margin: 77px auto 80px; padding-bottom: 64px; width: 100%; background: #f6f3f2; }

section div#midBox div.part1 { margin: 0 auto; padding-top: 62px; }

section div#midBox div.part1 p { margin: 0 auto 32px; width: 680px; }

section div#midBox div.part1 p:last-child { margin-bottom: 50px; width: 746px; }

section div#midBox div.part2 { margin: 0 auto; padding: 0; width: 860px; border: solid 2px #000; }

section div#midBox div.part2 div.headTab { margin-left: 0; }

section div#midBox div.part2 h1 { margin: 18px auto 28px; text-align: center; font-size: 38px; font-weight: 500; letter-spacing: 0.05em; line-height: 1.7; }

section div#midBox div.part2 h1 span { display: block; font-size: 28px; font-weight: 400; }

section div#midBox div.part2 h1 p { margin: 10px auto 0; font-size: 18px; font-weight: 300; letter-spacing: 0; }

section div#midBox div.part2 dl { margin: 0 auto 36px; width: 488px; color: #3c3c3c; }

section div#midBox div.part2 dl dt { margin: 0 auto 10px; height: 36px; text-align: center; font-size: 20px; font-weight: 300; line-height: 36px; letter-spacing: 0.1em; background: #e2dfde; }

section div#midBox div.part2 dl dt.rose { margin-bottom: 20px; background: #f2cddc; }

section div#midBox div.part2 dl dd { margin: 0 0.5em 20px; font-size: 15px; line-height: 1.4; }

section div#midBox div.part2 hr { margin: 0 auto; width: 734px; border-top: solid 1px #b0acac; }

section div#midBox div.part2 p { margin: 43px auto 55px; width: 680px; }

section div#btmBox { margin: 44px auto 110px; width: 100%; }

section div#btmBox p { margin: 0 auto 38px; font-size: 22px; font-weight: 500; text-align: center; }

section div#btmBox dl { margin: 0 auto 34px; padding: 20px 44px; width: 678px; border: dotted 1px #000; font-size: 18px; }

section div#btmBox dl dt { margin-bottom: 0.7em; font-weight: 500; }

section div#btmBox dl dd { margin: 0 auto 0.5em 1em; text-indent: -1em; font-weight: 300; line-height: 1.4; }

section div#btmBox dl dd strong { font-weight: 500; }

section div#btmBox dl dd ul { margin: 18px auto; padding: 10px 0; border-top: solid 1px #888; border-bottom: solid 1px #888; }

section div#btmBox dl dd ul li { margin: 0 auto 0.8em 1em; text-indent: -1em; font-size: 16px; line-height: 1.7; }

section div#btmBox dl dd ul li strong { display: block; font-weight: 500; line-height: 1.7; }

section div#btmBox form input[type="checkbox"] { margin-right: 5px; width: 28px; height: 28px; border: solid 1px #545454; vertical-align: middle; }

section div#btmBox form input[type="checkbox"]:checked { background: url(img/check.png) no-repeat center center; background-size: 100% auto; }

section div#btmBox form p { font-size: 26px; }

section div#btmBox div.btn { margin: 28px auto 0; position: relative; width: 518px; }

section div#btmBox div.btn p#cover { display: block; width: 100%; height: 110%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); z-index: 100; }

section div#btmBox div.btn a { position: relative; z-index: 10; }

div.footBnr { margin: 0 auto 30px; text-align: center; }

/*footer { margin: 0 auto; padding-bottom: 30px; border-top: solid 1px #ccc;  p.copyright { margin: 20px auto 0; text-align: center; font-size: 11px; color: 888; } }*/
/** 共通Footer 調整 **/
#footer > * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

#header { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

#header > * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

#wrap { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

#wrap > * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

/******* 販売後追加 ********/
section p.toRegular { margin: 0 auto 48px; padding: 20px 0; width: 865px; text-align: right; border-top: dotted 2px #333; }

section p.toRegular a { margin: 20px 0; display: block; }

section div#box07 .btn { margin: 64px auto 40px; }

section div#box07 .btn p { margin-bottom: 20px; }

section div#box08 { margin: 90px auto; padding: 30px 0 60px; background: #eff9f8; }

section div#box08 h3 { margin-bottom: 40px; text-align: center; font-size: 32px; font-weight: 500; line-height: 1.6; letter-spacing: 0.1em; }

section div#box08 h3 em { font-size: 36px; font-weight: 500; font-style: normal; border-bottom: solid 6px #e51373; }

section div#box09 h3 { margin-bottom: 50px; text-align: center; font-size: 32px; font-weight: 500; line-height: 1.6; letter-spacing: 0.1em; }

section div#box09 h3 em { font-size: 36px; font-weight: 500; font-style: normal; border-bottom: solid 6px #e51373; }

section div#box09 dl { margin: 0 auto; width: 690px; font-size: 22px; }

section div#box09 dl dt { margin-bottom: 54px; font-weight: 500; }

section div#box09 dl dt div { margin-bottom: 15px; text-align: center; }

section div#box09 dl dd { margin-bottom: 38px; padding-bottom: 54px; font-weight: 300; line-height: 1.6; border-bottom: dotted 1px #333; }

section div#box09 dl dd div { margin-bottom: 15px; text-align: center; }

section div#box09 dl dd:last-child { border-bottom: none; }

section div#midBox { background: #f4f4f1; }

section div#midBox div.part2 h1 { margin-top: 56px; }

section div#midBox div.part2 div.btnBox { margin: 0 auto 40px; width: 734px; text-align: center; border-top: solid 1px #b0acac; }

section div#midBox div.part2 div.btnBox p.price { margin: 20px auto 16px; text-align: center; font-size: 24px; }

section div#midBox div.part2 div.btnBox p.price strong { font-size: 60px; font-weight: 400; }

section div#midBox div.part2 div.btnBox p.price strong span { font-size: 34px; }

section div#midBox div.part2 div.btnBox p.red { color: #e51373 !important; }

section div#midBox div.part2 div.btnBox p.teiki { font-size: 22px; text-align: right; }

section div#midBox div.part2 div.itemPhoto { margin: 0 auto 50px; text-align: center; }

section div#midBox div.part2 ul { margin: 0 auto; width: 562px; }

section div#midBox div.part2 ul li { margin-bottom: 38px; }

/******* レギュラー商品ページ用修正 ********/
.regular section div#box03 { background: none; padding-top: 0; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 480px) { #wrap { font-weight: 300; } }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/