@charset "utf-8";

/*=========

    set

=========*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*=========
    outer
=========*/

html{
    max-width: 100%;
}
body *,
*::before,
*::after{
    box-sizing: border-box;
    max-width: 100% !important;
    background-repeat: no-repeat;
}
body,
header,
footer,
main,
section{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    background-image: url(https://lactzyme.com/img/bg_02.png);
    background-repeat: repeat;
    background-size: 1em;
    /*user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;*/
}

#page {
    background-color: #FFF;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#main {
    width: 970px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    background: transparent;
    text-align: left;
    color: #3B4B77;
    float: right;
}

section{
    padding: 0px 0px 24px 0px;
}
.container{
    width: 1000px;
    margin: 0 auto;
    padding: 0 0;
    padding: 0 15px;
    background-color: white;
}
.container>div + div{
    position: relative;
}

#content {
    position: relative;
    clear: both;
    margin: 0px;
    background: transparent;
}

#content, .cf {
    zoom: 1;
}

/*=========

   header

=========*/

#header{
    background-image: none;
    text-align: left;
    background-color: #226ea7;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#title {
	position: relative;
    width: 100%;
	height: auto;
	overflow: hidden;
	background: transparent url(https://lactzyme.com/css/header-new2019-1.png) no-repeat;
	background-position: bottom center;
}
#subnav {
	clear: both;
	width: 100%; 
	padding: 2px 0px; /*--高さ20px--*/
	overflow: hidden;				/*--Mac版Safari対策--*/
	-apple-text-size-adjust: none;	/*--Mac版Safari対策--*/
	background: rgb(18, 37, 122);
}
#subnav ul {
	margin: 0px 0 0 0;
	padding: 0px 12px;
	list-style: none;
}
#subnav li {
	display: block;
	margin: 0 10px;
	float: right;
	line-height: 120%;
}
#subnav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
    font-size: 12px;
    font-weight: bold;
} 
#subnav a:hover {
	color: #FC0;
}

#globalnav{
	padding: 0 0 0 0;
	background: unset;
	overflow: unset;
}
#globalnav>ul{
	float: none;
	height: 49px;
    display: flex;
    padding-left: 0px;
}
#globalnav>ul>li{
	width: 25%;
    box-sizing: border-box;
	text-align: center;
	position: relative;
	margin: 0 0 0 0;
	padding: 8px 8px 12px 8px;
	border-top: 2px solid #74bca5;
	border-bottom: 2px solid rgb(18, 37, 122);
	border-right: 1px solid #bbb;
	display: inline-block;
    color: rgb(18, 37, 122);
	background: linear-gradient(#fff 50%,#ddd);
	font-size: 15px;
}
#globalnav>ul>li:hover{
	padding: 12px 8px 11px 8px;
	border-bottom: 3px solid rgb(18, 37, 122);
	background: linear-gradient(#ddd 50%,#fff);
	color: #9E0403;
}
#globalnav>ul>li:last-child{
	border-right: unset;
}
#globalnav ul li ul{
	position: absolute;
	overflow: hidden;
	display: block;
	z-index: 500;
	max-height: 0px;
	width: 300px;
	top: 48px;
	right: 0;
	left: 0;
	background-color: rgba(250,250,255,0.95);
	transition: all 0.5s ease-in-out;
}

#globalnav ul li ul li{
	position: relative;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px dotted #888;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0px;
}
#globalnav ul li ul li span.navtext,
#globalnav ul li ul li a{
	box-sizing: border-box;
    display: block;
	margin: 0 0 0 0;
	padding: 11px 0 0 28px;
    height: 42px;
    width: 100%;
    font-size: 14px;
	color: #008;
	text-align: left;
	background-image: url("https://lactzyme.com/css/arrow.gif");
	background-position: 8px center;
	background-repeat: no-repeat;
}
#globalnav ul li ul li span.navtext{
	color: #bbb;
}
#globalnav ul li ul li a:hover{
	color: #9F0403;
    background-color: #eee;
}
#globalnav ul li:hover ul{
	max-height: 700px;
}

/*------　div: content > localnav ------*/
#localnav {
	width: 220px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	font-family: 'ＭＳ Ｐゴシック'; 
	text-align: left;
	float: left;
}
#localnav .navtitle {	/*--localnavブロック上部--*/
	margin-top: 4px;
	padding: 12px 0 2px 12px;
	background: #08287D url(https://lactzyme.com/css/navtitle.jpg);
	font-family: 'Century Gothic';		font-weight: normal;
	font-size: 16px;
	color: #FFF;
}
#localnav .navtitle:hover {
	height: 29px;
	padding: 12px 0 2px 12px;
	background: #08287D url(https://lactzyme.com/css/navtitle.jpg);
	font-family: 'Century Gothic';		font-weight: normal;
	font-size: 16px;
	color: #FFF;
}
#localnav .navtitle a{
	padding: 0 0 0 0;
	color: #FFF;
}
#localnav .navtitle a:hover{
	color: #FFF;
	background: none;
}
#localnav ul {
	margin: 0px 0 12px 0;
	padding: 0px;
	}
#localnav ul li {
	border-bottom: 1px solid #9F0403;	/*--えんじ--*/
	margin:0px;
	background-position: 0px 0px;
	list-style: none;
	display:block;	
	text-decoration: none;
	color: #008;
	font-size: 1em;
}
#localnav ul li a{
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 10px 0px 10px 17px;
}
#localnav ul li:hover{
	color:#9F0403;	/*--えんじ--*/;
	background: url(https://lactzyme.com/css/navbg_hover.png) no-repeat;
	background-position: 0px 0px;
}
#localnav ul li:hover a{
	color: inherit;
}
#localnav .navlinkPrev a:hover {
	background: url(https://lactzyme.com/css/navbg_02_hover.png) no-repeat;
	}
#localnav .banner {	/*--自由スペース(バナー用)--*/
	margin: 15px 0px 0px 0px;
	background: transparent;
	}
#localnav .free {	/*--自由スペース(フリースペース用)--*/
	margin: 15px 0px 0px 0px;
	padding: 5px;
	background: transparent;
	color: #3180B7;
	font-size: 12px;
	line-height: 140%;
	border: 1px solid #ABC;
	}
#localnav ul li.navlinktit{
	background: url(https://lactzyme.com/css/navbg.jpg) no-repeat;
	display: block;
	padding: 10px 0px 10px 25px;
}

#localnav ul li.navlink {
	background: url(https://lactzyme.com/css/navbg.jpg) no-repeat;
}
#localnav ul li.navlinkPrev {
	background: url(https://lactzyme.com/css/navbg_02.png) no-repeat;
	padding: 0 0 0 0;
}
#localnav ul li.navlinkPrev a{
	display: block;
	padding: 10px 0px 10px 25px;
}
#localnav ul li.navlinkSubtit {
	background: url(https://lactzyme.com/css/navbg_03.png) no-repeat;
	display: block;
    padding: 10px 0px 10px 25px;
}
#localnav ul li.navlinkSubtit ul{
	margin: 12px 0 -11px -25px;
}
#localnav ul li.navlinkSub {
	background: url(https://lactzyme.com/css/navbg_03.png) no-repeat;
}
	
#localnav ul li.accordion{
	position: relative;
	overflow: hidden;
}
#localnav ul li.accordion:hover{
	overflow: visible;
}
#localnav ul li.accordion ul{
	overflow: hidden;
	width: 230px;
	position: absolute;
	top: 0;
	left: 220px;
	max-height: 0px;
	transition: max-height ease-in-out 0.8s;
	border-left: 1px solid #888;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 2px -1px 4px 0px rgba(100, 100, 100, 0.2);
	z-index: 20;
	margin: 0 0 0 0;
}

#localnav ul li.accordion:hover ul{
	max-height: 800px;
}


#localnav ul li ul {
	/*display: none;*/
	background-color: #fff;
}
#localnav ul li ul li{
	padding: 0 0 0 0;
}
#localnav ul li ul li a{
	display: block;
	padding: 10px 0px 10px 25px;
	font-size: 90%;
}

#localnav ul li.navtext {
	background: url(https://lactzyme.com/css/navbg.jpg) no-repeat;
	padding: 10px 0px 10px 17px;
	}
#localnav ul li ul li.navtext{
	background: none;
	padding: 10px 0px 10px 25px;
	color: #888;
}
#localnav ul li.navtextSub {
	background: url(https://lactzyme.com/css/navbg_03.png) no-repeat;
	padding: 10px 0px 10px 25px;
	}

#localnav .new{
	position: relative;
}
#localnav .new::after{
	position: absolute;
	top: 2px;
	right: 2px;
	display: inline-block;
	content: "New!";
	padding: 0px 4px;
	font-size: 80%;
	background-color: red;
	color: white;
}

#localnav{
    bottom: 0;
    top: 0;
    background-color: #f5f5f5;
    padding: 4px 4px 12px 4px;
    box-sizing: border-box;
}

#localnav ul li.navtext,
#localnav ul li.navtextSub{
	color: #888;
}
#localnav ul li.bnr{
	padding: 4px 0;
	background: unset;
	line-height: 0;
	transition: all 0.2s ease-in-out;
}
#localnav ul li.bnr:hover{
	opacity: 0.7;
}
#localnav ul li.bnr a{
	padding: 0 0 0 0;
}
#localnav ul li.bnr,
#localnav ul li.bnr a,
#localnav ul li.bnr a img{
	line-height: 0;
}
#localnav ul li.accordion ul{
    left: 212px;
}
#localnav ul li ul li a{
	font-size: 14px;
}

#localnav p {
    padding: 0px;
    margin: 0px;
}

/*=========
main-content
=========*/

main {
    width: 970px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    background: transparent;
    text-align: left;
    color: #3B4B77;
    float: right;
}

/*=========
    inner
=========*/

h1,
h2,
h3,
h4,
h4{
    -webkit-font-smoothing: antialiased;
    font-weight: bolder;
    font-size: 18px;
    margin: 2px 0;
    font-weight: normal;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p,
li,
th,
td,
dl,
dt,
dd{
    font-size: 16px;
    line-height: 180%;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
    -webkit-font-smoothing: antialiased;
    font-size: inherit;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #f83;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
a:hover{
    color: #fd0;
}

span{
    font-size: inherit;
}

ol,
ul{
    margin: 0 auto;
    list-style-type: none;
    padding: 0px;
}
ol li,
ul li{
    margin: 12px auto;
    padding: 0 0 0 0px;
    background-position: 0px 8px;
}
a img.orl {
    transition: opacity 0.3s ease-out;
}
a img.orl:hover {
    opacity: 0.6;
}
ul.chk-r li{background-image: url("images/ico_li_01.png");}
ul.chk-g li{background-image: url("images/ico_li_02.png");}
ul.chk-y li{background-image: url("images/ico_li_03.png");}

.al-c{text-align: center;}
.al-l{text-align: left;}
.al-r{text-align: right;}
.fl-l{float: left;padding: 0 40px 0 0;}
.fl-r{float: right;padding: 0 0 0 40px ;}
.fs60{font-size: 60%;}
.fs80{font-size: 80%;}
.fs120{font-size: 120%;}
.fs150{font-size: 150%;}
.fs200{font-size: 200%;}
.fs240{font-size: 240%;}
.pd_s_48{padding-right: 48px;padding-left: 48px;}
.pd_s_110{padding-right: 110px;padding-left: 110px;}
.pd_s_80{padding-right: 80px;padding-left: 80px;}
.white{color: white;}
.red{color: #f00;}
.green{color: #092;}
.blue{color: #02d;}
.pink{color: #FF5168;}
.orange{color: #d90;}

.mincho{
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

p {
    margin: 0px 35px 20px 35px;
    font-size: 1.2em;
    line-height: 1.8em;
    letter-spacing: -0.5px;
}


/*=========

    set

=========*/

#top{
    margin: 0 0 0 0;
    padding: 24px 0 24px 0;
    background-image: url("../images/sha-re2.png");
    background-position: center center;
}
.contact{
    float: right;
    padding: 0 16px 0 0;
}
.contact p{
    padding-top: 28px;
    font-size: 134%;
    line-height: 100%;
    color: #000;
}
.contact p span{
    font-size: 80%;
    font-weight: 800;
}


h1 a{
    display: block;
    margin-top: 6px;
    font-size: 160%;
    color: #fff;
    font-weight: 600;
    line-height: 110%;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,1));

}
h1 a:hover{
    color: #eaf5ff;
}
.hLink{
    margin-top: 6px;
    color: #fff;
    font-weight: 600;
    display: block;
    float: right;
    text-align: right;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.9));
    font-size: 140%;
    line-height: 120%;
}
a.hLink:hover{
    color: #def;
}

/*===グローバルナビゲーション===*/

/* 箱 */
.navBox{
    margin: 0px auto 0 auto;
    padding: 6px 0;
    border-bottom: 2px solid #74bca5;
    box-shadow: 0px 4px 4px #bbb;
    background: linear-gradient(#fff,#fff,#ddd)
}
nav{
    position: relative;
    width: 960px;
    margin: 0 auto;
    z-index: 10;
}
/* メインメニュー */
.navBox nav>ul{
    display: table;
    margin: 0 auto;
    padding: 0 0 0 0;
}
.navBox nav>ul>li{
    display: inline-block;
    height: 42px;
    margin: 0 8px 0 0;
    padding: 0 0 0 0px;
    background-image: url("../images/bg_16.png");
    background-position: right center;
}
.navBox nav>ul>li:last-child{
    margin: 0 0 0 0;
    background: none;
}
.navBox nav>ul>li>a{
    display: block;
    height:42px;
    text-align: center;
    padding: 8px 12px 0px 12px;
    color: #000;
}
.navBox nav>ul>li::after{
    display: block;
    content: "";
    width: 0px;
    height: 4px;
    margin: 0px auto 4px auto;
    background-color: #08287E;
    transition: all 0.4s ease;
}
.navBox nav>ul>li:hover::after{
    width: 100%;
}

/* サブメニューclose */
.navBox nav>ul>li ul{
    overflow: hidden;
    display: flex;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: absolute;
    top:45px;
    left: 0;
    right: 0;
    max-height: 0px;
}
/* サブメニューopen */
.navBox nav>ul>li:hover ul{
    max-height: 60px;
    max-width: 300px;
    transition: max-height 0.3s ease;
    
}
.navBox nav>ul>li:hover ul li{
    white-space: nowrap;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    border-right: none;
}
.navBox nav>ul>li:hover ul li:last-child{
    border-right: 1px solid #fff;
}
.navBox nav>ul>li ul li a{
    display: block;
    padding: 12px 20px;
    background-color: #08287E;
    border: 1px solid #08287E;
    color: #fff;
}
.navBox nav>ul>li ul li a:hover{
    padding: 12px 20px;
    background-color: #fff;
    border: 1px solid #08287E;
    color: #08287E;
}

/*===グローバルナビゲーション===*/

#topicpath {
    margin: 10px 0px 10px 0px;
    padding-right: 45px;
    text-align: right;
}

/*pankuzu*/
.pankuzu{
    display: block;
    width: 880px;
    margin: 12px auto;
    font-size: 85%;
    color: #333;
}
.pankuzu a{
    font-size: 90%;
    color: #333;
    text-decoration: underline;
}
.pankuzu a:hover{
    color: #E5A045;
    text-decoration: underline;
}
/*pankuzu*/

/*メインビジュアル*/

.headdingImg{
    height: 200px;
    padding: 0 0 0 0;
    background-repeat: repeat;
    background: linear-gradient(#fff,#fff,#fff,#ecf6f7);
}
.headdingImg p.cc{
    margin: 0 0 0 0;
    padding: 10px 0;
    background-color: #358;
    color: #FFFFBD;
    text-align: center;
    font-size: 120%;
    font-family:HiraginoSans-W4,"メイリオ","Meiryo";
    box-shadow: 0px 2px 4px #bbb;
}
.headdingImg h2{
    font-size: 180%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #08287E;
    padding-top: 12px;
    padding-left: 18px;
}
.headdingImg p.summary{
    color: #000;
    line-height: 200%;
    margin: 8px 0 0 18px;
}

/*============

    footer

============*/

#footer {
	position: relative;
	clear: both;
	width: 100%;
	background-position: bottom left;
	}

#footnav{
	height: 20px; padding-top: 0px;
	width: 100%;
	background: url(https://lactzyme.com/css/footnav.jpg);
	overflow: hidden;				/*--Mac版Safari対策--*/
	-apple-text-size-adjust: none;	/*--Mac版Safari対策--*/
	}
#footnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;	/*--右寄せに必要--*/
	}
#footnav li {
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	}
#footnav a {
	display: block;
	margin-top: 0px;
	text-decoration: none;
	text-align: left;
	color: #FFF;
	} 
#footnav a:hover {
	color: #FA0;
	}
#copyright {
	background: url(https://lactzyme.com/css/footer.jpg);
	color: #CFE6FF;		/*--薄水色--*/
	text-align: center;
	}
#copyright a {
	color: #FFF;
	text-decoration: none;
	}
#copyright a:hover {
	color: #FC0;
    }

.Fcontact{
    margin: 20px 0 0 0; 
}
.Fcontact p{
    text-align: center;
    background: #5B8BEC;
    padding: 10px 0;
    display: block;
    width: 300px;
    margin: 24px auto;
}
.Fcontact p a{
    font-weight: bolder;
    color: #fff;
}


/*============

    sideNav

============*/

/**/

 
.left_clm{
    padding: 0 0 12px 0;
    margin: 12px 0px 10px 10px;
    padding-bottom: 220px;
}
.left_clm h3{
    clear: both;
    height: 48px;
    background: linear-gradient(#fff,#bef);
    border: 1px solid #08287E;
    border-left: 12px solid #08287E;
    color: #003;
    margin: 32px -8px 12px 0px;;
    padding: 7px 12px;;
    font-size: 120%;
    box-shadow: 0px 2px 4px #bbb;
}
.left_clm h3:first-child{
    margin-top: 0px 
}

.left_clm p{
    margin: 18px 20px;
}
.left_clm ul{
    margin: 20px 24px;
}
.right_clm300{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    float: left;
    width: 260px;
    height: 100%;
    margin-top: 12px;
    margin-bottom: 0;
    padding: 0px 0px 24px 0px;
    margin: 12px 10px 12px 0px;
}
.right_clm300 h2{
    margin: 0px 0 10px 0;
    padding: 8px 0;
    font-weight: bolder;
    text-align: center;
    border-bottom: 2px solid #888;
    background-color: #93B7E3;
    color: #FFF;
    box-shadow: 0px 4px 4px -4px #bbb;
}
.right_clm300 .menu>ul>li>a{
    display: block;
    border-left: 4px solid #626855;
    padding: 8px 0 8px 8px;
    margin: 0px 0;
    background-color: #BFD9F9;
    color: #000;
}
.right_clm300 .menu>ul>li>a:hover{
    background: #def;
    color: #000;
}
.right_clm300 .menu>ul>li>ul{
    margin-left: 16px;
    margin-top: 4px;
}
.right_clm300 .menu>ul>li ul li{
    padding-left: 8px;
    border-bottom: 1px dotted #626855;
} 
.right_clm300 ul{
    margin: 0px 4px;
    padding: 0 0 0 0;
}
.right_clm300 ul li{
    margin: 0px 0;
    padding: 4px 0;
    font-size: 92%;
}
.right_clm300 ul li a{
    color: #0033CC;
}
.right_clm300 ul li ul li:hover{
    background-color: #eee;
}
.right_clm300 ul li a:hover{
    color: #0033CC;
}
.right_clm300 img{
    box-shadow: 0px 2px 10px #bbb;
}
.ramBnr a{
    line-height: 0;
    font-size: 0;
    display: block;
}
/*
.right_clm300 .menu>ul>li{
    max-height: 27px ;
    transition: all 0.5s ease-in-out;
}
.right_clm300 .menu>ul>li:hover{
    max-height: 400px;
}
.right_clm300 .menu>ul>li>ul{
    overflow: hidden;
    max-height: 0px ;
    margin: 0 4px 0px 16px;
    transition: all 0.5s ease-in-out;
}
.right_clm300 .menu>ul>li:hover>ul{
    max-height: 400px;
    margin: 8px 4px 8px 16px;
}
*/

.right_clm300 p{
    margin: 8px 0;
}
.right_clm300 p a{
    font-size: 90%;
    color: #333;
}


p.sNav_news,
p.sNav_quality{
    background: linear-gradient(#fff,#eff);
    color: #555;
}
p.sNav_news{
    border:  1px solid #206D2E;
    border-left: 10px solid #206D2E;
}
p.sNav_quality{
    border: 1px solid #2F4E7C;
    border-left: 10px solid #2F4E7C;
    margin-bottom: 36px;
}
p.sNav_news a,
p.sNav_quality a{
    display: block;
    padding: 12px 12px;
    transition: background-color 0.5s ease-out;
}
p.sNav_news a{
    color: #206D2E;
}
p.sNav_quality a{
    color: #2F4E7C;
}

p.sNav_news a:hover,
p.sNav_quality a:hover{
    transition: background-color 0.5s ease-out;
    color: #fff;
}
p.sNav_news a:hover{
    background-color: #206D2E;
}
p.sNav_quality a:hover{
    background-color: #2F4E7C;
}

/*============

    content

============*/

.tokuten{
    /*background: linear-gradient(#fff,#ded,#fff);*/
    background-image: url(../images/bg_tokuchou.gif);
}
.tokuten>div{
	list-style-type: none;
    margin:250px 0px 24px 0px;
    padding: 8px 8px;
    background-image: url(../images/bg_kami.jpg);
    background-repeat: repeat repeat;
    border: 1px solid #fd0;
}
.tokuten>div>img{
    display: block;
    margin: -280px auto -146px auto;
}
.tokuten div div{
    display: flex;
}
.tokuten div div div{
    display: block;
    width: 100%;
	margin: 8px 8px;
    padding: 8px;
    border:2px solid #DdAA00;
    border-radius: 12px;
    background: linear-gradient(#fff,#F7F7F2,#F7F7F2,#E8E4CA)
}
.tokuten div div div img{
	float: left;
	margin: -20px 12px 0px -20px;
}
.tokuten div div div h3{
    height: auto;
    font-weight: bold;
    clear: initial;
    background: none;
    border: none;
    margin: 0 0 0 0;
    color: #d33;
    font-size: 120%;
    line-height: 140%;
}
.tokuten div div div p{
    display: inline;
    font-family: initial;
	margin:20px 0 12px 0;
	font-size:100%;
    color: #000;
    line-height: 150%;
}


p.contentMore{
    margin-top: 48px;
    border-bottom: 1px solid #888;
    font-size: 120%;
    box-shadow: 0px 4px 4px -4px #bbb;
}
ul.contentMenu{
    padding: 0 0 0 0;
    margin: 0px 20px 4px 20px;
}
ul.contentMenu li{
    white-space: nowrap;
    margin: 0px 12px;
    padding: 0 0 0 0;
    border: 1px solid #fff;
    border-right: none;
}
ul.contentMenu li:last-child{
    border-right: 1px solid #fff;
}
ul.contentMenu li a{
    display: block;
    padding: 12px 20px 10px 50px;
    background-color: #5D7EA6;
    border: 2px solid #5D7EA6;
    border-bottom: 4px solid #5D7EA6;
    color: #fff;
    transition: all ease-in-out 0.3s;
}
ul.contentMenu li a:hover,
ul.contentMenu li a.now{
    background-color: #fff;
    color: #08287E;
}
a.more{
    color: #08287E;
    text-decoration: underline;
}
a.more:hover{
    color: #35d;
}
iframe.storesjp-button-cart{
    display: block;
    margin: 16px auto;
}

div.banner{
    clear: both;
    padding: 20px 0;
}
div.banner a img{
    display: block;
    margin: 8px auto;
}

/*belief*/
.left_clm_be,
.right_clm300_be{
    margin-top: 12px;
    padding-left: 10px;
}
.left_clm_be h3{
    margin: 32px 4px 12px 4px;
}
.bg_tile .headdingImg{
    height: auto;
}

.btnPrev{
    position: fixed;
    right: 0;
    bottom: 8%;
    z-index: 20;
}


/*infomation*/

.samHeader .samCatch{
    margin-bottom: 12px;
    font-size: 140%;
    font-weight: bold;
}
.samHeader .samCatch span{
    font-size: 110%;
    font-weight: bold;
}
h4{
    font-size: 115%;
    margin-top: 24px;
    padding: 8px 4px;
    border-bottom: 2px solid #585;
    border-top: 2px solid #585;
    text-align: center;
}
h4::before{
    content: "■";
    font-size: 135%;
    padding-right: 12px;
    color:#fb0; 
    vertical-align: bottom;
}
h4::after{
    content: "■";
    font-size: 135%;
    padding-left: 12px;
    color:#fb0; 
    vertical-align: bottom;
}
h5.tit{
    font-size: 180%;
    margin: 8px 10px 20px 10px; 
}
.sam div p.left img{
    margin-left: 36px;
}
.sam div div dl{
    margin: 24px 0 0 8px;
}
.sam div div dl dt{
    float: left;
    width: 100px;
    margin: 0 0 4px 0;
    padding: 4px 8px 4px 16px;
    line-height: 150%;
    border-bottom: 1px dotted #888;
    background-image: url("../images/bg_14.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.sam div div dl dd{
    margin: 0 0 4px 0;
    padding: 4px 8px;
    line-height: 150%;
    border-bottom: 1px dotted #888;
}
ul.point{
    clear: both;
    width: 586px;
    margin: 12px auto;
    padding: 8px 18px 8px 32px;
    border: 2px solid #fb0;
    opacity: 0.8;
}
ul.point li::before{
    content: "●";
    margin-left: -16px;
    padding-right: 2px;
}
table{
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0;
    border-color: #78b964 #aadca0 #aadca0;
    border-style: solid;
    border-width: 2px 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}
caption,
h2.cap_stl,
h3.cap_stl{
    height: auto;
    width: auto;
    font-size: 120%;
    margin: 8px 0 8px 0;
    padding: 4px 0 4px 20px;
    text-align: left;
    background-image: url("../images/bg_14.png");
    background-repeat: no-repeat repeat;
    background-position: left center;
    border: none;
    color: #222;
}
th,
td{
    text-align: left;
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px solid #aadca0;
    border-right: 1px solid #aadca0;
}
th{
    padding-left: 15px;
    background-color: #dcf0d7;
}
td{
    padding-left: 15px;
    width: 80px;
}
.tbl2 th,
.tbl2 td{
    width: 50%;
    text-align: center;
}
.double_line{
    border: 1px solid #aadca0;
    margin: 8px 0 24px 0;
    padding: 4px 4px;
}
.double_line>*{
    background-color: #fff;
    border: 1px solid #aadca0;
    margin: 0 0 0 0;
    padding: 12px 8px;
}
.double_line ul{
    margin: 0 0 0 0;
    padding-left: 30px;
}
.double_line ul li{
    list-style-type: disc;
    font-size: 90%;
    padding: 2px 0;
}

/*infomation*/



/*FAQ*/
.container_faq .faq_inner{
    margin-bottom: 24px;
    padding: 0 0 0 0;
    border: 1px solid #9ad2c0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
h3.faq_1{
    display: block;
    background-image: url("../images/bg_09.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: auto;
    margin: 0 0 0 12px;
    padding: 20px 8px 20px 48px;
    border: none;
    font-size: 110%;
    font-weight: bold;
    color: #222;
    transition: 0.3s;
}
h3.faq_1:hover{
    color: #74bca5;
}
div.ans{
    max-height: 0;
    overflow: hidden;
    padding: 0 4px;
    background-color: #ebf6f2;
    transition: 0.5s;
}
div.ans p{
    padding-left: 48px;
    background-image: url("../images/bg_10.png");
    background-repeat: no-repeat;
    background-position: left top;

}
input.faq_q label{
    color: #555;
}
input.faq_q:checked + label + div.ans{
    max-height: 600px;
    padding: 8px 4px;
    margin: 0 0 0 0;
}
.container_faq input{
    display: none;
}

/*form page*/
.optin_page_header{
    width: 680px;
    margin: 0 auto;
    padding: 4px;
}
.optin_page_header h1{
    width: auto;
    margin: 8px auto;
    padding: 12px 0;
    float: none;
    clear: both;
    text-align: center;
    font-size: 140%;
    border: 1px solid #888;
    border-left: 8px solid #206D2E;
    background: linear-gradient(#eee,#fff);
}
main.optin_page{
    width: 680px;
    margin: 0 auto !important;
    float: none;
}
.optin_page table{
    width: 100%;
    font-size: 90%;
}
.optin_page table th{
    width: 30%;
    font-size: 90%;
}
.optin_page table td{
    font-size: 90%;
}
.optin_page form p.center input[name="sbm"]{
    height: 50px;
    margin-bottom: 48px;
    padding: 12px 36px;
    background-color: #239715;
    border-bottom: 2px solid #aadca0;
    color: #fff;
}
.optin_page form p.center input[name="sbm"]:hover{
    background-color: #aadca0;
    border-top: 2px solid #239715;
    border-bottom: none;
}
.optin_page_footer{
    height: auto;
}

/*緑色の帯*/
.obi{
    margin: 0px 0 12px 0;
    background-image: url("../images/img_mainImg.png");
    background-position: center center;
    background-size: cover;
}
.obi p{
    color: #fff;
    padding: 0px 75px;
    font-size: 100%;
    line-height: 150%;
    letter-spacing: -0.05em;
    font-size: 120%;
}

/*ピンクの枠の中*/
.headdingImg_top{
    height: auto;
    padding-bottom: 12px;
}
.headdingImg_top div{
    margin: 4px 96px 8px 96px;
    padding: 12px 60px 12px 60px;
    background-color: rgba(255,252,252,0.8);
}
.headdingImg_top div.omoikomi p{
    padding: 4px 0 6px 36px;
    background-image: url(../images/ico_li_01.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.headdingImg_top div.omoikomi p a{
    color: #333;
    text-decoration: underline;
    /*transition: color 0.3s ease-out;*/
}
.headdingImg_top div.omoikomi p a span{
}
.headdingImg_top div.omoikomi p a:hover{
    color: #383;
}

.omoikomi1 p{
    color: #5D6EA6;
    font-size: 17px;
}

#main p.kaisetusimasu{
    text-align: center;
    margin: 24px 0;
}
#main p.kaisetusimasu a{
    display: inline-block;
    padding: 12px 32px 10px 32px;
    font-size: 130%;
    font-weight: bold;
    color: #fff;
    background-color: #08287E;
    border: 2px solid #038;
    border-bottom: 6px solid #038;
    border-radius: 24px;
}
#main p.kaisetusimasu a:hover{
    color: #038;
    background-color: #fff;
}

/*
.bannerNav{
    font-size: 0;
}
.bannerNav a{
    font-size: 0;
    margin: 0 4px;
}
.bannerNav a img{
    font-size: 0;
}
*/

.mainContent{
    margin: 12px auto;
}
.innerBox{
    position: relative;
    float: left;
    height: 175px;
    width: 303px;
    background-image: url("../images/bg_03.png");
    margin: 4px 5px;
    padding: 10px 0 0 24px;
}
.innerBox h3{
    font-size: 132%;
    margin: 4px 0 4px 0;
    font-weight: 600;
}
.IBcol1{color: #662B72;}
.IBcol2{color: #A03545;}
.IBcol3{color: #194F9E;}
.IBcol4{color: #2F754D;}
.IBcol5{color: #E5A045;}
.IBcol6{color: #34AEB7;}

.innerBox p{
    font-size: 88%;
}
.innerBox>img{
    position: absolute;
    right: 6px;
    bottom: 6px;
}
.innerBox .btn{
    position: absolute;
    bottom: 10px;
    left: 20px;
}
.innerBox .btn a img{
    transition: opacity 0.3s ease-out;
}
.innerBox .btn a img:hover{
    opacity: 0.6;
}

.videoLink{
    width: 932px;
    margin: 24px auto;
}
.videoLink h2{
    height: 48px;
    font-size: 140%;
    text-shadow: 4px #009A2B;
    color: #fff;
    background-image: url("../images/bg_05.png");
    background-repeat: no-repeat;
    padding: 8px 0 0 32px;
    font-weight: bold;
}
.videoLink a{
    font-size: 0;
    margin: 0 3px;
}
.videoLink a img{
    font-size: 0;
    transition: opacity 0.3s ease-out;
}
.videoLink a img:hover{
    opacity: 0.8;
}

.table-product {
    width: 700px;
    margin: 0 auto;
}
/*
.news h3{
    color: #152C60;
    border-bottom: 2px dotted #2F4E7C;
    font-size: 150%;
    padding: 4px;
    margin-bottom: 16px;
}
*/

.news dl{
    padding: 12px 8px;
}
.news dl dt{
    border-bottom: 2px solid #bbb;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.news dl dd{
    padding:  4px 8px;
    line-height: 160%;
}
.date{
    display: inline-block;
    padding-right: 12px;
    font-size: 90%;
    color: #545454;
}

*.right{
    float: right
}
*.left{
    float: left;
}
p.right>*,
p.left>*{
    margin: 0 4px 4px 4px; 
}
p.center>*{
    margin: 18px;
}
p.filter img {
    filter: blur(3px);
}
a img.orl{
    transition: opacity 0.3s ease-out;
    box-shadow: 0 2px 4px #555;
}
a img.orl:hover{
    opacity: 0.6;
    transition: opacity 0.3s ease-out;
}
.banner_info{
    margin: 0 0 0 0 !important;
    text-align: center;
}