@charset "utf-8";
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					FONT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@font-face {
	font-family: 'atplusicons';
	src: url('../fonts/atplusicons.eot?48ooea');
	src: url('../fonts/atplusicons.eot?48ooea#iefix') format('embedded-opentype'),
		url('../fonts/atplusicons.ttf?48ooea') format('truetype'),
		url('../fonts/atplusicons.woff?48ooea') format('woff'),
		url('../fonts/atplusicons.svg?48ooea#atplusicons') format('svg');
	font-weight: normal;
	font-style: normal;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
/*==================================================
Base Font
====================================================*/
/* SERIF YU MINCHO BASE */
font-family:'atplusicons', "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";/**/
}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
input[type="submit"],
input[type="button"],
input[type="reset"] {
 -webkit-appearance: none;}
/*--------------------------------------------------- FLOAT*/
.flt_left{float:left;}
.flt_right{float:right;}
.flt_clear{clear:both;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.fnt_min{font-family:'atplusicons', "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.fnt_gothic{font-family:'atplusicons', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.fnt_bold{font-weight:bold;}
/*--------------------------------------------------- ALIGN*/
.ta_center, .taC { text-align:center;}
.ta_left, .taL { text-align:left;}
.ta_right, .taR { text-align:right;}
/*--------------------------------------------------- DISPLAY*/
.ilnblk { display: inline-block; }
.sp { display: none; }
/*--------------------------------------------------- COLOR*/
.require {
	color: #A00407;}
.icon {
	font-weight: normal !important;
}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.mgn_0{ margin:0;}
.mgn_auto{margin:auto;}
.mgn_top_0{ margin-top:0;}
.mgn_top_5{ margin-top:5px;}
.mgn_top_10{ margin-top:10px;}
.mgn_top_15{ margin-top:15px;}
.mgn_top_20{ margin-top:20px;}
.mgn_top_30{ margin-top:30px;}
.mgn_top_40{ margin-top:40px;}
.mgn_top_50{ margin-top:50px;}
.mgn_btm_0{ margin-bottom:0;}
.mgn_btm_5{ margin-bottom:5px;}
.mgn_btm_10{ margin-bottom:10px;}
.mgn_btm_15{ margin-bottom:15px;}
.mgn_btm_20{ margin-bottom:20px;}
.mgn_btm_30{ margin-bottom:30px;}
.mgn_btm_40{ margin-bottom:40px;}
.mgn_btm_50{ margin-bottom:50px;}
/*--------------------------------------------------- PADDING*/
.pdn_0{ padding:0;}
.pdn_5{ padding:5px;}
.pdn_10{ padding:10px;}
.pdn_15{ padding:15px;}
.pdn_20{ padding:20px;}
.pdn_30{ padding:30px;}
.pdn_40{ padding:40px;}
.pdn_50{ padding:50px;}
/*==================================================
NO STYLE
====================================================*/
.noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
*{
	box-sizing:border-box;
	outline: none;}
html{
	width:100%;
	height:100%;
	overflow:auto;}
body {
	width:100%;
	height:100%;
	font-size:16px;
	color:#111;
	position: relative;}

/*==================================================
COLOR
====================================================

accent		: #c9421f
sub			: #D1CDC7
sub light	: #FDF9F2
	
*/

/*==================================================
HEADER
====================================================*/
header {
	
}
/*--------------------------------------------------- HEADER UPPER*/
#hdr_upper {
	background: #2b2521;}
#hdr_upper_inner {
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
	padding: 5px 10px;}
#hdr_upper_inner h1 {
	font-size: 75%;
	color: #fff;
	padding-right: 400px;}
.hdr_shopnav {
	display: flex;}
.hdr_shopnav.pc {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 5;}
.hdr_shopnav li {
	display: flex;}
.hdr_shopnav li:first-child {
	padding-right: 5px;}
.hdr_shopnav li:last-child {
	padding-left: 5px;}
.hdr_shopnav li a {
	color: #fff;
	font-family:'atplusicons', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	height: 100%;
	line-height: 28px;}
.hdr_shopnav li a .icon {
	padding-right: 10px;}
.hdr_shopnav .hdr_login,
.hdr_shopnav .hdr_member {
	background: #8a7625;}
.hdr_shopnav .hdr_login:hover,
.hdr_shopnav .hdr_member:hover {
	color: #F0E0B0;}
.hdr_shopnav .hdr_login {
	padding: 0 5px 0 15px;}
.hdr_shopnav.pc .hdr_login {
	border-radius: 0 0 0 3px;}
.hdr_shopnav .hdr_member {
	padding: 0 15px 0 5px;}
.hdr_shopnav.pc .hdr_member {
	border-radius: 0 0 3px 0;}
.hdr_shopnav .hdr_cart {
	background: #912509;
	padding: 0 15px;}
.hdr_shopnav.pc .hdr_cart {
	border-radius: 0 0 3px 3px;}
.hdr_shopnav .hdr_cart:hover {
	color: #F5B8AA;}
/*--------------------------------------------------- HEADER LOWER*/
#hdr_lower {
	border-bottom: 1px solid #d6d2ce;
	background: #fff;}
#hdr_lower_inner {
	max-width: 1040px;
	margin: 0 auto;
	width: 100%;
	display: table;
	table-layout: fixed;
	padding: 0 10px;}
#hdr_logo,
.hdr_adarea.pc {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0;}
.hdr_adarea.sp {
	display: none;}
#hdr_logo {
	width: 360px;}
#hdr_logo a {
	display: block;}
#hdr_logo img {
	max-width: 100%;
	height: auto;}
.hdr_adarea ul {
	display: flex;
	justify-content: flex-end;}
.hdr_adarea ul li {
}
.hdr_adarea ul li.left {
	padding-right: 5px;}
.hdr_adarea ul li.right {
	padding-left: 5px;}
.hdr_adarea ul li .item {
	padding: 5px;
	display: block;
	height: 100%;}
.hdr_adarea ul li.fee .item {
	background: url(../images/common/bg_tex_red_01.jpg) center center no-repeat;
	background-size: cover;}
.hdr_adarea ul li.tel .item {
	background: url(../images/common/bg_tex_yellow_01.jpg) center center no-repeat;
	background-size: cover;}
.hdr_adarea ul li .item .inner {
	background: #fff;
	height: 100%;
	text-align: center;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
.hdr_adarea ul li.tel .item:hover .inner {
	background: #F9F5E9;}
.hdr_adarea ul li.fee .item .inner {
	padding: 10px 20px;}
.hdr_adarea ul li.tel .item .inner {
	padding: 5px 20px;}
.hdr_adarea ul li.fee span {
	color: #912509;
	font-family:'atplusicons', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	display: block;}
.hdr_adarea ul li.fee .maj {
	font-size: 20px;
	line-height: 1.4;}
.hdr_adarea ul li.fee .min {
	font-size: 12px;
	line-height: 1.6;}
.hdr_adarea ul li.fee .note {
	font-size: 10px;
	line-height: 1.4;
}
.hdr_adarea ul li.tel .num {
	color: #a48f10;
	font-size: 200%;
	font-weight: bold;
	display: block;
	line-height: 1.2;}
.hdr_adarea ul li.tel .note {
	color: #585647;
	font-size: 75%;
	line-height: 1.4;}
/*--------------------------------------------------- GLOBAL NAVI*/
#hdr_nav {
	
}
.lst_hdr_nav {
	max-width: 1020px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;}
.lst_hdr_nav li {
	width: 16.66%;
	text-align: center;
	position: relative;}
.lst_hdr_nav li:first-child:before,
.lst_hdr_nav li:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	width: 1px;
	background: #d6d2ce;}
.lst_hdr_nav li:first-child:before {
	left: 0;}
.lst_hdr_nav li:after {
	right: 0;}
.lst_hdr_nav li a {
	padding: 20px 5px;
	display: block;
	line-height: 1.25;}
.lst_hdr_nav li a:hover {
	background: #F2E9CF;
	color: inherit
}
.lst_hdr_nav li.lt a {
	letter-spacing: -0.1em;}
/*--------------------------------------------------- BREAD CRUMBS*/
#bk_bc_area {
	font-size: 88%;
	line-height: 1.4;}
#bk_bc_area > span:last-child {
	opacity: 0.8;}
/*--------------------------------------------------- PAGE TITLE*/
#bk_pagetitle_area {
	background: #000;
	color: #fff;
	border-bottom: 1px solid #c8aa4e;
	height: 200px;}
#bk_pagetitle_area #bk_pagetitle {
	
}
#bk_pagetitle_area_doc {
	border-top: 1px solid #d6d2ce;
	padding: 40px 10px 20px;}
#bk_pagetitle_area_doc .inner {
	max-width: 1020px;
	margin: 0 auto;}
#bk_pagetitle_area_doc #bk_pagetitle h2 {
	font-size: 200%;
	line-height: 1.4;
	padding-bottom: 10px;}
#item_archive_pagetitle{
	border-top: 1px solid #d6d2ce;
	padding: 0 10px
}
#item_archive_pagetitle_inner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0 10px;}
#item_archive_pagetitle_inner h2{
	font-weight: bold;
	font-size: 175%;
	line-height: 1.5;}
.bk_bread_crumbs{
	font-size: 14px;
	line-height: 20px;
	max-width: 1220px;
	margin: 0 auto;
	color: #2d2a28;
	padding: 0 10px;}
#bk_breadcrumb {
	line-height: 20px;}
.bk_bread_crumbs a{
	color: #111;}
.bk_bread_crumbs a:hover{
	color: #912509;
	text-decoration: underline;}
/*==================================================
FOOTER
====================================================*/
footer {
	background: #272421;
	color: #fff;
	position: relative;}
#ftr_upper {
	display: table;
	table-layout: fixed;
	width: 100%;}
#ftr_info,
#ftr_contact {
	display: table-cell;
	vertical-align: top;}
#ftr_info {
	vertical-align: top;
	padding: 30px 20px 30px 0;
	width: 320px;}
#ftr_info a {
	display: inline-block;
	color: #fff;}
#ftr_info a:hover {
	background: rgba(255,255,255,0.1);}
#ftr_info .ttl {
	font-weight: bold;
	line-height: 1.4;}
#ftr_info a .maj {
	font-size: 150%;}
#ftr_info a .min {
	font-size: 100%;}
#ftr_info p {
	font-size: 82%;
	line-height: 1.6;}
#ftr_contact {
	padding: 30px 0 30px 0;}
#ftr_contact ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;}
#ftr_contact ul li {
	width: 50%;}
#ftr_contact ul li:first-child {
	padding-right: 5px;}
#ftr_contact ul li:last-child {
	padding-left: 5px;}
#ftr_contact ul li a {
	display: block;
	color: #c8aa57;
	border: 1px solid #5a5035;
	background: rgba(200, 170, 87, 0.1);
	padding: 10px 15px;
	font-weight: bold;
	height: 100%;}
#ftr_contact ul li a:hover {
	background: rgba(200, 170, 87, 0.2);}
#ftr_contact ul li a span {
	line-height: 1.4;}
#ftr_contact ul li a .txt {
	font-size: 107%;}
#ftr_contact ul li a .num {
	font-size: 186%;}
#ftr_contact ul li a .note {
	padding-left: 4px;
	font-size: 94%;}
/*--------------------------------------------------- PAGETOP*/
footer #gototop {
	position: absolute;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #e6d7ba;
	background: #272421;
	left: 50%;
	top: -20px;
	margin-left: -25px;
	font-size: 20px;
	display: block;
}
footer #gototop span {
	position: relative;
}
footer #gototop:hover span {
	top: -2px;
}
/*--------------------------------------------------- FOOTER NAVI*/
#ftr_lower {
	border-top: 1px solid #3c3936;
	border-bottom: 1px solid #3c3936;}

#ftr_nav_area {
	max-width: 1060px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 auto;}
#ftr_nav {
	display: flex;
	padding: 20px 0;}
#ftr_nav ul {
	width: 33.3%;}
#ftr_nav ul li {
	padding-right: 5px;}
#ftr_nav ul li a {
	padding: 8px 0 8px 1.2em;
	display: block;
	color: #fff;
	text-indent: -1.2em;
	line-height: 1.25;}
#ftr_nav ul li a:before {
	content:"\ea31";
	padding-right: 0.2em;
	color: #a3a1a0;}
#ftr_nav ul li a:hover {
	background: rgba(255,255,255,0.1)
}
/*--------------------------------------------------- COPY RIGHT*/
#ftr_copy {
	text-align: center;
	padding: 30px 10px;}
#ftr_copy small {
	font-size: 75%;
	color: #95918f;}
/*==================================================
POPUP
====================================================*/
#popup{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2000;
	overflow: hidden;}
#popup_overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	box-shadow: 0 0 100px rgba(0,0,0,0.3) inset;
	z-index: 2005;}
#popup_area{
	position: relative;
	z-index: 2010;
	width: 100%;
	height: 100%;
	max-width: 720px;
	margin: 0 auto;
	padding: 20px;}
#popup_inner{
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	padding: 40px 10px 20px;
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);}
#popup_content{
	width: 100%;
	height: 100%;
	overflow: auto;}
#popup_close{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #FFF;
	border-radius: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index: 2020;}
#popup_close:after,
#popup_close:before{
	content: '';
	display: block;
	width: 2px;
	height: 40px;
	background: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 0;
	transform: rotate(45deg);}
#popup_close:before{
	transform: rotate(-45deg);}
#popup_content h3{
	font-size: 18px;
	line-height: 1.7;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 20px;}
#popup_content h4{
	font-size: 16px;
	line-height: 1.7;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	margin: 20px 0;}
#popup_content h5{
	font-weight: bold;
	line-height: 1.7;}
#popup_content p,
#popup_content li,
#popup_content > dl > dt,
#popup_content > dl > dd{
	font-size: 13px;
	line-height: 1.7;}
#popup_content > dt{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 5px;}
#popup_content p,
#popup_content ul,
#popup_content ol,
#popup_content > dl,
#popup_content table{
	margin: 0 0 20px;}
#popup_content img {
	max-width: 100%;
	height: auto;
}
#popup_content .tblarea {
	width: 100%;
	overflow: auto;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					BASE STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
BOX
====================================================*/
/*--------------------------------------------------- BOX : COMMON*/
.box_content {
	max-width:1020px;
	margin:0 auto;}
.box_content.pd_lr10 {
	max-width:1040px;
	padding-right: 10px;
	padding-left: 10px;}
.box_inner {
	padding:60px 0;}
.box_cmn {
	margin:0 0 40px;}
/*--------------------------------------------------- BOX : COMMON*/
.box_bg_gray{
	background:#FDF9F2;}
/*--------------------------------------------------- BOX : BORDER*/
.box_bdr{
	border:1px solid #D1CDC7;}
.box_bdr_btm{
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- BOX : WIDTH*/
.box_w_2_1{
	width:50%;}
.box_w_3_1{
	width:33.333%;}
.box_w_3_2{
	width:66.666%;}
.box_w_4_1{
	width:25%;}
.box_w_4_3{
	width:75%;}
.box_w_5_1{
	width:20%;}
.box_w_5_2{
	width:40%;}
.box_w_5_3{
	width:60%;}
.box_w_5_4{
	width:80%;}
/*--------------------------------------------------- BOX : FLOAT*/
.box_fl{
	margin:0 0 0 -40px;}
.box_fl_inner{
	float:left;
	padding:0 0 0 40px;
	box-sizing:border-box;}
/*--------------------------------------------------- BOX : TABLE*/
.box_table{
	display:table;
	width:100%;}
.box_table.fixed{
	table-layout:fixed;}
.box_cell{
	display:table-cell;
	vertical-align:top;}
.box_cell.middle{
	vertical-align:middle;}
.box_cell.left{
	padding:0 20px 0 0;}
.box_cell.center{
	padding:0 20px;}
.box_cell.right{
	padding:0 0 0 20px;}
/*--------------------------------------------------- BOX : SCROLL*/
.box_scroll{
	max-height:150px;
	overflow:auto;
	border:1px solid #D1CDC7;
	padding:40px;
	border-radius:5px;
	background:#FDF9F2;}
/*--------------------------------------------------- BOX : DOCUMENT*/
.box_doc{
	max-width:720px;
	margin:0 auto;}
/*--------------------------------------------------- BOX : ATTENTION*/
.box_attention{
	padding:20px;
	margin:20px 0;
	border: 1px solid #ccbcac;
	border-radius: 3px;
	background: #fcfcfa;}
/*--------------------------------------------------- BOX : NORTICE*/
.box_notice{
	padding:20px;
	margin:0 0 20px;}
/*--------------------------------------------------- POINT*/
.box_point{
	padding:20px;
	margin:20px 0;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
h2.ttl_cmn{
	margin:0 0 40px;
	padding:0 10px 20px;
	font-size:36px;   
	line-height:1.5;
	text-align:center;
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- TITLE : H3*/
h3.ttl_cmn{
	margin:20px 0 40px;
	padding:0 0 20px;
	font-size:24px;
	line-height:1.5;
	text-align:center;
	position:relative;}
h3.ttl_cmn:after{
	content:'';
	position:absolute;
	width:40px;
	height:2px;
	bottom:0;
	left:50%;
	margin:0 0 0 -20px;
	background:#000;}
/*--------------------------------------------------- TITLE : H4*/
h4.ttl_cmn{
	font-weight:bold;
	line-height:1.5;
	margin:0 0 20px;}
/*--------------------------------------------------- TITLE : H5*/
h5.ttl_cmn{
	line-height:1.5;}
/*==================================================
TEXT
==================================================*/
/*--------------------------------------------------- TEXT : COMMON*/
p.txt_cmn{
	line-height:1.8;
	margin:0 0 20px;
	text-align:justify;}
/*--------------------------------------------------- TEXT : ATTENTION*/
p.txt_attention{
	font-weight:bold;
	font-size:113%;
	line-height:1.8;
	text-align:center;}
/*--------------------------------------------------- TEXT : NOTICE*/
p.txt_notice{
	font-size: 80%;
	line-height:1.5;
	color:#7F7A70;}
/*--------------------------------------------------- TEXT : REQUIRED*/
p.txt_required{
	color:#AB0507;}
/*--------------------------------------------------- TEXT : POINT*/
p.txt_point{
	font-weight:bold;
	color:#c9421f;
	margin:20px 0;
	line-height: 1.6;}
span.txt_point{
	font-weight:bold;
	color:#c9421f;
	line-height: 1.6;}
/*==================================================
LINK
====================================================*/
a{
	color: #111;
	text-decoration:none;
	cursor:pointer;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
/*--------------------------------------------------- LINK : COLOR*/
a:link {
	color: #111;}
a:visited {
	color: #111;}
a:hover {
	color: #c9421f;
	text-decoration: none;}
a:active {
	color: #111;
	text-decoration: none;}
/*--------------------------------------------------- LINK : NO TRANSITION*/
a.noanime{
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
/*--------------------------------------------------- LINK : IMG*/
a img{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_cmn {
	display:block;
	min-width:320px;
	margin:0 auto;
	padding:10px;
	color:#FFF;
	background:#c9421f;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;}
/*--------------------------------------------------- LINK : BTN BDR*/
a.btn_bdr {
	background: #8a7625;
	color: #fff;
	font-size: 113%;
	padding: 5px;
	text-align: left;
	display: inline-block;
	min-width: 320px;}
a.btn_bdr .main {
	border: 1px solid #96843b;
	padding: 10px 20px;
	position: relative;}
a.btn_bdr .main:after {
	content: '\ea31';
	position: absolute;
	color: #b5a875;
	font-size: 14px;
	line-height: 14px;
	top: 50%;
	right: 15px;
	margin-top: -7px;}
a.btn_bdr.red {
	background: #912509;}
a.btn_bdr.red .main {
	border-color: #9c3b22;}
a.btn_bdr.red .main:after {
	color: #b97563;}
a.btn_bdr.black{
	background: #333;}
a.btn_bdr.black .main {
	border-color: #4F4E48;}
a.btn_bdr.black .main:after {
	color: #888;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_txt {
	padding:3px;
	color:#c9421f;
	border-bottom:1px dotted;}
a.lnk_txt:hover {
	border-bottom-style:solid;}
/*--------------------------------------------------- LINK : SCALE*/
a.lnk_scale img{
	transform: scale(1.001);}
a.lnk_scale:hover img{
	transform: scale(1.1);}
/*==================================================
LIST
==================================================*/
.lst_cmn{
	margin:0 0 20px;
	border-top:1px dotted #D1CDC7;}
.lst_cmn li{
	line-height:1.7;
	padding:10px;
	border-bottom:1px dotted #D1CDC7;}

/* 普通の中点リスト */
.lst_dot {
}
.lst_dot li {
	text-indent:-1.2em;
	padding-left: 1.2em;}
.lst_dot li:before {
	content: '・';
	padding-right: 0.2em;}
/* ※つきリスト */
.lst_kome {
	margin-left: 1.2em;}
.lst_kome li:before {
	content: '※';
	padding-right: 0.2em;}
.lst_kome li {
	text-indent: -1.2em;}
/* ●つきリスト */
.lst_ball li {
}
.lst_ball li:before {
	content:"●";
	padding-right: 0.2em;}
/* > つきリスト */
.lst_tri li {
}
.lst_tri li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
.lst_tri li:before {
	content:"\ea2c";
	padding-right: 0.2em;
	float: left;}
/* 数字付きリスト */
.lst_num {
	list-style: decimal;
	text-indent:-1.5em;
	padding-left: 1.5em;}
.lst_num li {
	text-indent: 0;}

/*--------------------------------------------------- LIST : NEWS*/
.lst_news li{
	border-bottom:1px dotted #D1CDC7;}
.lst_news li a{
	display:block;
	padding:10px 0;}
.lst_news li a .date{
	display:inline-block;
	font-size:14px;
	margin:0 10px 0 0;}
.lst_news li a .cat{
	display:inline-block;
	font-size:12px;
	padding:3px 10px;
	border:1px solid #c9421f;
	color:#c9421f;
	border-radius:3px;}
/*--------------------------------------------------- LIST : FLOAT DL*/
.lst_float {
	display: table;
	width: 100%;
	table-layout: fixed;}
.lst_float dt{
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
	border-bottom:1px solid #D1CDC7;
	width:20%;}
.lst_float dd{
	padding: 10px 0 10px 10px;
	display: table-cell;
	vertical-align: top;
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- LIST : INDENT*/
.lst_indent_1 li{
	padding-left:1em;}
.lst_indent_1 li:first-letter{
	margin-left:-1em;}
.lst_indent_2 li{
	padding-left:2em;}
.lst_indent_2 li:first-letter{
	margin-left:-2em;}
.lst_indent_3 li{
	padding-left:3em;}
.lst_indent_3 li:first-letter{
	margin-left:-3em;}

/*==================================================
TABLE
==================================================*/
.tbl_cmn{
	width:100%;
	margin:0 0 20px;
	border-top:1px solid #D1CDC7;}
.tbl_cmn th, .tbl_cmn td{
	padding:10px;
	line-height:1.5;
	vertical-align:middle;
	border-bottom:1px solid #D1CDC7;}
.tbl_cmn th {
	white-space:nowrap;
	background:#FDF9F2;}
/*--------------------------------------------------- TABLE : POSITION*/
table.center th,
table.center td,
table th.center,
table td.center{
	text-align:center;}
table.right th,
table.right td,
table th.right,
table td.right{
	text-align:right;}
table.top th,
table.top td,
table th.top,
table td.top{
	vertical-align:top;}
/*==================================================
FORM
====================================================*/
/*--------------------------------------------------- FORM : INPUT & TEXTAREA*/
.form_cmn input[type="text"],
input[type="text"].input_cmn,
.form_cmn input[type="email"],
input[type="email"].input_cmn,
.form_cmn input[type="password"],
input[type="password"].input_cmn,
.form_cmn input[type="tel"],
input[type="tel"].input_cmn,
.form_cmn input[type="number"],
input[type="number"],
.form_cmn textarea,
textarea.input_cmn {
	resize: vertical;
	display:block;
	width:100%;
	padding:5px 10px;
	border:1px solid #D1CDC7;
	line-height:1.5;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;}
/*--------------------------------------------------- FORM : LABEL*/
.form_cmn label,
label.label_cmn{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	cursor:pointer;
	border:1px solid #D1CDC7;
	border-radius:3px;}
/*--------------------------------------------------- FORM : SELECT*/
.form_cmn select,
select.select_cmn {
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	cursor:pointer;
	border:1px solid #D1CDC7;
	border-radius:3px;}
.form_cmn select option,
select.select_cmn option {
	padding:5px 10px;
	cursor:pointer;
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- FORM : BUTTON*/
.form_cmn input[type="submit"],
input[type="submit"].btn_cmn,
.form_cmn input[type="reset"],
input[type="reset"].btn_cmn,
.form_cmn input[type="button"],
input[type="button"].btn_cmn,
a.lnk_input/*,
#usces-cart input[type="submit"],
#usces-cart input[type="button"] */{
	display:inline-block;
	min-width:320px;
	text-align:center;
	padding: 15px 10px;
	font-size: 125%;
	cursor:pointer;
	background:#d25920;
	color:#FFF;
	border: none;
	border-radius:3px;
	vertical-align:middle;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.form_cmn input[type="submit"].to_deliveryinfo_button{
	background:#FFF;
	color:#d25920;
	border: 1px solid #d25920;}
.form_cmn input[type="reset"],
input[type="reset"].btn_cmn,
a.lnk_input.cancel,
a.lnk_input.back{
	background:#666;}
.form_cmn input[type="submit"]:hover,
input[type="submit"].btn_cmn:hover,
.form_cmn input[type="reset"]:hover,
input[type="reset"].btn_cmn:hover,
.form_cmn input[type="button"]:hover,
input[type="button"].btn_cmn:hover,
a.lnk_input:hover{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
/*--------------------------------------------------- FORM : FOCUS*/
.form_cmn input:focus,
input.input_cmn:focus,
.form_cmn textarea:focus,
textarea.input_cmn:focus,
.form_cmn label:focus,
label.label_cmn:focus,
.form_cmn select:focus,
select.select_cmn:focus {
	border-color:#d25920;}
/*==================================================
SNS
====================================================*/
.addtoany_content{
	padding: 20px 10px;
	text-align: center;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					HOME

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
SLIDER
====================================================*/
#sld_main_area {
	width: 100%;
	position: relative;
	overflow: hidden;}
#sld_main {
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 420px;}
#sld_main_list {
	position: absolute;
	left: -10px;
	top: 0;
	display: table;
	table-layout: fixed;
	width: 100%;}
#sld_main_list > li {
	display: table-cell;
	width: 100%;
	width: 1020px;}
#sld_main_list > li .item {
	display: block;
	max-width: 1020px;
	margin: 0 auto;}
#sld_main_list > li .item img {
	max-width: 100%;
	height: auto;}
#sld_main_list > li .item img.sp.On,
#sld_main_list > li .item img.pc.On{
	display: block;}
#sld_main_list > li .item img.pc,
#sld_main_list > li .item img.sp{
	display: none;}
#hslider_01 {
	background: #463a31;
	color: #fff;}
#hslider_01 .item .cnt {
	width: 100%;
	max-width: 510px;
	padding: 40px;}
#hslider_01 .item .yellow {
	color: #ccc77d;}
#hslider_01 .item .tagline {
	font-size: 35px;
	line-height: 1.4;}
#hslider_01 .item .tagline .larger {
	font-size: 47px;}
#hslider_01 .item .smaller {
	font-size: 18px;
	text-align: center;}
#hslider_01 ul {
	display: flex;
	margin: 30px 0;
	justify-content: center;}
#hslider_01 ul li {
	text-align: center;}
#hslider_01 ul li img {
	max-width: 100%;
	height: auto;}
.sld_nav_main {
	position: absolute;
	top: 50%;
	z-index: 10;
	color: #fff;
	font-size: 60px;
	padding: 20px 10px;
	margin-top: -50px;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	-ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;}
.sld_nav_main:hover {
	color: #fff;
	background: rgba(255,255,255,0.25);}
#sld_nav_main_prev {
	left: 0;}
#sld_nav_main_next {
	right: 0;}
#sld_nav_main {
	text-align: center;
	letter-spacing: -0.5em;
	padding: 10px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 50;}
#sld_nav_main li {
	letter-spacing: normal;
	display: inline-block;
	padding: 2px 5px;}
#sld_nav_main li a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: none;
	color:  #fff;
	border: 2px solid;
    line-height: 16px;
	-ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;}
#sld_nav_main li a:hover {
	background: #fff;}
#sld_nav_main li a.current {
	background: #912509;
	color: #912509;}
/*==================================================
重要なお知らせ
====================================================*/
#home_impnote {
	padding: 10px;
	text-align: center;
	background: url(../images/common/tex_bg_01.jpg) center center repeat;}
#home_impnote .inner {
	border: 1px solid #912509;
	display: block;
	padding: 15px;
	margin: 0 auto;
	max-width: 1020px;
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 10px rgba(200,200,200,0.4);}
#home_impnote h2 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 0.5em;}
#home_impnote p {
	line-height: 1.6;}
#home_impnote p .strong {
	font-weight: bold;
	color: #912509;}
/*==================================================
HOME 大メニュー
====================================================*/
#home_majmenu {
	display: table;
	table-layout: fixed;
	width: 100%;}
#home_majmenu .majmenu {
	display: table-cell;
	vertical-align: top;
	padding: 40px;
	font-size: 113%;
	position: relative;}
#home_majmenu .majmenu .inner {
	width: 100%;
	max-width: 520px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 100px;}
#home_majmenu .majmenu .inner .img {
	margin-bottom: 20px;}
#home_majmenu .majmenu .inner .img img {
	max-width: 100%;
	height: auto;}
#home_majmenu .majmenu.left {
	background: url(../images/common/tex_bk_01.jpg) repeat;
	color: #fff;}
#home_majmenu .majmenu.left .inner {
}
#home_majmenu .majmenu.right {
	background: url(../images/common/tex_wh_01.jpg) repeat;
	color: #2d2a28;}
#home_majmenu .majmenu .inner p {
	line-height: 1.8;}
#home_majmenu .majmenu .inner .btnarea {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -160px;}
/*==================================================
HOME MESSAGE
====================================================*/
#home_message {
	background-image: url(../images/home/img_msg.png), url(../images/common/tex_bg_01.jpg);
	background-repeat: no-repeat, repeat;
	background-position: right center, left top;
	background-size: auto 100%, auto;
	padding: 40px;
	position: relative;}
#home_message .caption {
	position: absolute;
	color: #fff;
	right: 10px;
	bottom: 10px;
}
#home_message_inner {
	max-width: 1020px;
	margin: 0 auto;}
#home_message_inner h2 {
	font-size: 144%;
	line-height: 1.6;
	margin-bottom: 20px;
	text-shadow: 0 0 2px #f0f0f0,0 0 3px #f0f0f0;}
#home_message_inner p {
	font-size: 113%;
	line-height: 2;
	text-shadow: 0 0 2px #f0f0f0,0 0 3px #f0f0f0;}
#home_message_inner .btnarea {
	margin-top: 30px;}
/*==================================================
HOME SHOP
====================================================*/
#home_shoparea {
	
}
#home_shop {
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1220px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;}
#home_shop_side,
#home_shop_main {
	display: table-cell;
	vertical-align: top;}
#home_shop_side {
	width: 230px;
	padding: 30px 0;}
#home_shop_side_inner h2 {
	background: #2d2a28;
	padding: 5px;}
#home_shop_side_inner h2 div {
	border: 1px solid #6b615a;
	color: #fff;
	font-size: 13px;
	padding: 15px 5px;
	text-align: center;}
#home_shop_side_inner h3 {
	background: #d7d7d6;
	color: #2d2a28;
	font-size: 13px;
	padding: 10px 5px;
	text-align: center;}
.home_shop_nav {
	border-bottom: 1px solid #d7d7d6;}
.home_shop_nav > li {
	
}
.home_shop_nav > li > .item {
	display: table;
	table-layout: fixed;
	width: 100%;}
.home_shop_nav > li > .item .img,
.home_shop_nav > li > .item .txt,
.home_shop_nav > li > .item .ico {
	display: table-cell;
	vertical-align: middle;}
.home_shop_nav > li > .item .img {
	width: 50px;
	padding: 10px 0 10px 10px;
	text-align: center;}
.home_shop_nav > li > .item .img img {
	max-width: 100%;
	height: auto;}
.home_shop_nav > li > .item .txt {
	padding: 10px;}
.home_shop_nav > li > .item .ico {
	height: 100%;
	font-size: 16px;
	line-height: 16px;
	padding: 5px;
	width: 26px;
	text-align: center;}
.home_shop_nav > li > .item .ico .close { display: none; }
.home_shop_nav > li > .item .ico .open { display: block; }
.home_shop_nav > li > .item .ico.On .close { display: block; }
.home_shop_nav > li > .item .ico.On .open { display: none; }
.home_shop_nav > li > a {
	
}
.home_shop_nav > li .subcats { display: none; }
.home_shop_nav > li .subcats.On { display: block; }

.home_shop_nav > li .subcats li {
	border-bottom: 1px solid #d7d7d6;}
.home_shop_nav > li .subcats li a {
	display: block;
	padding: 10px;}
.home_shop_nav > li .subcats li a:before {
	content: '┗';
	padding-right: 0.2em;}
#home_shop_main {
	padding: 30px 0 30px 60px;}
#home_shop_main_inner {
	
}
#home_shop_main_inner .box {
	margin-bottom: 40px;}
#home_shop_main_inner .ttlarea {
	position: relative;
	min-height: 40px;}
#home_shop_main_inner .ttlarea:before {
	position: absolute;
	z-index: 0;
	content: '';
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	background: #d7d7d6;}
#home_shop_main_inner h2 {
	font-weight: bold;
	font-size: 125%;
	position: relative;
	padding: 0 10px 0 30px;
	background: #fff;
	line-height: 40px;
	display: inline-block;
	z-index: 1;}
#home_shop_main_inner h2:after {
	content: url(../images/common/flg_01.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;}
#home_shop_main_inner .ttlarea a {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
	border: 1px solid #d7d7d6;
	font-size: 14px;
	padding: 0 20px;
	background: #fff;
	line-height: 36px;
	min-width: 160px;
	text-align: center;
	z-index: 3;}
.lst_shop_item {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;}
.lst_shop_item.lst_item_archive{
	margin-top: 0;}
.lst_shop_item > li {
	width: 33.33%;
	padding: 0 10px;}
.lst_shop_item.lst_item_archive > li {
	padding: 0 10px 40px;}
.lst_shop_item .item {
	display: block;}
.lst_shop_item .img {
	text-align: center;}
.lst_shop_item .img img {
	max-width: 100%;
	height: auto;}
.lst_shop_item .txt {
	margin-top: 5px;}
.lst_shop_item .txt h3,
.lst_shop_item .txt .excerpt,
.lst_shop_item .txt ul li,
.lst_shop_item .txt .price {
	font-family:'atplusicons', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.lst_shop_item .txt h3 {
	/*color: #2d2a28;*/
	color:#393634;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 0;
	font-size: 14px;}
.lst_shop_item a:hover .txt h3 {
	color: #2d2a28;
	text-decoration: underline;}
.lst_shop_item .txt ul {
	letter-spacing: -0.5em;
	margin-bottom: 5px;}
.lst_shop_item .txt .excerpt,
.lst_shop_item .txt ul li {
	color: #635f5c;
	font-size: 75%;
	line-height: 1.25;
}
.lst_shop_item .txt .excerpt {
	padding-bottom: 5px;
}
.lst_shop_item .txt ul li {
	letter-spacing: normal;
	display: inline-block;
	}
.lst_shop_item .txt ul li:after {
	content: ',';
	padding-right: 0.5em;}
.lst_shop_item .txt ul li:last-child:after {
	content: '';
	padding-right: 0;}
.lst_shop_item .txt .price {
	/*color: #912509;*/
	color: #393634;
	line-height: 1.4;
	font-size: 14px;}
.lst_shop_item .txt .price .tax {
	padding-left: 0.2em;}
/*.lst_shop_item .txt .price:before {
	content: '￥';
	padding-right: 0.2em;}*/
#home_shop_main_inner .btnarea {
	text-align: center;}
#home_news {
	background: #f8f8f7;
	padding: 30px 0;}
#home_news_inner {
	display: table;
	table-layout: fixed;}
#home_news_inner .ttl,
#home_news_inner .cnt {
	display: table-cell;
	vertical-align: middle;}
#home_news_inner .ttl {
	width: 230px;}
#home_news_inner .ttl h2 {
	color: #5c504b;
	font-size: 150%;}
#home_news_inner .ttl h2:before {
	color: #ccc77d;
	content: '\ea94';
	padding-right: 5px;}
#home_news_inner .cnt {
	padding-left: 40px;}
#home_news_inner .cnt ul li a {
	display: table;
	table-layout: fixed;
	width: 100%;}
#home_news_inner .cnt ul li a:hover {
	background: rgba(255,255,255,0.8);}
#home_news_inner .cnt ul li a .date,
#home_news_inner .cnt ul li a .cat,
#home_news_inner .cnt ul li a .title {
	display: table-cell;
	vertical-align: middle;
	color: #595756;
	padding-top: 5px;
	padding-bottom: 5px;}
#home_news_inner .cnt ul li a .date {
	width: 140px;
	padding-left: 10px;}
#home_news_inner .cnt ul li a .cat {
	width: 70px;}
#home_news_inner .cnt ul li a .cat span {
	font-size: 75%;
	text-align: center;
	border: 1px solid;
	padding: 3px 5px;
	display: block;}
#home_news_inner .cnt ul li a .title {
	padding-left: 20px;
	padding-right: 10px;}
#home_news_inner .cnt ul li a .title h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
#home_news .btnarea{
	padding: 20px 10px 0;
	text-align: center;}
#home_submenu {
	
}
#home_submenu ul {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1060px;
	padding: 30px 10px;
	margin: 0 auto;}
#home_submenu ul li {
	width: 33.33%;
	padding: 0 10px;}
#home_submenu ul li a {
	padding: 10px 15px;
	border: 1px solid #dedddd;
	display: table;
	table-layout: fixed;
	width: 100%;
	position: relative;}
#home_submenu ul li a:after {
	content: '\ea31';
	font-size: 16px;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 10px;
	color: #7f7d77;
	margin-top: -6px;
	text-align: center;}
#home_submenu ul li a .icon,
#home_submenu ul li a .ttl {
	display: table-cell;
	vertical-align: middle;}
#home_submenu ul li a .icon {
	color: #7f7d77;
	font-size: 32px;
	width: 40px;}
#home_submenu ul li a .ttl {
	line-height: 40px;
	font-size: 125%;
	color: #424036;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PAGE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
COMMON
====================================================*/
#bk_contents {
	padding: 30px 10px;}
.docbox_wrapper {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;}
.docbox_wrapper p {
	line-height: 1.8;}
.docbox_wrapper h3.ulbr {
	font-size: 120%;
	padding-bottom: 15px;
	margin-bottom: 30px;
	line-height: 1.4;
	text-align: center;
	background: url(../images/common/ul_br_red.png) bottom center no-repeat;
	background-size: auto;}
/* 2colmns */
.docbox_wrapper.two-col {
	display: table;
	table-layout: fixed;}
.docbox_wrapper.two-col .docbox_side,
.docbox_wrapper.two-col .docbox_main {
	display: table-cell;
	vertical-align: top;}
.docbox_wrapper.two-col .docbox_side {
	width: 300px;
	padding: 0 60px 0 0;}
.docbox_wrapper.two-col .docbox_main {
	padding: 0 0 0 0;}
.ttl_idx {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.4;
	background: url(../images/common/ul_br_red_2.png) bottom left no-repeat;
	padding: 10px;
	display: block;}
#lst_side_nav {
	
}
#lst_side_nav li {
	border-bottom: 1px solid #e5e5e5;}
#lst_side_nav li a {
	display: block;
	padding: 10px;
	line-height: 1.4;
	font-size: 88%;}
/*==================================================
よくある質問
====================================================*/
#lst_faq {
	max-width: 800px;
	margin: 0 auto;
}
#lst_faq > li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 15px 0;
	margin-bottom: 20px;}
#lst_faq > li:last-child {
	border-bottom: none;
	padding: 0 0 0 0;
	margin-bottom: 0;}
#lst_faq > li > dl > dt,
#lst_faq > li > dl > dd {
	position: relative;
	padding: 5px 10px 5px 60px;
	min-height: 40px;
	line-height: 1.8;}
#lst_faq > li > dl > dt {
	margin-bottom: 10px;}
#lst_faq > li > dl > dt:before,
#lst_faq > li > dl > dd:before {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	left: 0;
	top: 0;
	font-size: 24px;}
#lst_faq > li > dl > dt:before {
	content: 'Q';
	background: #094e91;}
#lst_faq > li > dl > dd:before {
	content: 'A';
	background: #912509;}
#lst_faq > li > dl > dd a {
	color: #c9421f;
	border-bottom: 1px dotted;}
#lst_faq > li > dl > dd a:hover {
	border-bottom-style: solid;}
/*==================================================
取扱店舗一覧
====================================================*/
#lst_itmshop {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
#lst_itmshop > li {
	width: 50%;
	margin-bottom: 20px;
}
#lst_itmshop > li:nth-child(2n+1) {
	padding-right: 10px;
}
#lst_itmshop > li:nth-child(2n) {
	padding-left: 10px;
}

#lst_itmshop > li .inner {
	background: #f8f8f7;
	padding: 0.5em 1em 1em;
	height: 100%;
}

#lst_itmshop > li .name,
#lst_itmshop > li .contact,
#lst_itmshop > li .items {
	border-bottom: 1px solid #d6d2ce;
	padding: 0.2em 0;
}
#lst_itmshop > li .name h3 {
	font-size: 120%;
	line-height: 1.6;
	font-weight: bold;
	display: inline-block;
	padding-right: 0.5em;
}
#lst_itmshop .lst_shoplnklst {
	display: inline-block;
	letter-spacing: -0.5em;
}
#lst_itmshop .lst_shoplnklst li {
	line-height: 1.6;
	display: inline-block;
	letter-spacing: normal;
}
#lst_itmshop .lst_shoplnklst li:first-child:before {
	content: '(';
}
#lst_itmshop .lst_shoplnklst li:last-child:after {
	content: ')';
}
#lst_itmshop .lst_shoplnklst li a {
	padding: 0 0.2em;
	line-height: 1.6;
	display: inline-block;
}
#lst_itmshop > li .branch,
#lst_itmshop > li .note {
	line-height: 1.6;
}
#lst_itmshop > li .branch {
	font-size: 88%;
	display: inline-block;
}
#lst_itmshop > li .address,
#lst_itmshop > li .tel,
#lst_itmshop > li .items {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#lst_itmshop > li .address dt,
#lst_itmshop > li .address dd,
#lst_itmshop > li .tel dt,
#lst_itmshop > li .tel dd,
#lst_itmshop > li .items dt,
#lst_itmshop > li .items dd {
	display: table-cell;
	vertical-align: top;
	line-height: 1.6;
}
#lst_itmshop > li .address,
#lst_itmshop > li .tel {
	font-size: 88%;
}
#lst_itmshop > li .address dt,
#lst_itmshop > li .tel dt {
	width: 1.5em;
}
#lst_itmshop > li .tel dd a {
	padding: 0.2em;
	color: #c9421f;
	border-bottom: 1px dotted;
}
#lst_itmshop > li .tel dd a:hover {
	border-bottom-style: solid;
}
#lst_itmshop > li .items dt {
	width: 4.5em;
}
#lst_itmshop > li .items dt span {
	background: #958c84;
	color: #fff;
	text-align: center;
	display: block;
}
#lst_itmshop > li .items dd {
	padding-left: 0.5em;
}

#lst_itmshop > li .note {
	font-size: 80%;
	line-height: 1.6;
	padding: 0.4em 0 0;
}

/* ショートコード */
.lst_itmshop_sc {
	margin: 1em 0 1em 1em;
}
.lst_itmshop_sc li {
	line-height: 1.8;
	margin-bottom: 10px;
}
.lst_itmshop_sc li:last-child {
	margin-bottom: 0;
}
.lst_itmshop_sc li dl {
	position: relative;
	padding-left: 1em;
}
.lst_itmshop_sc li dl:before {
	width: 10px;
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em;
	height: 10px;
	background: #e1c3bb;
}
.lst_itmshop_sc li dl dt,
.lst_itmshop_sc li dl dd {
	line-height: 1.6;
}
.lst_itmshop_sc li dl dd {
    font-size: 88%;
	color: #999;
}
.lst_itmshop_sc li dl dt .branch {
	font-size: 88%;
	padding-left: 0.5em;
}
/*==================================================
採用情報
====================================================*/
#rec_intro {
	text-align: center;
	padding-bottom: 1em;}
#msg_rec_norec {
	padding: 50px 1em 30px;
	color: #a82c23;}
#lst_recruit {
	margin: 30px 0 0;}
#lst_recruit li {
    margin-bottom: 30px;}
#lst_recruit li:last-child {
	margin-bottom: 0;}
#lst_recruit h3 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: 3px solid #9c3c22;
	padding: 10px;
	margin-bottom: 10px;}
#lst_recruit dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
#lst_recruit li dl:last-child {
	border: none;}
#lst_recruit dl dt,
#lst_recruit dl dd {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	line-height: 1.8;}
#lst_recruit dl dt {
	width: 150px;}
/*==================================================
購入ガイド
====================================================*/
.gdbox {
	margin: 50px 0;}
.gdbox.first {
	margin-top: 0;}
.gdbox.last {
	margin-bottom: 0;}
.gdbox > dl {
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.gdbox > dl:last-child {
	border: none;}
.gdbox > dl > dt,
.gdbox > dl > dd,
.gdbox h4,
.gdbox h5,
.gdbox h6,
.gdbox li {
	line-height: 1.8;}
.gdbox > dl > dt {
	position: relative;
	font-weight: bold;
	padding: 10px 10px 10px 30px;}
.gdbox > dl > dt:before {
    width: 10px;
    height: 20px;
    background: #b78a7e;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;}
.gdbox > dl > dd {
	padding: 0 10px 10px;}
.gdbox h5 {
	font-weight: bold;
	position: relative;
	padding-left: 30px;
	margin: 10px 0;}
.gdbox h5:before {
    height: 10px;
	width: 10px;
    margin-top: -5px;
    background: #e1c3bb;
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;}
.gdbox img {
	max-width: 100%;
	height: auto;}
.gdbox .idtbox {
	padding-left: 30px;
}
.gdbox .tblarea {
	width: 100%;
	overflow: auto;
}
.gdbox .tblarea table {
	margin-bottom: 0;
}
.gdbox .tblarea table td {
	white-space: nowrap;
}
.gdbox .tblarea table th.bdr,
.gdbox .tblarea table td.bdr {
	border-right: 1px solid #d1cdc7;
}
#pay_bank_acc {
	border-top: 2px solid #8a7625;
	border-bottom: 2px solid #8a7625;
	line-height: 1.8;
	display: inline-block;
	margin: 1em 0;
	padding: 1em;
}
#tbl_gd_conv tr td:first-child {
	text-align: center;
	font-weight: bold;
}
#tbl_gd_conv td {
	white-space: normal;
}
#tbl_gd_conv td img {
	max-width: 80px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}
#tbl_gd_conv td dl {
	padding-top: 1em;
	display: flex;
	justify-content: flex-end;
	font-size: 88%;
}
#tbl_gd_conv td dl dt {
	font-weight: bold;
}
#tbl_gd_conv td dl dt:after {
	content: ':';
	padding: 0 0.25em;
}
#tbl_gd_conv td dl dd:after {
	content: '/';
	padding: 0 0.25em;
}
#tbl_gd_conv td dl dd:last-child:after {
	content: none;
	padding: 0;
}
/*==================================================
特定商取引法に基づく表記
====================================================*/
.doc_asct {
	
}
.doc_asct dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.doc_asct dl:last-child {
	border: none;}
.doc_asct dl dt,
.doc_asct dl dd {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	line-height: 1.8;}
.doc_asct dl dt {
	width: 200px;}
.doc_asct dl dd dl,
.doc_asct dl dd dl dt,
.doc_asct dl dd dl dd {
	display: block;
	width: 100%;}
.doc_asct dl dd dl dt {
	padding: 10px 10px 10px 0;}
.doc_asct dl dd dl dd {
	padding: 10px 0 10px 10px;}
.doc_asct dl dd dl:first-child dt,
.doc_asct dl dd dl:first-child dd {
	padding-top: 0;}
.doc_asct dl dd dl:last-child dt,
.doc_asct dl dd dl:last-child dd {
	padding-bottom: 0;}
.doc_asct dl dd dl dt {
	position: relative;
	padding-left: 30px;
	font-weight: bold;}
.doc_asct dl dd dl:first-child {
	margin-top: -10px;}
.doc_asct dl dd dl:first-child dt {
	padding-top: 10px;}
.doc_asct dl dd dl:last-child dt {
	padding-bottom: 10px;}
.doc_asct dl dd dl dt:before {
	width: 10px;
	height: 20px;
	background: #b78a7e;
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;}
.doc_asct dl dd dl dd {
	padding-top: 0;
	padding-left: 30px;}
.doc_asct dl dd dl dd ul li {
	line-height: 1.8;
}
.doc_asct dl dd dl dd ul li ul {
	margin-left: 1em;
}
/*==================================================
個人情報保護方針
====================================================*/
.ppbox {
	margin: 30px 0;}
.ppbox.first {
	margin-top: 0;}
.ppbox.last {
	margin-bottom: 0;}
.ppbox h4 {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;}
.ppbox p, .ppbox li {
	line-height: 1.8;}
.ppbox ul {
	margin: 1em 0 0 1em;}
/*==================================================
離島リスト
====================================================*/
#guide_island h4 {
	font-weight: bold;
	margin: 0 0 1em;
	border-bottom: 2px solid #912509;
	font-size: 113%;
	padding: 0.5em;
}
#lst_islandlist {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3em;
}
#lst_islandlist li {
	padding: 0.25em;
}
#lst_islandlist li a {
	width: 7.25em;
	padding: 0.25em 1em;
	display: inline-block;
	background: #fdf9f2;
	font-size: 88%;
}
#lst_islandlist li a:before {
	content: '▼';
	padding-right: 0.25em
}
.tbl_islandlist {
	margin-bottom: 3em;
}
#guide_shpfee .dh {
	display: none;
}
#popup .dh {
	display: block;
}
#popup .bk {
	display: none;
}
/*==================================================
お問い合わせ
====================================================*/
#inq_method {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 30px 0;}
#inq_method.bk {
	margin: 30px 0 50px;}
#inq_method li {
	width: 33.33%;
	padding: 0 10px;
	text-align: center;}
#inq_method li .item {
	display: block;
	height: 100%;
	color: #fff;
	background-color: #d25920;
	border-radius: 3px;
	padding: 15px 10px;}
#inq_method li:nth-child(2n) .item {
	background-color: #955550;}
#inq_method.bk li .item,
#inq_method.bk li:nth-child(2n) .item {
	background-image: url(../images/common/tex_bk_01.jpg);
	background-position: center center;
	background-repeat: repeat;
	padding: 10px;}
#inq_method.bk li a.item:hover {
	color: #bdb583;}
#inq_method.bk li .item .inner {
	border: 1px solid rgba(255,255,255,0.3);
	padding: 15px 10px;}
#inq_method.bk li a.item:hover .inner {
	border-color: rgba(189, 181, 131, 0.5);}
#inq_method li .item + p {
	display: none;}
#inq_method li .item .icon {
	font-size: 48px;
	display: block;
	padding-bottom: 10px;}
#inq_method li .item .num {
	font-size: 120%;
	display: block;
	line-height: 1.2;
	font-weight: bold;}
#inq_method li .item .dscr {
	font-size: 80%;
	opacity: 0.8;
	display: block;
	padding-top: 5px;}
#inqform {
	max-width: 720px;
	margin: 0 auto;}
#inqform .box_attention ul li {
	line-height: 1.6;
	font-size: 88%;}
#inqform dl {
	display: table;
	table-layout: fixed;
	width: 100%;}
#inqform dt,
#inqform dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;}
#inqform dt {
	width: 200px;}
#inqform dt.vat {
	vertical-align: top;
	padding-top: 20px;}
#inqform dt .require {
	padding-left: 0.2em;}
#inqform dd {
	
}
#inqform .btnarea {
	text-align: center;
	padding: 20px 0 0;}
#inqform .btnarea input[type="submit"] {
	margin-bottom: 10px;}
#inqform span.wpcf7-not-valid-tip {
	font-size: 88%;}
#inqform div.wpcf7 .ajax-loader {
	display: block;
	margin: 0 auto;}
#inqform div.wpcf7-response-output {
    margin: 10px auto 0;
	padding: 5px 10px;
	font-size: 88%;
	line-height: 1.3;}
/*==================================================
こだわり
====================================================*/
#kodawari_layout{
	background: url(../images/common/tex_wh_02.jpg) center top repeat;}
#kodawari_head{
	position: relative;
	height: 600px;
	padding: 10px;
	background: #181414 url(../images/kodawari/photo_head.jpg) center top no-repeat;
	background-size: cover;}
#kodawari_head_inner{
	position: relative;
	width: 100%;
	height: 100%;}
#kodawari_head_inner_bdr{
	position: relative;
	width: 100%;
	height: 100%;}
#kodawari_head_inner:before,
#kodawari_head_inner:after,
#kodawari_head_inner_bdr:before,
#kodawari_head_inner_bdr:after{
	content: '';
	position: absolute;
	background: rgba(255,255,255,0.4);
	animation-timing-function: linear;
	animation-duration: 2s;}
#kodawari_head_inner:before{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	animation-name: widthfix;}
#kodawari_head_inner:after{
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	animation-name: heightfix;}
#kodawari_head_inner_bdr:before{
	bottom: 0;
	right: 0;
	width: 1px;
	height: 100%;
	animation-name: heightfix;}
#kodawari_head_inner_bdr:after{
	top: 0;
	right: 0;
	width: 100%;
	height: 1px;
	animation-name: widthfix;}
.kodawari_head_text{
	position: absolute;
	max-width: 1020px;
	width: 100%;
	left: 50%;
	margin: 0 0 0 -510px;
	bottom: 80px;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);}
.kodawari_head_text h2{
	font-size: 50px;
	line-height: 1.5;
	margin: 0 0 15px;
	color: #FFF;
	font-weight: 300;}
.kodawari_head_text p{
	font-size: 28px;
	line-height: 1.5;
	color: #FFF;
	font-weight: 300;}
#kodawari_profile{
	padding: 40px 20px;
	background: url(../images/common/tex_bk_01.jpg) center top repeat;}
#kodawari_profile_inner{
	max-width: 1020px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;}
.kodawari_profile_logo_area{
	display: flex;
	width: 50%;}
.kodawari_profile_logo_area img{
	max-width: 100%;}
.kodawari_profile_img {
	width: 62%;
	text-align: right;}
.kodawari_profile_logo {
	width: 38%;
	padding: 40px 0 0 10px;
	text-align: right;}
.kodawari_profile_text{
	padding: 40px 0 0 100px;
	width: 50%;}
.kodawari_profile_text p{
	font-size: 18px;
	line-height: 2.2;
	color: #FFF;}
.kodawari_profile_text p.right{
	text-align: right;
	margin: 40px 0 0;}
.kodawari_box_img{
	display: flex;
	width: 100%;}
.kodawari_box_img li{
	width: 50%;}
.kodawari_box_img li img{
	width: 100%;}
.kodawari_box_text{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 0 60px;}
.kodawari_box_text_inner{
	width: 100%;
	display: flex;
	flex-wrap: wrap;}
.kodawari_box_text_inner h2{
	width: 35%;
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;}
.kodawari_box_text_inner .sub{
	display: block;
	width: 20%;
	font-size: 25px;
	padding: 20px;
	position: relative;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;}
.kodawari_box_text_inner .sub:after{
	content: '';
	width: 1px;
	height: 100%;
	background: #c5c5c5;
	position: absolute;
	right: 1px;
	top: 0;}
.kodawari_box_text_inner .main{
	display: block;
	width: 80%;
	font-size: 90px;
	padding: 80px 0 0 10px;}
.kodawari_box_text_content{
	display: block;
	padding: 80px 0 0 30px;
	width: 65%;}
.kodawari_box_text_content p{
	font-size: 113%;
	line-height: 2.2;}
.kodawari_box_text_content p .small{
	font-size: 80%;}
.kodawari_box_side{
	padding: 60px 20px;
	position: relative;}
.kodawari_box_side_text{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	display: flex;}
.kodawari_box_side.right .kodawari_box_side_text{
	flex-direction: row-reverse;}
.kodawari_box_text_side_inner{
	width: 50%;
	padding: 0 60px 0 0;}
.kodawari_box_side.right .kodawari_box_text_side_inner{
	padding: 0 0 0 60px;}
.kodawari_box_text_side_inner h2{
	font-size: 25px;
	vertical-align: bottom;
	padding: 0 0 5px;
	font-weight: bold;
	border-bottom: 1px solid #c5c5c5;
	margin: 0 0 30px;}
.kodawari_box_text_side_inner h2 .main{
	font-size: 90px;
	display: inline-block;
	margin: 0 0 0 15px;}
.kodawari_box_text_side_inner p{
	font-size: 113%;
	line-height: 2.2;}
.kodawari_box_text_side_inner p .small{
	font-size: 80%;}
.kodawari_box_side_img{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	background: #181414 url(../images/kodawari/photo_007.jpg) center top no-repeat;
	background-size: cover;}
#kodawari_kyogi .kodawari_box_side_img{
	background-image: url(../images/kodawari/photo_007.jpg);}
#kodawari_tare .kodawari_box_side_img{
	background-image: url(../images/kodawari/photo_008.jpg);}
.kodawari_box_side.left .kodawari_box_side_img{
	left: 50%;}
.kodawari_box_side.right .kodawari_box_side_img{
	left: 0;}
.kodawari_photoarea{
	display: table;
	table-layout: fixed;
	width: 100%;}
.kodawari_photoarea li{
	display: table-cell;
	vertical-align: top;}
.kodawari_photoarea li img{
	width: 100%;}
#kodawari_link{
	background: url(../images/common/tex_bk_01.jpg) center top repeat;}
#kodawari_link_inner{
	padding: 70px 0;
	background: url(../images/kodawari/link_bg.png) right center no-repeat;
	background-size: auto 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
#kodawari_link_inner li{
	text-align: center;
	width: 50%;
	max-width: 600px;
}
#kodawari_link_inner li:first-child {
	padding: 0 10px 0 20px;
}
#kodawari_link_inner li:last-child {
	padding: 0 20px 0 10px;
}
#kodawari_link_inner li a{
	width: 100%;
	max-width: 520px;
	padding: 20px 10px 50px;
	line-height: 1.5;
	display: inline-block;
	color: #FFF;
	position: relative;
	border:3px double rgba(255,255,255,0.4);}
#kodawari_link_inner li a:hover{
	color: #e2c45c;
	box-shadow: 0 0 20px rgba(200,170,87,0.2), 0 0 20px rgba(200,170,87,0.2) inset;
	text-shadow: 0 0 20px rgba(200,170,87,0.2);}
#kodawari_link_inner li a .name{
	display: block;
	font-size: 150%;}
#kodawari_link_inner li a .text{
	display: block;
	font-size: 200%;}
#kodawari_link_inner li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: -30px;
	left: 0;
}
#kodawari_link_inner li.bun a:after{
	background: url(../images/kodawari/link_btn.png) center bottom no-repeat;
	background-size: 100% auto;
	}
#kodawari_link_inner li.kuma a:after{
	background: url(../images/kodawari/link_btn_kuma.png) center bottom no-repeat;
	background-size: 100% auto;
	}
/*==================================================
BK 商品一覧
====================================================*/
#item_rich_pagetitle{
	padding: 20px 10px;
	margin: 0 0 20px;}
#item_rich_pagetitle_inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
	border:1px solid rgba(255,255,255,0.2);}
#item_rich_pagetitle_text{
	width: 60%;
	padding: 0 30px 0 0;
	position: relative;
	z-index: 5;}
#item_rich_pagetitle_img{
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;}
#item_rich_pagetitle_text h2{
	font-size: 32px;
	line-height: 1.5;
	margin: 0 0 20px;}
#item_rich_pagetitle_text p{
	font-size: 16px;
	line-height: 1.7;}
/*--------------------------------------------------- BLACK*/
#item_rich_pagetitle.black{
	background: url(../images/common/tex_bk_01.jpg) center top repeat;}
.black #item_rich_pagetitle_inner{
	border-color: rgba(255,255,255,0.2)}
.black #item_rich_pagetitle_text h2,
.black #item_rich_pagetitle_text p{
	color: #FFF;}
/*--------------------------------------------------- WHITE*/
#item_rich_pagetitle.white{
	background: url(../images/common/tex_wh_01.jpg) center top repeat;}
.white #item_rich_pagetitle_inner{
	border-color: rgba(0,0,0,0.1);}
.white #item_rich_pagetitle_text h2,
.white #item_rich_pagetitle_text p{
	color: #2b2521;}
/*--------------------------------------------------- ORANGE*/
#item_rich_pagetitle.orange{
	background: #ed6d34;}
.orange #item_rich_pagetitle_inner{
	border-color: rgba(255,255,255,0.1)}
.orange #item_rich_pagetitle_text h2,
.orange #item_rich_pagetitle_text p{
	color: #FFF;}

#bk_item_archive_navi{
	border-top:1px solid #d6d2ce;
	padding: 20px 0 10px;
	margin: 20px 0 0;
	text-align: center;}
#bk_item_archive_navi span,
#bk_item_archive_navi a{
	display: inline-block;
	line-height: 38px;
	min-width: 40px;
	padding: 0 5px;
	font-size: 18px;
	text-align: center;
	border: 1px solid #272421;
	color: #272421;
	border-radius: 2px;
	margin: 0 10px 10px 0;}
#bk_item_archive_navi span.current{
	background: #272421;
	color: #FFF;}
#bk_item_archive_navi a:hover{
	border-color: #912509;
	color: #912509;}

/*==================================================
BK 商品詳細
====================================================*/
.itmarea_wrapper_bk {
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1040px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 auto;}
.itemimg_bk,
.iteminfo_bk {
    display: table-cell;
    vertical-align: top;}
#itemimg_main_wrapper{
	max-width: 480px;
	margin: 0 auto;}
#itemimg_main{
	max-width: 480px;
	margin: 0 auto;
	position: relative;
	padding: 66.666% 0 0 0;}
.itemimg_main_content{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;}
.itemimg_main_content:first-child{
	display: block;}
.itemimg_bk {
    padding: 30px 30px 0 0;}
.iteminfo_bk {
    padding: 30px 0 0 20px;}
.itemimg_bk img {
	max-width: 100%;
	height: auto;}
.itemimg_bk #itemimg_list ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 480px;
	padding-top: 15px;}
.itemimg_bk #itemimg_list ul li {
	padding: 5px 5px;
	width: 20%;}
.itemimg_bk #itemimg_list ul li a {
	display: inline-block;
	opacity: 0.6;
	border: 2px solid transparent;}
.itemimg_bk #itemimg_list ul li.current a {
	opacity: 1;
	border-color: #d25920;}
.iteminfo_bk .item_header {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;}
.iteminfo_bk .item_name {
    font-size: 125%;
	font-weight: bold;
    line-height: 1.3;}
.iteminfo_bk .item_cats {
    font-size: 88%;
    letter-spacing: -0.5em;
    padding: 10px 0;}
.iteminfo_bk .item_cats li {
    letter-spacing: normal;
    display: inline-block;}
.iteminfo_bk .item_cats li:after {
    content: '/';
    padding-left: 0.5em;
    margin-right: 0.5em;}
.iteminfo_bk .item_cats li:last-child:after {
    content: '';
    padding-left: 0;
    margin-right: 0;}
.iteminfo_bk .item_cats li a {
	display: inline-block;
	font-style: italic;
	color: #646464;
	padding: 5px 0;}
.iteminfo_bk .item_cats li a:hover {
	text-decoration: underline;}
.item_excerpt{
	padding: 20px 0 0;}
.item_excerpt p{
	line-height: 2;
	font-size: 15px;}
.iteminfo_bk .item_price {
	padding: 30px 0;}
.iteminfo_bk .item_price .label {
	font-size: 113%;
	padding-right: 1em;}
.iteminfo_bk .item_price .label .tax {
	padding-left: 0.5em;}
.iteminfo_bk .item_price .price {
	font-weight: normal;
	font-size: 175%;
	color: #000;}

.iteminfo_bk .skuform {
    background: #f5f3eb;
    padding: 1em;}
.iteminfo_bk .skuform .quant .label {
	padding-right: 0.5em;}
.iteminfo_bk .skuform .item_skulist li,
.iteminfo_bk .skuform .item_skuinfo {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.iteminfo_bk .skuform .item_skulist li:last-child,
.iteminfo_bk .skuform .item_skuinfo {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;}
.iteminfo_bk .skuform .item_skulist .item_skubutton,
.iteminfo_bk .skuform .item_skuinfo .item_skubutton{
	width: 150px;
	padding-left: 10px;}
.iteminfo_bk .skuform .item_skulist .item_skuerror,
.iteminfo_bk .skuform .item_skuinfo .item_skuerror {
	width: 100%;
	line-height: 1.4;}
.iteminfo_bk .skuform .button input[type="submit"] {
	font-size: 113%;
	min-width: auto;
	padding: 15px 5px;}
.iteminfo_bk .skuform .quant input[type="text"] {
    width: 60px;
    text-align: right;
    display: inline-block;
    margin: 0 0;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skulower .unit,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions .unit {
	padding-left: 0.5em;
	font-size: 88%;}

.iteminfo_bk .skuform .item_skulist .item_skuoptions,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions {
	width: 100%;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper,
.iteminfo_bk .skuform .item_skuinfo {
	display: table;
	width: 100%;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp,
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions,
.iteminfo_bk .skuform .item_skuinfo .item_skubutton {
	display: table-cell;
	vertical-align: middle;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions {
	line-height: 1.4;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp {
	font-size: 113%;
	font-weight: bold;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions > .price {
	width: 150px;
	text-align: right;
	padding-left: 10px;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .price .price,
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .price .tax,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions .price .price,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions .price .tax {
	display: inline-block;
	vertical-align: middle;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .price .tax {
	padding-left: 0.5em;
	font-size: 88%;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skulower {
	display: block;
	padding: 10px 0 0;}
.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skulower .unit,
.iteminfo_bk .skuform .item_skuinfo .item_skuoptions .unit {
	padding-left: 0.5em;
	font-size: 88%;}

.iteminfo_bk .skuform .item_option {
	margin: 20px 0 10px;
    background: #fff;
    padding: 10px;}
.iteminfo_bk .skuform .item_option dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.skuform .item_option dl:last-of-type {
	border-bottom: none;}
.iteminfo_bk .skuform .item_option dl dt,
.iteminfo_bk .skuform .item_option dl dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;}
.iteminfo_bk .skuform .item_option dl dt {
	width: 120px;
	padding: 5px 10px 5px 0;}
.iteminfo_bk .skuform .item_option dl dd {
	padding: 5px 0 5px 10px;}
.iteminfo_bk .skuform .item_option dl dd label.iopt_label {
	border: none;
	display: none;}
.iteminfo_bk .skuform .item_option dl dd label.iopt_checkbox_label input,
.iteminfo_bk .skuform .item_option dl dd label.iopt_radio_label input {
	margin-right: 4px;}
.iteminfo_bk .skuform .item_option dl dd select {
	width: 100%;
	max-width: 240px;}

.iteminfo_bk .skuform .error_message {
	color: #A51717;
	line-height: 1.25;
	font-size: 88%;}

.item_rel_bk {
	padding: 30px 10px;}
.item_rel_bk h3 {
	color: #717171;
	font-size: 34px;
	line-height: 1.2;
	text-align: center;}

.item_backbtn_bk.btnarea {
	text-align: center;
	padding: 30px 10px;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;}
.btnarea.cetner {
	text-align: center;}
.btnarea.pt20 {
	padding: 20px 0 0;}


/*==================================================
BK / DH 共通 商品紹介エリア
====================================================*/
#item_exp_area {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;}

#item_exp_area .img_full,
#item_exp_area .txt_full,
#item_exp_area .col2.left,
#item_exp_area .col2.right {
	padding: 0 10px 40px 10px;
	max-width: 1040px;
	margin: 0 auto;}
#item_exp_area .table,
#item_exp_area .lst_award {
	max-width: 740px;
	margin: 0 auto;}
#item_exp_area .lst_award,
#item_exp_area h3 {
	margin: 0 auto 40px;
	max-width: 740px;}

#item_exp_area .img_full,
#item_exp_area .txt_full,
#item_exp_area h3 {
	text-align: center;}

#item_exp_area .col2 {
	display: flex;}
#item_exp_area .col2 .img,
#item_exp_area .col2 .txt {
	width: 50%;}
#item_exp_area .col2.left .img {
	padding-right: 20px;}
#item_exp_area .col2.left .txt {
	padding-left: 20px;}
#item_exp_area .col2.right .txt {
	order: 1;
	padding-right: 20px;}
#item_exp_area .col2.right .img {
	order: 2;
	padding-left: 20px;
	text-align: right;}

#item_exp_area .table {
	padding: 0 10px 40px 10px;}
#item_exp_area .table dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
#item_exp_area .table dl dt,
#item_exp_area .table dl dd {
	display: table-cell;
	vertical-align: top;
	line-height: 1.6;}
#item_exp_area .table dl dt {
	width: 12em;
	padding: 10px 10px 10px 0;}
#item_exp_area .table dl dd {
	padding: 10px 0 10px 10px;}

#item_exp_area .lst_award {
	padding: 0 10px 0;}
#item_exp_area .lst_award li {
	border-right: 3px double #e4c776;
	border-left: 3px double #e4c776;
	padding: 0.5em 1em;
	line-height: 1.6;}
#item_exp_area .lst_award li:first-child {
	border-top: 3px double #e4c776;
	padding-top: 1em;}
#item_exp_area .lst_award li:last-child {
	border-bottom: 3px double #e4c776;
	padding-bottom: 1em;}

#item_exp_area h3 {
	padding: 0 10px 0.5em;
	font-size: 150%;
	position: relative;}
#item_exp_area h3:after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 1px;
	background: #999;
	content: '';}

#item_exp_area p {
	line-height: 2;
	max-width: 720px;
	margin: 0 auto;}
#item_exp_area img {
	max-width: 100%;
	height: auto;}
/*==================================================
BK 投稿
====================================================*/
#bk_pagetitle_area_doc.post .inner {
	max-width: 1200px;}
#bk_postwrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1220px;
	margin: 30px auto;}
#bk_postside,
#bk_postmain {
	display: table-cell;
	vertical-align: top;}
#bk_postside {
	width: 240px;
	padding: 0 30px 0 10px;
	border-right: 1px solid #d6d2ce;}
#bk_postmain {
	padding: 0 0 0 30px;}

/* サイドバー */
#postside_bnr_area {
	width: 100%;
	padding: 0 0 20px;}
#postside_bnr_area ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;}
#postside_bnr_area li{
	width: 100%;
	margin: 0 0 10px;}
#postside_bnr_area li a{
	display: block;
	padding: 5px;
	color: #FFF;
	background: #413F37;}
#postside_bnr_area li a .inner{
	display: block;
	position: relative;
	padding: 10px 30px 10px 10px;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid rgba(255,255,255,0.1);
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
#postside_bnr_area li a .inner:after{
	display: block;
	content: "\ea31";
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -15px 0 0;
	text-align: center;
	color: rgba(255,255,255,0.2);
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
#postside_bnr_area li a .inner:hover{
	color: #c8aa57;
	border-color: #c8aa57;}
#postside_bnr_area li a .inner:hover:after{
	color: rgba(255,255,255,0.6);}
#bk_postside .side_box {
	margin-bottom: 30px;}
#bk_postside .side_box:first-of-type {
	margin-top: 0;}
#bk_postside .side_box:last-of-type {
	margin-bottom: 0;}
#bk_postside .side_box .idx {
	font-size: 113%;
	font-weight: bold;
	line-height: 1.6;}
#bk_postside .side_list {
	line-height: 1.6;}
#bk_postside .side_list li {
	border-bottom: 1px solid #e9e3dd;
}
#bk_postside .side_list li a {
	display: block;
	padding: 5px;
	line-height: 1.6;
	font-size: 88%;
	}
#bk_postside .side_list li a .date,
#bk_postside .side_list li a .title {
	line-height: 1.6;
}
#bk_postside .side_list li a .date {
	font-size: 88%;
	opacity: 0.5;
	padding-bottom: 2px;
}
#bk_postside .side_list li a .date:before {
	content: '\eba9';
	padding-right: 0.2em;
}
#bk_postside .side_list li a .title {
	opacity: 0.8;}
.side_list_btn li{
	margin: 0 0 5px;}
.side_list_btn li a{
	display: block;
	border: 1px solid #939392;
	padding: 10px 30px 10px 10px;
	position: relative;
	font-size: 14px;}
.side_list_btn li a:hover{
	border-color: #413F37;}
.side_list_btn li a:after{
	content: '\ea31';
	font-size: 14px;
	color: #939392;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -15px 0 0;}

#side_archive select {
	margin: 0;
	width: 100%;}

/* アーカイブ */
#lst_postarchive {
	display: flex;
	flex-wrap: wrap;}
#lst_postarchive li {
	width: 33.33%;
	padding: 0 10px 20px;}
#lst_postarchive li a {
	height: 100%;
	display: block;
	border-bottom: 1px solid #e9e3dd;}
#lst_postarchive li a:hover {
	color: inherit;}
#lst_postarchive li a .img {
}
#lst_postarchive li a .img img {
	max-width: 100%;
	height: auto;}
#lst_postarchive li a .cnt {
    padding: 10px 0;}
#lst_postarchive li a .title {
	padding-bottom: 5px;}
#lst_postarchive li a .title h3 {
	line-height: 1.4;
	font-size: 113%;}
#lst_postarchive li a .date {
	color: #635f5c;
	letter-spacing: normal;
	font-size: 75%;
	line-height: 1.25;
	padding-bottom: 5px;}
#lst_postarchive li a .text p {
	line-height: 1.6;
	font-size: 88%;}

/* アーカイブナビ */
#bk_postarchive_navi {
    border-top: 1px solid #d6d2ce;
    padding: 20px 0 10px;
    margin: 20px 0 0;
    text-align: center;}
#bk_postarchive_navi span,
#bk_postarchive_navi a {
    display: inline-block;
    line-height: 38px;
    min-width: 40px;
    padding: 0 5px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #272421;
    color: #272421;
    border-radius: 2px;
    margin: 0 10px 10px 0;}
#bk_postarchive_navi a:hover{
	border-color: #912509;
	color: #912509;}
#bk_postarchive_navi span.current {
	background: #272421;
	color: #FFF;}

/* 投稿 */
#bk_postcontent {
	padding: 0 10px 0 0;}
#bk_postcontent .post_hdr {
	background: #f8f8f7;
	padding: 15px;
	margin-bottom: 20px;}
#bk_postcontent .title {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 10px;}
#bk_postcontent .title h3 {
	font-size: 150%;
	line-height: 1.4;}
#bk_postcontent .meta {
	margin: 10px 0 0 0;
	display: table;
	table-layout: fixed;
	width: 100%;}
#bk_postcontent .date,
#bk_postcontent .category {
	line-height: 1.4;
	display: table-cell;
	vertical-align: top;}
#bk_postcontent .date {
	width: 150px;
	border-right: 1px solid rgba(0,0,0,0.1);}
#bk_postcontent .date .icon,
#bk_postcontent .category .icon {
	padding-right: 0.2em;}
#bk_postcontent .category {
	padding-left: 10px;}
#bk_postcontent .category ul:before {
	content: '\eb99';
	padding-right: 0.2em;
	display: inline-block;
	width: 14px;
	line-height: 1.4;}
#bk_postcontent .category ul {
	letter-spacing: -0.5em;}
#bk_postcontent .category ul li {
	display: inline-block;
	letter-spacing: normal;}
#bk_postcontent .category ul li:after {
	content: ',';
	margin-right: 0.5em;}
#bk_postcontent .category ul li:last-child:after {
	content: '';
	margin-right: 0;}
#bk_postcontent .category ul li a {
	display: inline-block;;
	line-height: 1.4;}

#bk_postcontent .content {
	margin: 0 auto 0;
	max-width: 730px;
	padding: 40px 15px;}
#bk_postcontent .content h4{
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #EDECE7;
	padding: 15px 0;
	margin: 50px 0 15px;}
#bk_postcontent .content h4:after{
	content: '';
	width: 20%;
	height: 2px;
	background: #912509;
	position: absolute;
	left: 0;
	bottom: -2px;}
#bk_postcontent .content p,
#bk_postcontent .content li,
#bk_postcontent .content th,
#bk_postcontent .content td,
#bk_postcontent .content dt,
#bk_postcontent .content dd {
	line-height: 2.3;}
#bk_postcontent .content p {
	margin-bottom: 30px;}
#bk_postcontent .content img,
#bk_postcontent .content p img {
	max-width: 100%;
	height: auto;}
#bk_postcontent .content a{
	color: #912509;}
#bk_postcontent .content a:hover{
	text-decoration: underline;}
#bk_postcontent .content blockquote{
	padding: 20px;
	font-style: italic;
	background: #F0EEEA;
	margin: 0 0 30px;}
#bk_postcontent .content blockquote p:last-of-type {
	margin: 0 0 0;
}
/* 投稿ナビ */
#bk_post_navi {
	border-top: 1px solid #d6d2ce;
	padding: 20px 0 10px;
	margin: 20px 0 0;
	text-align: center;}
#bk_post_navi ul {
	display: table;
	table-layout: fixed;
	width: 100%;}
#bk_post_navi ul li {
	display: table-cell;
	vertical-align: middle;}
#bk_post_navi ul li > a,
#bk_post_navi ul li > span  {
	display: inline-block;
	line-height: 38px;
	width: 80%;
	min-width: 100px;
	padding: 0 5px;
	font-size: 108%;
	text-align: center;
	border: 1px solid #5d5750;
    color: #5d5750;
	border-radius: 2px;}
#bk_post_navi ul li > a {
	background: #272421;
    color: #FFF;}
#bk_post_navi ul li > a:hover {
	background: #5d5750;
	border-color: #5d5750;}
#bk_post_navi ul li.tolist {
	text-align: center;}
#bk_post_navi ul li.prev {
	padding: 0 10px 0 0;
	text-align: left;}
#bk_post_navi ul li.next {
	padding: 0 0 0 10px;
	text-align: right;}
#bk_post_navi ul li.prev .icon,
#bk_post_navi ul li.tolist .icon {
	padding-right: 2px;}
#bk_post_navi ul li.next .icon {
	padding-left: 2px;}
/*==================================================
BK 会社概要
====================================================*/
#company_layout{
	border-top:1px solid #d6d2ce;}
#company_photo{
	padding: 40px 0;
	text-align: center;}
#company_photo img{
	max-width: 100%;}
.company_message{
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 40px 40px;
	display: flex;}
.company_message .text{
	width: 60%;
	padding: 20px 40px 40px 0;}
.company_message .img{
	width: 40%;}
.company_message .img img{
	max-width: 100%;}
.company_message .img .caption{
	font-size: 14px;
	line-height: 1.5;
	padding: 20px 10px;
	text-align: center;}
.company_message .text h2{
	font-size: 30px;
	line-height: 1.7;
	margin: 0 0 20px;}
.company_message .text p{
	font-size: 16px;
	line-height: 2;
	text-align: justify;}
.lst_award_link{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 0 20px;
	flex-wrap: wrap;}
.lst_award_link li{
	padding: 0 20px 20px;
	width: 20%;}
.lst_award_link li a,
.lst_award_link li .award_inner{
	display: block;
	height: 100%;
	color: #3e3307;
	position: relative;
	z-index: 5;
	text-align: center;
	font-size: 14px;
	padding: 40px 0;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 0 1px 2px #FFF;
	background: url(../images/common/icon_award.png) center top no-repeat;
	background-size: contain;}
.lst_award_link li a:hover{
	color: #a3891f;}
.lst_award_link li .year,
.lst_award_link li .text,
.lst_award_link li .name{
	display: block;}
.lst_award_link li .year,
.lst_award_link li .name{
	font-size: 16px;}
.lst_award_link li .award{
	font-size: 20px;
	line-height: 42px;}
.compnay_photo_gallery{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 40px;}
.compnay_photo_gallery li{
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
	position: relative;}
.compnay_photo_gallery li .img{
	display: block;
	width: 100%;}
.compnay_photo_gallery li .img img{
	width: 100%;}
.compnay_photo_gallery li .text{
	width: 100%;
	padding: 10px;
	text-align: center;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-size: 13px;
	line-height: 1.5;
	position: absolute;
	left: 0;
	bottom: -100%;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
.compnay_photo_gallery li:hover .text{
	bottom: 0;}
h2.company_title{
	font-size: 30px;
	text-align: center;
	margin: 0 0 40px;
	padding: 0 10px;}
.company_profile{
	padding: 0 20px 60px;}
.company_profile_box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;}
.company_profile_box dt,
.company_profile_box dd{
	font-size: 14px;
	line-height: 1.7;
	padding: 10px;
	border-bottom: 1px dotted #E9E3DC;}
.company_profile_box dt{
	width: 25%;}
.company_profile_box dd{
	width: 75%;}
.company_profile_gmap{
	max-width: 940px;
	margin: 0 auto;
	padding: 40px 0 0;}
.company_profile_gmap_inner {
	position: relative;
	padding-bottom: 300px;
	height: 0;
	overflow: hidden;}
.company_profile_gmap_inner iframe,
.company_profile_gmap_inner object,
.company_profile_gmap_inner embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.company_history{
	border-top: 1px solid #d6d2ce;
	padding: 40px 20px;}
.company_history dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;}
.company_history dl:after{
	content: '';
	width: 1px;
	height: 14px;
	position: absolute;
	left: 13%;
	top: 100%;
	margin: -7px 0 0;
	background: #d6d2ce;}
.company_history dl:last-child:after{
	display: none;}
.company_history dt,
.company_history dd{
	font-size: 14px;
	line-height: 20px;
	padding: 0 10px;}
.company_history dt{
	width: 26%;}
.company_history dd{
	width: 74%;}

/*==================================================
BK サイトマップ
====================================================*/
#lst_sitemap {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
#lst_sitemap li {
	padding: 0 10px 10px;
	width: 33.33%;
}
#lst_sitemap li.ttl {
	width: 100%;
}
#lst_sitemap li a {
	line-height: 1.6;
	display: block;
	border: 1px solid #e6dcc2;
	padding: 5px 10px;
	height: 100%;
	background: #fafaf9;
}
#lst_sitemap li a:hover {
	background: #f9f6ee;
	color: inherit;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			TIPS					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#lst_tipsarchive li{
	padding: 20px 0;
	border-bottom: 1px solid #e9e3dd;}
#lst_tipsarchive li:first-child{
	padding: 0 0 20px;}
#lst_tipsarchive li:last-child{
	border-bottom: none;}
#lst_tipsarchive li a{
	display: flex;
	width: 100%;}
#lst_tipsarchive li a .img{
	display: block;
	width: 25%;}
#lst_tipsarchive li a .img img{
	width: 100%;
	height: auto;}
#lst_tipsarchive li a .cnt{
	display: block;
	width: 75%;
	padding: 0 0 0 20px;}
#lst_tipsarchive li a .title h3{
	margin: 0 0 20px;
	padding: 5px 40px 5px 0;
	font-size: 24px;
	line-height: 1.5;
	position: relative;}
#lst_tipsarchive li a .title h3:after{
	content: '\ea31';
	font-size: 20px;
	color: #939392;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -15px 0 0;}
#lst_tipsarchive li a .title h3:before{
	content: '';
	background: #912509;
	width: 60px;
	height: 2px;
	position: absolute;
	top: 100%;
	left: 0;}
#lst_tipsarchive li a .text p{
	font-size: 16px;
	line-height: 2;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			KEYFRAMES					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@keyframes widthfix {
	0% {
		width: 0;}
	100% {
		width: 100%;}
}
@keyframes heightfix {
	0% {
		height: 0;}
	100% {
		height: 100%;}
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1220px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1220px){
	#bk_postside {
		width: 220px;
		padding: 0 20px 0 10px;}
	#bk_postmain {
		padding: 0 0 0 20px;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1080px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1080px){
	#home_majmenu .majmenu .inner p {
		text-align: left;}
	#home_majmenu .majmenu .inner p br.pc {
		display: none;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1040px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1040px){
/*==================================================
 HEADER/FOOTER 1040
====================================================*/
	.hdr_shopnav li a {
		font-size: 82%;}
	.lst_hdr_nav li a {
		font-size: 88%;}
	.hdr_adarea ul li.fee .maj {
    	font-size: 100%;}
	.hdr_adarea ul li.tel .num {
		font-size: 150%;}
	#ftr_contact ul li a {
		text-align: center;
		padding: 10px 5px;}
	#ftr_contact ul li a .txt {
		font-size: 88%;}
	#ftr_contact ul li a .note {
		font-size: 80%;}
	#ftr_contact ul li a .num {
		font-size: 150%;
		display: block;}
/*==================================================
 HOME 1040
====================================================*/
	#home_shop_main {
		padding: 30px 0 30px 40px;}
	#home_shop_side {
		width: 200px;
		}
	.home_shop_nav > li > .item .txt,
	.home_shop_nav > li .subcats li a {
		font-size: 88%;}
	#home_majmenu .majmenu {
		font-size: 100%;
		padding: 25px;}
	#home_message_inner h2 {
		font-size: 125%;}
	#home_majmenu .majmenu .inner {
		padding-bottom: 80px;}
	#home_majmenu .majmenu .inner .btnarea {
		bottom: 25px;}
	#home_message {
		padding: 25px;}
	#home_message_inner p {
		font-size: 100%;
		padding-right: 360px;}
	#home_message_inner .btnarea {
		margin-top: 20px;}
	#home_submenu ul li {
		padding: 0 5px;}
	#home_submenu ul li a {
		padding: 5px 10px;}
	#home_submenu ul li a .ttl {
		font-size: 100%;
		width: 100%;}
/*==================================================
 BK 商品詳細 1040
====================================================*/
	.itemimg_bk {
		padding: 30px 15px 0 0;}
	.iteminfo_bk {
		padding: 30px 0 0 15px;}
	.iteminfo_bk .skuform .item_skulist li {
		flex-wrap: wrap;}
	.iteminfo_bk .skuform .item_skulist .item_skubutton,
	.iteminfo_bk .skuform .item_skuinfo .item_skubutton {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: center;}
	.iteminfo_bk .skuform .button input[type="submit"] {
		min-width: 260px;}
	.iteminfo_bk .skuform .item_skuinfo,
	.iteminfo_bk .skuform .item_skuinfo .item_skuoptions,
	.iteminfo_bk .skuform .item_skuinfo .item_skubutton {
		display: block;
		width: 100%;}
/*==================================================
BK / DH 共通 商品紹介エリア 1040
====================================================*/
	#item_exp_area {
		margin-top: 0;
		border-top: none;}
	#item_exp_area .col2.left .img {
		padding-right: 10px;}
	#item_exp_area .col2.left .txt {
		padding-left: 10px;}
	#item_exp_area .col2.right .txt {
		padding-right: 10px;}
	#item_exp_area .col2.right .img {
		padding-left: 10px;}
/*==================================================
BK 会社概要 1040
====================================================*/
	.compnay_photo_gallery{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 40px;}
	.compnay_photo_gallery li{
		display: block;
		width: 33.333%;}
	.lst_award_link li{
		padding: 0 0 20px;
		width: 25%;}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1020px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1020px){
/*==================================================
 HEADER/FOOTER 1020
====================================================*/
	.hdr_shopnav.pc {
		right: 0;
		background: #2b2521;
		padding-left: 10px;}
	.hdr_shopnav li:first-child,
	.hdr_shopnav li:last-child {
		padding-right: 0;
		padding-left: 0;}
	.hdr_shopnav li a {
		line-height: 30px;}
	.hdr_shopnav.hdr_cart,
	.hdr_shopnav .hdr_login,
	.hdr_shopnav .hdr_member {
		border-radius: 0;}
	.hdr_shopnav .hdr_login {
		position: relative;
		padding: 0 10px 0 10px;}
	.hdr_shopnav.pc .hdr_login:after {
		content: '';
		position: absolute;
		background: rgba(255,255,255,0.3);
		width: 1px;
		height: 20px;
		right: 0;
		top: 50%;
		margin-top: -10px;}
	.hdr_shopnav .hdr_member {
    	padding: 0 10px 0 10px;}
	.hdr_shopnav .hdr_cart {
		padding: 0 10px;}
	#hdr_upper_inner {
		overflow: hidden;
		display: block;
		line-height: 20px;
		position: relative;}
	#hdr_upper_inner h1:after {
		content:"";
		white-space:nowrap;
		padding-right:50px;}
	#hdr_upper_inner h1 {
		padding-right: 0;
		margin:0;
		padding-left:100%;
		display:inline-block;
		white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:10s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:10s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:10s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:10s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:10s;
		animation-iteration-count:infinite;}
	
	.lst_hdr_nav li:first-child:before,
	.lst_hdr_nav li:last-child:after {
		display: none;}
/*==================================================
 HOME 1020
====================================================*/
	#sld_main_list > li {
		width: 100%;}
	.sld_nav_main {
		opacity: 0.75;}
	.sld_nav_main:hover {
		opacity: 1;}
	#home_news_inner .ttl {
		width: 150px;}
/*==================================================
こだわり 1020px
====================================================*/
	.kodawari_head_text{
		left: 0;
		margin: 0;
		bottom: 40px;
		padding: 0 40px;
		text-shadow: 0 0 5px rgba(0,0,0,0.7);}
	.kodawari_box_text{
		padding: 0 20px 60px;}
	.kodawari_box_text_inner h2{
		width: 30%;
		display: flex;
		flex-wrap: wrap;
		font-weight: bold;}
	.kodawari_box_text_inner .main{
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr;}
	.kodawari_box_text_content{
		width: 70%;}
	.kodawari_box_text_content p{
		font-size: 16px;}
	.kodawari_box_side{
		padding: 40px 0;}
	.kodawari_box_text_side_inner,
	.kodawari_box_side.right .kodawari_box_text_side_inner{
		padding: 0 30px;}
	.kodawari_box_text_side_inner h2 .sub{
		display: block;}
	.kodawari_box_text_side_inner h2 .main{
		display: block;
		margin: 0;
		padding: 20px 0;}
	.kodawari_box_text_side_inner p{
		font-size: 16px;}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			960px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:960px){
	#bk_postwrapper {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 0;}
	#bk_postside,
	#bk_postmain {
		width: 100%;}
	#postside_bnr_area li{
		width: 33.333%;
		padding: 0 10px;
		margin: 0 0 10px;}
	#bk_postside {
		order: 2;
		padding: 20px 10px 30px;
		background: #f8f8f7;}
	#bk_postmain {
		order: 1;
		padding: 0 10px;}
	
	#bk_postside {
		display: flex;
		flex-wrap: wrap;}
	#bk_postside .side_box {
		width: 33.33%;
		padding: 0 10px 0;}
	
/*==================================================
 BK 商品詳細 960
====================================================*/
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		display: block;
		width: 100%;}
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		padding: 10px 0 0;
		text-align: left;}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			880px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:880px){
	#hdr_logo {
		width: 300px;
		padding-right: 20px;}
	#home_message_inner h2 {
		padding-right: 360px;}
	#home_message_inner p br.pc,
	#home_message_inner h2 br {
		display: none;}
/*==================================================
 特定商取引法に基づく表記 880
====================================================*/
	.doc_asct dl,
	.doc_asct dl dt,
	.doc_asct dl dd {
		display: block;
		width: 100%;}
	.doc_asct > dl > dt {
		position: relative;
		padding-left: 30px;
		font-weight: bold;}
	.doc_asct > dl > dt:before {
		width: 10px;
		height: 20px;
		background: #b78a7e;
		content: '';
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -10px;}
	.doc_asct > dl > dd {
		padding-top: 0;
		padding-left: 30px;}
	.doc_asct dl dd dl dt:before {
		height: 10px;
		margin-top: -5px;
		background: #e1c3bb;}
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			840px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:840px){
	.lst_award_link li {
		width: 33.33%;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			768px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:768px){
	body {
		font-size: 14px;}
	body.scrolled {
		padding-top: 60px;}
/*==================================================
 HEADER/FOOTER 768
====================================================*/
	#hdr_upper {
		height: 20px;
		overflow: hidden;
		z-index: 1200;
		position: relative;}
	#hdr_upper_inner {
		padding: 0 10px;}
	#hdr_lower {
		height: 60px;
		overflow: hidden;
		z-index: 1200;
		position: relative;}
	body.scrolled #hdr_lower {
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		height: 60px;
		overflow: hidden;}
	#hdr_logo {
		width: 220px;
		padding: 0 0;}
	.hdr_adarea.pc {
		padding: 5px 0;}
	.hdr_adarea ul li .item {
		padding: 2px;}
	.hdr_adarea.pc ul li.fee {
		display: none;}
	.hdr_adarea ul li.tel {
		padding: 0 5px 0 0;}
	.hdr_adarea ul li.tel .item .inner {
		padding: 2px 20px;}
	.hdr_adarea ul li.sp {
		display: table-cell;
		vertical-align: middle;}
	.hdr_adarea ul li #sp_nav {
		background: #fff;
		color: #d6d2ce;
		border: 1px solid;
		display: block;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		position: relative;
		width: 50px;
		height: 50px;}
	.hdr_adarea ul li #sp_nav.On {
		color: #ccc77d;}
	#sp_nav .On {
		display: none;}
	#sp_nav .Off {
		display: block;}
	#sp_nav.On .On {
		display: block;
		color: #ccc77d;}
	#sp_nav.On .Off {
		display: none;}
	#sp_nav:hover {
		color: #ccc77d;}
	#sp_nav:hover .Off {
		color: #ccc77d;}
	#sp_nav span{
		content: '';
		width: 40px;
		height: 4px; 
		background: #ccc77d;
		position: absolute;
		left: 4px;
		box-shadow: 0 1px rgba(255,255,255,0.5);
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;}
	#sp_nav span.top{
		top: 10px;}
	#sp_nav span.middle{
		top: 50%;
		margin: -2px 0 0;}
	#sp_nav span.bottom{
		bottom: 10px;}
	#sp_nav.On span.top{
		top: 50%;
		margin-top: -1px;
		transform: rotate(-45deg);}
	#sp_nav.On span.middle{
		top: 50%;
		margin: 0;
		transform: rotate(45deg);}
	#sp_nav.On span.bottom{
		bottom: 50%;
		margin-bottom: -1px;
		transform: rotate(45deg);
		filter: alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;}
	#sp_nav.On span,
	#sp_nav:hover span{
		background: #dfc512;}
	#hdr_nav {
		text-align: left;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding-top: 80px;
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;
		z-index: 1000;
		background: rgba(255,255,255,0.90);
		height: 100%;
		display: none;
		padding: 15px;}
	
	#hdr_nav.On {
		display: block;
		overflow-y: scroll;
		padding-top: 80px;}
	body.scrolled #hdr_nav {
		padding-top: 60px;
	}
	#hdr_nav.On ul {
		padding-top: 10px;
	}
	.lst_hdr_nav {
		
	}
	.lst_hdr_nav li.sp {
		display: block;
	}
	.lst_hdr_nav li {
		width: 33.33%;
		padding: 5px;}
	.lst_hdr_nav li:first-child:before,
	.lst_hdr_nav li:after {
		display: none;}
	#hdr_nav .lst_hdr_nav li a {
		background: #fbfaf7;
		font-size: 100%;
		border: 1px solid #eae8e0;}
	.hdr_shopnav.pc {
		display: none;}
	.hdr_shopnav_area.sp,
	.hdr_adarea.sp {
		display: block;
		margin-top: 10px;
		border-top: 1px solid rgba(255,255,255,0.6);
		padding-top: 10px;}
	.hdr_adarea.sp {
		padding-bottom: 20px;
	}
	.hdr_shopnav.sp {
		justify-content: center;}
	.hdr_shopnav.sp li {
		padding: 0 5px;}
	.hdr_shopnav.sp li a {
		font-size: 100%;
		padding: 10px 15px 10px 15px;}
	.hdr_adarea.sp .lst_hdr_ad li {
		width:50%;}
	.hdr_adarea.sp .lst_hdr_ad li.tel .item .inner {
		padding: 8px 10px;}
	.hdr_adarea.sp .lst_hdr_ad li.fee .item .inner {
		padding: 10px 10px;}
	#ftr_nav_area {
		padding-right: 5px;
		padding-left: 5px;}
	#ftr_info {
		width: 240px;}
	
	.ftr_shopnav_area.sp {
		display: block;
		position: fixed;
		width: 100%;
		height: 40px;
		bottom: -40px;
		z-index: 800;
		left: 0;
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;
		background: #fff;
		box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.6);
	}
	body.scrolled .ftr_shopnav_area.sp {
		bottom: 0;
	}
	body.scrolled.reachftr .ftr_shopnav_area.sp {
		bottom: -40px;
	}
	.ftr_shopnav {
		display: flex;
		flex-wrap: wrap;
	}
	.ftr_shopnav li {
		width: 25%;
		padding: 0 1px;
	}
	.ftr_shopnav li a {
		display: block;
		font-size: 100%;
		padding: 10px 5px;
		text-align: center;
		color: #fff;
		background: #6f6155;
		line-height: 20px;
	}
	.ftr_shopnav .ftr_member a {
		background: #8a7625;
	}
	.ftr_shopnav .ftr_cart a {
    	background: #912509;
	}
	.ftr_shopnav li a .icon {
		padding-right: 10px;
	}
/*==================================================
 HOME 768
====================================================*/
	.sld_nav_main {
		font-size: 40px;
		margin-top: -40px;}
	#home_majmenu,
	#home_majmenu .majmenu {
		display: block;
		width: 100%;}
	#home_majmenu .majmenu .inner {
		max-width: none;
		padding-bottom: 0;}
	#home_majmenu .majmenu .inner .img img {
		height: 80px;
		width: auto;}
	#home_majmenu .majmenu:first-of-type .inner .img {
		margin-bottom: 10px;}
	#home_majmenu .majmenu .inner .btnarea {
		position: static;
		margin-left: 0;
		margin-top: 20px;}
	#home_message {
		background-image: url(../images/common/tex_bg_01.jpg);
		background-repeat: repeat;
		background-position: left top;
		background-size: auto;
		padding: 0;}
	#home_message .caption {
		display: none;
	}
	#home_message_inner .img.sp {
		display: block;}
	#home_message_inner .img img {
		max-width: 100%;
		height: auto;}
	#home_message_inner .cnt {
		padding: 20px 25px 25px;}
	#home_message_inner h2,
	#home_message_inner p {
		padding-right: 0;}
	#home_message_inner h2 {
		margin-bottom: 10px;}
	#home_message_inner .btnarea {
		text-align: center;}
	#home_shop {
		display: flex;
		flex-wrap: wrap;
		padding-right: 0;
		padding-left: 0;}
	#home_shop_side,
	#home_shop_main {
		display: inline-flex;
		width: 100%;}
	#home_shop_side {
		order: 2;}
	#home_shop_main {
		padding: 20px 10px 0 10px;}
	#home_shop_main_inner {
		width: 100%;}
	#home_shop_main_inner .box {
		margin-bottom: 30px;}
	#home_shop_side_inner h2 div {
		font-size: 100%;}
	.home_shop_nav {
		display: flex;
		flex-wrap: wrap;}
	.home_shop_nav > li {
		width: 50%;}
	.home_shop_nav.mini > li {
		width: 33.33%;}
	#home_news_inner .ttl {
		width: 120px;}
	#home_news_inner .cnt {
		padding-left: 25px;}
	#home_news_inner .cnt ul li a .date {
		width: 120px;
		padding-left: 0;}
	#home_news_inner .cnt ul li a .title {
		padding-left: 10px;
		padding-right: 0;}
/*==================================================
 PAGE COMMON 768
====================================================*/
	.docbox_wrapper.two-col,
	.docbox_wrapper.two-col .docbox_side,
	.docbox_wrapper.two-col .docbox_main {
		display: block;
		width: 100%;}
	.docbox_wrapper.two-col .docbox_side {
		padding: 0 0 40px 0;}
	
	#bk_pagetitle_area_doc {
		padding: 30px 10px 10px;}
	#bk_pagetitle_area_doc #bk_pagetitle h2 {
		font-size: 175%;
		padding-bottom: 5px;}
	
	.docbox_wrapper h3.ulbr {
		margin-bottom: 20px;}
	#lst_side_nav {
		display: flex;
		flex-wrap: wrap;}
	#lst_side_nav li {
		margin: 10px 10px 0 0;
		border: 1px solid #e5e5e5;}
	#lst_side_nav li a {
    	padding: 10px 15px;}
/*==================================================
 購入ガイド 768
====================================================*/
	.gdbox {
    	margin: 40px 0;}
/*==================================================
こだわり 768
====================================================*/
	#kodawari_head{
		height: 400px;}
	.kodawari_head_text{
		bottom: 20px;
		padding: 0 20px;}
	.kodawari_head_text h2{
		font-size: 30px;
		line-height: 1.5;
		margin: 0 0 15px;}
	.kodawari_head_text p{
		font-size: 20px;}
	.kodawari_profile_text{
		padding: 40px 0 0 20px;}
	.kodawari_profile_text p br{
		display: none;}
	.kodawari_box_text_inner{
		display: block;}
	.kodawari_box_text_inner h2{
		width: 100%;
		display: block;}
	.kodawari_box_text_inner .sub{
		display: block;
		width: 100%;
		font-size: 20px;
		padding: 40px 0 0;
		text-align: center;
		-webkit-writing-mode: lr-tb;
		-ms-writing-mode: lr-tb;
		writing-mode:lr-tb}
	.kodawari_box_text_inner .sub:after{
		display: none;}
	.kodawari_box_text_inner .main{
		display: block;
		text-align: center;
		width: 100%;
		font-size: 90px;
		padding: 10px 0 0;
		vertical-align: left;
		-webkit-writing-mode: lr-tb;
		-ms-writing-mode: lr-tb;
		writing-mode:lr-tb}
	.kodawari_box_text_content{
		display: block;
		padding: 40px 0 30px;
		width: 100%;}
	.kodawari_box_text_content p{
		font-size: 16px;
		text-align: center;}
	.kodawari_box_text_content p .small{
		font-size: 13px;}
	.kodawari_box_side{
		padding: 0;}
	.kodawari_box_side_text{
		display: block;}
	.kodawari_box_text_side_inner,
	.kodawari_box_side.right .kodawari_box_text_side_inner{
		width: 100%;
		padding: 40px 30px;}
	.kodawari_box_text_side_inner h2{
		text-align: center;
		padding: 0 0 40px;
		border-bottom: none;
		margin: 0;}
	.kodawari_box_text_side_inner h2 .sub{
		display: block;
		font-size: 20px;}
	.kodawari_box_text_side_inner h2 .main{
		font-size: 70px;
		display: block;
		margin: 0;
		padding: 20px 0;}
	.kodawari_box_text_side_inner p {
		font-size: 16px;
		line-height: 2.2;}
	.kodawari_box_text_side_inner p .small{
		font-size: 14px;}
	.kodawari_box_side_img{
		position: relative;
		width: 100%;
		height: 300px;
		top: auto;}
	.kodawari_box_side.left .kodawari_box_side_img{
		left: auto;}
	.kodawari_box_side.right .kodawari_box_side_img{
		left: auto;}
/*==================================================
 お問い合わせ 768
====================================================*/
	#inq_method.bk {
		margin: 30px 0 40px;}
	#inqform dt {
		width: 160px;}
/*==================================================
商品一覧 768
====================================================*/
	#item_archive_pagetitle_inner {
		padding: 30px 0 10px;}
	
	#item_rich_pagetitle{
		padding: 10px 10px 30px;}
	#item_rich_pagetitle_inner{
		padding: 1px;}
	#item_rich_pagetitle_text{
		width: 100%;
		padding: 20px;
		background: rgba(255,255,255,0.1);}
	#item_rich_pagetitle_img{
		width: 100%;
		height: 100%;}
	#item_rich_pagetitle_text h2{
		font-size: 24px;
		text-align: center;}
	#item_rich_pagetitle_text p{
		font-size: 13px;
		padding: 0;
		width: 60%;}
	#item_rich_pagetitle_img{
		width: 40%;
		bottom: -30px;}
/*==================================================
BK商品詳細 768
====================================================*/
	.itmarea_wrapper_bk,
	.itemimg_bk, .iteminfo_bk {
		display: block;
		width: 100%;}
	.itemimg_bk {
		padding: 30px 0 0 0;
		text-align: center;}
	.itemimg_bk #itemimg_list ul {
		margin: 0 auto;
		padding-top: 10px;}
	.itemimg_bk #itemimg_list ul li {
		padding: 2px 2px;
		width: 20%;}
	.iteminfo_bk {
		padding: 20px 0 0 0;}
	.iteminfo_bk .item_header {
		padding-bottom: 10px;}
	.iteminfo_bk .item_price {
		padding: 20px 0;}
	
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper {
		display: table;
		table-layout: fixed;
		width: 100%;}
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		display: table-cell;
		vertical-align: middle;}
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		width: 150px;
		text-align: right;
		padding: 0 0 0 10px;}
	
/*==================================================
投稿 768
====================================================*/
	#lst_postarchive {
		max-width: 600px;
		margin: 0 auto;}
	#lst_postarchive li {
		width: 50%;}
	
	#bk_postcontent .date {
    	width: 135px;}
/*==================================================
BK 会社概要 768
====================================================*/
	.company_message{
		max-width: 640px;
		margin: 0 auto;
		padding: 0 20px 20px;
		display: block;}
	.company_message .text{
		width: 100%;
		padding: 0;}
	.company_message .img{
		width: 100%;
		text-align: center;
		padding: 40px 0 0;}
	.company_message .text h2{
		font-size: 24px;
		text-align: center;}
	h2.company_title{
		font-size: 20px;}
	.company_history dl{
		display: block;
		padding: 0;}
	.company_history dl:after{
		width: 1px;
		height: 100%;
		left: 20px;
		top: 0;
		margin: 0;}
	.company_history dl:last-child{
		border-bottom: 1px dashed #d6d2ce;}
	.company_history dt{
		width:100%;
		position: relative;
		z-index: 5;
		padding: 10px 0;
		background: #FFF;
		border-bottom: 1px dashed #d6d2ce;
		border-top: 1px dashed #d6d2ce;}
	.company_history dd{
		width: 100%;
		padding: 10px 0 20px 40px;}
	.company_profile_box dt{
		width: 30%;
		padding: 10px 10px 10px 0;}
	.company_profile_box dd{
		width: 70%;
		padding: 10px 0 10px 10px;}
	
	
/*==================================================
BK 豆知識 768
====================================================*/
	#lst_tipsarchive {
		width: 100%;
		display: flex;
		flex-wrap: wrap;}
	#lst_tipsarchive li{
		width: 50%;}
	#lst_tipsarchive li,
	#lst_tipsarchive li:first-child{
		padding: 20px 5px;}
	#lst_tipsarchive li:last-child{
		border-bottom: 1px solid #e9e3dd;}
	#lst_tipsarchive li a{
		display: block;
		width: 100%;}
	#lst_tipsarchive li a .img{
		display: block;
		width: 100%;}
	#lst_tipsarchive li a .cnt{
		display: block;
		width: 100%;
		padding: 20px 0 0;}
	#lst_tipsarchive li a .title{
		display: block;
		width: 100%;}
	#lst_tipsarchive li a .title h3{
		font-size: 18px;
		text-align: left;}
	#lst_tipsarchive li a .text p{
		font-size: 12px;}
/*==================================================
BK 取扱店舗一覧 768
====================================================*/
	#lst_itmshop > li:nth-child(2n+1),
	#lst_itmshop > li:nth-child(2n) {
		padding: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	#lst_itmshop .lst_shoplnklst li a {
		font-size: 113%;
	}
	
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
	#ftr_nav {
		flex-wrap: wrap;}
	#ftr_nav ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;}
	#ftr_nav ul li {
		width: 50%;}
	#ftr_nav ul li:nth-child(2n+1){
		padding-right: 5px;}
	#ftr_nav ul li:nth-child(2n){
		padding-left: 5px;
		padding-right: 0;}
	#ftr_upper {
		display: flex;
		flex-wrap: wrap;}
	#ftr_info,
	#ftr_contact {
		display: inline-flex;
		width: 100%;
		flex-wrap: wrap;}
	#ftr_info {
		order: 2;
		padding: 0 0 20px 0;
		max-width: 260px;
		margin: 0 auto;}
	#ftr_contact {
		padding: 30px 0 20px 0;}
	#ftr_info > a {
		display: inline-block;
		width: auto;}
	#ftr_info p {
		width: 100%;
		display: block;}
/*==================================================
 HOME 640
====================================================*/
	#sld_nav_main {
		position: static;
		background: #1b1716;
		padding: 8px 20px;}
	#home_submenu ul li a,
	#home_submenu ul li a .icon,
	#home_submenu ul li a .ttl {
		display: block;
		width: 100%;
		text-align: center;}
	#home_submenu ul {
		padding: 30px 5px;}
	#home_submenu ul li a {
		padding: 10px;}
	#home_submenu ul li a:after {
		content: '';
		display: none;}
	#home_submenu ul li a .ttl {
		line-height: 2;}
	#home_news_inner,
	#home_news_inner .ttl,
	#home_news_inner .cnt {
		display: block;
		width: 100%;}
	#home_news_inner .ttl {
		padding-bottom: 15px;}
	#home_news_inner .cnt {
		padding-left: 0;}
/*==================================================
 PAGE COMMON 640
====================================================*/
	.docbox_wrapper.two-col{
		padding: 0;}
/*==================================================
 納豆へのこだわり 640
====================================================*/
	#kodawari_link_inner {
		padding: 40px 0 70px;
	}
	#kodawari_link_inner li{
		width: 100%;
	}
	#kodawari_link_inner li:first-child {
		padding: 0 20px 40px 20px;
	}
	#kodawari_link_inner li:last-child {
		padding: 0 20px;
	}
/*==================================================
 よくある質問 640
====================================================*/
	#lst_faq > li:first-child {
		padding-top: 10px;}
	#lst_faq > li > dl > dt:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;}
	#lst_faq > li > dl > dt {
		padding: 0 5px 0 40px;}
	#lst_faq > li > dl > dt:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 12px 0 12px;
		border-color: #912409 transparent transparent;
		position: absolute;
		bottom: -16px;
		left: 50%;
		margin-left: -12px;
		z-index: 2;}
	#lst_faq > li > dl > dd:before {
		content: '';
		display: none;}
	#lst_faq > li > dl > dd {
		background: #f9f9f4;
		padding: 1.2em 1.5em;}
/*==================================================
 採用情報 640
====================================================*/
	#lst_recruit {
		margin: 15px 0 0;}
	#lst_recruit li {
		margin-bottom: 15px;}
	#lst_recruit dl,
	#lst_recruit dl dt,
	#lst_recruit dl dd {
		display: block;
		width: 100%;}
	#lst_recruit dl dt {
		position: relative;
		padding-left: 30px;
		font-weight: bold;}
	#lst_recruit dl dt:before {
		width: 10px;
		height: 20px;
		background: #b78a7e;
		content: '';
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -10px;}
	#lst_recruit dl dd {
		padding-top: 0;
		padding-left: 30px;}
/*==================================================
 お問い合わせ 640
====================================================*/
	#inq_method li {
		width: 50%;
		padding: 0 5px;}
	#inq_method li.mail {
		width: 100%;
		margin-top: 10px;}
	#inq_method li .item {
		padding: 10px 5px;}
	#inq_method.bk li .item .inner {
		padding: 10px 5px;}
	#inq_method li .item .icon {
    	font-size: 36px;
		padding-bottom: 5px;}
	#inq_method li .item .num {
		font-size: 113%;}

/*==================================================
BK / DH 共通 商品紹介エリア 640
====================================================*/
	#item_exp_area .img_full,
	#item_exp_area .txt_full,
	#item_exp_area .col2.left,
	#item_exp_area .col2.right,
	#item_exp_area .table {
    	padding: 0 10px 30px 10px;}
	#item_exp_area h3,
	#item_exp_area .lst_award {
    	margin: 0 auto 30px;}
	
	#item_exp_area .col2 {
		flex-wrap: wrap;}
	#item_exp_area .col2 .img,
	#item_exp_area .col2 .txt {
		width: 100%;}
	#item_exp_area .col2 .img img {
		max-width: 400px;
		height: auto;
		width: 100%;}
	#item_exp_area .col2.left .img {
		padding: 0 0 10px 0;
		text-align: center;}
	#item_exp_area .col2.left .txt {
		padding: 10px 0 0 0;}
	#item_exp_area .col2.right .txt {
		order: 2;
		padding: 10px 0 0 0;}
	#item_exp_area .col2.right .img {
		order: 1;
		padding: 0 0 10px 0;
		text-align: center;}
	#item_exp_area .table dl dt {
    	width: 8em;}
/*==================================================
BK 会社概要 640
====================================================*/
	.compnay_photo_gallery li{
		width: 50%;}
	.lst_award_link li a,
	.lst_award_link li .award_inner{
		font-size: 12px;
		padding: 20px;
		line-height: 16px;}
	.lst_award_link li .year,
	.lst_award_link li .name{
		font-size: 14px;}
	.lst_award_link li .award{
		font-size: 18px;
		line-height: 32px;}
/*==================================================
 サイトマップ 640
====================================================*/
	#lst_sitemap li {
		padding: 0 5px 10px;
		width: 50%;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			560px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:560px){
/*==================================================
 HEADER/FOOTER 560
====================================================*/
	.hdr_adarea.pc ul li.tel {
		display: none;}
	.ftr_shopnav li {
		width: 33.33%;
	}
	.ftr_shopnav .ftr_itemlist {
		display: none;
	}
	.ftr_shopnav li a {
    	font-size: 88%;
	}
	.ftr_shopnav li a .icon {
		padding-right: 4px;
	}
/*==================================================
 HOME 560
====================================================*/
	.home_shop_nav.mini > li {
		width: 50%;}
	.lst_shop_item {
		max-width: 480px;
		margin: 20px auto 0;}
	.lst_shop_item > li,
	.lst_shop_item.lst_item_archive > li {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #f0f0f0;}
	.lst_shop_item .item {
		display: table;
		table-layout: fixed;
		width: 100%;}
	.lst_shop_item .img,
	.lst_shop_item .txt {
		display: table-cell;
		vertical-align: top;}
	.lst_shop_item .img {
		width: 170px;
		padding: 10px 5px 10px 0;}
	.lst_shop_item .txt {
		padding: 10px 0 10px 5px;}
	
	#hiratsuka .lst_shop_item .img {
		padding: 10px 0 10px 10px;
	}
	#hiratsuka .lst_shop_item .txt {
		padding: 10px 10px 10px 0;
	}
	
	.lst_shop_item .txt h3 {
		padding-top: 0;}
/*==================================================
 お問い合わせ 560
====================================================*/
	#inqform dl,
	#inqform dt,
	#inqform dd {
		display: block;
		width: 100%;}
	#inqform dl {
		border-bottom: 1px solid #f2f0ee;
		padding: 5px 0;}
	#inqform dl:first-of-type {
		padding-top: 0;}
	#inqform dt,
	#inqform dt.vat {
		padding-bottom: 0;
		padding-top: 10px;}
/*==================================================
 投稿 560
====================================================*/
	#bk_postside .side_box {
		width: 50%;}
	#bk_post_navi ul li > a,
	#bk_post_navi ul li > span {
		min-width: auto;
		min-width: initial;
		width: 100%;}
	#postside_bnr_area li{
		width: 100%;}
	
/*==================================================
 ご購入ガイド 560
====================================================*/
	#tbl_gd_conv {
		border-top: none;
	}
	#tbl_gd_conv thead {
		display: none;
	}
	#tbl_gd_conv tbody,
	#tbl_gd_conv tbody tr,
	#tbl_gd_conv tbody td {
		width: 100%;
		display: block;
	}
	#tbl_gd_conv tbody tr {
		margin-bottom: 20px;
	}
	#tbl_gd_conv tbody tr:last-child {
		margin-bottom: 0;
	}
	#tbl_gd_conv tbody tr td {
		border: none;
	}
	#tbl_gd_conv tbody tr td:first-child {
		border: 1px solid #d1cdc7;
	}
	#tbl_gd_conv td img {
		display: none;
	}
	#tbl_gd_conv td dl {
    	justify-content: flex-start;
	}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){

	a.btn_bdr {
		min-width: auto;
		width: 100%;}
	.box_attention {
    	padding: 12px 10px;}
/*==================================================
 HEADER/FOOTER 480
====================================================*/
	#hdr_nav {
		padding: 10px 5px;}
	.lst_hdr_nav li {
		width: 50%;}
	.hdr_shopnav.sp li {
		padding: 0 2px;
		display: block;
		width: 100%;
		text-align: center;}
	.hdr_shopnav.sp li a {
		display: block;
		font-size: 88%;
		padding: 10px 10px 10px 10px;
		line-height: 1.4;}
	.hdr_shopnav.sp li a .icon {
		padding-right: 0;
		display: block;
		font-size: 16px;}
/*==================================================
 HOME 480
====================================================*/
	.sld_nav_main {
		font-size: 30px;
		margin-top: -35px;
		padding: 20px 0;}
	#sld_nav_main li a {
		width: 10px;
		height: 10px;}
	#home_impnote p {
		text-align: left;
	}
	#home_majmenu .majmenu {
		padding: 15px 15px 25px;}
	#home_message_inner .cnt {
		padding: 20px 15px 20px;}
	#home_shop_main_inner .ttlarea a {
		bottom: -35px;
		top: auto;
		margin-top: 0;
		line-height: 2;
		min-width: auto;
		padding: 3px 10px;
		font-size: 100%;
		background: none;
		border: 1px solid #e6e6e6;}
	#home_shop_main_inner .ttlarea a:after {
		content: '\ea31';
		padding-left: 4px;
		font-size: 88%;
		color: #969696;}
	.lst_shop_item {
		max-width: 480px;
		margin: 50px auto 0;}
	#home_news_inner .cnt ul li {
		border-bottom: 1px solid rgba(0,0,0,0.1);}
	#home_news_inner .cnt ul li a,
	#home_news_inner .cnt ul li a .title {
		display: block;
		width: 100%;}
	#home_news_inner .cnt ul li a .date,
	#home_news_inner .cnt ul li a .cat,
	#home_news_inner .cnt ul li a .cat span {
		display: inline-block;}
	#home_news_inner .cnt ul li a {
		letter-spacing: -0.5em;
		padding: 5px 0;}
	#home_news_inner .cnt ul li a .title,
	#home_news_inner .cnt ul li a .date,
	#home_news_inner .cnt ul li a .cat {
		letter-spacing: normal;}
	#home_news_inner .cnt ul li a .date {
		width: auto;
		padding-right: 10px;}
/*==================================================
 商品詳細 480
====================================================*/
	#item_archive_pagetitle_inner {
		padding: 20px 0 10px;}
	#item_archive_pagetitle_inner h2 {
    	font-size: 160%;}
/*==================================================
 採用情報 480
====================================================*/
	#rec_intro {
		text-align: left;}
	#lst_recruit h3 {
		font-size: 125%;}
/*==================================================
 購入ガイド 480
====================================================*/
	.docbox_wrapper.two-col .docbox_side {
		padding: 0 0 30px 0;}
	.gdbox {
		margin: 30px 0;}
/*==================================================
 こだわり 480
====================================================*/
	#kodawari_profile_inner{
		display: block;}
	.kodawari_profile_logo_area{
		width: 100%;}
	.kodawari_profile_img {
		width: 62%;
		text-align: right;}
	.kodawari_profile_logo {
		width: 38%;
		padding: 40px 0 0 10px;
		text-align: right;}
	.kodawari_profile_text{
		padding: 40px 0 20px;
		width: 100%;}
	.kodawari_box_text_inner .main{
		font-size: 70px;}
	.kodawari_profile_text p{
		font-size: 14px;
		color: #FFF;}
	.kodawari_profile_text p br{
		display: block;}
	.kodawari_profile_text p.right{
		margin: 20px 0 0;}
	.kodawari_box_text_content {
		padding: 40px 0 10px;}
	.kodawari_box_text_content p{
		font-size: 14px;
		text-align: center;}
	.kodawari_box_text_content p br{
		display: none;}
	.kodawari_box_text_content p .small{
		font-size: 12px;}
	.kodawari_photoarea{
		display: flex;
		flex-wrap: wrap;}
	.kodawari_photoarea li{
		display: block;
		width: 25%;}
	.kodawari_box_text_side_inner p {
		font-size: 14px;}
	.kodawari_box_text_side_inner p br{
		display: none;}
	.kodawari_box_text_side_inner p .small{
		font-size: 12px;}
	#item_rich_pagetitle{
		padding: 10px;}
	#item_rich_pagetitle_img{
		width: 100%;
		height: 100%;}
	#item_rich_pagetitle_text h2{
		font-size: 24px;
		text-align: center;}
	#item_rich_pagetitle_text p{
		font-size: 13px;
		padding: 0 0 50px;
		width: 100%;}
	#item_rich_pagetitle_img{
		width: 100%;
		bottom: -10px;
		opacity: 0.3;}
	
/*==================================================
BK 商品詳細 480
====================================================*/
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper .skudisp,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		display: block;
		width: 100%;}
	.iteminfo_bk .skuform .item_skulist .item_skuoptions .item_skuupper > .price {
		padding: 10px 0 0;
		text-align: left;}
/*==================================================
BK / DH 共通 商品紹介エリア 640
====================================================*/
	#item_exp_area .txt_full {
		text-align: left;}
	#item_exp_area .table dl,
	#item_exp_area .table dl dt,
	#item_exp_area .table dl dd {
		display: block;
		width: 100%;}
	#item_exp_area .table dl {
		padding: 10px;}
	#item_exp_area .table dl dt {
		padding: 0 0 0 20px;
		font-weight: bold;
		margin-bottom: 5px;
		position: relative;}
	#item_exp_area .table dl dt:before {
		width: 10px;
		height: 20px;
		background: #b78a7e;
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -10px;}
	#item_exp_area .table dl dd {
		padding: 0 0 0 0;}


/*==================================================
 投稿 480
====================================================*/
	#bk_pagetitle_area_doc #bk_pagetitle h2 {
		font-size: 150%;}
	#lst_postarchive {
		max-width: 320px;}
	#lst_postarchive li {
		width: 100%;
		padding: 0 0 10px;}
	#lst_postarchive li:last-child a {
		border-bottom: none;}
	
	#bk_post_navi ul li.tolist .pc {
		display: none;}
	
	#bk_postcontent .post_hdr {
    	padding: 10px;}
	#bk_postcontent .content {
		padding: 0 0;}
/*==================================================
 BK 会社概要 480
====================================================*/
	.lst_award_link li{
		padding: 0 10px 20px;
		width: 50%;}
/*==================================================
BK 豆知識 768
====================================================*/
	#lst_tipsarchive li{
		width: 100%;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			400px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:400px){
/*==================================================
 HEADER/FOOTER 400
====================================================*/
	.hdr_adarea.sp .lst_hdr_ad li.fee .item .inner {
		padding: 12px 5px;}
	.hdr_adarea.sp .lst_hdr_ad li.tel .item .inner {
		padding: 5px 10px;}
	#ftr_nav ul li a {
		padding: 10px 0 10px 1.2em;
		font-size: 88%;
		height: 100%;}
	#ftr_contact ul li {
		width: 100%;}
	#ftr_contact ul li:first-child {
		padding-right: 0;
		margin-bottom: 10px;}
	#ftr_contact ul li:last-child {
		padding-left: 0;}
	#ftr_contact ul li a .num {
		display: inline-block;}
/*==================================================
 HOME 400
====================================================*/	
	#home_submenu ul {
		flex-wrap: wrap;
		max-width: 240px;}
	#home_submenu ul li {
		width: 100%;
		margin-bottom: 10px;}
	#home_submenu ul li:last-child {
		margin-bottom: 0;}
	#home_submenu ul li a {
		display: table;}
	#home_submenu ul li a .icon,
	#home_submenu ul li a .ttl {
		display: table-cell;}
	#home_submenu ul li a .icon {
		width: 80px;}
	.home_shop_nav > li,
	.home_shop_nav.mini > li {
		width: 100%;}
	.lst_shop_item .img {
		width: 120px;}
/*==================================================
 PAGE COMMON 400
====================================================*/	
	.docbox_wrapper h3.ulbr {
		background-size: contain;}
/*==================================================
 お問い合わせ 400
====================================================*/	
	.form_cmn input[type="submit"], input[type="submit"].btn_cmn, .form_cmn input[type="reset"], input[type="reset"].btn_cmn, .form_cmn input[type="button"], input[type="button"].btn_cmn, a.lnk_input {
		min-width: auto;
		width: 100%;}
/*==================================================
 購入ガイド 400
====================================================*/	
	.gdbox .tblarea table th br.sp,
	.gdbox .tblarea table td br.sp,
	#popup_content .tblarea table th br.sp,
	#popup_content .tblarea table td br.sp {
		display: inline-block;
	}
/*==================================================
 BK 商品詳細 400
====================================================*/
	.iteminfo_bk .skuform .item_skulist,
	.iteminfo_bk .skuform .item_skuinfo,
	.iteminfo_bk .skuform .item_skulist .item_skuoptions,
	.iteminfo_bk .skuform .item_skuinfo .item_skuoptions
	.iteminfo_bk .skuform .item_skulist .item_skubutton,
	.iteminfo_bk .skuform .item_skuinfo .item_skubutton {
		display: block;
		width: 100%;}
	.iteminfo_bk .skuform .item_skulist .item_skubutton,
	.iteminfo_bk .skuform .item_skuinfo .item_skubutton {
		padding-left: 0;}
	.iteminfo_bk .skuform .button input[type="submit"] {
		width: 100%
	}
	
/*==================================================
 投稿 400
====================================================*/
	#bk_postside .side_box {
		width: 100%;
		padding: 0 0 0;
		margin-bottom: 20px;}
/*==================================================
 サイトマップ 400
====================================================*/
	#lst_sitemap li {
		padding: 0 0 5px;
		width: 100%;
	}
}