@charset url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

/*color palette
#6fa422
#496c16
#e6f5d0
#c81430
#ef5063
#f09dac
#464b3d
*/

/*------------------------------------ 

General Settings

------------------------------------ */
body {
	-webkit-text-size-adjust: 100%;/* テキストサイズバグ回避 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 87.5%;
	font-family: 'Noto Sans','游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #666666;
	letter-spacing: 0.1em;
	line-height: 1.75em;
	
	margin: 0 !important;
}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.1em}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

.noto-light     { font-weight: 200; }
.noto-demiLight { font-weight: 300; }
.noto-regular   { font-weight: 400; }
.noto-medium    { font-weight: 500; }
.noto-bold      { font-weight: 700; }

.txt120 { font-size: 1.2rem;}
.txt140 { font-size: 1.4rem;}
.mt00 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt40 { margin-top: 40px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important;}
.mtb60 { margin-top: 60px !important; margin-bottom: 60px !important;}
.mb150 { margin-bottom: 150px !important;}
.fontR { color: rgba(252,36,40,1.00)}
.fontP { color: #db6882}
.fontB { color: #6e96ca;}
.fontOR { color: #f4b200;}
.fontG { color: #46a659;}
a { color: #db6882;}

.left { float: left !important;}
.right { float: right !important;}
.center { text-align: center;}
.txtR { text-align: right;}
.clearfix:after,.clear { content: ""; clear: both; display: block;}

h2{ margin: 10px auto 40px auto; text-align: center;}
h4{ text-align: center; font-weight: 400; font-size: 1.2rem; }
p {
	margin: 20px auto;
	font-size: 1.0rem;
	line-height: 2.0rem;
}
.HL { background: linear-gradient(transparent 40%, rgba(255,235,97, 0.7) 40%);}
.UL { border-bottom: 2px solid #db6882; }
.caption {
	font-size: 0.8rem;
	line-height: 1.0rem;
	display:inline-block;
}

/*------------------------------------ 

Layout

------------------------------------ */
article section { width: 100%; min-width: 1000px; position: relative; margin-bottom: 200px;}
section .inner { width: 1000px; margin: 0 auto; }
.flexbox { display: flex; -webkit-display: flex;}
#container section:last-child { margin-bottom: 40px; }
#container section:first-child { margin-bottom: 0 !important; }
section.message.mama, section.teiki, #sec15 { margin-bottom: -60px !important;}

#container section::after {
	content: '　';
	display: block;
	width: 828px; height: 80px; margin: 100px auto -60px auto;
	background-image: url(../../img/mt/stop_mt.png);
	background-repeat: no-repeat;
	z-index: -1;
}
#container section.noBorder::after { background-image: none;}


/*------------------------------------ 

FirstView

------------------------------------ */
#logo { width: 1000px; margin: 10px auto;}
.firstView .inner { width: 1000px; max-height: 60vh; min-height: 600px; }
.mainVisual {
	width: 1000px; height: 50vh; min-height: 500px; max-height: 600px;
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;	
}
.mainVisual .MVleft { width: 50%; margin-right: 5%;}
.firstView a {
	width: 70%;
	text-align: center;
	display: block;
	margin: 0 auto 60px auto;
}
.prMovie { text-align: center;}
.prMovie iframe{ border: 1px solid #E1E1E1;}

.bnr_stage { width: 600px; display: block; margin: 20px auto 0 auto;}
.bnr_stage p { width: 600px; margin-top: 0;}

a.head_btn {
    display: block;
	position: absolute;
	top: 10px; right: 10px;
    padding: 6px 12px 4px;
    min-width: 76px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background-color: #F2B4B5;

    border: 0px none;
    text-decoration: none;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    outline: none;
    cursor: pointer;
}
.productCopy { width: 600px; text-align: center; margin: -20px auto 60px auto;}
.firstView .bodyTxt { width: 600px; margin: -20px auto 60px auto; display: block;}
.firstView .bodyTxt p { display: block; text-align: center;}
a.kakaku {
	display: block;
	width: 100%; text-align: center;
	margin: 80px auto 20px auto;
}

/*------------------------------------ 

History

------------------------------------ */
.history{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #cff5ae 20%, #9be37d 35%, #70c24d 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#cff5ae 20%,#9be37d 35%,#70c24d 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#cff5ae 20%,#9be37d 35%,#70c24d 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#70c24d',GradientType=0 ); /* IE6-9 */
}
.history .bodyTxt { width: 700px; margin: 40px auto;}
.history .chrno { height: 400px; position: relative; margin-top: 80px; }
.history .txtBox p { color: #ffffff; font-size: 0.9rem; line-height: 1.5rem; text-align: left;}
.history .txtBox { width: 600px; margin: 20px auto;}

/*------------------------------------ 

Kitamrua

------------------------------------ */
.kitamura .bodyTxt { width: 1000px; margin: 0 auto;}
.kitamura .bodyTxt .right { margin-left: 20px;}

/*------------------------------------ 

About

------------------------------------ */
.about .bodyTxt { width: 600px; margin-left: 400px;}
.about .bodyTxt .left { margin-right: 20px;}
.about { background-image: url(../../img/mt/img_sec05_01_0622.png); background-repeat: repeat-x; background-size: 2000px; background-position: center 360px; }
.about.e0609 .bodyTxt { width: 600px; margin: 40px auto;}
.about.e0609 { background-image: none;}

/*------------------------------------ 

plus2

------------------------------------ */
.plus2 .bodyTxt { width: 650px; margin: 40px auto;}

/*------------------------------------ 

Unique

------------------------------------ */
.unique .bodyTxt { width: 800px; margin: 40px auto;}
.unique .bodyTxt .left { width: 330px; margin-right: 20px;}

/*------------------------------------ 

Power

------------------------------------ */
.power { background-image: url(../../img/mt/img_sec08_01.png); background-repeat: repeat-x; background-size: 100%; background-position: top center; text-align: center; min-height: 800px; padding-top: 10vw;}
.power .inner {
	display: flex;
	-webkit-display: flex;
	
	flex-direction: row;
	-webkit-flex-direction: row;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	
}
.power .inner img{ display: block; margin: 20px auto;}

/*------------------------------------ 

Aging

------------------------------------ */
.aging .bodyTxt { width: 800px; margin: 40px auto;}
.aging .bodyTxt .left { width: 330px; margin-right: 30px;}

/*------------------------------------ 

Ingredients

------------------------------------ */
.ingredients .bodyTxt { width: 800px; margin: 40px auto;}
.ingredients .bodyTxt .left { width: 330px; margin-right: 20px;}

.ingredients .bodyTxt.flexbox { width: 800px; margin: 40px auto;
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;

	justify-content: space-around;
	-webkit-justify-content: space-around;

	align-items: center;
	-webkit-align-items: center;	
}
.ingredients .bodyTxt.flexbox div:nth-child(2) { width: 400px;}
.ingredients .bodyTxt.last { width: 650px; margin: 0 auto;}

.ingredients .st_inner dl { width: 700px; margin: 0 auto;}
.ingredients .st_inner dl dt{ background:#f7f7f7;border-radius:5px; margin-top:15px; padding: 10px; position: relative;}
.ingredients .st_inner dl dt img { display: block; margin-left: 10px;}
.ingredients .st_inner dl dt::after {content: "\f054"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; margin-top: -12px;}
.ingredients .st_inner dl dt.open::after {content: "\f078"; font-family: FontAwesome;}
.ingredients .st_inner dl dd{padding:15px;}
.ingredients .st_inner {margin-bottom: 40px;}
.ingredients .st_inner dd p { margin-bottom: 20px;}
.ingredients .st_inner.edit0410 dl dt::after {content: none; font-family: FontAwesome; /*position: absolute; top: 50%; right: 10px; margin-top: -12px;*/}
.ingredients .st_inner.edit0410 dl dt.open::after {content: none; font-family: FontAwesome;}

/*------------------------------------ 

Country

------------------------------------ */
.country .bodyTxt { width: 700px; margin: 20px auto;}
.doc {
	width: 700px;
	margin: 40px auto;
	
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;	
}
.doc img {
	border: 1px solid #cccccc;
	width: 200px;
	display: block;
	margin: 0 10px;
}

/*------------------------------------ 

Safety

------------------------------------ */
.topSafety dl dt { width: 20%; }
.topSafety dl dd { width: 75%; }
.topSafety dl {
	margin: 20px auto;
	width: 600px;
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
	align-items: center;
	-webkit-align-items: center;	
}
.ansnAnzn { margin-top: -80px !important; padding-top: -80px !important;}
.ansnAnzn h2+div { width: 600px; margin: 20px auto;}
.ansnAnzn .left { margin-right: 20px;}
.ansnAnzn p.center+div {
	width: 600px; margin: 20px auto;
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
	align-items: center;
	-webkit-align-items: center;		
}
.e0524 .bodyTxt p { width: 600px; margin: 20px auto;}

/*------------------------------------ 

Reason

------------------------------------ */
.reason .bodyTxt { width: 650px; margin: 10px auto 40px auto;}

/*------------------------------------ 

Products

------------------------------------ */
.products .flexbox {
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;	
}

/*------------------------------------ 

buyArea

------------------------------------ */
.buyArea .inner { width: 700px; margin: 0 auto;}
.buyArea h4.teiki { width: 700px; text-align: left; border-bottom: 2px solid #c81430;}
.buyArea h4.teiki img { display: block; border: 2px solid #c81430; margin-bottom: -2px;}
.buyArea h4.once { width: 700px; text-align: left; border-bottom: 2px solid #7a7a7a;}
.buyArea h4.once img { display: block; border: 2px solid #7a7a7a; margin-bottom: -2px;}
.buyArea.up0407 h4.teiki, .buyArea.up0407 h4.once { width: 700px; text-align: left; border-bottom: 2px solid #ffffff; position:relative; z-index: 2;
/*box-shadow:0px 6px 6px -5px #847b50;
-moz-box-shadow:0px 6px 6px -5px #847b50;
-webkit-box-shadow:0px 6px 6px -5px #847b50;*/
}
.buyArea.up0407 h4.teiki img, .buyArea.up0407 h4.once img { display: block; border: 2px solid #ffffff; margin-bottom: -2px; position:relative; z-index: 1;
/* box-shadow 
box-shadow:0px 0px 4px 0px #847b50,0px 0px 4px 0px #847b50 inset;
-moz-box-shadow:0px 0px 4px 0px #847b50,0px 0px 4px 0px #847b50 inset;
-webkit-box-shadow:0px 0px 4px 0px #847b50,0px 0px 4px 0px #847b50 inset;*/
}

.buyArea .buyBundle { margin-top: 20px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #464b3d; position: relative;}
.buyBundle p.caption.course { position: absolute; bottom: 0;}
.buyArea .buyBundle .buyLeft { width: 360px;}
.buyArea .buyBundle .buyRight { width: 320px; position: relative; z-index: 1;}
.buyArea .buyBundle {
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;	
	
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

/*     .buyLeft      */
.buyArea .prdctImg { 
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: space-around;
	-webkit-justify-content: space-around;
	
	align-items: center;
	-webkit-align-items: center;
	
	position: relative;
	z-index: 1;
	width: 360px;
}
.buyArea .couple .prdctImg, .buyArea .pre .prdctImg { 
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;
	
	position: relative;
	z-index: 1;
	width: 360px;
}
.buyArea .prdctImg img { margin: 10px 0;}
.buyBundle dt, .buyBundle span { font-size: 0.8rem; color: #c81430;}
.onceArea .buyBundle dt, .onceArea .buyBundle span { font-size: 0.8rem; color: #7a7a7a;}
.up0407 .buyBundle dt, .up0407 .buyBundle span, .up0407 .onceArea .buyBundle dt, .up0407 .onceArea .buyBundle span { font-size: 0.8rem; color: #ffffff;}

.buy_box { 
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;	
	
	margin-bottom: 10px;
}
.buy_box span { border: 1px solid #c81430; display: inline-block; padding: 2px; margin-top: 10px ; width: 160px; text-align: center;}
.onceArea .buyBundle .buy_box span { border: 1px solid #7a7a7a; display: inline-block; padding: 2px; margin-top: 10px ; width: 46%; }
.up0407 .buy_box span, .up0407 .onceArea .buyBundle .buy_box span { border: 1px solid #073463; display: inline-block; padding: 2px; margin-top: 10px ; width: 160px; text-align: center;}

.buyArea .buyBundle.only .buyRight{ margin-top: 103px;}

.buyArea .women h4.buyTtl { position: absolute; top: -90px; z-index: 0;}
.buyArea .women { margin-top: 120px;}
.buyArea .women .buyRight { margin-top: 14px;}
.buyArea .onceArea .women .buyRight { margin-top: 23px;}
.buyArea .women.pre { margin-top: 130px;}
.buyArea .women.pre .buyRight { margin-top: 72px;}
.buyArea .onceArea .women.pre .buyRight { margin-top: 82px;}
.buyArea.up0407 .women.pre .buyRight { margin-top: 82px;}
.buyArea.up0407 .onceArea .women.pre .buyRight { margin-top: 92px;}

.buyArea .couple h4.buyTtl { position: absolute; top: -80px; z-index: 0;}
.buyArea .couple { margin-top: 120px;}
.buyArea .couple .buyRight { margin-top: 25px;}
.buyArea .onceArea .couple .buyRight { margin-top: 36px;}
.buyArea .couple.pre { margin-top: 100px;}
.buyArea .couple.pre .buyRight { margin-top: 32px;}
.buyArea .onceArea .couple.pre .buyRight { margin-top: 42px;}
.buyArea.up0407 .couple.pre .buyRight { margin-top: 42px;}
.buyArea.up0407 .onceArea .couple.pre .buyRight { margin-top: 52px;}

/*     .buyRight      */
.buyBundle dl dt { padding: 5px 0; border-top: 1px solid #c81430; border-left: 1px solid #c81430; border-right: 4px solid #c81430; border-bottom: 4px solid #c81430; text-align: center; width: 296px; margin-bottom: 10px;}
.onceArea .buyBundle dl dt { padding: 5px 0; border-top: 1px solid #7a7a7a; border-left: 1px solid #7a7a7a; border-right: 4px solid #7a7a7a; border-bottom: 4px solid #7a7a7a; }
.up0407 .buyBundle dl dt, .up0407 .onceArea .buyBundle dl dt { padding: 5px 0; border-top: 1px solid #073463; border-left: 1px solid #073463; border-right: 4px solid #073463; border-bottom: 4px solid #073463; text-align: center; width: 296px; margin-bottom: 10px;}

.buyBundle dl dt::before {content: "\f0da"; font-family: FontAwesome; margin-right: 5px; }
.buyBundle dl dt.open::before {content: "\f0d7"; font-family: FontAwesome; margin-right: 2px;}
.buyBundle dl dd{ padding:15px;}

.buyArea div p { margin: 10px auto; }
.buyArea .btnLINE a { display: block; width: 315px; height: 45px; text-indent: -9999px; background:url(../../img/mt/btn_line.png) no-repeat 0 0;}
.buyArea .btnBuy a { display: block; width: 300px; height: 48px; overflow: hidden; text-indent: -9999px;}
.buyArea .teikiArea .btnBuy a { background: url(../../img/mt/btn_buy.png) no-repeat 0 0;}
.buyArea .teikiArea .btnBuy a:hover { background:url(../../img/mt/btn_buy.png) no-repeat 0 -48px;}
.buyArea .onceArea .btnBuy a { background: url(../../img/mt/btn_buy_1.png) no-repeat 0 -48px;}
.buyArea .onceArea .btnBuy a:hover { background:url(../../img/mt/btn_buy_1.png) no-repeat 0 0;}
.buyArea.up0407 .teikiArea .btnBuy a { background: url(../../img/mt/btn_buy_2.png) no-repeat 0 0;}
.buyArea.up0407 .teikiArea .btnBuy a:hover { background:url(../../img/mt/btn_buy_2.png) no-repeat 0 -48px;}


.buyBundle dl dd h4 { font-size: 1.0rem;}
.buyBundle dl dd img { display: block;}
.buyBundle dl dd ul.flexbox{ 
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;
	
	list-style-type: none;
	text-align: left;
	margin: 10px auto;
}
.buyBundle dl dd ol {text-align: left; margin: 10px auto; list-style-position: inside; text-indent: -1.0em; margin-left: 1.0em;}
.buyBundle dl dd ul.flexbox li, .buyBundle dl dd ol li { margin: 5px; font-size: 0.8rem; line-height: 1.0rem;}
.buyBundle dl dd p { text-align: left; font-size: 0.8rem; margin-top: 10px;}
.buyArea p.caption { text-align: left; text-indent: -1.0em; margin-left: 1.0em;}

/*------------------------------------ 

orderArea

------------------------------------ */
.orderArea .inner { width: 700px; margin: 0 auto;}
.orderBox { margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #464b3d; position: relative;}

/* コース分類 */
.orderBox.teikiC h3 { width: 700px; text-align: left; border-bottom: 2px solid #c81430;}
.orderBox.teikiC h3 img { display: block; border: 2px solid #c81430; margin-bottom: -2px;}
.orderBox.onceC h3 { width: 700px; text-align: left; border-bottom: 2px solid #7a7a7a;}
.orderBox.onceC h3 img { display: block; border: 2px solid #7a7a7a; margin-bottom: -2px;}
.PRc .orderBox h3 { border-bottom: 2px solid #ffffff;}
.PRc .orderBox h3 img { border: 2px solid #ffffff;}

/* 購入エリア下 */
.orderBtm {
	width: 700px;

	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.PRc .orderBtm .btmR {
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	flex-direction: column;
	-webkit-flex-direction: column;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.orderBtm .btmL { width: 360px; position: relative;}
.orderBtm .btmR { width: 300px; position: relative; z-index: 1;}
.e0810 .orderBox.onceC.women .orderBtm .btmR, .orderArea.PRc .orderBox.onceC.women .orderBtm .btmR{ width: 300px; position: relative; z-index: 1; margin-top: -10px;}
.tanpin .orderBtm .btmL { height: 154px;} .tanpin .orderBtm .btmR { min-height: 154px;}
.women .orderBtm .btmL { height: 204px;} .women .orderBtm .btmR { min-height: 204px;}
.PRc .women .orderBtm .btmL { height: 154px;} .PRc .women .orderBtm .btmR { min-height: 154spx;}
.couple .orderBtm .btmL { height: 253px;} .couple .orderBtm .btmR { min-height: 253px;}
.PRc .couple .orderBtm .btmL { height: 302;} .PRc .couple .orderBtm .btmR { min-height: 302px;}
.tanpin.onceC .orderBtm .btmL { height: 103px; padding-top: 10px;} .tanpin.onceC .orderBtm .btmR { min-height: 103px;}
.women.onceC .orderBtm .btmL { height: 153px;} .women.onceC .orderBtm .btmR { min-height: 153px;}
.PRc .women.onceC .orderBtm .btmL { height: auto;} .PRc .women.onceC .orderBtm .btmR { min-height: 153px;}
.couple.onceC .orderBtm .btmL { height: 203px;} .couple.onceC .orderBtm .btmR { min-height: 203px;}
.PRc .couple.onceC .orderBtm .btmL { height: auto;} .PRc .couple.onceC .orderBtm .btmR { min-height: 203px;}

.orderBtm dt, .orderBtm span { font-size: 0.7rem; color: #c81430;}
.onceC .orderBtm dt, .onceC .orderBtm span { font-size: 0.7rem; color: #7a7a7a;}
.PRc .orderBtm dt, .PRc .orderBtm span { font-size: 0.7rem; color: #ffffff;}

.orderBox p.caption { text-align: left; text-indent: -1.0em; margin-left: 1.0em; margin-bottom: 0;}


/* 粒説明 */
.tb { width: 358px; border-radius: 5px; height: 36px; padding: 2px 0; position: relative; }
.teikiC .tb { border: 1px solid #c81430; }
.onceC .tb { border: 1px solid #7a7a7a; }
.PRc .tb { border: 1px solid #073463; }
.tbB { width: 117px; height: 36px; padding: 2px 0; margin-left: 104px; margin-right: 137px; position: absolute; top: 0;}
.teikiC .tbB { border-left: 1px dotted #c81430; border-right: 1px dotted #c81430;}
.onceC .tbB { border-left: 1px dotted #7a7a7a; border-right: 1px dotted #7a7a7a;}
.PRc .tbB { border-left: 1px dotted #073463; border-right: 1px dotted #073463;}

/* 補足情報 */
.btmL {
	width: 360px;
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;	
	
	align-content: space-between;
	-webkit-align-content: space-between;
}
.btmL div.waku { border: 1px solid #c81430; display: inline-block; padding: 2px; width: 160px; text-align: center; line-height: 1.2em; height: 36px; display: table; /*height: 36px; line-height: 36px;*/}
.btmL div.waku span{ display: table-cell;  vertical-align: middle;}
.onceC .btmL div.waku { border: 1px solid #7a7a7a;}
.PRc .btmL div.waku { border: 1px solid #073463;}


/* アコーディオン */
.orderBtm .btmR dl { width: 320px;}
.orderBtm .btmR dl dt { border-top: 1px solid #c81430; border-left: 1px solid #c81430; border-right: 4px solid #c81430; border-bottom: 4px solid #c81430; text-align: center; width: 296px; margin-bottom: 10px; height: 35px; line-height: 35px;}
.onceC .orderBtm .btmR dl dt { border-top: 1px solid #7a7a7a; border-left: 1px solid #7a7a7a; border-right: 4px solid #7a7a7a; border-bottom: 4px solid #7a7a7a;}
.PRc .orderBtm .btmR dl dt { border-top: 1px solid #073463; border-left: 1px solid #073463; border-right: 4px solid #073463; border-bottom: 4px solid #073463;}
.orderBtm .btmR dl dt::before {content: "\f0da"; font-family: FontAwesome; margin-right: 5px; }
.orderBtm .btmR dl dt.open::before {content: "\f0d7"; font-family: FontAwesome; margin-right: 2px;}
.orderBtm .btmR dl dd{ padding:15px;}
.orderBtm .btmR dl dd ol {text-align: left; margin: 10px auto; list-style-position: inside; text-indent: -1.0em; margin-left: 1.0em;}
.orderBtm .btmR dl dd ul.flexbox li, .orderBtm dl dd ol li { margin: 5px; font-size: 0.8rem; line-height: 1.0rem;}
.orderBtm .btmR dl dd p { text-align: left; font-size: 0.8rem; margin-top: 10px;}
.orderBtm .btmR dl dd h4 { font-size: 1.0rem;}
.orderBtm .btmR dl dd img { display: block;}
.orderBtm .btmR dl dd ul.flexbox{ 
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;
	
	list-style-type: none;
	text-align: left;
	margin: 10px auto;
}


/* ボタン類 */
.orderBtm div p { margin: 10px auto 0 auto; }
.orderBtm .btnLINE a { display: block; width: 315px; height: 45px; text-indent: -9999px; background:url(../../img/mt/btn_line.png) no-repeat 0 0;}
.orderBtm .btnBuy a { display: block; width: 300px; height: 48px; overflow: hidden; text-indent: -9999px;}
.teikiC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy.png) no-repeat 0 0;}
.teikiC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy.png) no-repeat 0 -48px;}
.onceC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy_1.png) no-repeat 0 -48px;}
.onceC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy_1.png) no-repeat 0 0;}
.PRc .teikiC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy_2.png) no-repeat 0 0;}
.PRc .teikiC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy_2.png) no-repeat 0 -48px;}

/* updated on 20170803 */
.e0803 .teikiC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy_3.png) no-repeat 0 0;}
.e0803 .teikiC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy_3.png) no-repeat 0 -48px;}
.e0803 .onceC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy_4.png) no-repeat 0 -48px;}
.e0803 .onceC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy_4.png) no-repeat 0 0;}
.PRc.e0803 .teikiC .orderBtm .btnBuy a { background: url(../../img/mt/btn_buy_5.png) no-repeat 0 0;}
.PRc.e0803 .teikiC .orderBtm .btnBuy a:hover { background:url(../../img/mt/btn_buy_5.png) no-repeat 0 -48px;}


/* プレミアム */
.orderArea.PRc .inner { width: 700px; margin: -300px auto 0 auto; padding: 20px 150px; background: #e3c433;}
.orderArea.e0912 .inner { /*margin: -300px auto 0 auto;*/}



/*------------------------------------ 

teiki

------------------------------------ */
.teiki dl { width: 600px; margin: 40px auto 60px auto;}
.teiki h2 { margin-bottom: 20px;}
.teiki dl { margin-bottom: 60px;}
.teiki dd p { margin-top: -10px !important;}

/*------------------------------------ 

ALA

------------------------------------ */
.ala .bodyTxt, .egao .bodyTxt { width: 650px; margin: 40px auto;}
.ala { position:relative; z-index: 2;}

.ala.up0407 .inner { 
	padding: 80px 0;
	background-color: #fee054;
	background-image: url(../../img/mt/img_sec14_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.ala.up0407 .bodyTxt { color: #ffffff; padding: 20px; background-color: rgba( 141,125,52, 0.4 );}

.egao .inner {
	padding: 315px 0 200px 0;
	margin-top: -380px !important; 
	background-color: #073463;
	background-image: url(../../img/mt/img_sec25_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.egao .bodyTxt { color: #ffffff; padding: 20px; }



/*------------------------------------ 

buyArea Premium

------------------------------------ */
.buyArea.Premium .inner { width: 700px; margin: 20px auto 0 auto;}
section.Premium { margin: 0 ; padding: 30vh 0 10vh 0; margin-top: -300px !important; position: relative; z-index: 1; /*background-color: #f1fedc;*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e6f5d0 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e6f5d0 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e6f5d0 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f5d0',GradientType=0 ); /* IE6-9 */
}
section.Premium.up0407 { background: #ffffff;}
.buyArea.Premium.up0407 .inner { width: 700px; margin: -340px auto 0 auto; padding: 60px 150px; background: #e3c433;}

/*------------------------------------ 

ShippingInfo

------------------------------------ */
.shippingInfo .inner { width: 650px; margin: 0 auto;}
.shippingInfo h4 { font-weight: 600; color:#496c16; background-color:#e6f5d0; padding: 2px 0 2px 10px; margin-top: 60px; margin-bottom: 10px; text-align: left;}
.shippingInfo h4 i { margin-right: 2px;}
.shippingInfo .bodyTxt { width: 600px; margin: 0 auto;}
.shippingInfo p { margin: 10px auto;}

/*------------------------------------ 

Ingredients

------------------------------------ */
.component p { font-weight: 200; font-size: 0.9em; width: 95%; margin: 10px auto;}
.ingredients ul { list-style-type: none; width: 100%; background-color: #ffffff; padding-top: 20px;}
.ingredients ul li { font-size: 0.9em; line-height: 1.5em;}
.ingredients ul li sub{bottom:-.2em;}
.ingredients ul li::before { content: '●';}

.ingredients .bodyTxt { width: 650px; margin: 0 auto;}

.component {width: 650px; margin: 20px auto; background-color:rgba(255,246,204,0.70);}
.component dt{/*background: url(../../img/mt/icn_open.png) no-repeat right center;background-size:20px 7px;*/border-radius:4px;font-size:14px;font-weight:bold;line-height:17px;padding:6px 30px 6px 15px;}
.component dt.close{/*background: url(../../img/mt/icn_close.png) no-repeat right center;background-size:20px 7px;*/}
.component dt span{display:inline-block;font-size:11px;line-height:14px;}
/*.component dd{display:none;}*/

.component dd { border-top: 1px dashed #666666; padding-bottom: 5px;}

/*------------------------------------ 

Qa

------------------------------------ */
.qa_inner dl, .st_inner dl{margin:0 auto;padding-top:15px; width: 650px;}
.qa_inner dl dt{font-size:14px;font-weight:bold;line-height:20px;background:#f7f7f7 url(../../img/mt/icn_open.png) no-repeat right center;background-size:26px 9px;border-radius:4px;padding:15px 30px 15px 15px; margin-top:15px;}
.qa_inner dl dt.open{background:#f7f7f7 url(../../img/mt/icn_close.png) no-repeat right center;background-size:26px 9px;}
.qa_inner dl dd{font-size:14px;line-height:23px;padding:15px; /*display:none;*/}

.qa_inner dl.qa_list02 dt{background-image: none;}
.qa_inner dl.qa_list02 dt.open{background-image: none;}

/*------------------------------------ 

Support

------------------------------------ */
.support .bodyTxt { width: 650px; margin: 0 auto;}
.support ul { width: 650px; margin: 0 auto; list-style-type: none; text-align: center;}

/*------------------------------------ 

Footer

------------------------------------ */
footer { width: 100%; padding: 20px 0; background-color: #e6f5d0; text-align: center; position: relative;}
footer p { font-size: 0.8rem; color: #6fa422;}
#fNavi ul {
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;	
}
#fNavi ul li a { color: #6fa422; margin: 0 20px;}
#fNavi ul li a:hover { color: #222222; transition: 1.0s;}

.privacyMark { position: absolute; top: 10px; right: 20px;}
.copyright { margin-top: 0; }

/*------------------------------------ 

Story

------------------------------------ */
.story .left { margin-right: 20px;}
.st_inner dl{ margin:0 auto;padding-top:15px; width: 800px; }
.story .st_inner dl dt{font-size:1.2em;font-weight:bold;line-height:1.5em;background:#f7f7f7;border-radius:4px;padding:15px; text-indent: -1.0em; padding-left: 2.0em; margin-top: 15px; cursor: pointer;}
.story .st_inner dl dt::before {content: "\f061"; font-family: FontAwesome; margin-right: 5px; }
.story .st_inner dl dt.open::before {content: "\f063"; font-family: FontAwesome; margin-right: 5px;}
.story .st_inner dl dd{padding:15px;}
.st_inner {margin-bottom: 40px;}
.story div.bodyTxt:last-child {width: 800px; margin: 0 auto;}

.story .st_inner dl.st_list02 dt{font-size:1.4em;font-weight:400;line-height:1.5em;background:#f7f7f7;border-radius:4px;padding:15px; text-indent: -1.0em; padding-left: 2.0em; margin-top: 15px; cursor: auto;}
.story .st_inner dl.st_list02 dt::before {content: "　"; margin-right: 0; }

.story .right { margin-top: -60px}

/*------------------------------------ 

Greeting

------------------------------------ */
.greeting .bodyTxt { width: 600px; margin: 40px auto;}

/*------------------------------------ 

slider

------------------------------------ */
.doc {
	width: 700px;
	margin: 40px auto;
		
	display: flex;
	-webkit-display: flex;
	
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	
	justify-content: center;
	-webkit-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;	
}
.item {	width: 700px; margin: 40px auto;}
.doc img, .item img {
	border: 1px solid #cccccc;
	width: 200px;
	display: block;
	margin: 0 10px;
}

/*------------------------------------ 

experience

------------------------------------ */
.experience .bodyTxt { width: 600px; margin: 20px auto;}

/*------------------------------------ 

capsule

------------------------------------ */
.capsule .bodyTxt { width: 600px; margin: 20px auto;}
.capsule img { display: block; margin: 20px auto;}

/*------------------------------------ 

questionnaire

------------------------------------ */
.chartttl{
	text-align: center;
	margin: 80px auto 40px auto;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 10px;
	width: 600px;	
}
.data .bodyTxt, .data .chartCanvas { width: 600px; margin: 20px auto;}


p.btn.GoToLp a {
	display: block;
	width: 400px;
	margin: 20px auto ;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	color: #ffffff;
	background-color: #db6882;
	font-weight: 700;
	box-shadow: 0 -3px 0 0 #c14e68 inset;

    text-decoration: none;
    outline: none;
    cursor: pointer;
	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
p.btn.GoToLp a:hover {
	background-color: #f5829c;
}

/*------------------------------------ 

お知らせ

------------------------------------ */
.news2018 {
	width: 800px;
	margin: -50px auto 100px auto !important;
	background-color: #f2b3b3; padding: 20px;
	border-radius: 10px;
	color: #000000;
}
.news2018.Pall { margin-top: 0 !important;}
.news2018 dt {
	cursor: pointer;
	position: relative;
}
.news2018 dt span {
	padding: 10px;
	background-color: #ed534e;
	color: #ffffff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 0; bottom: 0;
	margin: auto;
	height: 1.4em;
}
.news2018 dt.open span {
	display: none;
}
.news2018 dd {
	margin: 20px auto;
	padding: 20px;
}
.news2018 dd a {
	color: #ffffff;
}