@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
  font-size:16px;
	font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'sans-serif';
	font-weight: 500;
  line-height:170%;
  color: #111;
  margin: 0;
}

a{
	color:#1a0dab;
	text-decoration:under-line;
}
a:hover{color:#f00;}
p{padding: .5em 1.0em .5em 1.0em;line-height: 1.8em;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix + * { clear: both; }

.lt{float: left;}
.rt{float: right;}
img.lt{
	display: inline-block;
	margin: 0px 15px 15px 0px;
}
img.rt{
	display: inline-block;
	margin-left: 0px 0px 15px 15px;
	margin: 10px;
}
img.main{
	width: 100%;
}

@media screen and (max-width: 750px){
	img.rt{
		display: inline-block;
		margin-left: 0px 0px 15px 15px;
		margin: 10px 0px 10px 0px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}




/* --------------------
margin_padding
-------------------- */
.cl{clear: both;}
.mt5{margin-top:5px !important;}
.mb5{margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}
.ml5{margin-left:5px !important;}
.pt5{padding-top:5px !important;}
.pb5{padding-bottom:5px !important;}
.pr5{padding-right:5px !important;}
.pl5{padding-left:5px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.mr10{margin-right:10px !important;}
.ml10{margin-left:10px !important;}
.pt10{padding-top:10px !important;}
.pb10{padding-bottom:10px !important;}
.pr10{padding-right:10px !important;}
.pl10{padding-left:10px !important;}
.mt15{margin-top:15px !important;}
.mb15{margin-bottom:15px !important;}
.mr15{margin-right:15px !important;}
.ml15{margin-left:15px !important;}
.pt15{padding-top:15px !important;}
.pb15{padding-bottom:15px !important;}
.pr15{padding-right:15px !important;}
.pl15{padding-left:15px !important;}
.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px !important;}
.mr20{margin-right:20px !important;}
.ml20{margin-left:20px !important;}
.pt20{padding-top:20px !important;}
.pb20{padding-bottom:20px !important;}
.pr20{padding-right:20px !important;}
.pl20{padding-left:20px !important;}
.mt25{margin-top:25px !important;}
.mb25{margin-bottom:25px !important;}
.mr25{margin-right:25px !important;}
.ml25{margin-left:25px !important;}
.pt25{padding-top:25px !important;}
.pb25{padding-bottom:25px !important;}
.pr25{padding-right:25px !important;}
.pl25{padding-left:25px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.mr30{margin-right:30px !important;}
.ml30{margin-left:30px !important;}
.pt30{padding-top:30px !important;}
.pb30{padding-bottom:30px !important;}
.pr30{padding-right:30px !important;}
.pl30{padding-left:30px !important;}
.mt35{margin-top:35px !important;}
.mb35{margin-bottom:35px !important;}
.mr35{margin-right:35px !important;}
.ml35{margin-left:35px !important;}
.pt35{padding-top:35px !important;}
.pb35{padding-bottom:35px !important;}
.pr35{padding-right:35px !important;}
.pl35{padding-left:35px !important;}
.mt40{margin-top:40px !important;}
.mb40{margin-bottom:40px !important;}
.mr40{margin-right:40px !important;}
.ml40{margin-left:40px !important;}
.pt40{padding-top:40px !important;}
.pb40{padding-bottom:40px !important;}
.pr40{padding-right:40px !important;}
.pl40{padding-left:40px !important;}
.mt45{margin-top:45px !important;}
.mb45{margin-bottom:45px !important;}
.mr45{margin-right:45px !important;}
.ml45{margin-left:45px !important;}
.pt45{padding-top:45px !important;}
.pb45{padding-bottom:45px !important;}
.pr45{padding-right:45px !important;}
.pl45{padding-left:45px !important;}
.mt50{margin-top:50px !important;}
.mb50{margin-bottom:50px !important;}
.mr50{margin-right:50px !important;}
.ml50{margin-left:50px !important;}
.pt50{padding-top:50px !important;}
.pb50{padding-bottom:50px !important;}
.pr50{padding-right:50px !important;}
.pl50{padding-left:50px !important;}
.mt55{margin-top:55px !important;}
.mb55{margin-bottom:55px !important;}
.mr55{margin-right:55px !important;}
.ml55{margin-left:55px !important;}
.pt55{padding-top:55px !important;}
.pb55{padding-bottom:55px !important;}
.pr55{padding-right:55px !important;}
.pl55{padding-left:55px !important;}
.mt60{margin-top:60px !important;}
.mb60{margin-bottom:60px !important;}
.mr60{margin-right:60px !important;}
.ml60{margin-left:60px !important;}
.pt60{padding-top:60px !important;}
.pb60{padding-bottom:60px !important;}
.pr60{padding-right:60px !important;}
.pl60{padding-left:60px !important;}
.mt65{margin-top:65px !important;}
.mb65{margin-bottom:65px !important;}
.mr65{margin-right:65px !important;}
.ml65{margin-left:65px !important;}
.pt65{padding-top:65px !important;}
.pb65{padding-bottom:65px !important;}
.pr65{padding-right:65px !important;}
.pl65{padding-left:65px !important;}
.mt70{margin-top:70px !important;}
.mb70{margin-bottom:70px !important;}
.mr70{margin-right:70px !important;}
.ml70{margin-left:70px !important;}
.pt70{padding-top:70px !important;}
.pb70{padding-bottom:70px !important;}
.pr70{padding-right:70px !important;}
.pl70{padding-left:70px !important;}
.mt75{margin-top:75px !important;}
.mb75{margin-bottom:75px !important;}
.mr75{margin-right:75px !important;}
.ml75{margin-left:75px !important;}
.pt75{padding-top:75px !important;}
.pb75{padding-bottom:75px !important;}
.pr75{padding-right:75px !important;}
.pl75{padding-left:75px !important;}
.mt80{margin-top:80px !important;}
.mb80{margin-bottom:80px !important;}
.mr80{margin-right:80px !important;}
.ml80{margin-left:80px !important;}
.pt80{padding-top:80px !important;}
.pb80{padding-bottom:80px !important;}
.pr80{padding-right:80px !important;}
.pl80{padding-left:80px !important;}
.mt85{margin-top:85px !important;}
.mb85{margin-bottom:85px !important;}
.mr85{margin-right:85px !important;}
.ml85{margin-left:85px !important;}
.pt85{padding-top:85px !important;}
.pb85{padding-bottom:85px !important;}
.pr85{padding-right:85px !important;}
.pl85{padding-left:85px !important;}
.mt90{margin-top:90px !important;}
.mb90{margin-bottom:90px !important;}
.mr90{margin-right:90px !important;}
.ml90{margin-left:90px !important;}
.pt90{padding-top:90px !important;}
.pb90{padding-bottom:90px !important;}
.pr90{padding-right:90px !important;}
.pl90{padding-left:90px !important;}
.mt95{margin-top:95px !important;}
.mb95{margin-bottom:95px !important;}
.mr95{margin-right:95px !important;}
.ml95{margin-left:95px !important;}
.pt95{padding-top:95px !important;}
.pb95{padding-bottom:95px !important;}
.pr95{padding-right:95px !important;}
.pl95{padding-left:95px !important;}
.mt100{margin-top:100px !important;}
.mb100{margin-bottom:100px !important;}
.mr100{margin-right:100px !important;}
.ml100{margin-left:100px !important;}
.pt100{padding-top:100px !important;}
.pb100{padding-bottom:100px !important;}
.pr100{padding-right:100px !important;}
.pl100{padding-left:100px !important;}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.mr0{margin-right:0 !important;}
.ml0{margin-left:0 !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.pr0{padding-right:0 !important;}
.pl0{padding-left:0 !important;}




.w230{width:230px;}
.w250{width:250px;}
.w740{width:740px;}
.w990{width:990px;margin:0 auto;}

ul.w50p,ul.w60p,ul.w80p{width:100%;}

ul.w50p li,.w50p{width:49%;}
ul.w60p li,.w60p{width:60%;}
ul.w80p li,.w80p{width:80%;}

ul.loop li{float:left;}
ul.w300 li{width:300px;margin:5px;}
ul.w320 li{width:320px;margin:0 5px;}
ul.w460 li{width:460px;}
ul.w300 li img{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width: 300px;
	height: 386px;
	background-size: cover;
}
p.center {
	text-align:center;
}
.t_center {text-align:center;}
.t_right {text-align:right;}
.t_left {text-align:left;}

b {font-weight: bold;}
.alpha:hover{opacity: 0.7;}

table tr:hover{background:#FFFFBF;}

table.border {
	color:#111;
	margin:10px 0;
	border:1px solid #ccc;
}
table.border th,td {
	padding:5px;
	border:1px solid #ccc;
}
table.border th{
	background:#dedede;
}


/* h1 */


h1{
	font-size: 0.9em;
	font-weight: 40;
	text-align: center;
	margin:0 auto;
	background-color:#E6E6E6;
}
.h1_type01{
	padding-left: 1.0em;
	background-color:#FF6600;
	border-left: 10px solid #FF6600;
	color:#FFF;
}
.h1_type02{
	border-left: 10px solid #FF6600;
	padding-left: 1.0em;
}
.h1_type03{
	border-bottom:1px #FF6600 solid;
	padding-left: 1.0em;
}
.h1_type04{
	border-bottom:1px #FF6600 solid;
	border-left: 10px solid #FF6600;
	padding-left: 9px;
}

.h1_type05{
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
}
.h1_type05::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #FF6600;
  border-radius: 4px;
}
.h1_type06 {
	position: relative;
	color: #333333;
	display: inline-block;
	margin: 4.0em 0 3.0em 0;
	text-shadow: 0 0 2px white;
}
.h1_type06:before{
	content: "";
	position: absolute;
	background: #a9e1ff;
	width: 6.0em;
	height: 6.0em;
	border-radius: 50%;
	top: 50%;
	border: dashed 1px white;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: -1;
	box-shadow: 0px 0px 0px 5px #a9e1ff;
}

.h1_type07 {
	font-size: 2.0em;
	text-align:center;
	line-height: 1.2em;
}

h1.top{
	font-size: 0.9em;
	font-weight: 40;
	text-align: center;
	margin:0 auto;
	background-color:#E6E6E6;
}

.breadcrumbs{
		font-size:0.9em;
	}



/*h2*/
h2 {
		font-size:1.3em;
	}

h2.tit03 {
		overflow: hidden;
		text-align: center;
		color:#333;
	}
h2.tit03 span {
		position: relative;
		display: inline-block;
		margin: 0 2.5em;
		padding: 0 1em;
		text-align: left;
	}
h2.tit03 span::before,
h2.tit03 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #666;
	}
h2.tit03 span::before {
		right: 100%;
	}
h2.tit03 span::after {
		left: 100%;
	}

h2.product_features,
h2.contents_title,
h2.product_material,h2.product_table,.h2_bar{
	font-weight: 800;
	border-bottom:1px #FF944D solid;
	border-left: 10px solid #FF6600;
	padding: .2em 0 .2em .5em;
	margin: .2em 0 .2em 0;
}

.section h2,.section_sale h2{
	display:block;
	line-height: 1.1em;
	font-size: 1.2em;
}
.section_sale h2{padding:20px 0 0 0;}



.toggle:before{
content:"＋"
}
.toggle.active:before{
content:"－"
}
.toggle{
line-height:1.3;
padding:15px 10px 15px 10px;
position: relative;
font-size:14px;
background:#fff;
color:#EB5404;
border:1px solid #EB5404;
margin: 3px;
text-align: center;
}


h4 {
	font-size: 15px;
	font-weight: bold;
}
.webfont {
color: #666;
}
#first_sec {
position: relative;
height: 420px;
}
.small{font-size:85%;}
.xsmall{font-size:10px;
text-align:right;}
#registration{font-size:10px;
text-align:center;
color:#93ce1e;
display:block;
line-height:2.5em;
}

/* //////▼header2▼////// */
#header2{
	background-image:	none;
	background-position: initial initial;
	background-repeat: initial initial;
	/* position: fixed; */
	z-index: 100;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #333;
 }
}


/* //////▼headerPCSP切り替え▼////// */
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp {display: block !important;border-bottom: 1px solid #333;}
}



#g_navi_l, ul#g_navi_l li,ul#g_navi_r li{
	float:left;
}
#g_navi_r{
	position: fixed;
	top:0px;
	right:0px;
}
#g_navi_l img{
	height:30px;
	margin:10px 10px 10px 20px;
	vertical-align:middle;
}
#g_navi_l a{text-decoration:none;}
#g_navi_l span{
	font-size:12px;
	vertical-align: bottom;
	font-family:'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#g_navi_r img{
	height:30px;
	margin:10px 5px 10px 20px;
	vertical-align:middle;
}
#g_navi_r .g_navi_product_list{
	text-align: right;
}
#g_navi_r .g_navi_product_list img{
	height:50px;
	margin:0 0 0 20px;
	vertical-align:middle;
}


@media screen and (max-width: 750px){
	#g_navi_r .g_navi_product_list img{
		height:50px;
		margin:0 0 0 0px;
		vertical-align:middle;
	}
}



#g_navi_r a{
	font-size: 14px;
	line-height: 50px;
	font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'sans-serif';
	font-weight: 800;
	color: #111;
	text-decoration:none;
}
#g_navi_r a:hover{
	color: #666;
}
#g_navi_r .icon{
	vertical-align:middle;
	margin-left:9px;
	margin-right:4px;
}

.btn {
    background:transparent url(../img/btn-list.gif) no-repeat 0 0;
		background-size: 200px 50px;
    display: block;
    width:100px;
    height: 50px;
		position: fixed;
    top:0px;
    right:0px;
    cursor: pointer;
    z-index: 300;
}

.hd_product_list{
	width:100px;
	height: 50px;
	position: fixed;
	top:0px;
	right:0px;
  z-index: 300;
}
.peke {
    background-position: -100px 0;
}
.drawr {
    display: none;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:320px;
    padding:60px 0 20px 0;
    z-index: 200;
}
#side_menu li a {
    width:285px;
		height:50px;
		line-height:50px;
		font-size:14px;
    color:#fff;
    display: block;
    padding:15px 0 15px 35px;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:5px 50%;
		background-size:25px auto;
}
li.resveratrol a{background-image:url(../img/icon_resveratrol.png);}
li.resveratrol_gold a{background-image:url(../img/icon_resveratrol_gold.png);}
li.q10 a{background-image:url(../img/icon_q10.png);}
li.re-q10 a{background-image:url(../img/icon_re-q10.png);}
li.vitamin-c a{background-image:url(../img/icon_vitamin-c.png);}
li.vitamin a{background-image:url(../img/icon_vitamin.png);}
li.vitamin-b a{background-image:url(../img/icon_vitamin-b.png);}
li.vib12fol a{background-image:url(../img/icon_vib12fol.png);}
li.vitamin-d a{background-image:url(../img/icon_vitamin-d.png);}
li.mineral a{background-image:url(../img/icon_mineral.png);}
li.calcium a{background-image:url(../img/icon_calcium.png);}
li.magnesium a{background-image:url(../img/icon_magnesium.png);}
li.zinc-copper a{background-image:url(../img/icon_zinc-copper.png);}
li.heme-iron a{background-image:url(../img/icon_heme-iron.png);}
li.sesamin a{background-image:url(../img/icon_sesamin.png);}
li.gaba a{background-image:url(../img/icon_gaba.png);}
li.lutein a{background-image:url(../img/icon_lutein.png);}
li.glucosamine a{background-image:url(../img/icon_glucosamine.png);}
li.l-carnitine a{background-image:url(../img/icon_l-carnitine.png);}
li.ginkgo-leaf a{background-image:url(../img/icon_ginkgo-leaf.png);}
li.omega3 a{background-image:url(../img/icon_omega3.png);}
li.folic-acid a{background-image:url(../img/icon_folic-acid.png);}
li.astaxanthin a{background-image:url(../img/icon_astaxanthin.png);}
li.mariathistle a{background-image:url(../img/icon_mariathistle.png);}
li.cysteine-peptide a{background-image:url(../img/icon_cysteine-peptide.png);}
li.a-lipo a{background-image:url(../img/icon_a-lipo.png);}
li.mangosteen a{background-image:url(../img/icon_mangosteen.png);}
li.benikouji-niacin a{background-image:url(../img/icon_benikouji-niacin.png);}
li.lactic-acid a{background-image:url(../img/icon_lactic-acid.png);}
li.kinjisou a{background-image:url(../img/icon_kinjisou.png);}
li.bainiku_kurozu a{background-image:url(../img/icon_bainiku_kurozu.png);}
li.platinum-volume a{background-image:url(../img/icon_platinum-volume.png);}
li.pycnogenol a{background-image:url(../img/icon_pycnogenol.png);}
li.ururi-tab a{background-image:url(../img/icon_ururi-tab.png);}
li.ururi-oil a{background-image:url(../img/icon_ururi-oil.png);}
li.collagen a{background-image:url(../img/icon_collagen.png);}
li.l-carnitine-trans-resveratrol a{background-image:url(../img/icon_l-carnitine-trans-resveratrol.png);}
li.soy-pro a{background-image:url(../img/icon_soy-pro.png);}

li.resveratrol a:hover{background-color:rgba(214,3,22,0.3);}
li.resveratrol_gold a:hover{background-color:rgba(213,203,134,0.3);}
li.q10 a:hover{background-color:rgba(255,138,7,0.3);}
li.re-q10 a:hover{background-color:rgba(105,244,221,0.3);}
li.vitamin-c a:hover{background-color:rgba(151,232,52,0.3);}
li.vitamin a:hover{background-color:rgba(255,31,155,0.3);}
li.vitamin-b a:hover{background-color:rgba(243,183,1,0.3);}
li.vib12fol a:hover{background-color:rgba(253,30,13,0.3);}
li.vitamin-d a:hover{background-color:rgba(0,167,252,0.3);}
li.mineral a:hover{background-color:rgba(166,128,105,0.3);}
li.calcium a:hover{background-color:rgba(138,137,239,0.3);}
li.magnesium a:hover{background-color:rgba(179,172,190,0.3);}
li.zinc-copper a:hover{background-color:rgba(209,9,22,0.3);}
li.heme-iron a:hover{background-color:rgba(254,77,69,0.3);}
li.sesamin a:hover{background-color:rgba(210,145,3,0.3);}
li.gaba a:hover{background-color:rgba(0,192,109,0.3);}
li.lutein a:hover{background-color:rgba(149,24,204,0.3);}
li.glucosamine a:hover{background-color:rgba(46,221,20,0.3);}
li.l-carnitine a:hover{background-color:rgba(0,88,238,0.3);}
li.ginkgo-leaf a:hover{background-color:rgba(21,117,71,0.3);}
li.omega3 a:hover{background-color:rgba(244,125,147,0.3);}
li.folic-acid a:hover{background-color:rgba(215,135,194,0.3);}
li.astaxanthin a:hover{background-color:rgba(237,19,69,0.3);}
li.cysteine-peptide a:hover{background-color:rgba(52,15,7,0.3);}
li.a-lipo a:hover{background-color:rgba(187,110,240,0.3);}
li.mangosteen a:hover{background-color:rgba(114,18,66,0.3);}
li.benikouji-niacin a:hover{background-color:rgba(196,1,131,0.3);}
li.lactic-acid a:hover{background-color:rgba(1,199,238,0.3);}
li.kinjisou a:hover{background-color:rgba(103,28,155,0.3);}
li.bainiku_kurozu a:hover{background-color:rgba(139,7,3,0.3);}
li.platinum-volume a:hover{background-color:rgba(241,230,238,0.3);}
li.pycnogenol a:hover{background-color:rgba(75,158,79,0.3);}
li.ururi-tab a:hover{background-color:rgba(249,133,178,0.3);}
li.ururi-oil a:hover{background-color:rgba(249,133,178,0.3);}
li.collagen a:hover{background-color:rgba(239,179,191,0.3);}
li.l-carnitine-trans-resveratrol a:hover{background-color:rgba(99,184,241,0.3);}
li.soy-pro a:hover{background-color:rgba(72,109,72,0.3);}

/* //////▼header▼////// */
	#headerWrap,#t_navi{
	  position: fixed;
	  z-index: 999;
	  width: 100%;
	  height: 50px;
	  background-color: #fff;
	  border-bottom:1px solid #333;
	}
	#header{
		width: 990px;
		margin: 0 auto;
		height:50px;
		position:relative;
	}
	.p_nav{
	width:67%;
	float:right;
	display:block;
	margin:10px 0 0 0;
	}
	#logo,.menu{
	float:left;
	width: 100px;
	}

#contact{
	float:right;
	width:348px;
}

	#header ul{
	text-align: right;
	margin:5px 120px 0 0;
	}
	#header ul li{
		display: inline-block;
		margin:0 0 0 20px;
		height:50px;
		}
	#header ul a{
	text-decoration: none;
	display: block;
	font-size: 15px;
	line-height: 1.7em;
	}
	#header ul #gNavi1 a:hover,
	#header ul #gNavi2 a:hover,
	#header ul #gNavi3 a:hover,
	#header ul #gNavi5 a:hover,
	#header ul #gNavi6 a:hover{
	border-bottom: 1px dotted #999;
	color: #999;
	}
	.selected {
		color: #333;
		-webkit-font-smoothing: antialiased;
	}
.konyu{
		display:block;
		width:95px;
		float:right;
		margin:-65px 0 0 0;
		}

/*　//////笆ｶ購入ボタン　ロールアップ \笆ｶ btn.cssへ////// */

p.recom{	margin: 0;
	padding-top: 10px;
	border: 0;
	font-size: 100%;
	font: inherit;}
/* //////▼アコーディオンナビ▼////// */
label {
    color: #fff;
    display: block;
    margin: 0;
	position:absolute;
	top:15px;
	left:25%;
	cursor: pointer;
	cursor: hand;
}
input[type="checkbox"].on-off{
    display: none;
}
.menu{
	opacity: 0.7;
	width:100%;
	float:left;
	line-height:2em;
	font-size:12px;
	margin:-15px 0 0 0;
	}

.menu img{
	margin:5px 0 0 0;}
.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
	background:#000;

	}
.menu li a{
	text-decoration:none;
	color:#fff;
	}
.menu li a:hover{
	color:#999;}
.menu table ul{
	list-style:inside square;
	padding:0 20px 0 0;
	}
.menu td{padding:10px;}
.menu2{
	opacity: 0.7;
	width:100%;
	float:left;
	line-height:2em;
	font-size:12px;
	margin:0px 0 0 0;
	}
.menu2 img{
	margin:5px 0 0 0;}
.menu2 ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
	background:#000;

	}
.menu2 li a{
	text-decoration:none;
	color:#fff;
	}
.menu2 li a:hover{
	color:#999;}
.menu2 table ul{
	list-style:inside square;
	padding:0 20px 0 0;
	}
.menu2 td{padding:10px;}
input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 214px;
}

/* //////▲アコーディオンナビ▲////// */
#top_ime2{
	display:block;
	width:100%;
	margin:auto;
	padding-top:50px;
	background: url(../img/bg_long.jpg) repeat-x;
	z-index:-100;
	}
#top_ime2 .kodawari{
	display:block;
	position: absolute;
	padding-top:100px;
	padding-left:170px;
	z-index:99;
}

#top_ime3{
	display:block;
	width:100%;
	margin:auto;
	padding-top:50px;
	background: url(../img/bg_long.jpg) repeat-x;
	z-index:-100;
	}
#top_ime3 .kodawari{
	display:block;
	position: absolute;
	padding-top:100px;
	padding-left:170px;
	z-index:99;
}

#top_ime4{
	display:block;
	width:100%;
	margin:auto;
	padding-top:50px;
	background: url(../img/bg_long.jpg) repeat-x;
	z-index:-100;
	}
#top_ime4 .kodawari{
	display:block;
	position: absolute;
	padding-top:100px;
	padding-left:170px;
	z-index:99;
}

/*　//////▼ページ下へボタン▼////// */

#page_down{
position: absolute;
top: 90%;
left: 50%;
width: 40px;
height: 40px;
}


/* //////▲ページ下へ　ボタン▲////// */

/* //////▲header▲////// */

#logo_gr {
width:990px;
position:absolute;
left: 35%;
margin: 0 0 0 -200px;
z-index: 100;
}

#logo_gr img{
	float:left;
	padding:0 20px 0 0;}


@media screen and (max-width: 750px){
h1{
	padding:0 0 0 0;
	}
}




.section_bg{
	width:100%;
	padding:50px 0 0 0;
}
.section_bg2{
	width:100%;
	padding:10px 0 0 0;
}
.section {
	margin: 0 0 80px 0;
	display:block;
	background: #fff;
}
.section .inner,.section_sale .inner{
width: 990px;
margin: 0 auto;
}




.txt_0{	text-indent:-9999px;}
#about h2{background:url(../img/tit01.jpg) no-repeat;}
//#material h2{background:url(../img/tit02.jpg) no-repeat;
//		border-bottom:1px solid #000;
//}
#detail h2{background:url(../img/tit03.jpg) no-repeat;}



/* about 製品のこだわり */
.section h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
#about_txt{
	width:80%;
	padding:0 0 30px 0;
}
#img_ko{margin:20px 0 0 0;}

/* about 製品の原料・サプリ詳細 */

/* products/detail */
#rmenu_img {
    position: relative;
    margin-bottom: 65px;
}
#menu1btn_img {
    position: absolute;
    left: 20px;
    top: 217px;
}
#menu2btn_img {
    position: absolute;
    left: 322px;
    top: 217px;
}
#menu3btn_img {
    position: absolute;
    left: 624px;
    top: 217px;
}
#product,.product,.detail{
	font-size:1.0em;
	line-height:170%;
	/* color:#111; */
	width: 890px;
	margin:0 auto;
}
#product table,.product table{
	/* display:block; */
	line-height: 1.2em;
	font-size:0.9em;
}
}
#detail td,#detail th,#material td,#material th{
	height:20px;
	padding:10px 5px 5px 15px;
	border-top:1px dotted #000;
	line-height:1.2em;
}








.r_3text {
    font-weight: 900;
}
h3.pf_h3{
	font-size:1.1em;
	font-weight: 600;
	border-left: 5px solid #FF6600;
	margin: .7em 0 0.2em 0;
	padding: .2em 0 .2em .5em;
}
#product_features,#product_material,#product_table{
	margin:0 0 1.1em 0;
}

#material th,#detail th{
	font-weight:bold;
}

	#detail span{
		font-size:10px;
		font-style:normal;
	}

	#detail .section{padding:0 0 40px 0 ;}
.question{
	font-size: 1.2em;
	font-weight: 500;
	color: #FF4000;
	padding: .3em 0 .3em .5em;
}

/*　//////▼製品スペック▼////// */
#spec{margin:-50px 0 150px 0;}
#spec h2,.sale{margin:0 0 0 10%;}
#spec h2 span{font-size:14px;}
#spec img,#spec ul{
	float:left;
	padding:0 0px 0 0;
	}

.s_name span{
	font-size: 24pt;
	line-height:1.4em;
	}
.s_pay{
	color:#C00;
	font-size:28pt;
	line-height:1.4em;
	}


/*　//////▼購入ボタン▼////// */

.product_sale{
	width:890px;
	margin:0 auto;
	padding:20px;
	background:#FEEDD3;
	color:#111;
}

@media only screen and (max-width: 750px) {
	.product_sale{
		width:100%;
	}
}
.product_sale h2{
	font-size:1.6em;
	margin-bottom:0.2em;
}
.product_sale h2 span{font-size:16px;}

@media only screen and (max-width: 1328px) {
	.order_fix{display:none;}
}
.order_fix{
		float:right;
		width: 200px;
		position:-webkit-sticky;
		position:sticky;
		top:80px;
		margin-right:10px;
	}
	.btn-fix{
		width:150px;
	}
	.order_fix img{
		width:150px;
		margin: 20px 0 0 20px;
	}
	.order_fix span.price{
		font-size:1.1em;
		color:#C00;
}


.tanpin,.teiki{padding:12px 0 0 0;}
.txt_ko{
	padding:0 0 5px 0;
	line-height:1em;}

.tanpin a{display:block;background: url('../img/btn_order.png') no-repeat 0 -112px;width: 150px;	height: 50px;}
.tanpin a:hover{background: url('../img/btn_order.png') no-repeat 0 -109px;}
.teiki a{display:block;background: url('../img/btn_order.png') no-repeat 0 -172px;width: 150px;	height: 50px;}
.teiki a:hover{background: url('../img/btn_order.png') no-repeat 0 -169px;}

.teiki_tokuten{width:100%;margin:20px auto;background:#FEEDD3;padding: 1.0em 0 1.0em 0;text-align:center;}

#media_production{
	/*width: 950px;*/
	margin:40px auto 0 auto;
	padding:20px 0;
}

/*　//////▼OTHER PAGES▼////// */

#page{padding-top:10px;}

#page section{margin-bottom:40px;}

#page h1{
	margin:0.5em 0;
}

#page h2{
	font-size: 17pt;
  font-weight: bold;
  border-left: 7px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .1em .5em;
  margin-bottom: 20px;
}
#page h3{
  font-weight: bold;
	margin:0.5em 0;
}
table.widetable {
	width:100%;
	margin-top:15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.widetable th,td {
	border-bottom:1px dotted #666;
	padding:5px;
}
table.widetable th {
	width:25%;
	font-weight:bold;
}
table.widetable td {
	padding:10px 0px;
}

table.widetable {
	width:100%;
	margin-top:15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.border th, table.border td {
	border-collapse: collapse;
  border:1px solid #666;
	padding:5px;
}
table.border th{
	background:#eee ;
}

h2.tit {
	margin:25px 0 15px 0;
}

ul.faq_index{margin:0 0 40px 0;}
ul.faq_index li a{
	display:block;
	width:98%;
	background:#eee;
	line-height:60px;
	margin:5px 1%;
	padding:auto 20px;
}
ul.faq_index a:hover{background:#FFEFBF;}

dl.faq{
	border-bottom:1px solid #eee;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
dl.faq dt{
	background: url('../img/q.png') no-repeat 0 50%;
	padding:0 0 0 3em;
	height:3em;
	line-height:1.6em;
}
dl.faq dd{
	background: url('../img/a.png') no-repeat 0 0;
	padding:0 0 0 3em;
}

/*　//////▼footer▼////// */
	#footerWrap{
		color:#111;
		display:block;
		text-align:center;
		margin-top: 2.0em;
		width: 1000px;
		margin: 0 auto;
	}
	@media screen and (max-width: 750px){
	#footerWrap{
			width: 100%;
		}
	}

	#footer{
		width: 100%;
		margin: auto;
		text-align: center;
		line-height: 3em;
		background:#fff;
		/*border-top:#999 solid 1px;*/
		padding:10PX 0 0 0;
		}

	#footer_concept{
		width: 100%;
		margin: auto;
		/*border-top:#999 solid 1px;*/
		margin:60px auto 0 auto;
	}
	#footer_navi{
		width: 100%;
		margin: auto;
		text-align: center;
		line-height: 3em;
		background:#fff;
		/*border-top:#999 solid 1px;*/
		/* padding:50PX 0 0 0; */
	}

#footer_navi form{
	text-align:left;
	margin-bottom:30px;
}
#search-text{
	width:100%;
	color:#111;
	height:1.3em;
	padding:20px;
	border:solid 1px #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#search-text:focus{
	background: #FFFFBF;
}
#search-reset{
	padding:10px;
	margin-left:10px;
}
ul.footer_menu li{
	float:left;
	text-align:left;
	width: 50%;
	vertical-align: middle;
	padding: 0 0 0.15em 0;
}
@media only screen and (max-width: 750px){
ul.footer_menu li{
	float:left;
	text-align:left;
	width:100%;
}
}
.target-area .hidden {
  display: none
}
ul.footer_menu li a{
	display:block;
	height: 3em;
	padding: 5px 8px 5px 70px;
	margin: 14px 5px 27px 0;
	background-repeat:no-repeat;
	background-position: 5px 25%;
	background-size: 60px auto;
	text-decoration:none;
	font-size: 1.0em;
	line-height: 1em;
	display: table-cell;
	vertical-align: middle;
}




ul.footer_menu li a:hover{
	color:#111;
}
	#footerCont{
		width: 48%;
		height:820px;
		padding-bottom:1.0em;
		}

	.footerCont{
		width: 48%;
		float:left;
		text-align:left;
		font-size:1.1em;
		line-height:25px;
		}
	.fbox{
		margin:10px 0;
		}

	.fimg{
		text-align:center;
		margin-bottom:10px;
		}

	#footer h3{
		font-size: 18px;
		margin:0 0 15px 0;
		color:#fff;
		background-color:#9f9f9f;
		padding:5px;
		}

	#footer h4{
		font-weight: bold;
		line-height:1.4em;
		}

	#footer ul{
		width:990px;
		margin:auto;
	}
	#footer li{
		display:inline;
		margin:0 10px;
	}
#footer_cp{
	text-align:center;
	border-top: 1px solid #333;
	padding:10px;
	font-size: 14px;
	line-height: 50px;
	font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'sans-serif';
	font-weight: 600;
	color: #111;
}
#footer_cp ul{
	display:inline-block;
	width:auto;
	margin:0 auto;
}
#footer_cp li{
	float:left;
	margin:0 10px;
}
#footer_cp a{
	color: #111;
	text-decoration:none;
}
#footer_cp a:hover{
	color: #666;
	text-decoration:none;
}

/*　//////▼トップページ　グローバルナビ▼////// */
#t_header{
	width:100%;
	margin:0 auto;
	}
#t_navi{
	display:block;
	width:100%;
	background:url(../img/tel2.jpg) no-repeat #fff right;
}

#t_navi ul{
	width:990px;
	float:left;}
#t_navi li{
	margin:0 40px;
}
.ichiran :hover{opacity: 0.8;}

/*　//////▲トップページ　グローバルナビ▲////// */
.section a:hover{
	filter: alpha( opacity=50 );  /* IE */
	/* opacity:0.5; */                 /* Firefox,Opera,Safari */
	-moz-opacity:0.5;           /* Firefox 0.9より前 */
	text-decoration:underline;
}

/*　//////▼トップページイメージ▼////// */
#top_img2{
	display:block;
	width:990px;
	margin:auto;
}
#top_img2 img{
	/* margin:50px 0 0 0; */
}
#top_ime .m30{
	padding:75px 0 20px 0;
}
.m30 li{margin:0 30px;}
#top_ime li{
	display:inline;
	width:264px;
	float:left;
	text-align:center;
	line-height:1.6em;
}
#top_ime li span {
	display:block;
	width:117px;
	margin:auto;
}
.feature_box a:hover{opacity: 0.4;}

/*　//////▲トップページイメージ▲////// */

/*　//////▼季節のおすすめサプリ▼////// */


#recomen {
	width:990px;
	margin:auto;
}


#recomen .item_box{
	width:330px;
	float:left;
	padding:50px 0px 30px 0px;
	text-align:center;
}

#recomen .item_box2{
	width:330px;
	float:left;
	padding:30px 0px;
	text-align:center;
}

#recomen .item_box3{
	width:495px;
	float:right;
	padding:50px 0px 30px 0px;
	text-align:center;
}

#recomen .item_box a:hover{opacity: 0.4;}
#recomen .item_box2 a:hover{opacity: 0.4;}



.center{text-align:center;}

/*　//////▲季節のおすすめサプリ▲////// */

/*　//////▼top 製品一覧▼////// */

#biew{padding-bottom:30px;}
#biew #tit02{
	margin:20px 0 0 0;
	background:url(../img/tit_l02.jpg) no-repeat;}
#biew li{
	margin:0 auto;
	padding:0;
	width:198px;
	float:left;
}
ul#menu li :hover{opacity: 0;}
#resveratrol{background:url(../img/resveratrol_on.jpg) no-repeat 0 0;}
#resveratrol_gold{background:url(../img/resveratrol_gold_on.jpg) no-repeat 0 0;}
#q10{background:url(../img/q10_on.jpg) no-repeat 0 0;}
#q10_chewabl{background:url(../img/q10_chewable_on.jpg) no-repeat 0 0;}
#re_q10{background:url(../img/re_q10_on.jpg) no-repeat 0 0;}
#l_carnitine{background:url(../img/l_carnitine_on.jpg) no-repeat 0 0;}
#lutein{background:url(../img/lutein_2_on.jpg) no-repeat 0 0;}
#sesamin{background:url(../img/sesamin_on.jpg) no-repeat 0 0;}
#gaba{background:url(../img/gaba_on.jpg) no-repeat 0 0;}
#calcium_magnesium{background:url(../img/calcium_magnesium_on.jpg) no-repeat 0 0;}
#vitamin{background:url(../img/vitamin_on.jpg) no-repeat 0 0;}
#vitamin_b{background:url(../img/vitamin_2_b_on.jpg) no-repeat 0 0;}
#vitamin_c{background:url(../img/vitamin_c_on.jpg) no-repeat 0 0;}
#vitamin_d{background:url(../img/vitamin_2_d_on.jpg) no-repeat 0 0;}
#mineral{background:url(../img/mineral_f_on.jpg) no-repeat 0 0;}
#omega3{background:url(../img/omega_2_3_on.jpg) no-repeat 0 0;}
#ginkgo_leaf{background:url(../img/ginkgo_leaf_2_on.jpg) no-repeat 0 0;}
#folic_acid{background:url(../img/folic_acid_2_on.jpg) no-repeat 0 0;}
#astaxanthin{background:url(../img/astaxanthin_on.jpg) no-repeat 0 0;}
#zinc_copper{background:url(../img/zinc_copper_on.jpg) no-repeat 0 0;}
#benikouji_niacin{background:url(../img/benikouji_niacin_on.jpg) no-repeat 0 0;}
#lactic_acid{background:url(../img/lactic_acid_on.jpg) no-repeat 0 0;}
#collagen{background:url(../img/collagen_2_on.jpg) no-repeat 0 0;}
#bainiku_kurozu{background:url(../img/bainiku_kurozu_2_on.jpg) no-repeat 0 0;}
#glucosamine{background:url(../img/glucosamine_on.jpg) no-repeat 0 0;}
#heme_iron{background:url(../img/heme_iron_on.jpg) no-repeat 0 0;}
#pycnogenol{background:url(../img/pycnogenol_2_on.jpg) no-repeat 0 0;}
#kinjisou{background:url(../img/kinjisou_2_on.jpg) no-repeat 0 0;}
#cysteine-peptide{background:url(../img/cysteine-peptide_on.jpg) no-repeat 0 0;}
#a-lipo{background:url(../img/a-lipo_on.jpg) no-repeat 0 0;}
#soy-pro{background:url(../img/soy-pro_on.jpg) no-repeat 0 0;}
#vib12fol{background:url(../img/vib12fol_on.jpg) no-repeat 0 0;}




/*　//////▲top 製品一覧▲////// */

/*　//////▼詳しくみるボタン▼////// */
.btn_s{
	display:block;
	width:120px;
	height:20px;
	border-radius: 6px;        /* CSS3草案 */
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
	}
#recomen .btn_s{
		background:#B03337 center;
		padding:0 0 10px 0;
		margin:0 auto;
}

/*　//////▲詳しくみるボタン▲////// */



/*　//////▼ピックアップ情報▼////// */
 #tit011{
	margin:20px 0 0 0;
	background:url(../img/tit_l011.png) no-repeat;
	}

#pickUp {
	width:990px;
	margin:auto;
	margin-top: 100px;
	margin-bottom: 30px;
}

#pickUp .linkBox{
	width:495px;
	float:left;
	padding:50px 0px 30px 0px;
	text-align:center;
}



/*　//////▲ピックアップ情報▲////// */




/*　//////▼関連サイト▼////// */

 #tit04{
	margin:20px 0 0 0;
	background:url(../img/tit_l02.png) no-repeat;
	}
#kanren {
	width:990px;
	margin:auto;
	margin-bottom: 50px;
}

#kanren .linkBox{
	width:495px;
	float:left;
	padding:50px 0px 30px 0px;
	text-align:center;
}

/*　//////▲関連サイト▲////// */




/*　//////▼メディア掲載情報▼////// */

.section h2.tit03 {
		overflow: hidden;
		text-align: center;
		font-size:32px;
		color:#333;
	}
	.section h2.tit03 span {
		position: relative;
		display: inline-block;
		margin: 1em 2em 1em 2em;
		padding: 0 1em;
		text-align: left;
	}
	.section h2.tit03 span::before,
	.section h2.tit03 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #666;
	}
	.section h2.tit03 span::before {
		right: 100%;
	}
	.section h2.tit03 span::after {
		left: 100%;
	}
 #media{
  margin: 10px 0 30px 0;
 }
 #media ul{
	 margin:30px 20px;
 }
 #media li{
	 float: left;
	 width:440px;
	 padding:5px;
	 margin:5px;
 }
 #media li img{
	 width: 100px;
 }
 #media .center{
	 margin: 0 31px 0 31px;
 }

/*　//////▲メディア掲載情報▲////// */


/*　//////▼製品一覧▼////// */
.productlist li{
	float: left;
	width: 240px;
	height: 230px;
	margin-right: 6px;
	margin-bottom: 10px;
}
.productlist a{
	text-decoration: none;
	color: #777777;
}
.section .productlist h3{
	margin-top: 0px;
	text-align: center;
	font-size: 18px;
	font-weight:normal;
	font-family: "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "sans-serif", serif;
}
.productlist img{
	width: 240px;
	vertical-align: bottom;
}

/* //////▼ファーストビュー　タイトル画像　購入ボタン▼////// */
.btn-fb{}
.btn-fb a{
	display:block;
	font-size:1.4em;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:50px;
	width:150px;
	height:50px;
	position: absolute;
	left: 672px;
	top: 255px;
}
a.btn-order,
a.btn-order_r{
	display:block;
	text-align:center;
	text-decoration:none;
	box-sizing: border-box;
	color: #FFF;
	outline: none;
	position: relative;
	top: 0;
	transition: 0.1s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'sans-serif';
	font-weight: 600;
	font-size: 18px;
	line-height:50px;
	height:50px;
}

a.btn-order{
	background: linear-gradient(#66CA00 0%, #66BA00 100%);
	box-shadow: 0 2px 0 #4E7300;
	margin: 0 0 0 20px;
}

a.btn-order_r{
	background: linear-gradient(#FF0000 0%, #B40404 100%);
	box-shadow: 0 2px 0 #2A0A0A;
}

a.btn-order:hover{box-shadow: 0 0 0 #669A00; color: #FFF; top: 2px;}
a.btn-order_r:hover{box-shadow: 0 0 0 #FF0000; color: #FFF; top: 2px;}

a.btn-anchor{
	width:90%;
	margin: auto;
	margin-bottom: 1.0em;
	margin-top: 0.5em;
}
a.btn-tanpin{
	width:220px;
	margin:20px auto;
}
a.btn-teiki{
	width:220px;
	margin:20px auto;
}

//初期：テーマ色背景
.btn-pla a{background:#BC9B3E;border:1px solid #BC9B3E;}
.btn-pla a:hover{border:1px solid #BC9B3E;color:#BC9B3E;background:#fefefe;}

//初期：白背景
.btn-resve a{background:#fefefe;border:1px solid #E50024;color:#E50024}
.btn-resve a:hover{border:1px solid #E50024;color:#fefefe;background:#E50024;}

.btn-resve_gold a{background:#E6BE44;border:1px solid #E6BE44;}
.btn-resve_gold a:hover{border:1px solid #E6BE44;color:#E6BE44;background:#fefefe;}

.btn-kin a{background:#fefefe;border:1px solid #614679;color:#614679;}
.btn-kin a:hover{border:1px solid #614679;color:#fefefe;background:#614679;}

.btn-soy-pro a{background:#fefefe;border:1px solid #016F46;color:#016F46;}
.btn-soy-pro a:hover{border:1px solid #016F46;color:#fefefe;background:#016F46;}

.btn-vib12fol a{background:#fefefe;border:1px solid #E73A00;color:#E73A00;}
.btn-vib12fol a:hover{border:1px solid #E73A00;color:#fefefe;background:#E73A00;}

.btn-a-lipo a{background:#fefefe;border:1px solid #A480BF;color:#A480BF;}
.btn-a-lipo a:hover{border:1px solid #A480BF;color:#fefefe;background:#A480BF;}

.btn-cysteine-peptide a{background:#fefefe;border:1px solid #65372A;color:#65372A;}
.btn-cysteine-peptide a:hover{border:1px solid #65372A;color:#fefefe;background:#65372A;}

.btn-q10 a{background:#fefefe;border:1px solid #F39900;color:#F39900;}
.btn-q10 a:hover{border:1px solid #F39900;color:#fefefe;background:#F39900;}

.btn-re-q10 a{background:#fefefe;border:1px solid #90CFB8;color:#90CFB8;}
.btn-re-q10 a:hover{border:1px solid #90CFB8;color:#fefefe;background:#90CFB8;}

.btn-lutein a{background:#fefefe;border:1px solid #6F1F87;color:#6F1F87;}
.btn-lutein a:hover{border:1px solid #6F1F87;color:#fefefe;background:#6F1F87;}

.btn-sesamin a{background:#fefefe;border:1px solid #C39857;color:#C39857;}
.btn-sesamin a:hover{border:1px solid #C39857;color:#fefefe;background:#C39857;}

.btn-gaba a{background:#fefefe;border:1px solid #009342;color:#009342;}
.btn-gaba a:hover{border:1px solid #009342;color:#fefefe;background:#009342;}

.btn-vitamin a{background:#fefefe;border:1px solid #DF0083;color:#DF0083;}
.btn-vitamin a:hover{border:1px solid #DF0083;color:#fefefe;background:#DF0083;}

.btn-vitamin-b a{background:#fefefe;border:1px solid #F7AF00;color:#F7AF00;}
.btn-vitamin-b a:hover{border:1px solid #F7AF00;color:#fefefe;background:#F7AF00;}

.btn-vitamin-c a{background:#fefefe;border:1px solid #A9CF53;color:#89AE31;}
.btn-vitamin-c a:hover{border:1px solid #A9CF53;color:#fefefe;background:#A9CF53;}

.btn-vitamin-d a{background:#fefefe;border:1px solid #00A0E8;color:#00A0E8;}
.btn-vitamin-d a:hover{border:1px solid #00A0E8;color:#fefefe;background:#00A0E8;}

.btn-vitamin-d a{background:#fefefe;border:1px solid #00A0E8;color:#00A0E8;}
.btn-vitamin-d a:hover{border:1px solid #00A0E8;color:#fefefe;background:#00A0E8;}

.btn-mineral a{background:#fefefe;border:1px solid #B48D4B;color:#B48D4B;}
.btn-mineral a:hover{border:1px solid #B48D4B;color:#fefefe;background:#B48D4B;}

.btn-omega3 a{background:#fefefe;border:1px solid #EE889B;color:#EE889B;}
.btn-omega3 a:hover{border:1px solid #EE889B;color:#fefefe;background:#EE889B;}

.btn-ginkgo-leaf a{background:#fefefe;border:1px solid #10653A;color:#10653A;}
.btn-ginkgo-leaf a:hover{border:1px solid #10653A;color:#fefefe;background:#10653A;}

.btn-folic-acid a{background:#fefefe;border:1px solid #C581B4;color:#C581B4;}
.btn-folic-acid a:hover{border:1px solid #C581B4;color:#fefefe;background:#C581B4;}

.btn-astaxanthin a{background:#fefefe;border:1px solid #C82233;color:#C82233;}
.btn-astaxanthin a:hover{border:1px solid #C82233;color:#fefefe;background:#C82233;}

.btn-zinc-copper a{background:#fefefe;border:1px solid #B03333;color:#B03333;}
.btn-zinc-copper a:hover{border:1px solid #B03333;color:#fefefe;background:#B03333;}

.btn-benikouji-niacin a{background:#fefefe;border:1px solid #A40082;color:#A40082;}
.btn-benikouji-niacin a:hover{border:1px solid #A40082;color:#fefefe;background:#A40082;}

.btn-lactic-acid a{background:#fefefe;border:1px solid #00A5BE;color:#00A5BE;}
.btn-lactic-acid a:hover{border:1px solid #00A5BE;color:#fefefe;background:#00A5BE;}

.btn-collagen a{background:#fefefe;border:1px solid #FF9ACF;color:#FF9ACF;}
.btn-collagen a:hover{border:1px solid #FF9ACF;color:#fefefe;background:#FF9ACF;}

.btn-bainiku_kurozu a{background:#fefefe;border:1px solid #C82233;color:#C82233;}
.btn-bainiku_kurozu a:hover{border:1px solid #C82233;color:#fefefe;background:#C82233;}

.btn-glucosamine a{background:#fefefe;border:1px solid #5BB431;color:#458725;}
.btn-glucosamine a:hover{border:1px solid #5BB431;color:#fefefe;background:#5BB431;}

.btn-heme-iron a{background:#fefefe;border:1px solid #E95022;color:#E95022;}
.btn-heme-iron a:hover{border:1px solid #E95022;color:#fefefe;background:#E95022;}

.btn-pycnogenol a{background:#fefefe;border:1px solid #009352;color:#009352;}
.btn-pycnogenol a:hover{border:1px solid #009352;color:#fefefe;background:#009352;}

.btn-ururi-tab a{background:#fefefe;border:1px solid #26B2C8;color:#26B2C8;	top: 355px;}
.btn-ururi-tab a:hover{border:1px solid #26B2C8;color:#fefefe;background:#26B2C8;top: 355px;}

.btn-ururi-oil a{background:#fefefe;border:1px solid #26B2C8;color:#26B2C8;	top: 355px;}
.btn-ururi-oil a:hover{border:1px solid #26B2C8;color:#fefefe;background:#26B2C8;top: 355px;}

.btn-l-carnitine-trans-resveratrol a{background:#fefefe;border:1px solid #005EAE;color:#005EAE;}
.btn-l-carnitine-trans-resveratrol a:hover{border:1px solid #005EAE;color:#fefefe;background:#005EAE;}

.btn-platinum-volume a{background:#fefefe;border:1px solid #BC9B3E;color:#BC9B3E;}
.btn-platinum-volume a:hover{border:1px solid #BC9B3E;color:#fefefe;background:#BC9B3E;}

.btn-calcium a{background:#fefefe;border:1px solid #A29CF2;color:#A29CF2;}
.btn-calcium a:hover{border:1px solid #A29CF2;color:#fefefe;background:#A29CF2;}

.btn-magnesium a{background:#fefefe;border:1px solid #666;color:#666;}
.btn-magnesium a:hover{border:1px solid #666;color:#fefefe;background:#666;}

.btn-l-carnitine a{background:#fefefe;border:1px solid #458DD2;color:#458DD2;}
.btn-l-carnitine a:hover{border:1px solid #458DD2;color:#fefefe;background:#458DD2;}

/*******************************************************************************************
	- /product/concept/
*******************************************************************************************/
main.concept,section#design, section#develop,section#prescription,section#capsule,section#natura,section#traceability,section#material,section#manufacture,section#authentication,section#mark{
  font-size: 16px;
  line-height: 140%;
  font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'sans-serif';
  font-weight: 500;
  color: #111111;
}

main.concept {
  padding:50px 0 0 0;
}
main.concept .prolog {
  text-align: center;
  margin-bottom: 80px;
}
main.concept .prolog h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 65px;
}
main.concept .prolog h1 span {
  font-size: 16px;
  line-height: 110%;
  font-weight: normal;
  margin:20px 0 0 0;
	display:block;
}
main.concept .prolog p {
  font-size: 16px;
  margin:10px 0 40px 0;
}
main.concept .navigation {
  margin-bottom: 100px;
}
main.concept .navigation ul {
  display: block;
  text-align: center;
}
main.concept .navigation ul li {
  display: inline-block;
  width: 174px;
  margin: 0 10px 30px;
  vertical-align: top;
  line-height: 24px;
  font-weight: bold;
}
main.concept .navigation ul li a {
  display: block;
  background: url(../concept/img/scroll.gif) no-repeat;
  background-size: 353px auto;
  margin-bottom: 15px;
}
main.concept .navigation ul li b {
  display: block;
  width: 174px;
  height: 174px;
  background: url(../concept/img/scroll.gif) no-repeat;
  background-size: 353px auto;
  text-indent: -999em;
  transition: 0.15s ease-in-out;
}
main.concept .navigation ul li b:hover {
  filter: alpha(opacity=0);
  opacity: 0;
}
main.concept .navigation ul li.nav01 a {
  background-position: -174px 0 !important;
}
main.concept .navigation ul li.nav01 a b {
  background-position: 0 0 !important;
}
main.concept .navigation ul li.nav02 a {
  background-position: -174px -176px !important;
}
main.concept .navigation ul li.nav02 a b {
  background-position: 0 -176px !important;
}
main.concept .navigation ul li.nav03 a {
  background-position: -174px -353px !important;
}
main.concept .navigation ul li.nav03 a b {
  background-position: 0 -353px !important;
}
main.concept .navigation ul li.nav04 a {
  background-position: -174px -529px !important;
}
main.concept .navigation ul li.nav04 a b {
  background-position: 0 -529px !important;
}
main.concept .navigation ul li.nav05 a {
  background-position: -174px -705px !important;
}
main.concept .navigation ul li.nav05 a b {
  background-position: 0 -705px !important;
}
main.concept .navigation ul li.nav06 a {
  background-position: -174px -881px !important;
}
main.concept .navigation ul li.nav06 a b {
  background-position: 0 -881px !important;
}
main.concept .navigation ul li.nav07 a {
  background-position: -174px -1058px !important;
}
main.concept .navigation ul li.nav07 a b {
  background-position: 0 -1058px !important;
}
main.concept .navigation ul li.nav08 a {
  background-position: -174px -1235px !important;
}
main.concept .navigation ul li.nav08 a b {
  background-position: 0 -1235px !important;
}
main.concept .navigation ul li.nav09 a {
  background-position: -174px -1412px !important;
}
main.concept .navigation ul li.nav09 a b {
  background-position: 0 -1412px !important;
}
main.concept .move {
  text-align: center;
  margin-bottom: 65px;
}
main.concept .move img {
  animation: bound 0.9s linear 0s 1;
  animation-iteration-count: infinite;
}
@keyframes bound {
  0% {
    transform: translate(0%, 0%);
  }
  10% {
    transform: translate(0%, 5%);
  }
  40% {
    transform: translate(0%, 10%);
  }
  50% {
    transform: translate(0%, 5%);
  }
  60% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.scroll {
  position: fixed;
  top: 50%;
  right: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 56px;
  margin-top: -150px;
  padding: 15px 15px 0px;
  background: #FFF9E7;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: 0.15s ease-in-out;
}
.scroll:hover {
  width: 400px;
}
.scroll:hover a {
  text-indent: 0;
}
.scroll li {
  margin-bottom: 15px;
}
.scroll li a {
  display: block;
  height: 27px;
  padding-left: 30px;
  text-decoration: none;
  white-space: nowrap;
  background: url(../concept/img/scroll.gif) no-repeat;
  background-size: 53px auto;
  color: #111111;
  position: relative;
  text-indent: -999em;
  transition: 0.15s ease-in-out;
}
.scroll li a:hover {
  color: #ff8000;
  text-decoration: underline;
}
.scroll li a:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 27px;
  height: 27px;
  background: url(../concept/img/scroll.gif) no-repeat;
  background-size: 53px auto;
  transition: 0.15s ease-in-out;
}
.scroll li a:hover:before {
  filter: alpha(opacity=0);
  opacity: 0;
}
.scroll li.scroll01 a {
  background-position: -27px 1px !important;
}
.scroll li.scroll01 a:before {
  background-position: 0 1px !important;
}
.scroll li.scroll02 a {
  background-position: -27px -26px !important;
}
.scroll li.scroll02 a:before {
  background-position: 0 -26px !important;
}
.scroll li.scroll03 a {
  background-position: -27px -52px !important;
}
.scroll li.scroll03 a:before {
  background-position: 0 -52px !important;
}
.scroll li.scroll04 a {
  background-position: -27px -79px !important;
}
.scroll li.scroll04 a:before {
  background-position: 0 -79px !important;
}
.scroll li.scroll05 a {
  background-position: -27px -105.5px !important;
}
.scroll li.scroll05 a:before {
  background-position: 0 -105.5px !important;
}
.scroll li.scroll06 a {
  background-position: -27px -132px !important;
}
.scroll li.scroll06 a:before {
  background-position: 0 -132px !important;
}
.scroll li.scroll07 a {
  background-position: -27px -158px !important;
}
.scroll li.scroll07 a:before {
  background-position: 0 -158px !important;
}
.scroll li.scroll08 a {
  background-position: -27px -185px !important;
}
.scroll li.scroll08 a:before {
  background-position: 0 -185px !important;
}
.scroll li.scroll09 a {
  background-position: -27px -211px !important;
}
.scroll li.scroll09 a:before {
  background-position: 0 -211px !important;
}
section#design h2 {
  text-align: center;
  font-size: 36px;
  line-height: 550px;
  font-weight: bold;
  color: #FFCA00;
  background: url(../concept/img/design.jpg) no-repeat center top;
  background-size: 2560px auto;
}
section#design h2 img {
  vertical-align: middle;
}
section#design p {
  text-align: center;
  line-height: 40px;
  padding: 65px 0;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 100px;
}
section#develop {
  padding-top: 25px;
}
section#develop h2 {
  text-align: center;
  font-size: 36px;
  line-height: 130px;
	height:130px;
  font-weight: bold;
  margin:0 0 65px 0;
}
section#develop h2 img {
  vertical-align: middle;
}
section#develop p {
  width: 1200px;
  line-height: 40px;
  margin: 0 auto 60px;
}
section#develop ul {
  display: block;
  text-align: center;
  margin-bottom: 170px;
}
section#develop ul li {
  display: inline-block;
  width: 176px;
  margin: 0 20px;
  text-align: left;
}
section#develop ul li a {
  display: block;
  box-sizing: border-box;
  height: 176px;
  width: 176px;
  border: 4px solid #FFCA00;
  border-radius: 91px;
  overflow: hidden;
  margin-bottom: 15px;
}
section#develop ul li b {
  display: block;
  line-height: 24px;
  padding-left: 45px;
  background: url(../img/cmd/footer_icon.png) no-repeat 20px 2px;
  background-size: auto 18px;
}
section#prescription {
  height: 785px;
  background: url(../concept/img/prescription.jpg) no-repeat center top;
  background-size: auto 785px;
}
section#prescription article {
  width: 1200px;
  margin: 0 auto;
  padding-top: 225px;
}
section#prescription article h2 {
  font-size: 36px;
  line-height: 63px;
  font-weight: bold;
  margin-bottom: 65px;
}
section#prescription article h2 img {
  vertical-align: middle;
  float: left;
}
section#prescription article p {
  line-height: 40px;
}
section#capsule {
  background: #f5f4f4 url(../concept/img/capsule.jpg) no-repeat center top;
  background-size: auto 783px;
  height: 783px;
}
section#capsule article {
  width: 1200px;
  margin: 0 auto;
  padding-top: 250px;
}
section#capsule article h2 {
  font-size: 36px;
  line-height: 130px;
  font-weight: bold;
  margin: 0 0 65px 540px;
}
section#capsule h2 img {
  vertical-align: middle;
}
section#capsule article p {
  line-height: 40px;
  margin-left: 540px;
}
section#natura h2 {
  text-align: center;
  font-size: 36px;
  line-height: 556px;
  font-weight: bold;
  color: #FFCA00;
  background: url(../concept/img/natura.jpg) no-repeat center top;
  background-size: 2560px auto;
}
section#natura h2 img {
  vertical-align: middle;
}
section#natura p {
  text-align: center;
  line-height: 40px;
  padding: 80px 0 65px;
  margin-bottom: 125px;
}
section#traceability {
  background: url(../concept/img/traceability.jpg) no-repeat center top;
  background-size: auto 785px;
  height: 785px;
}
section#traceability article {
  width: 1200px;
  margin: 0 auto;
  padding-top: 135px;
}
section#traceability article h2 {
  font-size: 36px;
  line-height: 130px;
  font-weight: bold;
  margin: 0 0 35px;
}
section#traceability h2 img {
  vertical-align: middle;
}
section#traceability article p {
  line-height: 40px;
  width: 630px;
}
section#material {
  background: url(../concept/img/material.jpg) no-repeat center top;
  background-size: auto 784px;
  height: 784px;
}
section#material article {
  width: 1200px;
  margin: 0 auto;
  padding-top: 165px;
}
section#material article h2 {
  font-size: 36px;
  line-height: 130px;
  font-weight: bold;
  margin: 0 0 45px 600px;
}
section#material h2 img {
  vertical-align: middle;
}
section#material article p {
  line-height: 40px;
  margin-left: 600px;
}
section#manufacture {
  height: 936px;
  background: url(../concept/img/manufacture.jpg) no-repeat center top;
  background-size: auto 936px;
}
section#manufacture article {
  width: 1200px;
  margin: 0 auto;
  padding-top: 160px;
}
section#manufacture article h2 {
  font-size: 36px;
  line-height: 63px;
  font-weight: bold;
  margin-bottom: 65px;
}
section#manufacture article h2 img {
  vertical-align: middle;
  float: left;
}
section#manufacture article p {
  line-height: 40px;
  width: 630px;
}
section#authentication h2 {
  text-align: center;
  font-size: 36px;
  line-height: 556px;
  font-weight: bold;
  color: #FFCA00;
  background: url(../concept/img/authentication.jpg) no-repeat center center;
  background-size: 2560px auto;
  /*margin-bottom: 160px;*/
}
section#authentication h2 img {
  vertical-align: middle;
}
section#authentication p {
  line-height: 40px;
}
section#authentication article {
  width: 1200px;
  margin: 0 auto;
}
section#authentication article h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
section#authentication article h3 i {
  color: #FF5F65;
  font-size: 42px;
  vertical-align: middle;
}
section#authentication article.high-quality {
  padding-bottom: 80px;
  border-bottom: 1px dotted #dddddd;
  margin-bottom: 90px;
}
section#authentication article.high-quality ul {
  width: 495px;
  margin: 0 auto 50px;
}
section#authentication article.high-quality ul li {
  background: #FFF9E7;
  font-size: 18px;
  line-height: 53px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 20px;
}
section#authentication article.high-quality ul li i {
  font-size: 28px;
  vertical-align: middle;
  color: #FFCA00;
}
section#authentication article.detail {
  padding-bottom: 85px;
}
section#authentication article.detail ul {
  padding-top: 65px;
}
section#authentication article.detail ul li {
  box-sizing: border-box;
  width: 400px;
  height: 140px;
  padding: 20px 0;
  float: left;
  border-right: 1px dotted #dddddd;
  text-align: center;
}
section#authentication article.detail ul li:last-child {
  border: none;
}
section#authentication article.detail ul li b {
  display: block;
  padding-top: 20px;
}
section#mark {
  border-top: 1px solid #dddddd;
  padding: 165px 0 235px;
}
section#mark article {
  width: 1200px;
  margin: 0 auto;
}
section#mark h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
section#mark h3 i {
  color: #FF5F65;
  font-size: 42px;
  vertical-align: middle;
}
section#mark div {
  background: #FFF9E7;
  padding: 50px 30px 30px;
  margin-bottom: 150px;
}
section#mark div h4 {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
section#mark div ul li {
  box-sizing: border-box;
  width: 560px;
  padding: 0 20px;
  margin-bottom: 20px;
  float: left;
  background: #FFF;
  font-size: 18px;
  line-height: 52px;
  font-weight: bold;
}
section#mark div ul li:nth-child(even) {
  float: right;
}
section#mark div ul li em {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background: #FFCA00;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}
section#mark div ul li s {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  background: #FFCA00;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  margin-right: 2px;
}
section#mark ol {
  width: 940px;
  margin: 0 auto ;
}
section#mark ol a {
  box-sizing: border-box;
  display: block;
  width: 470px;
  float: left;
  border-right: 1px dotted #dddddd;
  text-align: center;
  color: #111111;
}
section#mark ol a:last-child {
  border: none;
}
section#mark ol a:hover b {
  color: #ff8000;
}
section#mark ol a img,
section#mark ol a b {
  display: inline-block;
}
section#mark ol a b {
  padding-top: 20px;
}
.default_page .teacher .left {
  width: 290px;
  float: left;
  text-align: right;
}
.default_page .teacher .left img {
  border-radius: 115px;
}
.default_page .teacher .right {
  width: 800px;
  float: right;
}
.default_page .teacher .right h2 {
  border: none;
  padding: 8px 0 20px;
  border-bottom: 1px dotted #dddddd;
}
.default_page .teacher .right h3 {
  font-size: 18px;
}
.default_page .teacher .right .history b {
  display: inline-block;
  width: 100px;
}






/*******************************************************************************************
	- teacher css
*******************************************************************************************/
main.teacher{
	width:990px;
	margin:0 auto;
	padding:100px 0 0 0;
}
main.teacher .lt img {
    border-radius: 115px;
}
/*******************************************************************************************

	- base style config

*******************************************************************************************/
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
img {
  vertical-align: bottom;
}
a {
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  filter: alpha(opacity=70);
  /* opacity: 0.7; */
}
i {
  position: relative;
}
code {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  background: #F2F2F2;
}
/***** color *****/
.red,.c00 {  color: #C00;}
.blue {  color: #00C;}
.green {  color: #090;}
.f60{color:#f60;}

mark {
  background: #FFFFD6;
  display: inline;
}
/***** img align *****/
img[align='left'] {
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  vertical-align: top;
}
img[align='right'] {
  float: right;
  margin: 0 0 10px 10px;
  position: relative;
  vertical-align: top;
}
/***** margin *****/
.ma {  margin: 0 auto;}
.mt10 {  margin-top: 10px;}
.mt20 {  margin-top: 20px;}
.mt30 {  margin-top: 30px;}
.mt40 {  margin-top: 40px;}
.mt50 {  margin-top: 50px;}
.mt60 {  margin-top: 60px;}
.mr10 {  margin-right: 10px;}
.mr20 {  margin-right: 20px;}
.mr30 {  margin-right: 30px;}
.mr40 {  margin-right: 40px;}
.mr50 {  margin-right: 50px;}
.mr60 {  margin-right: 60px;}
.ml10 {  margin-left: 10px;}
.ml20 {  margin-left: 20px;}
.ml30 {  margin-left: 30px;}
.ml40 {  margin-left: 40px;}
.ml50 {  margin-left: 50px;}
.ml60 {  margin-left: 60px;}
.mb10 {  margin-bottom: 10px;}
.mb20 {  margin-bottom: 20px;}
.mb30 {  margin-bottom: 30px;}
.mb40 {  margin-bottom: 40px;}
.mb50 {  margin-bottom: 50px;}
.mb60 {  margin-bottom: 60px;}

/***** padding *****/
.pt10 {  padding-top: 10px;}
.pt20 {  padding-top: 20px;}
.pt30 {  padding-top: 30px;}
.pt40 {  padding-top: 40px;}
.pt50 {  padding-top: 50px;}
.pt60 {  padding-top: 60px;}
.pr10 {  padding-right: 10px;}
.pr20 {  padding-right: 20px;}
.pr30 {  padding-right: 30px;}
.pr40 {  padding-right: 40px;}
.pr50 {  padding-right: 50px;}
.pr60 {  padding-right: 60px;}
.pl10 {  padding-left: 10px;}
.pl20 {  padding-left: 20px;}
.pl30 {  padding-left: 30px;}
.pl40 {  padding-left: 40px;}
.pl50 {  padding-left: 50px;}
.pl60 {  padding-left: 60px;}
.pb10 {  padding-bottom: 10px;}
.pb20 {  padding-bottom: 20px;}
.pb30 {  padding-bottom: 30px;}
.pb40 {  padding-bottom: 40px;}
.pb50 {  padding-bottom: 50px;}
.pb60 {  padding-bottom: 60px;}

/***** font size *****/
.size10 {  font-size: 10px;}
.size12 {  font-size: 12px;}
.size14 {  font-size: 14px;}
.size16 {  font-size: 16px;}
.size18 {  font-size: 18px;}
.size20 {  font-size: 20px;}
.size22 {  font-size: 22px;}
.size24 {  font-size: 24px;}
.size26 {  font-size: 26px;}
.size28 {  font-size: 28px;}
.size30 {  font-size: 30px;
}
/***** colmun *****/
.col:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.col li {
  box-sizing: border-box;
  float: left;
}
.col.x2 li {
  width: 50%;
}
.col.x3 li {
  width: 33%;
}
.col.x3 li:nth-child(3) {
  width: 34%;
}
.col.x4 li {
  width: 25%;
}
.col.x5 li {
  width: 20%;
}
.col.x6 li {
  width: 16.6%;
}
.col.x6 li:nth-child(6) {
  width: 17%;
}
/***** table *****/
th,
td {
	box-sizing: border-box;
	border: 1px solid #999;
	vertical-align: top;
	padding: 0.3em;
	font-size: 0.9em;
}
table th {
  background: #F2F2F2;
}
/***** align *****/
.align.left {
  text-align: left !important;
}
.align.center {
  text-align: center !important;
}
.align.right {
  text-align: right !important;
}
.float.left {
  float: left !important;
}
.float.right {
  float: right !important;
}

/*******************************************************************************************
	- mobile css
*******************************************************************************************/
@media only screen and (max-width: 750px) {
	#g_navi_l img{margin:10px 0;}
	#g_navi_l,#g_navi_r{float:none;}
	#g_navi_r{position:relative;width:100%;}
	#header2{height:100px;position:relative;}
	#g_navi_r li{display:inline;}
	img{max-width:100%;}
	#g_navi_r li.g_navi_concept,#g_navi_r li.g_navi_carriage,#g_navi_l img.wakasa,#footer{
		display:none;
	}
	#g_navi_r a{font-size:12px;}
	.g_navi_home,.g_navi_cart{width:22%;}
	.g_navi_account{width:30%;}
	.g_navi_product_list{width:26%;}
	#footer,#footer_concept,#footerContLeft,#footerContRight,.fbox,.section_bg2,.w250,.w740,main.teacher,#top_ime_inner,.section .inner,#pickUp,#footer_navi,.section h2,.section_sale h2,#media li,#pickUp .linkBox,#top_img2,.w990,.product_sale,.teiki_tokuten,#product,.product{
		width:100%;
		float:none;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.btn-order a{width:80%;}
	.productlist li{
		display: inline-block;
		vertical-align: top;
		float:none;
		width:48%;
		height:auto;
		padding:0 0.5% 0.5em 0.5%;
		margin:0;
		text-align:center;
	}
	.section h2.tit03,.section .productlist h3{font-size:110%;}
	#footer_cp{text-align:left;}
	#footer_cp li{
		float:none;
		text-align:left;
	}
	.lt,.rt{float:none;}
	main.teacher .lt{text-align:center;}

	/*******************************************************************************************
		- concept css
	*******************************************************************************************/
	main.concept {
		padding: 0 10px;
	}
	main.concept .prolog {
		margin-bottom: 45px;
	}
	main.concept .prolog p {
		margin-bottom: 30px;
	}
	main.concept .prolog img {
		width: 100%;
	}
	main.concept .navigation {
		display: none;
	}
	main.concept .move {
		margin: initial !important;
	}
	#design h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
	}
	#design h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
	}
	#design p {
		padding: 35px 10px !important;
		margin: 0 !important;
		border: initial !important;
	}
	#develop h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin-bottom: initial !important;
		font-size: 24px !important;
	}
	#develop h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
	}
	#develop p {
		width: initial !important;
		margin: 0 10px 60px !important;
	}
	#develop ul {
		margin-bottom: 60px !important;
	}
	#develop ul li {
		margin: 0 10px 20px !important;
	}
	#prescription {
		background-size: auto 100% !important;
		height: initial !important;
	}
	#prescription article {
		width: initial !important;
		padding-top: initial !important;
	}
	#prescription article h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin-bottom: initial !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		text-align: center;
	}
	#prescription article h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
		float: initial !important;
	}
	#prescription article p {
		margin: 0 10px !important;
		padding-bottom: 40px;
	}
	#capsule {
		background-size: auto 100% !important;
		height: initial !important;
	}
	#capsule article {
		width: initial !important;
		padding-top: initial !important;
	}
	#capsule article h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin: initial !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		text-align: center;
	}
	#capsule article h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
		float: initial !important;
	}
	#capsule article p {
		margin: 0 10px !important;
		padding-bottom: 40px;
	}
	#natura h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
	}
	#natura h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
	}
	#natura p {
		padding: 35px 10px !important;
		margin: 0 !important;
	}
	#traceability {
		background-size: auto 100% !important;
		height: initial !important;
	}
	#traceability article {
		width: initial !important;
		padding-top: initial !important;
	}
	#traceability article h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin: initial !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		text-align: center;
	}
	#traceability article h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
		float: initial !important;
	}
	#traceability article p {
		width: initial !important;
		margin: 0 10px !important;
		padding-bottom: 40px;
	}
	#material {
		background-size: auto 100% !important;
		height: initial !important;
	}
	#material article {
		width: initial !important;
		padding-top: initial !important;
	}
	#material article h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin: initial !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		text-align: center;
	}
	#material article h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
		float: initial !important;
	}
	#material article p {
		width: initial !important;
		margin: 0 10px !important;
		padding-bottom: 40px;
		line-height: 30px !important;
	}
	#manufacture {
		background-size: auto 100% !important;
		height: initial !important;
	}
	#manufacture article {
		width: initial !important;
		padding-top: initial !important;
	}
	#manufacture article h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		margin: initial !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		text-align: center;
	}
	#manufacture article h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
		float: initial !important;
	}
	#manufacture article p {
		width: initial !important;
		margin: 0 10px !important;
		padding-bottom: 40px;
	}
	#authentication h2 {
		line-height: initial !important;
		padding: 30px 10px !important;
		font-size: 24px !important;
		background-size: 100% auto !important;
		background-position-y: center top !important;
	}
	#authentication h2 img {
		display: block;
		margin: 0 auto 10px;
		position: relative;
		left: 7%;
	}
	#authentication p {
		padding: 35px 10px !important;
		margin: 0 !important;
	}
	#mark {
		padding: 40px 0 60px !important;
		border: none;
	}
	#mark article {
		width: initial !important;
	}
	#mark article h3,
	#mark article p {
		padding: 0 10px;
	}
	#mark article div {
		padding: 50px 10px 30px;
		margin-bottom: 50px;
	}
	#mark article div li {
		width: initial !important;
		float: none !important;
		position: relative;
		padding: 10px 20px 10px 50px !important;
		line-height: 30px !important;
	}
	#mark article div li em {
		position: absolute;
		top: 11px;
		left: 13px;
	}
	#mark article ol {
		width: initial !important;
	}
	#mark article ol a {
		width: initial !important;
		float: initial !important;
		margin-bottom: 60px;
	}
	.teacher .left {
		width: initial !important;
		float: initial !important;
		margin-bottom: 20px;
		text-align: center !important;
	}
	.teacher .right {
		width: initial !important;
		float: initial !important;
	}
	.teacher .right p b {
		display: block !important;
	}
}




/*******************************************************************************************
	- head_sp
*******************************************************************************************/

#_head_sp_ *{box-sizing: border-box;}
#_head_sp_ div, #_head_sp_ ul{display: flex; justify-content: space-between;}
#_head_sp_ div{padding: 10px;}
#_head_sp_ div a + a{margin-left: 5px;}
#_head_sp_ ul{border-bottom: 2px solid #f60;}
#_head_sp_ ul li{border-right: 1px dotted #f60;  width: 25%;}
#_head_sp_ ul li:last-of-type{border-right: none;}
#_head_sp_ ul li a{display: flex; align-items: center; justify-content: center; width: 100%;}
#_head_sp_ ul li a img{width: 70%;}


@media screen and (max-width: 750px){
.mobileNone { display: none;}
}


.video-container {
margin: 0px auto;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  width:70%;
  height:70%;
}


@media screen and (max-width: 750px){
	.video iframe{
	  position:absolute;
	  top:0;
	  width:100%;
	  height:100%;
	}
}