@charset "utf-8";

/*------------------------------------------------------------------
	Universal Selector
------------------------------------------------------------------*/
* {
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: left;
}

/*------------------------------------------------------------------
	Base Settings
------------------------------------------------------------------*/
html {
    overflow-y: scroll;
}


body {
    color: #000000;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
    font-size: 20px;
    line-height: 1.5;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}

/*------------------------------------------------------------------
	Base Link Color Setting
------------------------------------------------------------------*/
a {
    color: #555;
    text-decoration: none;
}

a:hover {

    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}
a img {
    border: medium none;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}/*ロールオーバー時の透過設定*/

a:hover img.no-f {
	opacity: 1;
	filter: alpha(opacity=100);
}/*ロールオーバー時の透過設定なし*/
.fil a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
input[type="image"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m80b { margin-bottom: 80px !important; }

.m5t { margin-top: 5px !important; }
.m10t { margin-top: 10px !important; }
.m20t { margin-top: 20px !important; }
.m30t { margin-top: 30px !important; }
.m40t { margin-top: 40px !important; }
.m50t { margin-top: 50px !important; }
.m70t { margin-top: 70px !important; }
.m80t { margin-top: 80px !important; }
.m90t { margin-top: 90px !important; }
.m100t { margin-top: 100px !important; }

.m-1l{margin-left:-18px !important}
.m5l { margin-left: 5px !important; }
.m10l { margin-left: 10px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p5a { padding: 5px !important; }
.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }
.p40a { padding: 40px 0 !important; }
.p50a { padding: 50px 0 !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }

.p0l { padding-left: 0px !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.bNone { border: none !important; }

/*sp時変更*/
.m10b-s { margin-bottom: 10px !important; }
.m20b-s { margin-bottom: 20px !important; }
.m30b-s { margin-bottom: 30px !important; }
.m40b-s { margin-bottom: 40px !important; }
.m50b-s { margin-bottom: 50px !important; }
.m60b-s { margin-bottom: 60px !important; }
.m70b-s { margin-bottom: 70px !important; }
.m20l-s { margin-left: 20px !important; }
.m01-s{margin-left:25px;margin-right:25px;}
.p01-s { padding: 20px 30px !important; }
.p02-s { padding: 30px 50px 50px !important; }


/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
/* 投稿の画像配置 */
.f-left{float:left;}
.f-right{	float:right;}
.f-left-pc {float: left;}
.f-right-pc {float: right;}
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */

.pc-dnon{
    display: none;
}


/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #e80000 !important; }
.txtRed2 { color: #d3093b !important; }
.txtRed3 { color: #f51d36 !important; }
.txtBlue { color: #2ca9e7 !important; }
.txtBlue2 { color: #006cb8 !important; }
.txtBlue3 { color: #005a99 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #555555 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtgreen { color: #19a625 !important; }
.txtorenge{color:#fe5b12 !important;text-shadow:0 0 30px #fe5b12; }

.lh01{line-height:1.3;}

.f-min{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "メイリオ", Meiryo, serif;
}
.vaMiddle { vertical-align: middle !important; }
.oh{
	overflow:hidden;
}

.img100 {
    height: auto;
    width: 100%;
}
.mimg100 {
    height: auto;
    max-width: 100%;
}
.switch {
    visibility: hidden;
}

/*------------------------------------------------------------------
	全体レイアウト　コンテンツ
------------------------------------------------------------------*/
.container{
	clear:both;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1000px;*/
}
/*テキストサイズ　pc*/
.txt01{font-size:24px;}/*sp:14px*/
.txt02{font-size:28px;}/*sp:140%*/
.txt03{font-size:32px;}
.txt04{font-size:28px;}/*sp:120%*/
.txt05{font-size:80%;}

/*トップイメージ部分*/


#food-bg{
	background:#f4f1f2;
	overflow:hidden;
}
#food-bg .container{
	padding-top:20px;
	max-width:1600px;
}
footer{
	margin-bottom:70px;
	overflow:hidden;
}

footer .tel{
	font-size:40px;
	letter-spacing:-2px;
}
footer .time{
	line-height:1.3;
	font-size:18px;
}
.foot-img01{
	height:40px;
	width:auto;
	vertical-align:-3px;
	margin-right:-10px;
}
footer .inner-left{
	width:55%;
}
footer .inner-right{
	width:40%;
	font-size:24px;
	letter-spacing:-2px;
}
footer  nav ul{
	border-top:solid 1px #000;
	padding-top:15px;
}
footer  nav ul li{
	background:url(images/list.png) no-repeat 0px 7px;
	margin-right:20px;
	padding-left:15px;
	float:left;
	font-size:16px;
}
footer .s-left{
	width:73%;
	border-top:solid 1px #000;
}
footer .s-right{
	width:25%;
	font-size:80%;
}
footer .mail{
	position:relative;
}
footer .mail .foot-img02 {
	position:static;
	vertical-align:-5px;
	width:200px;
	height:auto;
}

.copy{
	font-size:70%;
}
/*ーーーーーーーーコンテンツ部分ーーーーーーーーーー*/
#sp-wrap{
	max-width:1590px;
	margin:0 auto;
	padding:0 5px;
}
.s01-box01{
	position:relative;
	background:#fff3ed;
	/*background:#fff3ed url(images/s01_bg.jpg) no-repeat top right;*/
	color:#643006;
    font-size: 16px;
	line-height:1.3;
}
.s01-box01 .inner{
	padding:0 50px;
	overflow:hidden;
}
.s01-box01 p{
	margin-bottom:30px;
}
.s01-bgimg{
	position:absolute;
	top:0;
	right:0;
	width:50.5%;
}
.s01-txt{
	position:relative;
}
.s01-subttl{
	margin-left:1%;
	margin-top:-15px;
	width:92%;
}
.s01-subttl1{
	width:88%;
}
.s01-subttl2{
	width:80.4%;
}
.s01-subttl3{
	width:89%;
}
.s01-subttl4{
	width:90%;
}
.s02-box{
	overflow:hidden;
	border:solid 8px #176508;
	border-radius:3px;
}

.s02-box h2{
	padding:10px;
	padding-top:20px;
	padding-bottom:5px;
	background:#176508;
	text-align:center;
}
.s02-box h2 span{
	display:block;
	text-align:right;
	color:#fff;
	font-size:60%;
}
.s02-box p.txt01{
	padding:20px;
}
.s02-fig01{
	margin-top:-8px;
}
#s03{
	display:none;
}
#s04{
	margin-bottom:20px;
}
#s04 h2{
z-index:2;
position:relative;
}
.s04-box{
	margin-bottom:0px;
}
.s04-01{
	margin-top:-3.5%;
}
#s06{
	display:none;
}
#buy{
	margin-bottom:30px;
	position:relative;
}
#buy p{
}
#buy .btn01{
	position:absolute;
	right:2%;
	bottom:25%;
	width:27%;
	
}
#buy .btn02{
	position:absolute;
	right:2%;
	bottom:4%;
	width:27%;
	
}
#buy li input{
	width:100%;
	height:auto;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑pcサイズ
----------------------------------
↓タブレットサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 1021px) {
footer .tel{
	font-size:38px;
}
footer .tel img{
	width:auto;
	height:38px;
}
footer .time{
	font-size:20px;
}
footer .inner-right{
	font-size:24px;
}
footer .mail .foot-img02 {
	position:static;
	vertical-align:-5px;
	width:200px;
	height:auto;
}
.s01-box01 h3 img{
	margin-left:0px;

}


}
@media screen and (min-width: 640px) and (max-width: 999px) {
/*共通*/
body{
	font-size:18px;
}
.tb-dnon{
	display:none;
}
.m01-s{margin:0 10px;}



/*footer*/
footer .s-left,footer .s-right{
	float:none;
	width:100%;
}

footer nav ul{
	overflow:hidden;
}
footer .s-right {
	margin-top:30px;
	clear:both;
	overflow:hidden;
}
footer .s-right ul{
	padding:20px;
	background:#fff;
}
footer .s-right ul li{
	text-align:center;
}
.copy{
	text-align:center;
}
footer{
	margin-bottom:20px;
}

}



/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑タブレットサイズ
----------------------------------
↓spサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 655px) {
	.s01-bgimg{
	display:none;
}
}

@media screen and (max-width: 639px) {
	
/*----------共通------------*/	
body{
	font-size:14px;
	-webkit-text-size-adjust: none;
}

.sp-dnon {display: none;}
.pc-dnon{display:  block;}
.f-left-pc {float: none;}
.f-right-pc {float: none;}
.sp-img50{width:50%;height:auto;}
.img-block{display:block;margin:0 auto;}

/*margin padding変更*/
.m20l-s{
	margin-left:10px !important;
}
.m10b-s { margin-bottom: 5px !important; }
.m20b-s { margin-bottom: 10px !important; }
.m30b-s { margin-bottom: 15px !important; }
.m40b-s { margin-bottom: 20px !important; }
.m50b-s { margin-bottom: 25px !important; }
.m60b-s { margin-bottom: 30px !important; }
.m70b-s { margin-bottom: 35px !important; }
.m01-s{margin:0 5px;}

/*テキストサイズ変更*/
.txt01{font-size:14px;}/*pc:24px*/
.txt02{font-size:140%;}
.txt03{font-size:120%;}
.txt04{font-size:120%;}

/*コンテンツ*/

#food-bg .container{
	padding-top:10px;
}
footer .s-left ,footer .s-right,footer .inner-left ,footer .inner-right{
	width:100%;
	padding:5px;
	box-sizing:border-box;
}
footer .tel{
	font-size:20px;
}
footer .tel img {
	height:20px;
	margin-right:0px;
}
footer .time {
	font-size:100%;
}
footer .inner-right{
	font-size:20px;
}
footer nav ul{
	border-top:none;
}

footer nav ul li {
	float:none;
	padding-left:0;
	margin-right:0;
	background:none;
	font-size:100%;
}
footer nav ul li a{
	background:#fff url(images/list.png) no-repeat 0px 14px;
	padding:10px;
	padding-left:20px;
	display:block;
	color:#333;
	border-bottom:solid 1px #ccc;
}
footer nav ul li a:hover{
	text-decoration:none;
	background:#eee url(images/list.png) no-repeat 0px 14px;
}
footer nav ul li:last-child a{
	border-bottom:none;
}
footer nav ul{
	padding-top:0;
}
footer nav ul{
	overflow:hidden;
}
footer .s-right {
	margin-top:10px;
	clear:both;
	overflow:hidden;
}
footer .s-right{
	background:#fff;
}
footer .s-right ul{
	padding:20px;
	background:#fff;
}
footer .s-right ul li{
	text-align:center;
}
.copy{
	text-align:center;
}
footer{
	margin-bottom:0px;
}
.s01-box01{
	padding:5px 5px 10px;
	background:none;
	background-color:#fff3ed;
}
.s01-box01 .inner{
	padding:0px;
	overflow:inherit;
}

.s01-box01-1{
	margin-top:-50px;
}
.s01-box01 p{
	margin-bottom:0px;
}
.s01-subttl{
	margin-left:0;
	margin-top:-10px;
	width:100%;
}
.s01-subttl1{
	width:100%;
}
.s01-subttl2{
	width:100%;
}
.s01-subttl3{
	width:100%;
}
.s01-subttl4{
	width:100%;
}
.s02-box{
	border:solid 3px #176508;
}
.s02-box h2{
	padding:5px;
	padding-bottom:5px;
	background:#176508;
}
.s02-box h2 span{
	display:none;
}
.s02-box p.txt01{
	padding:10px 20px 5px;
}
.s02-box  p.txt02{
	margin-right:5px;
	margin-bottom:3px;
	font-size:70%;
	text-align:right;
}
.s02-fig01{
	margin-top:0px;
}
#s03{
	display:block;
	border:solid 2px #12bfff;
	background:url(images/bg01.png) repeat;
	background-size:10px;
}
#s03 h2{
	color:#fff;
	padding:2px 5px;
	background:#12bfff;
	font-size:120%;
}
#s03 p{
	margin:20px 30px;
	margin-bottom:30px;
}
#s03 p:last-child{
	margin-bottom:20px;
}
#s04{
	margin-bottom:0px;
}
.s04-box{
	margin-bottom:5px;
}
.s04-01{
	margin-top:-15px;
}

#buy{
	display:none;
}
#s06{
	display:block;
	margin:0 auto;
	position:relative;
}
#s06 ul{
	width:100%;
	position:absolute;
	bottom:14px;
	left:0px;
}
#s06 ul li:first-child{
	padding-left:2.5%;
	padding-right:0.5%;
	width:47%;
	float:left;
}
#s06 ul li:last-child{
	padding-left:0.5%;
	padding-right:2.5%;
	width:47%;
	float:right;
}
}