[pc]{
	display: none !important;
}




/*header*/

.header_logo{
	position: fixed;
width:55px;
height:auto;
top:26px;
left:27px;
z-index: 100;
}
.header_logo img{
	display: block;
width:100%;
height:auto;
}

.header{
	position: fixed;
	right:0;
	top:0;
	text-align: right;
	width:100%;
	padding-top:23px;
	padding-right:77px;
}
.header a{
	display: inline-block;
	color:#999999;
	text-decoration: none;
	font-size:15px;
	letter-spacing: 0;
	margin-right:1%;
}
.header a span{
	margin-right:4px;
	display: inline-block;
	color:#000000;
	text-decoration: none;
	font-size:16px;
}

/*menu*/

.menu_button{
	width:20px;
	height:12px;
	position: fixed;
	z-index:100;
	right:30px;
	top:32px;
	cursor: pointer;
}
.menu_button div{
	position: absolute;
	width:100%;
	height:2px;
	background: #080403;
}
.menu_button_1{

-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
}
.menu_button_2{

-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
}

.menu_open .menu_button_1{
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);

}
.menu_open .menu_button_2{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);

}

.menu_open .menu_button_3{

-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
opacity: 0;
}

/*top*/

.top_slide{
	width:100%;
}

.t_b1{
width:100%;
height:690px;
margin-top:137px;
font-size:12px;
line-height:210%;
font-weight:bold;
}
.t_b1_t1{
	position: absolute;
	top:0;
	right:auto;
	left:50px;
}
.t_b1_i1{
	position: absolute;
	top:160px;
	left:0;
}
.t_b1_t2{
	position: absolute;
	bottom:0;
	right:auto;
	left:50px;
}
.t_b1_i2{
	position: absolute;
	bottom:auto;
	top:213px;
	right:0;
}

.t_b2{
	width:100%;
	height:auto;
	margin-top:150px;
}
.t_b2.slide{
	margin-top:80px;
}


.t_b2_i1{
	position: relative;
	top:auto;
	left:auto;
	margin:25px auto;
}
.t_b2_i2{
	position: relative;
	bottom:auto;
	left:auto;
	margin:25px auto;
}
.t_b2_i3{
	position: relative;
	top:auto;
	right:auto;
	margin:25px auto;
}
.t_b2 .bb{
width:227px;
height:55px;
font-size:13px;
letter-spacing: 0.05em;
}
.t_b2 .bb_cart:before {
top:3px;
}
.t_b2_info{
	width:100%;
	position: absolute;
bottom:50px;
left:0;
text-align: center;
}
.t_b2 *{
	pointer-events: auto;
}
.t_b2_text{
font-size:12px;
line-height:21px;
font-weight:bold;
letter-spacing: 0.2em;
margin-bottom:20px;
}
.t_b2_title{
font-size:13px;
line-height:13px;
font-weight:bold;
letter-spacing: 0em;
margin-bottom:10px;
}

.t_b3 .bb {
	letter-spacing: 0.1em;
	font-size:17px;
	width:267px;
	height:80px;
	margin-top:68px;
	margin-bottom:106px;
}
.t_b4{
	width:100%;
	height:980px;
}
.t_b4_i1{
	background-size: cover;
	background-position: center center;
	background:#eee;
}
.t_b4{
	text-align:center;
}
.t_b4_title{
	font-weight: bold;
	font-size:15px;
margin-bottom:12px;
}
.t_b4_text{
	color:#777777;
	line-height: 28px;
	font-size:12px;
	font-weight: bold;
}

.t_b4_text .notice{
	font-size:10px;
}
.t_b4_i1{
	padding-top:66px;
}
.t_b4 .bb{
width:227px;
height:55px;
letter-spacing: 0.1em;
font-size:15px;
position: absolute;
bottom:65px;
left:50%;
}

.t_b5{
	width:100%;
	height:690px;
	margin-top:140px;
}

.t_b5_b1{
	position: absolute;
	right:0;
	top:0;
	width:50%;
	height:100%;
	background:#f0f0f0;
}

.t_b6{
	margin-top:83px;
	width:100%;
height:auto;
}


.t_b6_i2{
height:100%;
width:71%;
position: absolute;
top:0;
left:0;
background-size:100% 100%;
}
.t_b6_title{
	margin-left:26.5px;
	left:0;
	font-size:15px;
	line-height:32px;
	position: relative;
	bottom:0;
	font-weight: bold;
}
.t_b6_text{
	margin-left:26.5px;
	margin-top:33px;
	left:0;
	top:0;
	position: relative;
	font-size:12px;
	line-height:30px;
	font-weight: bold;
}

.t_b6_i3{
	float: right;
	margin-top:40px;
}

.t_b7{
	width:100%;

margin-top:80px;
}


.t_b8{
width:100%;
margin-top:0px;
margin-bottom: 30px;
}
.t_b8_b{
	width:100%;
background:#efefef;
padding:50px 13%;
}
.t_b8_title{
	font-size:15px;
	font-weight:bold;
	letter-spacing: 0.3em;
	margin-bottom:18px;
}
.t_b8_links{
	display: block;
	padding:18px 0;
	border-bottom:solid 1px #cbcbcb;
}
.t_b8_links a{
	font-size:12px;
	line-height: 21px;
	text-decoration:none;
	color:#000;
	letter-spacing: 0.1em;
		font-weight:bold;
}
.t_b8_links span{
margin-bottom:10px;
	opacity: 0.4;
	width:95px;
	display: block;
	font-size:12px;
	text-decoration:none;
	color:#000;
	letter-spacing: 0.1em;
}
.t_b8_links:last-child {
	border:none;
}

.t_b9_text {
	font-size:12px;
}

.top_slide .bb{
	width:214px;
height:55px;
position: absolute;
right:50%;
margin-right:-107px;
bottom:62px;
font-size:13px;
letter-spacing: 0.05em;
}



/*products*/

.p_b1{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
text-align: center;
padding-top:67px;
width: 90%;
margin: 0 auto
}
.p_b1 a{
display: block;
max-width: none;
width: 49%;
font-size:10px;
}


.p_b2.t_b2{
	width:100%;
	height:auto;
	margin-top:0px;
}
.p_b3.t_b2{
	width:100%;
	height:auto;
	margin-top:-30px;
}
.p_b2.t_b2>div,
.p_b3.t_b2>div{
	margin:30px auto;
}

.p_b2 .t_b2_info .cf .bb+.bb{
margin-top:5px;
}

.t_b2_price{
	display: inline-block;
font-size:18px;
margin-bottom:23px;
}


.p_b2 .t_b2_text{
margin-bottom:10px;
line-height:28px;
}

.p_b2 .t_b2_text small{
	display: block;
	line-height: 1.5;
}

.p_b3 .t_b2_text{
margin-bottom:5px;

line-height:28px;
}


.p_b2 .t_b2_title,
.p_b3 .t_b2_title{
margin-bottom:8px;
}


.p_b2 .t_b2_info,
.p_b3 .t_b2_info{
bottom:30px;
}



/*product_detail*/
.pd_top{
	width:100%;
	height:auto;
}
.pd_slide{
	height:535px;
	height:487px;

	width:100%;
position: relative;
top:0;
left:0;
background: #eee;
}
.pd_form{
margin-top:50px;
	height:100%;
	width:100%;
position: relative;
top:0;
right:0;
}

.pd_form_inner{
	width:100%;
position: relative;
left:0;
top:0;

}
.pd_f_title{
	padding-left:50px;
	padding-top:50px;
	font-size:18px;
	letter-spacing: 0;
	margin-bottom:8px;
}
.pd_f_title2{
	padding-left:50px;
		margin-bottom:18px;
	font-size:12px;
	letter-spacing: 0.3;
	opacity: 0.6;
	line-height: 150%;
}

.pd_f_title3{
	padding-left:50px;
		margin-bottom:18px;
	font-size:14px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 0.3;
}
.pd_f_eiyo{
	margin-left:50px;
	font-size:11px;
	height:23px;
	line-height:22px;
	vertical-align: middle;
	border:solid 1px #e5e5e5;
	padding:0 7px;
	display: inline-block;
	letter-spacing: 0.025em;
}
.pd_f_radios{
	width:321px;
	margin:45px auto 0;
}
.pd_r_block{

	float: left;
	cursor: pointer;
	height:173px;
	display: inline-block;
padding:133px 10px 0;
border:solid 1px rgba(0,0,0,0.2);
margin:0 0 0 -1px;
width:107px;
}
.pd_r_text{
	font-size:10px;
	letter-spacing: 0.1em;
	text-align: center;
	width: 100%;
	font-size:12px;
	line-height:13px;
}
.pd_f_radios input{
	display: none;
}
.pd_f_radios{
	left:0px;
}
.pd_r_text.fpt_demi .pd_r_cc{
	display: none !important;
}

.pd_r_image{
	position: absolute;
	bottom:50px;
	left:50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.pd_f_radios [name]:checked+.pd_r_block{
border-color: #000;
}
.pd_f_radios2 input{
	display: none;
}
.pd_f_radios2{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:322px;
	height:38px;
	border-bottom:solid 1px #d0d0d0;
}
.pd_f_radios2 label{
	display:block;
	width:50%;
	height:100%;	
	position: absolute;
	top:0;
	left:0;
}
.pd_f_radios2 label+label{
	left:auto;
right:0;
}
.pd_r_block2{
	display: inline-block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:38px;
	vertical-align: middle;
	font-size:10px;
	cursor:pointer;
	letter-spacing: 0.1em;
}

.pd_f_radios2 [name]:checked+.pd_r_block2{
background: #dadada;
}

.pd_f_radios2 [name]:checked+.pd_r_block2:before{
content:".";
position: absolute;
display: block;
pointer-events: none;
color:rgba(0,0,0,0);
width: 0;
height: 0;
border-style: solid;
top:100%;
left:50%;
margin-left:-5px;
border-width: 8px 5px 0 5px;
border-color: #d0d0d0 transparent transparent transparent;
}


.pd_r_block2 span{
	color:#7c7978;
	margin-left:6px;
}

.pd_f_tokuten{
	width:322px;
	margin-left:auto;
	margin-right:auto;

	font-size:10px;
	color:#878584;
	letter-spacing: 0.01em;
	text-align:left;
	border-bottom:solid 1px #d0d0d0;
padding:13px 0 13px;
}



.pd_f_tokuten span{

-moz-transform: scale(0.5,0.5);
-webkit-transform: scale(0.5,0.5);
-o-transform: scale(0.5,0.5);
-ms-transform: scale(0.5,0.5);
display: inline-block;
	font-size:1.5em;
	top:2px;
	margin:0 1px 0 13px;
}
.pd_f_tokuten span:first-of-type{
margin-left:0;
}


.pd_f_prices{

	width:322px;
	margin-left:auto;
	margin-right:auto;

height:53px;
	border-bottom:solid 1px #d0d0d0;	
			cursor: pointer;

}
.pd_f_prices *{
pointer-events: none;
			cursor: pointer;

}
.pd_f_prices_open .pd_f_prices *{
pointer-events: auto;
}
.pd_f_pricelist{
	z-index: 10;
	padding:10px 19px 13px;
	background:rgba(255,255,255,0);
		border-bottom:solid 1px rgba(255,255,255,0);	

-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */
}

.pd_f_prices_open .pd_f_pricelist{
			border-bottom:solid 1px #d0d0d0;
	background:rgba(255,255,255,1);

}
.pd_f_pricelist input{
	display:none;
}

.pd_f_prices_open .pd_f_pricelist label div,
.pd_f_pricelist label input:checked+div{
opacity: 1;
height:30px;
padding:10px 0 0;
}
.pd_f_pricelist label input:checked+div.twice{
opacity: 1;
height:30px;
padding:2px 0 0;
}
.t_b2_info .pd_f_pricelist label input:checked+div.twice{
opacity: 1;
height:30px;
padding:2px 14px 0 0;
}
.pd_f_prices_open .pd_f_pricelist label div{
	opacity: 0.5;
}
.pd_f_pricelist label div span.twice {
	margin-top: 5px;
    display: block;
    margin-left: 0;
}

.pd_f_pricelist label div{
height:0;
padding:0;
opacity: 0;

letter-spacing: 0.1em;
	font-size:13px;
	display: block;


-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */

}
.pd_f_pricelist label div span{
	color:#878584;
	margin-left:10px;
}
.pd_f_carts{
	height:55px;
	width:100%;
	margin-top:34px;

	width:322px;
	margin-left:auto;
	margin-right:auto;

}
.pd_f_carts_left{
	width:50%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
text-align: center;
vertical-align: middle;
line-height:55px;
}
.pd_f_carts_left span{
	font-size:18px;
	margin-right:5px;
	top:1px;
}
.pd_f_carts_left{
	font-size:10px;
	letter-spacing: 0.1em;
}
.pd_f_carts .bb{
	width:50%;
	height:100%;
	top:0;
	right:0;
	position: absolute;
	font-size: 13px;
	letter-spacing: 0.05em;
}
.pd_f_point {
	margin-top:25px;
    font-size: 10px;
    line-height: 24px;
	width:258px;
	margin-left:auto;
	margin-right:auto;
}
.pd_f_rcbutton {
	margin-top:15px;
	width:258px;
	margin-left:auto;
	margin-right:auto;
}

.pd_f_point a{
	text-decoration: underline;
color: #000000;
letter-spacing: 0;
}


.pd_bbs .t_b2_title{
	font-size:18px;
	text-align: left;
	padding-left:50px;
}

.pd_bbs .t_b2_text{
	font-size:11px;
	text-align: left;
	padding-left:50px;
}
.p_b2.t_b2.pd_bbs>*{
	margin:0;
}

.pd_b5{
	margin:75px auto 0;
}
.t_b3.pd_bottom .bb{
	margin:75px auto 75px;
}


/*pd_gummy*/

.pd_gummy .pd_r_block {
    width: 161px;
}

.pd_f_note{
	position: absolute;
	top: 220px;
	right: 5%;
	width: 40%;
}

.pd_drink .pd_r_block {
border-width: 0;
padding-left:30px;
}


.pd_drink .pd_r_image{
	position: absolute;
	bottom:50px;
	left:30px;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.t_b2_note {
	margin: 15px 5% 0;
	text-align: left;
}

/*topslide*/

.scene-nav{

bottom:auto;
top:100%;
}
.top_slide{
	overflow: visible;
}

.slidekoko:before{
content:".";
color:rgba(0,0,0,0);
pointer-events: none;
width:100%;
height:70px;
top:100%;
display: block;
position: absolute;
left:0;
z-index: 2;
background: #fff;
}



.slide-counter{
	height:62px;
		line-height: 62px;
		vertical-align: middle;
	width:100%;
position: absolute;
bottom:auto;
margin-top:-5px;
right:0;
top:100%;
left:auto;
z-index:3;
padding-left:0;
padding-right:20px;
text-align: right;
pointer-events: auto;
}
.slide-counter div{
	opacity: 0.2;
	display: inline-block;
	width:5px;
	height:5px;
	background: #000;
margin:0 5px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
cursor: pointer;
overflow: hidden;
}
.slide-counter div.slide-counter-c{
opacity: 1;
}
.slide-counter div:before{
content:".";
background: #000;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
color:rgba(0,0,0,0);
}


/*meter*/

.meter_area{
	margin-left:24%;
	width:76%;
}

.meter_scroll_area{
overflow: auto;
}

/*slider2*/


.t_b7_title{
	margin: 0 15px;
	font-size:15px;
	font-weight: bold;
	padding-left: 0;
	text-align:center;
}
.t_b7_text{
		text-align:center;

	color:#777777;
	font-size:12px;
line-height: 30px;
	font-weight: bold;
	padding-left: 0;
margin:10px 15px 30px;
letter-spacing: 0.2em;
}
.slider2_control{
	height: auto;
}
.slider2_lr{
	display: none;
}

.slider2_counter{
	position: static;
	height:60px;
	width:100%;
padding:0;
text-align:center;
}

.slider2_box{
	width:267px;
	height:173px;
	float: left;
	}



.slider2 {
    margin-left: -245px;
}



/*header_bb*/
.header_bb{
	width:125px;
	height:66px;
	position: fixed;
	top:0;
	right:0;
	z-index:80;
	font-size:12px;
	letter-spacing: 0.05em;

-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */
  -webkit-transform: translate(100%,0px);
  transform: translate(100%,0px);

}
[pagetypeis="menu_on"] .header_bb,
.scrolled .header_bb{

  -webkit-transform: translate(0%,0px);
  transform: translate(0%,0px);

}

.header_bg{
	background:rgba(255,255,255,0);
	border-bottom:none;
	position: fixed;
	top:0;
left:0;
width:100%;
height:66px;
z-index:50;

-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */

  -webkit-transform: translate(-100%,0);
  transform: translate(-100,0);
}
.scrolled .header_bg{
	background:#fff;

  -webkit-transform: translate(0%,0);
  transform: translate(0,0);
}
[pagetypeis="menu_on"] .header,
.scrolled .header{
		apadding-top:23px;



  -webkit-transform: translate(0,0px);
  transform: translate(0,0px);

}
[headerbbis="on"][pagetypeis="menu_on"] .header,
[headerbbis="on"].scrolled .header{
		apadding-right:196px;

  -webkit-transform: translate(-103px,0px);
  transform: translate(-103px,0px);
}
[pagetypeis="menu_on"] .menu_button,
.scrolled .menu_button{
	atop:32px;
	
  -webkit-transform: translate(0,0px);
  transform: translate(0,0px);
}
[headerbbis="on"][pagetypeis="menu_on"] .menu_button,
[headerbbis="on"].scrolled .menu_button{
	aright:150px;

  -webkit-transform: translate(-120px,0px);
  transform: translate(-120px,0px);

}

.pd_slide{
overflow: visible;
}


/*pd_bs*/
.pd_b1{
left:0;
width:100%;
margin-top:70px;
height:643px;
height:auto;
}
.pd_b1_title{
position: relative;
padding-left:50px;
left:0px;
top:0px;
font-size:18px;
line-height:37px;
font-weight: bold;
z-index:5;
}

.pd_b1_text{
position: relative;
left:0px;
top:0px;
padding-left:50px;
padding-top:20px;

font-size:12px;
line-height:27px;
font-weight: bold;
z-index:5;
padding-bottom:30px;
}
.pd_b1_i{
	float:right;
	position: relative;
	right:0;
	bottom:0;

}

.pd_b2_title{
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	width:100%;
	text-align: center;
	margin-top:75px;
}
.eiyo_blocks{
	font-size:0;
	width:100%;
	text-align: center;
	letter-spacing: 0;
	margin-top:50px;
}
.eiyo_block{
width:160px;
height:140px;
display: inline-block;
}
.eiyo_block+.eiyo_block{
	margin-left:-2px;
}

.eiyo_block_bottom{
	font-size:13px;
	width:100%;
	height:57px;
border:solid 2px #e9e9e7;
font-weight: bold;
vertical-align: middle;
line-height:55px;
letter-spacing: 0.3em;
position: absolute;
bottom:0;
left:0;
}
.eiyo_block_top{
	padding-top:20px;
	font-size:40px;
	text-align: center;
	letter-spacing: 0;
	height:110px;
}


.pd_b3_title{
	margin:78px auto 14px;
	font-size:14px;
	font-weight:bold;
		text-align: center;

}


/*seibun*/
.seibun_blocks{
	max-width:322px;
	width:100%;
	margin:0 auto;
}
.seibun_block{
	width:100%;
	float:left;
height:auto;
padding-bottom:20px;
}
.seibun_block.seibun_three {
	margin:0 auto;
}
.seibun_block+.seibun_block{
	border-left:none;
	border-top:solid 1px #ccc;
}
.seibun_blocks.clm03 .seibun_block{
	width:auto;
}
.seibun_blocks.clm03 .seibun_block{
	border-left:none;
}

.seibun_imgarea{
	width:100%;
	height:120px;
overflow: hidden;
}

.seibun_imgarea div{

  position: absolute;
	top:50%;
	left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

.seibun_title{
font-size:15px;
width:100%;
text-align: center;
font-weight: bold;
}

.seibun_text{
font-size:13px;
line-height: 30px;
padding:0 28px;
width:100%;
letter-spacing: 0.2em;
text-align: left;
font-weight: bold;
color:#777777;
margin-top:27px;
}
.pd_b2_link.fpt_book{
	font-weight:300;
	font-size:13px;
	margin:13px auto 75px;
}


/*pd_b4*/
.pd_b4_title{
	position: relative;
	z-index:2;
	left:0;
	top:0;
	margin-left:0px;
font-size:12px;
line-height:28px;
width:100%;
font-weight: bold;
text-align: center;
}
.pd_b4{
	width:100%;
	margin-top:50px;
}
.pd_b4_i1,.pd_b1_i{
	margin:0 auto;
}
.pd_b4_box{
	width:100%;
	position: relative;
	left:0;
	top:0;
	margin-left:0px;
	z-index:5;
	margin-top:40px;
}
.pd_reci_box{
	width:100%;
	margin-top:50px;
}
.pd_reci_box+.pd_reci_box{
	margin-top:35px;
}
.pd_rb_set{
	margin:9px 0;
}
.pd_rb_title{
	position: relative;
	top:0;
	left:0;
	font-size:13px;
	letter-spacing: 0.05em;
	height:13px;
	margin-top:0px;
	text-align: center;
	margin-bottom:20px;
}
.pd_rb_set span{
font-size:12px;
	background: #fff;
	overflow: visible;
	letter-spacing: 0;
	padding-right:10px;
		float: left;
}
.pd_rb_set span+span{

	padding-right:0px;
	padding-left:10px;
	text-align: right;
	float: right;
}
.pd_rb_set:before{
	content:".";
color:rgba(0,0,0,0);
height:1px;
width: 100%;
position: absolute;
top:50%;
left:0;
z-index:0;
display: block;
background: #333;
}
.pd_rb_in{
	float: none;
	width:224px;
	margin:0 auto;
}
.pd_b4_i1{
	margin-bottom:70px;
	margin-top:42px;
}


/*nutririon*/
.nt_top_img{
margin:0 auto;
}
.nt_b1{
	margin-top:67px;
	padding-left:50px;
	width:100%;
	margin-left:0;
	padding-bottom:66px;
}
.nt_b1_title{
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.nt_b1_text{
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin-top:16px;
}
.nt_b1_text span{
	line-height: 22px;
	display: inline-block;
	padding:0px 0.2em 0px 0.5em;
margin:4px 4px 0px 0;
	background: rgba(0,0,0,0.08)
}



.nt_b2{

	margin-top:67px;
	padding-left:0px;
	width:100%;
	margin-left:0;
	padding-bottom:66px;
	margin-bottom:0;
}
.nt_b2_title{
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	letter-spacing: 0.3em;
	padding-left:50px;

}

.nt_b2_text{
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin-top:16px;
	padding-left:50px;

}

.nt_b2_text_small{
	font-size: 10px;
	line-height: 10px;
}
.nt_b2_i{
	position: relative;
	right:0%;
	top:0px;
	margin: 0 auto 35px;
}



/*ei6*/
.ei6{
	background: #eee;
width:100%;
height:445px;	
margin:0px auto;
}
.ei6_selector{
	width:100%;
	margin:0 auto;
	padding-top:0px;
	z-index: 10;
}
.ei6_selector input{
display:none;
}

.ei6_selector label{
	border: solid 1px #eee;
	margin:0 0;
	width:33.3%;
	display: block;
	float:left;
	height:55px;
	text-align:center;
}
.ei6_selector label>div{
	cursor: pointer;
	width:100%;
	height:100%;
	line-height: 57px;
	font-size:13px;
	letter-spacing: 0.1em;
	font-weight: bold;
	position: absolute;
	top:0;
	left:0;
	display: table-cell;
	vertical-align: middle;
background: #fff;
color:rgba(0,0,0,0.5);
}

.ei6_selector label input:checked+div{
background: #000;
color:#fff;
	}

.ei6_selector label input:checked+div:before{
display: none;
}
.ei6_viewer{
	position: absolute;
	top:110px;
	left:0;
	width:100%;
	height:calc(100% - 110px);
	background-size: cover;
	background-position: center center;


-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */
}
.ei6_viewer.none{
opacity: 0;
pointer-events: none;
display: block !important;
}
.ei6_text{
position: absolute;

left:23px;
top:50%;
font-size:12px;
line-height: 28px;
font-weight: bold;

  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}


/*nt_b3*/
.nt_b3_title{
	font-size:18px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom:28px;
	margin-top:80px;
	text-align: center;
}

.nt_b3_title_en{
	font-size:15px;
	margin-bottom:20px;
	text-align: center;
	letter-spacing: 0;
}
.nt_b3_text{
	font-size:12px;
line-height:28px;
	text-align: center;
font-weight: bold;
}




/*amo*/
.amo_selector{
width:322px;
margin:42px auto 0;
}
.amo_selector3{
	float: left;
	width:100%;
height:60px;
background: #fff;
border:solid 1px #ccc;
border-width: 1px 0;
}
.amo_selector3+.amo_selector3{
	margin-left:0%;
	margin-top:30px;
}

.amo_selector3r label{
width:50%;
float:left;
height:100%;
}
.amo_selector3r input{
	display: none;
}
.amo_selector3r label>div{
position: absolute;
top:0;
left:0;
width: 100%;
height:100%;
text-align: center;
line-height: 60px;
font-size:13px;
font-weight: bold;
cursor: pointer;
letter-spacing: 0.1em;
}

.amo_selector3r label input:checked+div{
background: #dadada;
color:#000;
	}



.amo_selector3 .pd_f_prices{
	border: none;
	text-align: right;
}
.amo_selector3 .pd_f_prices span{
	padding-right:50px;
}


.amo_selector3 .pd_f_pricelist{
	margin-top:2px;
}


.amo_selector3 .pd_f_pricelist span{
	padding-left:100px;
}
.amo_selector3_title{
font-size:13px;
letter-spacing: 0.1em;	
position: absolute;
left:20px;
top:50%;
margin-top:-7px;
text-align: left;
width:70px;
z-index:20;
}


/*amog*/
.amog{
	margin:50px auto;
width:100%;	
height:325px;
overflow: auto;
padding-left:32px;
}
.amog_in{
	width:775px;
height:325px;
}
.amog_column{
	background: #f0f0f0;
	width:19.2%;
	height:100%;
	float:left;
}
.amog_column+.amog_column{
margin-left:1%;
}

.amog+.t_b2{
	margin-top:80px;
}



/*popup*/
[popupis="off"] .popup_area{
pointer-events: none;
opacity: 0;	
}
.popup_area{

-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */
	opacity: 1;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	z-index:200;
	overflow: auto;
	padding:120px 0 ;
}
.popup_inner{
	background: #fff;
	max-width:1080px;
	width:90%;
	margin:0 auto;
}
[popupon]{
	cursor: pointer;
}
.pp_textarea{
	padding:25px 20px;
}
.pp_title{
	font-size:15px;
	font-weight:bold;
	letter-spacing: 0;
	border-bottom:solid 3px #000;
line-height:16px;
}
.pp_texts{
	padding:15px 0px;
}
.pp_text{
	font-size:12px;
	letter-spacing: 0.034em;
	font-weight: bold;
	line-height:140%;
}


.pp_check{
	display: inline-block;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 0;
	border-bottom:solid 3px #000;
line-height:14px;
margin-left:20px;
margin-top:25px;
}


.pp_check:before {
	  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: "\e902";
      font-size: 0.8em;
    position: relative;
line-height:1em;
top:0px;
margin-left:-18px;
display: inline-block;

-moz-transform: scale(0.5,0.5);
-webkit-transform: scale(0.5,0.5);
-o-transform: scale(0.5,0.5);
-ms-transform: scale(0.5,0.5);

}



.pp_checktext{
	opacity: 0.6;
	display: inline-block;
	font-size:12px;
	letter-spacing: 0.034em;

line-height:20px;
margin-left:20px;
margin-top:10px;
}

.pp_table{
	margin-top:10px;
	margin-bottom:30px;
	width:100%;
}
.pp_table_title{
	width:100%;
	float: left;
	min-height:10px;
	font-weight: bold;
	font-size:12px;
	letter-spacing: 0.034em;
padding-bottom:10px;
}
.pp_table_text{
width:100%;
float:left;
font-size:12px;
line-height:21px;
	letter-spacing: 0.034em;

}
.pp_space{
	width:100%;
	height:30px;
}
.pp_7b{
	color:#7b7a7a;
}

.pp_close{
	z-index:300;
	cursor: pointer;
width:20px;
height:20px;
right:0px;
top:15px;
top:-35px;
position: absolute;
}
.pp_close div{
	width:20px;
	height:2px;
	position: absolute;
	top:9px;
	left:0;
	background: #000;
	background: #fff;

-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.pp_close div+div{

-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
[popupnum]{
	display: none;
}

[popupis="0"] [popupnum="0"],
[popupis="1"] [popupnum="1"],
[popupis="2"] [popupnum="2"],
[popupis="3"] [popupnum="3"],
[popupis="4"] [popupnum="4"],
[popupis="5"] [popupnum="5"],
[popupis="6"] [popupnum="6"],
[popupis="7"] [popupnum="7"],
[popupis="8"] [popupnum="8"],
[popupis="9"] [popupnum="9"]{
	display: block;
}
[popupis]{
	overflow: hidden;
}
[popupis="off"]{
	overflow: auto;
}
[popupnum]>img{
	display: block;
	width:100%;
	height:auto;
}



/*st_kn*/
.st_kn_i{
	margin:0;
}

.st_b1{
	width:100%;
	margin:0 auto;
font-size:12px;
line-height:28px;
font-weight: bold;
margin-top:63px;
}
.st_b1_i{
	position: relative;right:0;
	top:0px;
	float: right;
}
.st_b1_text{
	padding-left:50px;
padding-bottom:73px;

}



.st_b2{
	margin-top:75px;
	width:100%;
}
.st_b2_text{
	position: relative;
	left:0%;
	top:0%;
width:100%;
padding-left:50px;
padding-bottom:70px;
margin-left:0px;
  -webkit-transform: translate(0,0%);
  transform: translate(0,0%);
font-size:18px;
z-index:3;
font-weight:bold;
line-height: 38px;
}





.st_b3{
	margin-top:75px;
	width:100%;

	margin-left:0;
}
.st_b3_text{
	position: relative;
	left:0%;
	top:0%;
width:100%;
padding-left:50px;
padding-bottom:70px;
margin-left:0px;
  -webkit-transform: translate(0,0%);
  transform: translate(0,0%);
font-size:12px;
z-index:3;
font-weight:bold;
line-height: 28px;
}
.st_b3_title{
	font-size:18px;
	line-height:38px;
	font-weight:bold;
	padding-bottom:18px;
}
.st_b3_i{
float: right;
}




.st_b4{
	margin-top:75px;
	width:100%;

	margin-left:0;
}
.st_b4_text{
	position: relative;
	left:0%;
	top:0%;
width:100%;
padding-left:50px;
padding-bottom:70px;
margin-left:0px;
  -webkit-transform: translate(0,0%);
  transform: translate(0,0%);
font-size:12px;
z-index:3;
font-weight:bold;
line-height: 28px;
}
.st_b4_title{
	font-size:18px;
	line-height:38px;
	font-weight:bold;
	padding-bottom:18px;
}
.st_b4_i{
float: left;
}

.st_b5{
	margin-top:0px;
	margin-bottom:30px;
}

.st_b5 .bb{
z-index:10;


position: absolute;
bottom:50px;
	left:50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);

    letter-spacing: 0.1em;
    font-size: 17px;
    width: 267px;
    height: 80px;

    }

    /*qa*/


.qa_area{
	width:322px;
	margin:60px auto;
}

.qa_news{
	width:322px;
	margin:60px auto;
	line-height: 26px;
	 letter-spacing: 2px;
	font-size: 13px;
}

.qa_area_select .pd_f_prices{
height:68px;

    padding-top: 6px;
}
.qa_area_select .pd_f_price_tri {
    position: absolute;
    top: 29px;
    }

.qa_area_select .pd_f_pricelist label div span {
    margin-left: 0px;
}


.qa_area_qa{
	margin-top:60px;
	float: left;
	width:100%;
}
.qa_q{
	font-size:12px;
	font-weight: bold;
padding:18px 20px 18px 0;
line-height:28px;
}

.qa_set{
	min-height:64px;
}


.qa_a{
	margin-top:-10px;
	opacity: 0.6;
	font-size:12px;
	font-weight: bold;
padding:0 0px 20px;
line-height:28px;
display: none;
}

.qa_ar{
right:0;
	top:25px;
	}



.qa_bottom{
	text-align: center;
font-size:12px;
margin-bottom:35px;
font-weight:bold;
padding-top:10px;
padding-bottom:40px;
}
.qa_bottom .bb{
	font-size:13px;
margin-top:25px;
}


/*company*/

.co_head_info{
	position: absolute;
	top:132px;
	left:50px;
	margin-left:0px;
}


.co_head_info1{
	font-size:15px;
	margin-bottom:12px;
	letter-spacing: 0;
}

.co_head_info2{
	font-size:18px;
	margin-bottom:12px;
font-weight:bold;
}
.co_head_info3{
	font-size:12px;
font-weight:bold;
}



.co_area{
	width:100%;
	padding-left:50px;
	margin:70px auto 70px;
}

.co_area+.co_area{
margin-top:70px;
}
.co_title{
	font-size:18px;
	font-weight: bold;
	margin-bottom:27px;
}
.co_set{
	width:100%;
}
.co_set_title{
	width:100%;
	float: left;
	font-size:12px;
		line-height:28px;
font-weight:bold;
}
.co_set_text{
	line-height:28px;
	font-size:12px;
	border-left:none;
	padding-left:0px;
	width:100%;

	float: left;
	padding-bottom:28px;
font-weight:bold;

opacity: 0.7;
}


.co_title_2{
	font-size:12px;
	font-weight: bold;
	margin-top:-12px;
	margin-bottom:15px;
}
.co_title_3{
	font-size:12px;
	font-weight: bold;
	margin-bottom:37px;
	color:#616161;
}


.t_b6_title{
	position: relative;
	top:0;
	left:0;
	padding-left:0px;
width:auto;
min-width:auto;
}

.t_b6_text{
	position: relative;
	top:0;
	left:0;
	padding-left:0px;
width:auto;
min-width:auto;
}


/*packs*/

.packs_i{
	left:0;

margin:0 auto;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);	
}
.packs_title{
	width:100%;
	font-size:13px;
	letter-spacing: 0;
	text-align: center;
	padding-top:52px;
}
.packs_title2{
	display: none;
}
.packs_text{
	width:100%;
	font-size:12px;
	line-height: 28px;
	text-align: center;
		font-weight: bold;
letter-spacing: 0.2em;
	padding-top:10px;
}

.packs_box{
	width:215px;
text-align: center;
position: absolute;
left:50%;
bottom:125px;

  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);	
  		bottom:415px;
margin-bottom:-18px;
}

.p_b2.t_b2 .packs_box .bb{
	width:100%;
height:55px;
	}
	.packs_box .fpt_demi{
font-size:10px;
line-height: 15px;
letter-spacing: 0.1em;
display: block;
margin-bottom:11px;
	}
	.packs_box.packs_box_1{
		margin-left:0;
		  		bottom:718px;

	}
	.packs_box.packs_box_2{
		margin-left:0;
		  		bottom:60px;

	}
	.packs_box.packs_box_3{
		margin-left:0;
		bottom:60px;
	}


	.packs_price{
		margin-bottom:16px;
	font-size: 18px;
	}


.v_area{
	width:322px;
	height:181px;
}
.t_b5{
	height:232px;
}


.ab_head .v_area{
	max-width: 100%;
	height:100%;
}
.ab_head{
	height:600px;
	width:100%;
	margin-bottom:90px;
}
.ab_head .v_area{
	width: 100%;
	height:100%;
	background-image:url("../img/v.jpg");
	background-size: cover;
	background-position: center center;
}
.ab_head .v_area video{
height: 100%;
}
[movst="stop"] .ab_head .topvideo{
opacity: 0;
}

[movst="stop"] .ab_head .v_area{
	background: #ccc;

	background-image:url("../img/v.jpg");
	background-size: cover;
	background-position: center center;
	}




#map_custmomize,
.co_set_text iframe{
width:324px;
height:172px;
margin-left:-25px;

	margin-top:25px;
	margin-bottom:-10px;
}




[mousx="l"] .mate_amount{
text-align:left;

letter-spacing: 0.05em;
-webkit-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(0.385, 0.010, 0.000, 1.000); /* custom */
	opacity: 0;
pointer-events: none;
	position: absolute;
	top:0;
	right:auto;
	left:100%;
font-size:10px;
padding:10px;
padding-right:20px;
margin-left:7px;
margin-right:auto;
background:#111;
color:#fff;


}
[mousx="l"] .mate_amount:before{
	width: 0;
height: 0;
border-style: solid;
border-width: 6px 7px 6px 0px;
border-color: transparent #000000 transparent transparent;
content:".";
color:rgba(0,0,0,0);
overflow: hidden;
position: absolute;
right:100%;
left:auto;
top:50%;
margin-top:-6px;
}

.storypage .header_bg {
    background: #fff;
    -webkit-transform: translate(0%,0);
    transform: translate(0,0);
}




.header_logo{
height:16.14px;
}


/* dr_stone */
.dr_stone {
	width: 325px;
	text-align: center;
}
.dr_stone_inner {
	display: block;
	padding: 30px 10px;
}
.dr_stone_inner .img {
	width: 240px;
	margin: 0 auto;
}
.dr_stone_inner .img img {
	width: 240px;
}
.dr_stone_inner .text_box {
	width: auto;
}
.dr_stone_inner .title {
	margin: 0 0 10px;
	font-size: 13px;
}
.dr_stone_inner .title2 {
	margin: 0 0 10px;
	font-size: 13px;
}
.dr_stone_inner .text {
	margin: 0 0 20px;
	font-size: 11px;
}
.dr_stone_inner .bnr {
	margin: 0;
}
.dr_stone_inner .bnr p {
	margin: 0 0 10px;
	font-size: 10px;
}
.dr_stone_inner .bnr img {
	width: 120px;
}