/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.flex {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
}@media screen and (max-width: 475px) {.flex {flex-wrap: wrap; }}
.wrap {
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
a {	/*text-decoration: none; */color: #FFF;/*font-weight:bold;*/ }
a:hover {color: #F00; }
.over {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (max-width: 414px) {.pc_only {display: none;}}
@media screen and (min-width: 415px) {.smart_only{display: none;}}
.justify_box {
text-align: justify;
text-justify: inter-ideograph;
}
html{
	font-size: 62.5%;
	}
body {
	-webkit-text-size-adjust: 100%;
	/*border-top: 5px solid #06F;*/
  background-color: #000;
   padding: 0;
	margin: 0;
	color: #000;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ",sans-serif;
	font-size: 1.4rem;
	line-height: 200%;
}@media screen and (max-width: 737px) {body{font-size: 1.4rem;/*font-weight: bold; */}}
h1 {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 2px 10px;
	/*color: #06F;*/
  	color: #667666;
	font-size: 1.4rem;
  background-color:#FFF;
  text-align:center;
}
h2{
	position:relative;
  margin: 20px auto 50px;
	padding:5px 20px;
	/*font:bold 28px/1.6 Arial, Helvetica, sans-serif;*/
  font-weight:bold;
  font-size:2.4rem;
	color:#667666;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#667666 solid 3px;
	border-bottom:#667666 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
h2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#667666;
}
h2:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}
h2 > img {
  position: absolute;
  right: 1%;
  top: 2px;
}
#top {
  height:0;
}
/*#over_lay {
  	position: fixed;
	top: 0;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1260px;
  height: 100%;
  z-index:1;
}*/
#over300sm {
 position:relative;width:90%;margin:30px auto 30px;
}@media screen and (min-width: 500px) {#over300sm {display: none;}}
#over3000 {
 	position: fixed;
	top :10px;
	right: 10px;
	width: 100px;
	margin: 0 auto;
	z-index: 110; 
}@media screen and (max-width: 499px) {#over3000 {display: none;}}
#over3000 > a > img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#over3000 > a > img:hover {
  position:relative;
  top: 50px;
  right:50px;
	transform: scale(2.5);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}

#pagetop {
	position: fixed;
	bottom: 100px;
	right: 10px;
	width: 100px;
	margin: 0 auto;
	z-index: 101;
}@media screen and (max-width: 737px) {#pagetop {bottom: 10px;width:60px;right:40px;}}
#side_contact {
  position: fixed;
	bottom: 175px;
	right: 10px;
	width: 100px;
	margin: 0 auto;
	z-index: 100;
}
@media screen and (max-width: 1260px) {#side_contact {display: none;}}
/*-----------------------------------------
コンテナ
-----------------------------------------*/
#container {
	position: relative;
	width: 100%;
	min-height: 500px;
	margin: 0 auto;
	padding: 0 0 0;
	background-color: #FFF;
  z-index: 2;
}/*@media screen and (max-width: 768px) {#container {width: 100%;}}*/
.inner_cnt {
         position: relative;
			width: 100%;
         max-width: 1000px;
         margin: 0 auto;
}
		#container > #header_info {
			 position: relative;
          padding:10px 0 0;
          width: 100%;
          background-color: #FFF;
          text-align: right;
		}
		#container > #header_info > .inner_cnt > a {
			display:  inline-block;
			margin: 0 10px;
		}
		#container > #header_info > .inner_cnt > a:hover {
			opacity: 0.5 ;
		}
	#container > #header {
		position: relative;
		width: 100%;
		margin: 0;
      background-color: #FFF;
	}@media screen and (max-width: 414px) {#container > #header {width: 96%;margin: 5px auto 20px;}}

@media screen and (max-width: 414px) {ul#header_menu {display: none;}}
ul#header_menu2 {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 5px auto 20px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #889888;
	border-radius: 5px;
	background:#889888;
	background-image: -moz-linear-gradient(top, #667666 0%, #889888 50%, #889888 50%, #667666 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #667666), color-stop(0.50, #889888), color-stop(0.50, #889888), color-stop(1, #667666));
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	0px 1px 1px rgba(0,0,0,0.1) inset,
	0px -1px 1px rgba(0,0,0,0.3) inset,
	0px 1px 3px #889888;
	}
	ul#header_menu2 > li {
		position: relative;
		width: 20%;
		margin: 0;
		padding: 3px 1%;
		text-align: center;
		color: #FFF;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration:none;
	}
		ul#header_menu2 > li > a {
			position: relative;
			display: inline-block;
			width: 100%;
			height: 100%;
			color: #FFF;
			text-decoration: none;
		}@media screen and (max-width: 768px) {ul#header_menu2 > li > a  {font-size: 1.2rem;}}
		ul#header_menu2 > li:hover {
			background: rgba(0,0,0,0.3);
		}
		ul#header_menu2 > li.hove {
			background: rgba(255,255,255,0.3);
		}
@media screen and (max-width: 414px) {ul#header_menu2 {display: none;}}
#slide_cnt {
	position: relative;
		width: 100%;
		padding: 15px 0 15px ;
     background-color: #FFF;
	}@media screen and (max-width: 414px) {#slide_cnt {display: none;}}
/*-----------------------------------------
メインコンテナ
-----------------------------------------*/
	#container > #main_cont {
		position: relative;
		width: 100%;
      min-height: 500px;
		padding: 0 3% 0px;
    background-color: #000;
  	background-image:url("https://img07.shop-pro.jp/PA01423/438/etc/black_bg.png?cmsp_timestamp=20221111144302");
	background-position:  center 100px;
	background-repeat: no-repeat;  background-attachment: fixed; 
      color: #FFF;
}
@media screen and (max-width: 800px) {#container > #main_cont {background-image:none;}}
@media screen and (max-width: 414px) {#container > #main_cont {padding-top: 20px;}}
  #container > #main_cont > .inner_cnt {
    max-width: 900px;
   background-color: #000;
    padding-bottom: 80px;
}
@media screen and (min-width: 0px) and (max-width: 414px) {
  #container > #main_cont > .inner_cnt {width:100%; margin: 20px auto 0 ;padding-top: 60px;}
}@media screen and (min-width: 415px) and (max-width: 768px) {
  #container > #main_cont > .inner_cnt {width:100%; margin: 20px auto 0 ;padding-top: 20px;}
}@media screen and (min-width: 769px) {
  #container > #main_cont > .inner_cnt {width:100%; margin: 20px auto 0 ;padding-top: 20px;background: rgba(0,0,0,0.9);}
}
 #container > #main_cont > .inner_cnt a {
   color: #FFF;
}
 #container > #main_cont > .inner_cnt a:hover {color: #F00; }
/*-----------------------------------------
SNS
-----------------------------------------*/
#sns {
  	position: relative;
	width: 100%;
    height: 200px;
	margin: 0 auto 0;
	padding: 10px 0;
	background-color: #3D532A;
  color: #FFF;
  font-weight: bold;
}
 #sns > .inner_cnt > #kyara {
   position: absolute;
	top: -80px;
   left: 100px;
  width: 250px;
  height: 298px;
  z-index: 5;
}
#sns > .inner_cnt > #bl01 {
 position: relative;
	width: 70%;
  max-width:700px;
	height: 180px;
	background-color:  #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 auto;
  padding:  10px 5% 10px 25%;
}
#sns > .inner_cnt > #bl01 > #come {
  position: relative;
  background-color: #FFF;
   font-size: 2.0rem;
  font-weight: bold;
  color: #C30;
}
#sns > .inner_cnt > #bl01 > #come2 {
  position: relative;
  background-color: #FFF;
  padding-bottom: 10px;
  color: #000;
}
@media screen and (min-width: 415px) and (max-width: 900px) {
#sns > .inner_cnt > #kyara {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 125px;
  height: 149px;
  z-index: 5;
  }
 #sns > .inner_cnt > #bl01 {
 position: relative;
	width: 77%;
  max-width:600px;
	height: 180px;
	background-color:  #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 auto;
  padding:  10px 5% 10px 8%;
}
#sns > .inner_cnt > #bl01 > #come {
  position: relative;
  background-color: #FFF;
   font-size: 2.0rem;
  font-weight: bold;
  color: #C30;
}
#sns > .inner_cnt > #bl01 > #come2 {
  position: relative;
  background-color: #FFF;
  padding-bottom: 10px;
  color: #000;
}
  }
@media screen and (max-width: 414px)  {
#sns > .inner_cnt > #kyara {
  position: absolute;
  top: 24px;
  left: -10px;
  width: 100px;
  height:120px;
  z-index: 1;
  }
 #sns > .inner_cnt > #bl01 {
 position: relative;
	width: 98%;
  max-width:360px;
	height: 180px;
	background-color:  #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 auto;
  padding:  10px 1% 10px 25%;
}
#sns > .inner_cnt > #bl01 > #come {
  position: relative;
  background-color: #FFF;
   font-size: 1.6rem;
  font-weight: bold;
  color: #C30;
}
#sns > .inner_cnt > #bl01 > #come2 {
  position: relative;
  background-color: #FFF;
  padding-bottom: 10px;
  color: #000; 
 font-size: 1.4rem;
}
  
  }
/*-----------------------------------------
フッター
-----------------------------------------*/
#footer {
	position: relative;
	width: 100%;
	margin: 0 auto 0;
	padding: 50px 0 0px ;
	background-color: #FFF;
}@media screen and (max-width: 768px) {#footer {padding-top: 10px;}}
#footer > h2 {
  		position: relative;
		width: 96%;
		max-width: 1000px;
		margin: 30px auto ;
      color: #667666;
}@media screen and (max-width: 414px) {#footer {text-align:center;padding-bottom: 150px;}}
#f_cont {
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0px auto;
		color: #667666;
      background-color: #FFF;
}/*@media screen and (max-width: 1000px) {#footer > #f_cont {width:100%;}}*/
@media screen and (min-width: 415px)  {
		#f_cont > .block {
			position: relative;
			width: 100%;
			max-width: 400px;
			padding: 0 10px 0px;
			font-size: 1.4rem;
			line-height: 180%;
          color:#667666;
		}
}
@media screen and (max-width: 414px) {
		#f_cont > .block {
			position: relative;
			width: 100%;
			padding: 0 10px 0px;
			font-size: 1.5rem; /*font-weight: bold;*/
			line-height: 180%;
          color: #667666;
		}
#f_cont > .block > div {width: 92%;margin:10px auto;}
}
			#f_cont > .block  a {	color: #000; }
			#f_cont > .block > h3 {
				position: relative;
				margin: 15px 1% 15px;
				padding: 0;
            font-size: 1.6rem; font-weight: bold;
				color: #667666;
				border-bottom: 3px double #667666;
			}
#bottom_navi {
	position: relative;
	width: 96%;
	max-width: 1100px;
	margin: 30px auto 0 ;
  text-align: center;
}
#bottom_navi > a {color: #667666;}
#bottom_navi > a:hover {color: #F30;}
#copyright {
	position: relative;
  margin-top: 0;
	padding: 10px 0 50px;
	background-color: #000;
   color: #FFF;
  text-align: center;
  border-top: 6px double #FFF;
}
#build-menu-button {
    display: block;
    height: 81px;
    width: 100%;
	border-bottom: 1px solid #ddd;
	/*opacity: 0.95;
	-moz-opacity: 0.95; 
	-ms-filter: "alpha( opacity=95 )";*/
    z-index: 8;
	background-color:#FFF;
	position: fixed;
	top: 0;
    /*top: -60px\9;*/
}
#build-menu-button > #logo {
	position: relative;
	padding-top:13px;
	width: 290px;
	left: 1%;
  z-index:9;
}
#build-menu-button a {
    display: block;
    height: 25px;
    right: 1em;
    top: 5px;
	font-size: 1.2rem;
}
    #menu-icon {
    display: block;
    height: 31px;
    width: 50px;
	position:absolute;
    right: 1em;
    top: 25px;
	cursor: pointer;
     background-image: url( https://img21.shop-pro.jp/PA01423/438/etc/g_menu.png?cmsp_timestamp=20181117162000);
     background-repeat: no-repeat;
	background-position: 97% center;
	background-size: contain;
    }
	#menu-icon.active {
       background-image: url( https://img21.shop-pro.jp/PA01423/438/etc/g_menu2.png?cmsp_timestamp=20181208211911);
}
	#nav-wrap{
		overflow:hidden;
	}
    #nav {
    	padding: 15px 0 15px 0;
        position: absolute;
        top:66px;
        z-index: 15;
		width:100%;
        background: #FFF;
        display: none; /* jqueryでボタンを押したら見える */
    }
    #nav li {
    margin: 0;
    padding: 8px 0;
    text-align: center;
	font-size:1.6rem;
	font-weight: bold;
    }
	#nav li:hover {
	background-color: #04B5BC;
    }
	#nav li a{
	text-decoration: none;
	display:block;
	padding-top:0px;
	font-size:1.6rem;
	}
	
    #nav a, 
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #nav a:hover, 
    #nav ul a:hover {
        background: none;
        color: #000;
    }
/*-----------------------------------------
商品一覧
-----------------------------------------*/
#item_list {
	position: relative;
	width: 98%;
	margin: 0 1%;
	background-color: #000;
}
#item_list > .item_list_block {
  position: relative;
  width: 33%;
  padding: 5px 2%;
  margin-bottom: 10px;
  border: 1px solid #000;
  font-size: 1.4rem;
}@media screen and (max-width: 414px) {
  #item_list > .item_list_block {width: 50%;}
}
/*
#item_list > .item_list_block > a {
  display: block;
  max-height:215px;
  overflow:hidden;
  margin: 0 auto 0;
}*/
#item_list > .item_list_block > #item_name {
  position: relative;
  width: 100%;
  padding: 0 1% 5px;
}
#item_list > .item_list_block > #item_name > a {
  color: #FFF;
}
#item_list > .item_list_block > #item_money  {
  color: #0F0;
  line-height: 150%;
}
#item_list > .item_list_block > #item_money  > span {color:#F00; font-size:80%;}
#furusato {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#tabechoku {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#pokemaru {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#hannbai_bosyuu {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#jee_maching {
  	position: relative;
	width: 82%;
	max-width: 440px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#tel_contact {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
.tbs_tokuban2 {
	position:absolute;
  top:-110px;
	width: 100%;
  margin: 0 auto;
  text-align:right;
}@media screen and (max-width: 737px) {#tbs_tokuban2{top:-60px;}}
.tbs_tokuban {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 140px auto 2px;
  padding-bottom:30px;
}@media screen and (max-width: 737px) {#tbs_tokuban{margin: 70px auto 2px;}}
#rakuten {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  padding-bottom:30px;
}
#recipe_ban {
  	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 20px;
 border: 1px solid #CCC;
}
.kodawari01 {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 0;
  padding-bottom:0;text-align: center;
}
#topics2 {
  position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 20px;
  padding-bottom:0;text-align: right;
}
#rakuten2 {
	position: relative;
	width: 100%;
	max-width: 960px;
  background-color: #FFF;
	margin: 0 auto 60px;
  padding:30px 1%;
}
#teiki01 {
background-color: #FFF;
width:100%;
 max-width: 760px;
height="auto";
margin:  100px auto 0 ;
padding: 20px 1%;
}@media screen and (max-width: 540px) {#teiki01 {margin:20px auto 0;}}
.bunkatu3 {
  background-color: #FFF;
width:100%;
 max-width: 760px;
margin:0 auto;
margin-bottom: 50px;
  padding:  0 0  10px;
}
.bunkatu3 > .bl01 {
width: 32%;
margin: 10px 1% 10px 0;
}
.bl01 > a > img:hover {
	opacity: 0.5 ;
}