/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a {
	text-decoration: underline;
	color: #0073bd;
	outline: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 1.6em;
}

hr {
	border: none;
	border-bottom: 1px solid #cccccc;
}

span.new {
	display: none;
	color: red;
	font-weight: bold;
}

.toggle-mouseover,
.accordion {
	cursor: pointer;
}

.clear {
	overflow: hidden;
	*zoom: 1;
	clear: both;
}

.box {
	cursor: pointer;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.ta {
	text-align: left !important;
}

.vat {
	vertical-align: top;
}

.vam {
	vertical-align: middle;
}

.text-big {
	font-size: 18px;
}

.text-medium {
	font-size: 15px;
}

.text-semi-medium {
	font-size: 13px;
}

.text-default {
	color: #666666;
}

.bg-default {
	background-color: #666666;
	color: #FFF;
}

.text-primary {
	color: #842121;
}

.bg-primary {
	background-color: #842121;
	color: #FFF;
}

.text-secondary {
	color: #cccccc;
}

.bg-secondary {
	background-color: #cccccc;
	color: #FFF;
}

.text-info {
	color: #cccccc;
}

.bg-info {
	background-color: #cccccc;
	color: #FFF;
}

.text-error {
	color: #990000;
}

.bg-error {
	background-color: #990000;
	color: #FFF;
}

.hide-all {
	display: none;
}

strong,
.bold {
	font-weight: 700;
}

.col-main {
	width: 62.84314%;
	margin-right: 3.43137%;
}

.radius {
	border-radius: 12px;
}

.circle {
	border-radius: 100%;
}

.shadow {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

img {
	max-width: 100%;
	height: auto;
}

.flex-gmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.flex-gmap iframe,
.flex-gmap object,
.flex-gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.header_wrapper {
	background: url("../misc/bg_heading_01.jpg") center center no-repeat;
	text-align: center;
	background-size: 100% 100%;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0.8em;
	padding: 4px;
}

.header_wrapper h2 {
	border: 1px solid #780C0C;
	padding: 3px 0;
}

.nav_heading2 {
	border: 5px solid #C6C68C;
	background: #E6E6CC;
	border-radius: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding: 3px 0;
	margin-bottom: 0.8em;
}

.nav_heading3 {
	background: url("../misc/bg_heading_02.jpg") center center no-repeat;
	text-align: center;
	background-size: 100% 100%;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0;
	margin-bottom: 0.8em;
}

.heading2 {
	background: url("../misc/bg_03.png");
	padding: 5px 0;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0.5em;
	clear: both;
	text-align: center;
	border-radius: 5px;
	color: #403000;
}

img[src*="acclog"] {
	display: none !important;
}

.other_item {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 1em;
}

.other_item ul li:first-child {
	margin-left: 0;
}

.other_item ul li a {
	color: black !important;
	display: block;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 10px;
	padding-left: 47px;
	text-decoration: none;
	font-size: 12px;
}

.other_item ul li a:before {
	font-family: FontAwesome;
	content: "\f0a9";
	color: #780C0C;
	margin-right: 0.2em;
}

.other_item ul li a.matsuba {
	background-image: url("../misc/img_matsuba.jpg");
  padding-right: 0;
}

.other_item ul li a.sengyo {
	background-image: url("../misc/img_sengyo.jpg");
}

.other_item ul li a.otomo {
	background-image: url("../misc/img_otomo.jpg");
}

.other_item ul li a.zuwai {
	background-image: url("../misc/img_zuwai.jpg");
}

.other_item ul li a.nori {
	background-image: url("../misc/img_nori.jpg");
}

.other_item ul li a.ika {
	background-image: url("../misc/img_ika.jpg");
}

.other_item ul li a.kome {
	background-image: url("../misc/img_kome.jpg");
}

.other_item ul li a.kaki {
	background-image: url("../misc/img_kaki.jpg");
}

.other_item ul li a.sake {
	background-image: url("../misc/img_sake.jpg");
}

.other_item ul li a.gyokai {
	background-image: url("../misc/img_gyokai.jpg");
}

.other_item ul li a.drink {
	background-image: url("../misc/img_drink.jpg");
}

.other_item ul li a.himono {
	background-image: url("../misc/img_himono.jpg");
}

.other_item ul li a.okashi {
	background-image: url("../misc/img_kashi.jpg");
}

.other_item ul li a.soryo-muryo {
  background-image: url("../misc/img_souryou.jpg");
}
.other_item ul li a.tottoriwagyu {
  background-image: url("../misc/tottoriwagyu.jpg");
}

#customer_voice {
	margin-bottom: 2em;
}

#customer_voice header {
	margin-bottom: 1em;
}

#customer_voice h2 {
	width: 763px;
}

#customer_voice h3 {
	color: #842121;
}

#customer_voice h3 a {
	color: #842121;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

#customer_voice h3:before {
	font-family: FontAwesome;
	content: "\f0d7";
	margin-right: 0.5em;
}

#customer_voice dl {
	margin-bottom: 1em;
	border-bottom: 1px dashed #D6B6B6;
	padding-bottom: 0.5em;
}

#customer_voice dl dt {
	background: url("../voice/img/bottom_03.gif") left top no-repeat;
	padding-left: 24px;
}


.top_info {
	background-color: #FEE;
	color: #900;
	padding: 5px;
	border: 1px dashed #900;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
}

.top_info p {
	margin-bottom: 0;
}

.top_info ul {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
	padding: 10px;
	background-color: #FFF4F4;
	border-bottom-color: #990000;
	border-top-color: #990000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

#campaign .banners li:first-child {
	margin-left: 0;
}

.padding-top-0 {
	padding-top: 0;
}

button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.heading1 {
	background-color: #fefefe;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFF3F3F3');
	background-image: -moz-linear-gradient(top, #fefefe 0%, #fefefe 52%, #f3f3f3 100%);
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 52%, #f3f3f3 100%);
	background-image: linear-gradient(to bottom, #fefefe 0%, #fefefe 52%, #f3f3f3 100%);
	border: 1px solid #CCCCCC;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0.5em;
	padding: 6px 12px;
}

.heading3 {
	background-color: #7e0204;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7E0204', endColorstr='#FFEE0002');
	background-image: -moz-linear-gradient(top, #7e0204 0%, #7f0102 3%, #8e0205 15%, #9c0202 27%, #9d0102 31%, #ae0202 42%, #b50102 53%, #bc0003 54%, #c80002 68%, #ee0002 100%);
	background-image: -webkit-linear-gradient(top, #7e0204 0%, #7f0102 3%, #8e0205 15%, #9c0202 27%, #9d0102 31%, #ae0202 42%, #b50102 53%, #bc0003 54%, #c80002 68%, #ee0002 100%);
	background-image: linear-gradient(to bottom, #7e0204 0%, #7f0102 3%, #8e0205 15%, #9c0202 27%, #9d0102 31%, #ae0202 42%, #b50102 53%, #bc0003 54%, #c80002 68%, #ee0002 100%);
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
	padding: 0 12px;
	margin-bottom: 1em;
}

.button1 {
	background-color: #fefefe;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFD6D6D6');
	background-image: -moz-linear-gradient(top, #fefefe 0%, #fefefe 43%, #d6d6d6 100%);
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 43%, #d6d6d6 100%);
	background-image: linear-gradient(to bottom, #fefefe 0%, #fefefe 43%, #d6d6d6 100%);
	border: 1px solid #CCC;
	color: #036;
	margin-top: 1em;
	text-decoration: none;
	border-radius: 5px;
	padding: 5px 12px;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}

.button1:before {
	font-family: FontAwesome;
	content: "\f0da";
	margin-right: 0.5em;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.heading4 {
	background: url("../misc/bg_heading.png") left top no-repeat;
	font-size: 22px;
	font-weight: 700;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 12px;
	margin-bottom: 1em;
}

.contents_area {
	overflow: hidden;
	*zoom: 1;
	background-color: #F5ECE7;
	border: 1px solid #E1E1E1;
	padding: 12px;
	margin-bottom: 1.5em;
}

.contents_area ul li:before {
	font-family: FontAwesome;
	content: "\f0da";
	color: #842121;
	margin-right: 0.5em;
}

/* PC用ヘッダー */

#header-pc {
	width: 1020px;
	margin: auto;
	position: relative;
	height: 120px;
}

#header-pc a,
#header-pc h1 {
	color: #FFF;
}

#header-pc h1 {
	float: left;
	margin-top: 0.3em;
	width: 640px;
	font-size: 10px;
	margin-left: 10px;
}

#header-pc .logo {
	position: absolute;
	margin: 0px;
	left: 115px;
	top: 20px;
	padding-bottom: 0px;
}

#header-pc #ul_headnavi {
	float: right;
	width: 363px;
	display: block;
}

#header-pc #ul_headnavi li {
	float: left;
	font-size: 10px;
	margin-left: 10px;
	margin-right: 0px;
}

#header-pc #ul_headnavi li.icon {
	color: #FFF;
	background-image: url(../misc/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	display: block;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 10px;
}

#header-pc #ul_global {
	position: absolute;
	right: 1px;
	bottom: 0px;
	height: 30px;
}

#header-pc #ul_global li {
	float: left;
	margin-left: 2px;
}

#header-pc #ul_global li.icon {
	margin-top: 12px;
	margin-right: 10px;
}

/* PC用グローバル */

#global_menu #global_menu_new,
#global_menu #global_menu_new02 {
	width: 860px;
	clear: both;
	height: 26px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}

#global_menu #global_menu_new ul,
#global_menu #global_menu_new02 ul {
	clear: both;
	width: 860px;
	height: 26px;
	padding: 0;
	margin: 0px;
}

#global_menu #global_menu_new ul li,
#global_menu #global_menu_new02 ul li {
	float: left;
}

#global_menu #global_menu_new ul li a,
#global_menu #global_menu_new02 ul li a {
	display: block;
	line-height: 0;
	text-indent: -2000px;
	height: 26px;
}

#global_menu #global_menu_new {
	margin-top: 10px;
}

#global_menu #global_menu_new ul {
	background-image: url("../misc/gloval_navi02.jpg");
	background-repeat: no-repeat;
}

#global_menu #global_menu_new ul li.matuba a {
	width: 208px;
}

#global_menu #global_menu_new ul li.matuba a:active,
#global_menu #global_menu_new ul li.matuba a:focus,
#global_menu #global_menu_new ul li.matuba a:hover {
	background-position: 0px bottom;
}

#global_menu #global_menu_new ul li.kani a {
	width: 120px;
}

#global_menu #global_menu_new ul li.kani a:active,
#global_menu #global_menu_new ul li.kani a:focus,
#global_menu #global_menu_new ul li.kani a:hover {
	background-position: -208px bottom;
}

#global_menu #global_menu_new ul li.sakana a {
	width: 100px;
}

#global_menu #global_menu_new ul li.sakana a:active,
#global_menu #global_menu_new ul li.sakana a:focus,
#global_menu #global_menu_new ul li.sakana a:hover {
	background-position: -328px bottom;
}

#global_menu #global_menu_new ul li.ebi a {
	width: 108px;
}

#global_menu #global_menu_new ul li.ebi a:active,
#global_menu #global_menu_new ul li.ebi a:focus,
#global_menu #global_menu_new ul li.ebi a:hover {
	background-position: -428px bottom;
}

#global_menu #global_menu_new ul li.kaki a {
	width: 130px;
}

#global_menu #global_menu_new ul li.kaki a:active,
#global_menu #global_menu_new ul li.kaki a:focus,
#global_menu #global_menu_new ul li.kaki a:hover {
	background-position: -536px bottom;
}

#global_menu #global_menu_new ul li.kakou a {
	width: 120px;
}

#global_menu #global_menu_new ul li.kakou a:active,
#global_menu #global_menu_new ul li.kakou a:focus,
#global_menu #global_menu_new ul li.kakou a:hover {
	background-position: -666px bottom;
}

#global_menu #global_menu_new ul li.enkan a {
	width: 74px;
}

#global_menu #global_menu_new ul li.enkan a:active,
#global_menu #global_menu_new ul li.enkan a:focus,
#global_menu #global_menu_new ul li.enkan a:hover {
	background-position: -786px bottom;
}

#global_menu #global_menu_new ul li a:active,
#global_menu #global_menu_new ul li a:focus,
#global_menu #global_menu_new ul li a:hover {
	background: url("../misc/gloval_navi02.jpg") no-repeat;
}

#global_menu #global_menu_new02 ul {
	background-image: url("../misc/gloval_navi03_01.jpg");
}

#global_menu #global_menu_new02 ul li.otomo a {
	width: 161px;
}

#global_menu #global_menu_new02 ul li.otomo a:active,
#global_menu #global_menu_new02 ul li.otomo a:focus,
#global_menu #global_menu_new02 ul li.otomo a:hover {
	background-position: 0px bottom;
}

#global_menu #global_menu_new02 ul li.nousann a {
	width: 136px;
}

#global_menu #global_menu_new02 ul li.nousann a:active,
#global_menu #global_menu_new02 ul li.nousann a:focus,
#global_menu #global_menu_new02 ul li.nousann a:hover {
	background-position: -161px bottom;
}

#global_menu #global_menu_new02 ul li.niku a {
	width: 156px;
}

#global_menu #global_menu_new02 ul li.niku a:active,
#global_menu #global_menu_new02 ul li.niku a:focus,
#global_menu #global_menu_new02 ul li.niku a:hover {
	background-position: -297px bottom;
}

/*#global_menu #global_menu_new02 ul li.osake a {
	width: 96px;
}

#global_menu #global_menu_new02 ul li.osake a:active,
#global_menu #global_menu_new02 ul li.osake a:focus,
#global_menu #global_menu_new02 ul li.osake a:hover {
	background-position: -413px bottom;
}*/

#global_menu #global_menu_new02 ul li.drink a {
	width: 133px;
}

#global_menu #global_menu_new02 ul li.drink a:active,
#global_menu #global_menu_new02 ul li.drink a:focus,
#global_menu #global_menu_new02 ul li.drink a:hover {
	background-position: -453px bottom;
}

#global_menu #global_menu_new02 ul li.sweets a {
	width: 136px;
}

#global_menu #global_menu_new02 ul li.sweets a:active,
#global_menu #global_menu_new02 ul li.sweets a:focus,
#global_menu #global_menu_new02 ul li.sweets a:hover {
	background-position: -586px bottom;
}

#global_menu #global_menu_new02 ul li.soryo-muryo a {
	width: 138px;
}

#global_menu #global_menu_new02 ul li.soryo-muryo a:active,
#global_menu #global_menu_new02 ul li.soryo-muryo a:focus,
#global_menu #global_menu_new02 ul li.soryo-muryo a:hover {
	background-position: -722px bottom;
}

#global_menu #global_menu_new02 ul li a:active,
#global_menu #global_menu_new02 ul li a:focus,
#global_menu #global_menu_new02 ul li a:hover {
	background: url("../misc/gloval_navi03_01.jpg") no-repeat;
}

/*テキスト版*/
#global_menu.texttype {
  padding: 2px 0 0;
}
#global_menu.texttype #global_menu_new {
  width: auto;
  height: auto;
}
#global_menu.texttype #global_menu_new ul {
  width: auto;
  height: auto;
  overflow: hidden;
  background: none;
}
#global_menu.texttype #global_menu_new ul li {
  float: left;
  width: 19.6%;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
}
#global_menu.texttype #global_menu_new ul li:nth-child(5n) {
  margin-right: 0;
}
#global_menu.texttype #global_menu_new ul li.matuba a,
#global_menu.texttype #global_menu_new ul li.kani a,
#global_menu.texttype #global_menu_new ul li.sakana a,
#global_menu.texttype #global_menu_new ul li.ebi a,
#global_menu.texttype #global_menu_new ul li.kaki a,
#global_menu.texttype #global_menu_new ul li.kakou a,
#global_menu.texttype #global_menu_new ul li.enkan a {
  width: auto;
}
#global_menu.texttype #global_menu_new ul li a {
  text-indent: 0;
  display: block;
  padding: 3px 0;
  color: #000;
  background-color: #FFD24D;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4em;
  height: auto;
  background-image: none;
}
#global_menu.texttype #global_menu_new ul li a:hover {
  opacity: 0.75;
}
#global_menu.texttype #global_menu_new ul li.matuba a {
  background-color: #E72907;
  color: #fff;
}

/* SP用ヘッダー */

#header-sp {
	background: url("../misc/head_bg_sp.jpg") center center no-repeat;
	background-size: cover;
}

#header-sp .btn_header {
	background-color: #990002;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF990002', endColorstr='#FF780E10');
	background-image: -moz-linear-gradient(top, #990002 0%, #7a0c0b 96%, #780e10 98%, #780e10 100%);
	background-image: -webkit-linear-gradient(top, #990002 0%, #7a0c0b 96%, #780e10 98%, #780e10 100%);
	background-image: linear-gradient(to bottom, #990002 0%, #7a0c0b 96%, #780e10 98%, #780e10 100%);
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2em;
	font-size: 10px;
	width: 80px;
	border-radius: 0 0 8px 8px;
	padding: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

#header-sp h1,
#header-sp p {
	margin-bottom: 0;
	line-height: 1;
}

#header-sp img {
	vertical-align: bottom;
}

#header-sp .button_sengyo {
	position: absolute;
	right: 3%;
	top: 0;
}

#header-sp .logo {
	height: 46px;
}

#header-sp .logo h1,
#header-sp .logo p {
	width: 259px;
}

#header-sp .company {
	background-color: #780C0C;
	padding: 4px 0;
	padding-right: 3%;
}

#header-sp .navbar {
	background-color: #FFF;
	overflow: hidden;
	*zoom: 1;
	border-bottom: 1px solid #780C0C;
}

#header-sp .navbar a {
	color: #780C0C;
	text-decoration: none;
	font-size: 10px;
	max-height: 80px;
}

#header-sp .navbar ul li {
	float: left;
	font-size: 10px;
	line-height: 1.2;
}

#header-sp .navbar ul li .menu {
	display: block;
    background: url("../misc/icon_menu.png") 17px 22px no-repeat;
    background-size: 27px;
    width: 60px;
    border-right: 1px solid #780C0C;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 17px;
}

#header-sp .navbar ul li .cart {
	display: block;
	background: url("../misc/icon_cart.png") 17px 22px no-repeat;
	background-size: 29px;
	width: 60px;
	padding-top: 55px;
	padding-bottom: 17px;
	border-right: 1px solid #780C0C;
	text-align: center;
}

#header-sp .navbar ul li .mypage {
	display: block;
	background: url("../misc/icon_mypage.png") 13px 22px no-repeat;
	background-size: 33px;
	width: 60px;
	padding-top: 55px;
	padding-bottom: 17px;
	border-right: 1px solid #780C0C;
	text-align: center;
}

#header-sp .navbar ul li .tel {
	width: 168px;
	padding: 5px;
}

#header-sp .navbar ul li .annotation {
	padding: 0 5px;
	font-size: 9px;
}

/* SP用ナビゲーション */

#nav-sp {
	background-color: #780C0C;
	padding: 3%;
}

#nav-sp hr {
	margin: 2em 0;
}

#nav-sp a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}

#nav-sp .nav_main {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 1em;
}

#nav-sp .nav_main li {
	width: 19%;
	float: left;
	margin-left: 1.2%;
}

#nav-sp .nav_main li:first-child {
	margin-left: 0;
}

#nav-sp .nav_main li a {
	background-color: #FFF;
	color: #780C0C;
	display: block;
	border-radius: 5px;
	text-align: center;
	font-size: 10px;
	padding: 5px 0;
}

#nav-sp .nav_customer {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 0.5em;
}

#nav-sp .nav_customer li {
	float: left;
	width: 49%;
	margin-left: 1%;
}

#nav-sp .nav_customer li:first-child {
	margin-left: 0;
}

#nav-sp .genre dl {
	display: table;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	margin-bottom: 1em;
}

#nav-sp .genre dl dt,
#nav-sp .genre dl dd {
	display: table-cell;
	vertical-align: middle;
}

#nav-sp .genre dl dt {
	font-size: 16px;
	font-weight: 700;
	width: 130px;
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

#nav-sp .genre dl dd {
	padding: 10px;
}

#nav-sp .genre dl dd a {
	background-color: #780C0C;
	display: block;
	padding: 5px;
	border-radius: 50px;
	padding-left: 12px;
}

#nav-sp .genre dl dd a:before {
	font-family: FontAwesome;
	content: "\f054";
	margin-right: 0.3em;
}

#nav-sp .genre dl dd ul li {
	margin-bottom: 1em;
}

#nav-sp .genre dl dd ul li:last-child {
	margin-bottom: 0;
}

#nav-sp .genre dl.matuba dt {
	background: url("../misc/bg_matuba.jpg") center center no-repeat;
	background-size: cover;
}

#nav-sp .genre dl.seko dt {
	background: url("../misc/bg_seko.jpg") center center no-repeat;
	background-size: cover;
}

#nav-sp .genre dl.waka dt {
	background: url("../misc/bg_waka.jpg") center center no-repeat;
	background-size: cover;
}

#nav-sp .genre dl.dashi dt {
	background: url("../misc/bg_dashi.jpg") center center no-repeat;
	background-size: cover;
}

#nav-sp .genre dl.gift dt {
	background: url("../misc/bg_gift.jpg") center center no-repeat;
	background-size: cover;
}

#nav-sp .knowledge,
#nav-sp .recipe {
	margin-bottom: 1.5em;
}

#nav-sp .knowledge table,
#nav-sp .recipe table {
	width: 100%;
	table-layout: fixed;
	table-spacing: separate;
}

#nav-sp .knowledge table tr td,
#nav-sp .recipe table tr td {
	background: #f8f3e7 url("../misc/icon_01.png") 3px center no-repeat;
	-webkit-background-size: 8px;
	-o-background-size: 8px;
	background-size: 8px;
	border: 4px solid #780C0C;
	border-radius: 10px;
	height: 3em;
}

#nav-sp .knowledge table tr td:empty,
#nav-sp .recipe table tr td:empty {
	background: none;
}

#nav-sp .knowledge table tr td a,
#nav-sp .recipe table tr td a {
	display: block;
	color: #000;
	padding-left: 15px;
	position: relative;
}

#nav-sp .footer_button li {
	margin-bottom: 0.5em;
}

#nav-sp .footer_button li a {
	display: block;
	background: #e2e2d4 url("../misc/icon_01.png") 10px center no-repeat;
	-webkit-background-size: 8px;
	-o-background-size: 8px;
	background-size: 8px;
	color: #000;
	padding: 6px 20px;
	border-radius: 50px;
}

/* パンくずリスト */

#pankuzu {
	width: auto;
  max-width: 990px;
	margin: 1em auto;
}

#pankuzu ul {
	overflow: hidden;
	*zoom: 1;
}

#pankuzu ul li {
	float: left;
}

#pankuzu ul li a {
	background: url("../misc/icon_02.gif") right center no-repeat;
	margin-right: 5px;
	padding-right: 15px;
	color: #666;
}

#pankuzu ul li:last-child a {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

/* サイドバー */

#sidebar {
	float: left;
	width: 200px;
}

#sidebar .banners {
	margin-bottom: 1em;
}

#sidebar .banners li {
	margin-bottom: 0.7em;
}

#sidebar .banners li.margin-bottom0 {
	margin-bottom: 0;
}

#sidebar .banners li img {
	vertical-align: bottom;
}

#categories {
	border: #680202 2px solid;
	padding: 6px;
	background: #F6F4E6;
	margin-bottom: 1.5em;
	border-radius: 0 0 5px 5px;
}

#categories > h2 {
	text-align: center;
	background-color: #680202;
	margin: -6px;
	margin-bottom: 6px;
	color: #FFF;
	font-size: 16px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 3px 0;
}

#categories > h3 {
	text-align: center;
	background-color: #680202;
	margin: -6px;
	margin-bottom: 6px;
	color: #FFF;
	font-size: 18px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 3px 0;
}

#categories > h3 small {
	display: block;
	font-size: 0.8em;
}

#categories > ul {
	margin-bottom: 1.5em;
}

#categories > ul li a {
	border-bottom: 1px dashed #D6B6B6;
	display: block;
	padding: 6px;
	color: #680202;
}

#categories > ul li a:before {
	font-family: FontAwesome;
	content: "\f111";
	font-size: 0.5em;
	position: relative;
	top: -0.25em;
	margin-left: -1em;
	margin-right: 0.5em;
}

#categories > ul li a:hover {
	background-color: #FFF;
}

#categories a {
	text-decoration: none;
	color: #333;
}

#categories #items ul {
	margin-bottom: 1.5em;
}

#categories #items ul li a {
	display: block;
	background: url("../misc/side_icon_01.gif") left 12px no-repeat;
	padding: 6px;
	padding-left: 0.8em;
	border-bottom: 1px dashed #E7D0C2;
}

#categories #items ul li a:hover {
	color: #C00;
	background-color: #FFF;
}

/* フッター */

#totop {
	display: none;
}

#totop a {
	position: fixed;
	right: 5px;
	bottom: 5px;
}

#footer {
	background: url("../misc/footer_bg.jpg") left bottom repeat-x;
}

#footer #shopinfo h2,
#footer #shopinfo h3 {
	font-weight: 700;
}

#footer #shopinfo h4 {
	font-weight: 700;
}

#footer #shopinfo h2 {
	font-size: 21px;
	padding: 3px 0;
}

#footer #shopinfo h2 img {
	vertical-align: -2px;
	margin-right: 0.5em;
}

#footer #shopinfo h3 {
	font-size: 16px;
	padding: 3px 12px;
	margin-bottom: 1em;
	clear: both;
}

#footer #shopinfo .shopinfo_wrapper {
	overflow: hidden;
	*zoom: 1;
}

#footer .footer_wrapper {
	background-color: #FFF;
}

#footer .footer_wrapper .info_cols .content table tr td {
	padding: 3px 0;
}

#footer .footer_wrapper .info_cols .content blockquote {
	background: #F6EDE8;
	padding: 5px;
	margin-bottom: 1em;
}

#footer .footer_wrapper .info_cols .content blockquote p {
	margin-bottom: 0;
}

#footer .footer_wrapper .info_cols #shopinfo_pay p {
	margin-bottom: 0;
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 1em;
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul li {
	float: left;
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul li:nth-of-type(2n+1) {
	clear: both;
	margin-left: 0;
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul li img {
	vertical-align: bottom;
}

#footer .footer_wrapper .info_cols #shopinfo_pay .pay_more {
	text-align: center;
}

#footer .footer_wrapper .info_cols #shopinfo_flow img + h4 {
	margin-top: 1em;
}

#footer #footer_nav ul {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 1em;
	border-bottom: 3px solid #8D0100;
	padding-bottom: 1em;
}

#footer #footer_nav ul li {
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
	/*line-height: 1;*/
	border-right: 1px solid #333;
}

#footer #footer_nav ul li:last-child {
	border: none;
}

#footer #footer_nav .tac {
	margin: 0 0 0 10%;
}
#footer #footer_nav .tac ul {
	border-bottom: none;
}
#footer #footer_nav .tac ul li {
	float: none;
	border-right: none;
	text-align: left;
	margin-bottom: 10px;
}
#footer #footer_nav .tac ul li:last-child {
	margin-bottom: none;
}

#copyright {
	text-align: center;
	padding: 8px 0;
}

#copyright p {
	margin-bottom: 0;
}

#next #social {
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	padding: 5px 0;
	margin-bottom: 2.5em;
	overflow: hidden;
	*zoom: 1;
}

#next #social ul li {
	width: auto;
  margin-right: 18px;
	float: left;
	border-left: #777 1px solid;
	box-sizing: border-box;
}

#next #social ul li:first-child {
	border-left: none;
}

#next #social ul li a {
	display: block;
	text-decoration: none;
	line-height: 40px;
	padding-left: 75px;
}

#next #social ul li a.blog {
	background: url("../img/icon_blog.png") 25px top no-repeat;
}

#next #social ul li a.line {
	background: url("../img/icon_line.png") 25px top no-repeat;
}

#next #social ul li a.instagram {
	background: url("../img/icon_instagram.png") 25px top no-repeat;
}

#next #social ul li a.facebook {
	background: url("../img/icon_facebook.png") 25px top no-repeat;
}

#next #social ul li a.twitter {
	background: url("../img/icon_twitter.png") 25px top no-repeat;
}

.snswrap {
	margin-bottom: 1em;
	text-align: center;
}
.snswrap img {
	/*vertical-align: bottom;*/
}

/*# sourceMappingURL=layout.css.map */

@media print, screen and (min-width: 741px) {

body {
	background: url("../misc/head_bg_02.jpg") no-repeat center top;
}

a img:hover,
.box:hover {
	opacity: 0.85;
}

.switch img:first-child {
	display: none;
}

.text-big {
	font-size: 30px;
}

.text-medium {
	font-size: 25px;
}

.text-semi-medium {
	font-size: 16px;
}

.hide-pc {
	display: none;
}

.fr {
	float: right !important;
	margin: 0 0 25px 25px;
}

.fl {
	float: left !important;
	margin: 0 25px 25px 0;
}

.heading1-pc {
	background: url("../misc/icon_heading.png") left center no-repeat;
	padding: 5px 0;
	padding-left: 40px;
	font-size: 22px;
	font-weight: 700;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom: 0.5em;
}

.gradient1-pc,
#footer #shopinfo h2 {
	background-color: #1a2b3b;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A2B3B', endColorstr='#FF14222D');
	background-image: -moz-linear-gradient(top, #1a2b3b 0%, #1a2b3b 50%, #111b24 53%, #111b24 77%, #111f2a 80%, #14222d 100%);
	background-image: -webkit-linear-gradient(top, #1a2b3b 0%, #1a2b3b 50%, #111b24 53%, #111b24 77%, #111f2a 80%, #14222d 100%);
	background-image: linear-gradient(to bottom, #1a2b3b 0%, #1a2b3b 50%, #111b24 53%, #111b24 77%, #111f2a 80%, #14222d 100%);
}

.gradient2-pc,
#footer #shopinfo h3 {
	background-color: #335877;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF335877', endColorstr='#FF20374A');
	background-image: -moz-linear-gradient(top, #335877 0%, #335877 50%, #20374a 54%, #20374a 100%);
	background-image: -webkit-linear-gradient(top, #335877 0%, #335877 50%, #20374a 54%, #20374a 100%);
	background-image: linear-gradient(to bottom, #335877 0%, #335877 50%, #20374a 54%, #20374a 100%);
}

.wrapper {
	width: 990px;
	margin: auto;
	padding: 15px 0;
}

.other_item ul li a {
	padding: 13px;
	padding-left: 60px;
}

#campaign .banners li {
	float: left;
	margin-left: 4px;
}

button:hover {
	opacity: 0.85;
}

.button1:hover {
	opacity: 0.85;
}

.contents_area ul li {
	float: left;
	margin-right: 1.5em;
}

#main {
	width: 763px;
	float: right;
}

#main_wide {
	margin: auto;
	width: 860px;
}

#totop a {
	right: 15px;
	bottom: 15px;
}

#search_other {
	background-color: #F9F5F2;
	padding-top: 0;
	margin-top: 4em;
}

#search_other h2 {
	background: url("../misc/footer_heading.png") left top no-repeat;
	height: 65px;
	width: 990px;
	text-indent: -9999px;
	position: relative;
	top: -36px;
}

#search_other .other_item {
	margin-top: -20px;
	padding: 0 30px;
}

#search_other .other_item ul li {
	width: 25%;
	float: left;
}

#footer .wrapper {
	width: 1020px;
}

#footer .wrapper .footer_wrapper {
	background-color: #FFF;
	padding: 15px;
}

#footer #shopinfo {
	border: 1px solid #000;
	margin-bottom: 2em;
}

#footer #shopinfo h2,
#footer #shopinfo h3 {
	color: #FFF;
}

#footer #shopinfo .shopinfo_wrapper {
	padding: 15px;
}

#footer .footer_wrapper {
	margin-bottom: 1em;
	box-shadow: 0 5px 5px 0 rgba(51, 51, 51, 0.5);
}

#footer .footer_wrapper .info_cols {
	float: right;
	width: 465px;
}

#footer .footer_wrapper .info_cols:first-child {
	margin-left: 25px;
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul li {
	width: 230px;
	margin-left: 5px;
}

#footer .footer_wrapper .info_cols #shopinfo_pay .pay_more {
	border: 3px solid #9EBDD6;
	padding: 10px;
}

#footer .footer_wrapper .info_cols #shopinfo_calendar iframe {
	float: left;
	margin-right: 15px;
}

#footer .footer_wrapper .info_cols #shopinfo_calendar .calendar_info {
	width: 200px;
	float: left;
	padding-top: 38px;
}

#footer #footer_nav p {
	margin-bottom: 0;
}

#footer #footer_nav .position {
	position: relative;
}

#footer #footer_nav .position img {
	position: absolute;
	top: -3.5em;
	right: -0.5em;
}
#next #social{
	width: 763px;
	margin: auto;
	margin-bottom: 2.5em;
}

.top_info {
	font-size: 1em;
}

.top_info li {
	width: 50%;
	float: left;
}

}

@media only screen and (max-width: 740px) {

.switch img:nth-child(2) {
	display: none;
}

.tac-sp {
	text-align: center;
}

.tar-sp {
	text-align: right;
}

.ta-sp {
	text-align: left !important;
}

.image-center-sp {
	display: block;
	margin: auto;
	/*margin-bottom: 1em;*/
}

img.image-small-sp {
	width: 45%;
}

img.image-medium-sp {
	width: 65%;
}

img.image-large-sp {
	width: 85%;
}
  img.image-half-sp {
    width: 48%;
    float: left;
    margin: 0 1%;
  }

.hide-sp {
	display: none;
}

.fr-sp {
	float: right;
	margin: 0 0 3% 3%;
}

.fl-sp {
	float: left;
	margin: 0 3% 3% 0;
}

.anchor {
	padding-top: 67px !important;
	margin-top: -67px !important;
}

.panel-sp {
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 1em;
}

.wrapper-sp {
	margin: 0 3%;
}

.other_item ul li {
	background: url("../misc/bg_button.png") left center no-repeat;
	background-size: cover;
	width: 49%;
	float: left;
	margin-left: 2%;
	margin-bottom: 1%;
}

.other_item ul li:nth-of-type(2n+1) {
	margin-left: 0;
	clear: both;
}

.other_item ul li a {
	background-size: 38px;
}

.block-sp {
	display: block;
}

.margin-top-sp {
	margin-top: 2em;
}

#customer_voice {
	overflow: hidden;
}

.top_info {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: -1em;
	font-size: 1em;
	font-weight: 700;
	margin-top: 1em;
}

#campaign {
	margin-bottom: 2em;
}

.heading1 {
	font-size: 16px;
}

.heading3 {
	font-size: 22px;
}

.button1 {
	font-size: 14px;
}

#search_other {
	padding: 10px 3%;
	background-color: #780C0C;
}

#search_other h2 {
	background-color: #bf3737;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBF3737', endColorstr='#FF661E1E');
	background-image: -moz-linear-gradient(top, #bf3737 0%, #661e1e 100%);
	background-image: -webkit-linear-gradient(top, #bf3737 0%, #661e1e 100%);
	background-image: linear-gradient(to bottom, #bf3737 0%, #661e1e 100%);
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 3px 0;
	color: #FFF;
	margin-bottom: 0.3em;
}

#footer #shopinfo {
	background-color: #FFA64D;
	padding: 3%;
}

#footer #shopinfo h2 {
	color: #780C0C;
	border: 3px solid #780C0C;
	background-color: #FFF;
	border-radius: 50px;
	font-size: 18px;
	margin-bottom: 1em;
}

#footer #shopinfo h3 {
	font-size: 14px;
}

#footer .footer_wrapper {
	border-bottom: 47px solid #780C0C;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 98%, rgba(0, 0, 0, 0.16) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 98%, rgba(0, 0, 0, 0.16) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 98%, rgba(0, 0, 0, 0.16) 100%);
}

#footer .footer_wrapper .info_cols #shopinfo_pay ul li {
	width: 50%;
}

#footer .footer_wrapper .info_cols #shopinfo_calendar iframe {
	margin-bottom: 1em;
}

#footer #footer_nav {
	border-top: 3px solid #780C0C;
	padding-top: 1em;
}

#header-sp .navbar {
	position: relative;
}
li.tel_space{
    width: 48%;
    position: absolute;
    right: 2px;
    text-align: left;
}

.heading4{
	width: 106%;
	margin-left: -3%;
}

#next #social{
	margin: 1.5em 0;
	margin-bottom: 0;
}

#next #social ul li a {
	background-size: 30px !important;
	padding-left: 39px;
	font-size: 11px;
	line-height: 30px;
	background-position: 6px 0 !important;
}

#next #footer #shopinfo{
	border-bottom: 3px solid #8D0100;
}

#next #footer #footer_nav{
	border-top: none;
}

#top .top_info {
	width: 94%!important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.genre_select {
    text-align: center;
    background-color: #780C0C;
    padding: 8px 0px;
	margin-bottom: 12px;
}

.genre_select select {
	height: 3em;
	background-color: #fff;
    width: 60%;
	padding: 0.5em 0;
	padding-left: 1em;
	border: none;
}


.genre_select input {
	height: 3em;
	background-color: #fff;
    width: 20%;
	padding: 0.5em 0;
	border: none;
}
.top_info li {
	text-align: left;
}
}


@media only screen and (max-width: 359px) {
	li.tel_space{
		width: 40%;
		right:9px;
	}
}

@media (min-width: 360px) {
	.hide-spmin{
		display: none;
	}
}

.line-it-button{
	vertical-align: bottom;
}

.head_info_02 {
	font-size: 13px;
	background-color: #FD3B22;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #900;
	letter-spacing: 0.1em;
	line-height: 145%;
	text-align: center;
	color: #FFFF00;
	margin-bottom: 5px;
}
.top_info table td,.top_info table th{
	text-align: center;
	border: 1px solid #FEE;
}


/*spフッターキャンペーンバナー用*/
@media only screen and (max-width: 740px){
	#campaign {
    margin-top: -1em;
		margin-bottom: 2em;
}
	#campaign {
			margin-bottom: 1.5em;
	}
	#campaign h2 {
			font-size: 18px;
			font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
			text-align: center;
			margin-bottom: 1em;
			border-bottom: 2px solid #AF0000;
			padding-bottom: 5px;
	}
	#campaign h2:before {
			content: url(/misc/icon_heading.png);
			position: relative;
			margin-right: 0.5em;
			top: 8px;
	}
	#campaign ul {
			overflow: hidden;
	}
}
@media print,screen and (max-width: 740px) {
  #campaign h2 {
    margin-bottom: -20px;
    margin-top: 35px;
    border-bottom: none;
  }
}

@media print, screen and (min-width: 741px) {
	.recruit_bnr {
		margin-bottom: 2em;
	}
	.recruit_bnr img {
		width: 290px;
	}
}
@media only screen and (max-width: 740px){
	.recruit_bnr {
		margin: 2em;
	}
}

.cam-info .indent-1 {
	text-indent: -1em;
}

#item_area .cart-area .number select {
  border: 1px solid #707070;
  background-color: #fff;
  border-radius: 5px;
}

@media print,screen and (max-width: 740px) {
  #social ul li {
    width: 50%!important;
    padding-left: 10px!important;
  }
  #social ul li:nth-child(-n+2) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
  }
  #social ul li:nth-child(n+2) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
  }
  #social ul li:nth-child(odd) a {
    border-right: 1px solid #000000;
  }
  #next #social ul li {
    margin-right: 0;
    border-left: none;
   }
  #next #social ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 4px;
    border-bottom: none;
  }
  #pankuzu {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media print,screen and (min-width: 741px) {
  #campaign .bnr-list {
    display: flex;
    justify-content: space-between;
  }
  #campaign .bnr-list li:first-child {
    margin-right: 10px;
  }
  #campaign .bnr-list li:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 740px) {
  .bnr-area {
    margin: 0 3%;
  }
}


.info-margin {
  margin-left: 1%;
  margin-right: 1%;
}
#top .info-margin br.hide-top {
  display: none;
}
.indent {
  text-indent: -13px;
  padding-left: 13px;
}

.top_info ul {
  border: none;
}
.top_info li {
  width: 100%;
}
.caution_info > ul > li > ul {
  padding: 0!important;
}
.caution-info p {
  font-weight: bolder;
  text-align: center;
  padding-bottom: 0;
}
.caution-info ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.caution-info > ul > li .fw-bolder {
  font-weight: bolder;
}
.caution-info > ul > li::before {
  content: '※';
}
.caution-info ul > li > ul > li {
  text-indent: -0.7em;
  padding-left: 0.7em;
}
.caution-info > ul > li > ul > li::before {
  content: '・';
}
.under-line {
  text-decoration-line: underline;
}

.fw-bolder {
  font-weight: bolder;
}