@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
    font-size:18px;
    color:#000;
    font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    line-height:1.6;
    background-image:url(../images/background_img_01.png);
    background-size:cover;
    box-sizing : border-box;
}


section {
}

a {
    color:#6A3906;
}

a:hover {
    color:#cecece;
}

h1 {
    font-size:48px;
    font-weight:bold;
    line-height:1.5;
    margin:40px 0;
}

h1 a {
    color:#588ccb;
    text-decoration:none;
}
h1 a:hover {
    color:#fff;
    text-decoration:underline;
}

h1 img {
    width:200px;
    margin:2%;
}

h2 {
    font-size:32px;
    font-weight:bold;
    line-height:1.5;
}


h3 {
    font-size:25px;
    font-weight:bold;
}
h4 {
    color: #1e489d;
    font-weight: bold;
    padding-top: 5px;
}

h5 {
   padding-top: 0.5em;
   padding-bottom:0.25em;
   font-size: 20px;
   background-color:#1e489d;
   color:#fff;

}

h6 {
   font-size:14px;
}

p {
    margin:1%;
}

img {
    vertical-align:bottom;
    width:100%;
}

em {
    font-weight:bold;
}

strong {
    font-weight:bold;
}

pre {
    margin:1em 0;
    padding:1em;
}

blockquote {
    margin-bottom:1em;
    padding:1em;
    border:1px dotted #ddd;
    border-left:5px solid #ddd;
}

ul,ol,dl {
    margin:0 0 1em 0;
}
ul li {
    list-style:disc;
}
ol li {
    list-style:decimal;
}
li {
    margin-left:2em;
}

dt {
    margin-bottom:0.5em;
}

dd {
    margin-bottom:1em;
}

table {
    width:100%;
    margin-bottom:1em;
    border-collapse:collapse;
}
th {
    padding:10px;
    text-align:center;
    vertical-align:middle;
}
td {
    padding:10px;
    text-align:left;
}

sup {
	vertical-align:text-top;
	font-size:70%;
	line-height:1;
}

.clearfix:after {
	content: url("../images/pixel.gif");
	display: block;
	clear: both;
	height: 0;
}

.rp{
	display:none;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
   height:60px;
   padding:24px 24px 0;

}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	height:100%;
    margin:0 auto;    
    /*overflow:hidden;*/
    max-width: 1266px;
}
nav ul {
    margin: 0 auto;
    padding: 0;
    background:#FFF;
    border-radius:30px;
}
nav li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 14.5%;
    font-weight: bold;
}
nav li a {
	display: block;
	line-height:60px;
    color: #6A3906;
    text-align: center;
    text-decoration: none;	
}

nav li a:hover {
	font-weight:900;
	color: #6A3906;
	-webkit-text-stroke: 0.5px #6A3906;
}
nav .menu_icon,nav .menu_icon_white {
	width:auto;
	vertical-align:middle;
	margin:-8px 10px 0 0;	
}
nav .menu_logo {
	padding-left:2%;
	width: 6%;	
}
nav .menu_logo img {
	width:52px;
	height:auto;
	vertical-align: middle		
}
nav .menu_button {
	width: 19.5%;
	background-color:#6A3906;
	border-radius:30px;	
}

nav .menu_button a {
	color:#fff;	
}

nav .menu_button a:hover {
	font-weight:900;
	color: #fff;
	-webkit-text-stroke: 0.5px #fff;

}

nav .menu_button:hover {
	background-color:#7BA918;
}
/*================================================
 *  クラス
 ================================================*/
.textL {text-align:left;}
.textR {text-align:right;}
.textJ {text-align:justify;}
.textC {text-align:center;}
.textWhite {color:#ffffff;}
.textBlack {color:#000000;}
.textRed {color:#ed1c24;}
.textOrenge {color:#f6871f;}
.textBlue {color:#22ade6;}
.textYellow {color:#fff473;}
.textGray {color:#f7f7f7;}
.textGreen {color:#91b821;}
.textPink {color:#F0A7A8;}
.textNavyBlue {color:#1e489d;}
.textYellow {color:#feef06;}
.textDarkYellow {color:#fad77a;}
.textDarkRed {color:#ab0c0c;}
.textGold {color:#8d7c3c;}
.textBold {font-weight:bold;}
.textObq {font-style:oblique;}
.textLS20 {letter-spacing: 20px;}
.textunder { text-decoration:underline;}
.BackW { background-color:#fff;}
.BackP { background-color:#ff3399}
.BackGR { 
	background-color:#f0ebe6;
	background-image:radial-gradient(#fdeabe 10%, transparent 10%);
  	background-size: 10px 10px;
}
.BackB-Y{ background: linear-gradient(90deg, #2ebdff, #fff473);}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs28 {font-size:28px;}
.fs46 {font-size:46px;}
.fs48 {font-size:48px;}
.fs60 {font-size:60px;}
.fs80 {font-size:80px;}
.fs70 {font-size:70%;}
.fs100 {font-size:100%;}
.fs140 {font-size:140%;}
.mg0 {margin:0;}
.mg1 {margin:1%;}
.mg3 {margin:3%;}
.mg-t10 {margin-top:10px;}
.mg-t20 {margin-top:20px;}
.mg-t26 {margin-top:26px;}
.mg-t40 {margin-top:40px;}
.mg-t105 {margin-top:105px;}
.mg-t-15 {margin-top:-15px;}
.mg-t-120 {margin-top:-120px;}
.mg-t-140 {margin-top:-140px;}
.mg-t-30 {margin-top: -30px;}
.mg-b105 {margin-bottom:105px;}
.mg-b15 {margin-bottom:15px;}
.mg-b20 {margin-bottom:20px;}
.mg-b40 {margin-bottom:40px;}
.pd1 {padding:1%;}
.pd2 {padding:2%;}
.pd3 {padding:3%;}
.pd7 {padding:7%;}
.pdb18 {padding-bottom:18px;}
.pdb40 {padding-bottom:40px;}
.pdb90 {padding-bottom:90px;}
.pd-t-1 {padding-top:1px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.pt80 {padding-top:80px;}
.fL {float:left;}
.fR {float:right;}
.wd100 {width:100%;}
.wd94 {width:94%;}
.wd60 {width:60%;}
.wd40 {width:40%;}
.wd35 {width:35%;}
.wd30 {width:30%;}
.wd28 {width:28%;}
.wd25 {width:25%;}
.wd20 {width:20%;}
.wd17 {width:17%;}
.wd16 {width:16.6%;}
.wd15 {width:15%;}
.wd10 {width:10%;}
.letter2{letter-spacing:-2px;}
.bd2B{border:2px solid #333;}
.bd2W{border:2px solid #fff;}
.bd2Blue{border:2px solid #22ade6;}
.bd5Blue{border:5px solid #22ade6;}
.bd2Orenge{border:2px solid #f6871f;}
.bd5Orenge{border:5px solid #f6871f;}
.bdb1W{border-bottom:1px solid #fff;}
.bdb1B{border-bottom:1px solid #333;}
.bdb1G{border-bottom:1px solid #f7f7f7;}
.bdt1W{border-top:1px solid #fff;}
.bdt1B{border-top:1px solid #333;}
.bdt1G{border-top:1px solid #f7f7f7;}
.bdr30{border-radius:30px;}
.bdr60{border-radius:60px;}
.overh {overflow:hidden;}
.op8 {opacity:0.8;}
.op9 {opacity:0.95;}
.op0 {opacity:0;}
.lh45 {line-height:4.5;}
.lh25 {line-height:2.5;}
.pr {position:relative;}
.dp-n {display:none;}
.dp-b {display:block;}
.dp-t {display:table;}
.dp-c {display:table-cell;}
.ul-align {display:flex; justify-content: center;}
.Gothic { font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "HGSｺﾞｼｯｸE", "メイリオ", Meiryo, sans-serif;}
/*================================================
 *  共通
 ================================================*/ 
.title_icon {
	width:auto;
	vertical-align:middle;
	margin:-8px 10px 0 0;	
}

.cart {
	float:right;
	margin-top:-22px;
	margin-right:30px;
	font-weight:bold;
	font-style:italic;
}

/*================================================
 *  トップページ
 ================================================*/
.caption-box {
	max-width:1400px;
	margin:0 auto;
	margin-top: 50px;
}
.caption-box-inner-flex {
	display:flex;
	align-items:stretch;	
}
.logo-box {
	width:40%;
	padding:0 10px;
}

.logo-box img {
	max-width:134px;
	widht:100%;
}
.logo-box p {
	color:#1c2272;
	font-weight:bold;
}

.product-img {
	position:relative;
	max-width:152px;
	width:100%;
	margin:0 auto;
	padding-top:100px;
}
.product-text {
	width:40%;
	padding:100px 10px 0 10px;
}

.product-text p {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	color:#1c2272;	
}

.caption-box-img {
	max-width:1088px;
	margin:100px auto;
	padding: 0 4%;
}

.soy-navi {
	max-width:1400px;
	margin:100px auto;
}
.soy-navi-inner {
	padding: 0 4%;
	margin-bottom:20px;
}

.soy-text-L {
	float:left;
	width:46%;
}

.soy-text-L-img {
	width:134px;
	padding-right:10px;
}

.soy-text-R {
	float:right;
	width:46%;
}

.soy-text-L img ,.soy-text-R img {
	max-width:132px;
}

.soy-text-table {
	display:table;
}

.soy-text-cell {
	display:table-cell;
}


.soy-text-inner01 {
	color:#1c2272;
	font-size:40px;
	font-weight:bold;	
}

.soy-text-inner02 {
	line-height:1.8;
	
}

.soy-text-inner03 {
	font-size:12px;
	font-weight:bold;
	color:#4e4c4f;
}

.soy-text-inner04 {
	font-size:12px;
	color:#4e4c4f;
	margin:2%;
	line-height:1.8;
}

.soy-img-L {
	float:left;
	max-width:601px;
	width:46%;
}

.soy-img-R {
	float:right;
	max-width:601px;
	width:46%;
}

.buy-navi {
	max-width: 1400px;
	margin: 20px auto;
	padding:0 4%;
	height:auto;
	overflow:hidden;	
}

.buy-navi-table {
	display:table;
	margin:0 auto;	
}

.buy-navi-cell {
	display:table-cell;
	vertical-align:middle;
}

.buy-navi-cell p {
	margin:0 10px;
	color: #1c2272;
	font-weight: bold;
}

.buy-navi-cell img {
	max-width:72px;
}
.buy-navi-button {
	max-width:600px;
	display:block;
	margin: 50px auto;
	padding:20px;
	background-color:#1b2272;
	color:#fff;
	text-align:center;
	text-decoration: none;
		
}

.buy-navi-button:hover, .buy-navi-button:link {
	color:#fff;
}

.copyright {
	max-width:1400px;
	margin:50px auto;
	text-align:center;
}

.copyright img {
	max-width:174px;
}

/********************
loading effects
********************/

/********************
animation setting
********************/


/***************************************/



/*================================================
 *  フッター
 ================================================*/

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
    position: fixed;
    bottom: 20px;
    right: 0.5%;
    font-weight: bold;
    z-index: 100;
   
}
.totop a {
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity:0.8;
        text-decoration: none;
        color: #fff;
        width: 45px;
        padding: 3px;
        text-align: center;
        display: block;
}
.totop a:hover {
            border-style: none;
}
/*================================================
 *  トップページ以外
 ================================================*/
.cart-buy {
	max-width:500px;
	padding:10px;
	margin: 50px auto;
}
.cart-buy table {
	width:100% !important;
}

/*
.cartjs_cart_in {
	display:none !important;
}
*/ 
/*================================================
 *  データベース
 ================================================*/
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
 
@media screen and (max-width:840px) {
	.soy-text-L,.soy-text-R {
		float:none;
		width:100%;
	}
	.soy-img-L,.soy-img-R {
		float:none;
		width:100%;
		margin: 20px auto;			
	}
	.soy-text-table,.soy-text-cell {
		display:block;
	
	}
	.soy-navi-inner {
		margin-bottom:100px;
	}
	
	.buy-navi {
		margin: 200px auto;
	}

}

@media screen and (max-width:580px) {
 	.caption-box-inner-flex {
		flex-wrap: wrap;
	}
 	.logo-box {
		width:100%;
		text-align:center;
	}
	
	.logo-box p {
		display:inline-block;
		text-align:left;
		margin-top:50px;
		vertical-align:top;
	}
	
	.product-img {
		padding-top:50px;	
	}
	
 	.product-text {
 		padding-left:5px;
		padding-right:0;

	}
	
 	.product-text p {
		line-height:1.2;
	}
	
	.soy-text-inner01 {
		font-size:28px;
	}
	.rp{
		display:block;
	}

}