@charset "utf-8";
/*-----------------------------------------------
	Browser Reset
-----------------------------------------------*/

html, body {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6, pre, address, em, strong, th, ins {
	font-size:100%;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, pre, address, ul, ol, li, dl, dt, dd, form, legend, p {
	margin:0;
	padding:0;
}
table, tr, td, th {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:0;
}

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

ul, ul, li {
	list-style-type: none;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
.sp_none {
	display:none;
}
/* リンク指定
----------------------------------------------- */
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
	text-decoration: none;
}
/*--------------------------------------- */
.mt10 {
	margin-top:10px;
}
.mb10 {
	margin-bottom:10px;
}
.mt15 {
	margin-top:15px;
}
.mb15 {
	margin-bottom:15px;
}
.mt20 {
	margin-top:20px;
}
.mt20 {
	margin-top:20px;
}
.mt20 {
	margin-top:20px;
}
.mb20 {
	margin-bottom:20px;
}
.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.mr10 {
	margin-right:10px;
}
.mr20 {
	margin-right:20px;
}
.pb20 {
	padding-bottom:20px;
}
.bold {
	font-weight:bold;
}
.fl {
	float:left;
}
.fl_r {
	float:right;
}
.red {
	color:#CC201C !important;
}
.red_under {
	color:#CC201C !important;
	text-decoration:underline !important;
}
.ontrans80 {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.ontrans80:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.f12 {
	font-size:0.750em;
}
.f13 {
	font-size:0.813em;
}

.sp_txtc {
text-align:center;
}
/*--------------------------------------- */

#header {
	width:100%;
	height:auto;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	display:none;
}
.sp_header {
	position: fixed;
	z-index: 1;
	margin-bottom: 20px;
	box-shadow:0px 3px 8px -2px #505050;
	-moz-box-shadow:0px 3px 8px -2px #505050;
	-webkit-box-shadow:0px 3px 8px -2px #505050;
	background: url("../img/common/bg_nav.png");
	width:100%;
	height:76px;
}
.obi_txt {
	width: 100%;
	margin:-24px 0 0 0;
	padding:0 0 0 20px;
	line-height: 30px;
	font-size: 10px;
	background: url("../img/common/slogo.png") no-repeat 3px 8px;
	background-size: 15px auto;
	color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.head_border {
	width:100%;
	border-top: 20px solid #000;
}
.sp_logo {
	position: absolute;
	top: 25px;
	padding: 10px 0 0 10px;
	float:left;
	width: 21%;
}
.sp_logo a img { width: 75px; }
.menu {
	font-size:70%;
	margin-right:10px;
	margin-top:10px;
	padding:3% 3%;
	float:right;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	background:#CC201C;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
nav {
	width:100%;
	overflow:hidden;
	/* background:#CC201C; */
}
nav.area-list.other { background: none; }
nav.area-list.other ul { margin-top: 110px; }
#global {
	display: none;
}
#global li {
	color:#FFF;
	font-size:0.625em;
	font-weight:bold;
	background:#CC201C;
	padding:4% 0%;
	float:left;
	border-right:solid 1px #FFF;
	text-align:center;
	list-style:none;
	margin:auto;
}
.w33 {
	width:33%;
}
.online {
	width:100%;
	border-top:solid 1px #FFF;
}
#global li.tborder {
	border-top:solid 1px #FFF;
}
#global li.rborder {
	border-right:none;
}
#global li.rborder2 {
	border-right:none;
}
#contents {
	width: 100%;
	height:auto;
	/* background:#F8F3E0; */
}
.sp_mlr {
	margin-left:10px;
	margin-right:10px;
}
.contents_area {
	width:100%;
	height:auto;
	margin:auto;
	padding-top:10px;
}
.contents_area_news {
	width:100%;
	height:auto;
	margin:auto;
	padding-top:110px;
}
.bg_page { background: url("../img/common/bg_frame.png") repeat; }

.contents_area.news { padding: 110px 0 0; }
.cont_left_area {
	display:none;
}
.cont_left_con {
	width:100%;
	height:auto;
	background:#FFF;
	border: 1px solid #E0E0E0;
}
.left_tit {
	width: 100%;
	height:auto;
	background:#CC201C;
}
.left_tit_txt {
	font-size:1.000em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:15px 0px;
}
.left_txt01 {
	font-size: 0.875em;
	background:url(../img/common/point01.png) no-repeat;
	background-position:10px 20px;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:21px;
}
.left_txt02 {
	font-size: 0.813em;
	background:url(../img/common/point01.png) no-repeat;
	background-position:18px 15px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:37px;
	border-bottom: 1px dotted #CCC;
}
.left_txt03 {
	font-size: 0.875em;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:17px;
	color:#CC1F19;
	width:203px;
	background:#F0F0F0;
}
.left_txt04 {
	font-size: 0.875em;
	background:url(../img/common/point01.png) no-repeat;
	background-position:10px 5px;
	padding-left:21px;
}
.left_txt05 {
	font-size: 0.875em;
	background:url(../img/common/point01.png) no-repeat;
	background-position:10px 20px;
	padding-top:15px;
	padding-left:21px;
}
.cont_right_area {
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.cont_right_con {
	width:100%;
	height:auto;
	background:#FFF;
	border: 1px solid #E0E0E0;
}
.right_tit {
	width:96%;
	border-top: 1px solid #E0E0E0;
	border-left: 16px solid #CC201C;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#FFF;
	margin-bottom:10px;
}
.right_tit_txt {
	font-size: 1.000em;
	font-weight:bold;
	color:#CC1F1A;
	padding-top:8px;
	padding-bottom:7px;
	padding-left:10px;
}

#footer {
	width: 100%;
	height:auto;
	background:#FCFCFC;
	border-top: 1px solid #D5D5D5;
	/* display:none; */
}
#sp_footer {
	width: 100%;
	height:auto;
	background:#FFF;
}
.sp_pagetop {
	width:100%;
	height:auto;
	background:#F7F7F7;
}
.sp_pagetop_txt {
	font-size: 0.875em;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.sp_sub_title {
	width:100%;
	height:auto;
	background:#CC201C;
}
.sp_sub_title_txt {
	font-size: 0.813em;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.copy {
	width:100%;
	height:auto;
	background:#FFF;
	background:#000;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.750em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
.tb01 {
	border-bottom:1px solid #E6E6E6;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	font-size: 0.813em;
	text-align:center;
	width:30%;
}
.tb02 {
	border-bottom:1px solid #E6E6E6;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	font-size: 0.813em;
}
.tb03 {
	border-bottom:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 0.813em;
	padding-left:10px;
	padding-right:10px;
}
.tb04 {
	border-bottom:1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 0.813em;
}
.tb05 {
	border-right:1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
}

.tb05b {
	border-right:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
}

.tb06 {
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
}

.tb06b {
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
	border-top:1px solid #E6E6E6;
}

.tb07 {
	border-left:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
}
.tb08 {
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.813em;
}
.tb09 {
	border-left:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.813em;
	text-align:center;
}
.tb10 {
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.813em;
}
.normal_txt {
	font-size:0.813em;
	line-height:1.6;
}
.normal_txt2 {
	font-size:0.813em;
	line-height:1.6;
	padding:10px;
}
.normal_txt3 {
	font-size:0.813em;
	padding-left:10px;
	padding-right:10px;
}
.normal_txt3b {
	font-size:0.813em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.normal_txt4 {
	font-size:0.813em;
	line-height:1.6;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.normal_txt4b {
	font-size:0.813em;
	line-height:1.6;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.normal_txt5 {
	font-size:0.813em;
	line-height:1.6;
	padding-top:5px;
	padding-bottom:10px
}
.waku {
	padding:10px;
}
.gray_back {
	width: 100%;
	height:auto;
	background:#FAFAFA;
}
.sub_tit_txt {
	font-size: 	0.938em;
	font-weight:bold;
	color:#333;
	border-left: #CC201C 6px solid;
	padding-left:10px;
}
.sub_tit_txt2 {
	font-size: 	0.938em;
	font-weight:bold;
	color:#333;
	border-left: #CC201C 6px solid;
	padding-left:10px;
	margin-top:10px;
}
.table01,.table02 {
	margin-left:15px;
	font-size:0.813em;
}
.gray_bt {
	width:46%;
	height:auto;
	color:#333;
	font-weight:bold;
	font-size: 0.875em;
	padding-top:15px;
	padding-bottom:15px;
	margin:auto;
	text-align:center;
	border: 1px solid #C4C9CC;
	border-radius: 5px;		/* CSS3Áð°Æ */
	-webkit-border-radius: 5px;	/* Safari,Google ChromeÍÑ */
	-moz-border-radius: 5px;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#FAFAFA), color-stop(0.30, #FAFAFA), to(#E0E0E0));

	/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#FAFAFA, endcolorstr=#E0E0E0));
	/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#B99524, endcolorstr=#846300))";
	zoom: 1;
	background: linear-gradient(to bottom, #FAFAFA, #E0E0E0);/* IE10+, W3C */
}
.bt_area01 {
	width:100%;
	height:auto;
	margin:auto;
	padding-top:20px;
}

.bt_area01b {
	width:50%;
	height:auto;
	margin:auto;
	padding-top:10px;
}
.bt_area02 {
	width:220px;
	height:auto;
	margin:auto;
	padding-top:10px;
}
.bt_area03 {
	width:100%;
	height:auto;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
.bt_area04 {
	width:100%;
	height:auto;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
.red_bt {
	width:60%;
	height:auto;
	color:#fff;
	font-weight:bold;
	font-size: 0.813em;
	padding-top:15px;
	padding-bottom:15px;
	margin:auto;
	text-align:center;
	border: 1px solid #A51A16;
	border-radius: 5px;		/* CSS3Áð°Æ */
	-webkit-border-radius: 5px;	/* Safari,Google ChromeÍÑ */
	-moz-border-radius: 5px;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#CC201C), color-stop(0.30, #CC201C), to(#A51A16));

	/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#CC201C, endcolorstr=#A51A16));
	/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#B99524, endcolorstr=#846300))";
	zoom: 1;
	background: linear-gradient(to bottom, #CC201C, #A51A16);/* IE10+, W3C */
}
a:hover .red_bt {
	text-decoration:none !important;
}

.red_bt002 {
	width:49%;
	height:auto;
	color:#fff;
	font-weight:bold;
	font-size: 0.813em;
	padding-top:15px;
	padding-bottom:15px;
	margin:auto;
	text-align:center;
	border: 1px solid #A51A16;
	border-radius: 5px;		/* CSS3Áð°Æ */
	-webkit-border-radius: 5px;	/* Safari,Google ChromeÍÑ */
	-moz-border-radius: 5px;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#CC201C), color-stop(0.30, #CC201C), to(#A51A16));

	/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#CC201C, endcolorstr=#A51A16));
	/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#B99524, endcolorstr=#846300))";
	zoom: 1;
	background: linear-gradient(to bottom, #CC201C, #A51A16);/* IE10+, W3C */
}
.sec_txt01 {
	margin-left:10px;
	font-size:0.813em;
	margin-top:10px;
}
.sec_txt02 {
	margin-left:10px;
	font-size:0.813em;
	margin-top:10px;
}

.sec_txt02b {
	margin-left:10px;
	font-size:0.813em;
	margin-top:10px;
}

.greet_phot {
	width:80%;
	margin:auto;
	margin-bottom:10px;
}
.greet_phot2 {
	width:70%;
	margin-top:10px;
	float:right;
}

.omise_ph01 {
width:56%;
float:left;
}

.omise_ph02 {
width:42%;
float:right;
margin-bottom:10px;
}

.omise_area {
clear:both;
}

.tp_mt {
margin-top:10px;
}

.red_txt01 {
font-size: 0.813em;
margin-bottom:10px;
color:#CC201C;
}

.br_txt01 {
font-size: 0.813em;
margin-bottom:10px;
}

.br_txt02 {
font-size: 0.813em;
margin-bottom:10px;
margin-top:10px;
}

.noshi_ph01 {
padding-left:10px;
padding-right:10px;
}

.sp_pb10 {
padding-bottom:10px;
}

.secure_ph_area01 {
margin-top:10px;
}

.secure_ph01 {
width:40%;
margin:auto;
}

.tenpo_ph {
width:94%;
margin:auto;
padding-bottom:10px;
}

.fax_ph {
margin-top:10px;
margin-bottom:10px;
}
.tell_ph {
margin-top:10px;
margin-bottom:10px;
width:70%;
}

.catalog_txt_w {
width:90%;
}

.tp_sub01 {
width:100%;
}

.tp_ph01 {
width: 48%;
float:left;
margin-top:10px;
}

.tp_ph02 {
width: 48%;
float:right;
margin-top:10px;
}

.map {
margin-top:10px;
}





.clearfix { *zoom: 1; }

.clearfix:after {
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
	height: 0;
}




/* ==============================================
 ニュース　テンプレート
=============================================== */

.contents_area.news .inner {
	padding: 10px 5px;
	background: #fff;
}

.contents_area.news .news_inner {
	padding: 10px 5px;
	background: #fff;
}
.contents_area.news .guide,
.contents_area.news .sguide {
	margin-bottom: 25px;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	background: #7f7f7f;
}
.contents_area.news .sguide {
	padding: 10px 0;
	background: #a9a9a9;
}
.contents_area.news .guide-margin,
.contents_area.news .guide-padding {
	text-align: center;
	color: #fff;
	border: 1px solid #b1b1b1;
	background: #df0306;
}
.contents_area.news .guide-padding span {
	text-align: center;
	color: #fff;
	background: #b1b1b1;
}
.contents_area.news .guide-margin div { background: #b1b1b1; }
.contents_area.news .guide-padding div { background: #ff0000; }

/* tac */
.contents_area.news .tac { text-align: center; }
/* tal */
.contents_area.news .tal { text-align: left; }
/* tar */
.contents_area.news .tar { text-align: right; }


/* inline-block */
.contents_area.news .inline-block { display: inline-block; }

/* block */
.contents_area.news .block { display: block; }


/* font-color */
.contents_area.news .red { color: #ff0000 !important; }

/* link */
.contents_area.news a {
	text-decoration: underline;
	color: #0000ff;
}
.contents_area.news a:hover { text-decoration: none; }


.news-three-line { padding: 35px 10px 0; }
.news-three-line li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.news-exp-wrap { width: 100%; }
.news_ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 20px;
	text-align: center;
	color: #8b6c1a;
	font-size: 30px;
}
.news_ttl {
	margin-bottom: 30px;
	text-align: center;
	color: #8b6c1a;
	font-size: 20px;
}
.news-three-line {
	padding: 35px 30px 0;
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
.news-three-line li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ebebeb;
}
.news-three-line li:last-child { margin-bottom: 0; }
.news-exp-wrap .ico-base {
	padding: 3px 10px;
	text-align: center;
	font-size: 10px;
	color: #fff;
}
.news-exp-wrap .ico-notice { background: #dc6c1a; }
.news-exp-wrap .ico-media { background: #dd4476; }
.news-exp-wrap .ico-news { background: #4493dd; }
.news-exp-wrap .ico-caution { background: #dd0000; }


.news-exp-wrap dl {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	letter-spacing: 0;
}
.news-exp-wrap dl dt { margin: 0 30px 0 0; }
.news-exp-wrap dl dt a {
	margin: 0 10px 0 0;
	color: #231815;
}
.news-exp-wrap dl dd a { color: #231815; }
.news-exp-wrap dl dt a:hover,
.news-exp-wrap dl dd a:hover {
	color: #231815;
	text-decoration: underline;
}
.news-exp-wrap dl dd a.caution { color: #dd0000; }

.news-exp-wrap dl { display: block; }
.news-exp-wrap dl dt,
.news-exp-wrap dl dd {
	display: block;
	margin: 0;
	width: 100%;
}
.news-exp-wrap dl dt { margin-bottom: 5px; }
.news-exp-wrap dl dt a {
	margin-right: 5px;
	letter-spacing: 0;
}
.news-exp-wrap .ico-base { padding: 4px 8px; }

#news-exp dl:last-child { margin-bottom: 10px; }
#news-exp dl {
	margin: 0 10px;
	padding: 10px 0;
}

.news_contents_ttl {
	text-align: center;
	margin-bottom: 30px;
}


.gard{
    width: 100%;
    height: 105%;
    padding-top:0; 
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    font-size: 25px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gard_tomaran{
    width: 101%;
    height: 105%;
    padding-top:0; 
    position: absolute;
    top: -5%;
    left: -1%;
    background: rgba(0,0,0,0.7);
    font-size: 25px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gard_app{
  position: relative;
}

.gard_app:before{
  content: '';
  display: block;
  position: absolute;
  top: -2%;
  width: 100%;
  height: 105%;
  background: rgba(0,0,0,0.9);
}

.str{
    
}

.str_tomaran {
    margin-top: 10%;
    margin-left: 12%;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
	top:10%;
	left: 37%;
	font-size: 14px;
	width: 60%;
}

.fuwa02 {
	-webkit-animation-name:fuwafuwa02;
	-webkit-animation-duration:1.8s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa02;
	-moz-animation-duration:1.8s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa02 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -5px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa02 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, 7px);}
	100% {-moz-transform:translate(0, 0);}
}

/* marign mt：上 ml：左 mr：右　mb：下 */

/* mt：上 */
.contents_area.news .mt05 { margin-top: 5px; }
.contents_area.news .mt10 { margin-top: 10px; }
.contents_area.news .mt15 { margin-top: 15px; }
.contents_area.news .mt20 { margin-top: 20px; }
.contents_area.news .mt25 { margin-top: 25px; }
.contents_area.news .mt30 { margin-top: 30px; }
.contents_area.news .mt35 { margin-top: 35px; }

/* ml：左 */
.contents_area.news .ml05 { margin-left: 5px; }
.contents_area.news .ml10 { margin-left: 10px; }
.contents_area.news .ml15 { margin-left: 15px; }
.contents_area.news .ml20 { margin-left: 20px; }
.contents_area.news .ml25 { margin-left: 25px; }
.contents_area.news .ml30 { margin-left: 30px; }
.contents_area.news .ml35 { margin-left: 35px; }

/* mr：右 */
.contents_area.news .mr05 { margin-right: 5px; }
.contents_area.news .mr10 { margin-right: 10px; }
.contents_area.news .mr15 { margin-right: 15px; }
.contents_area.news .mr20 { margin-right: 20px; }
.contents_area.news .mr25 { margin-right: 25px; }
.contents_area.news .mr30 { margin-right: 30px; }
.contents_area.news .mr35 { margin-right: 35px; }

/* mb：下 */
.contents_area.news .mb05 { margin-bottom: 5px; }
.contents_area.news .mb10 { margin-bottom: 10px; }
.contents_area.news .mb15 { margin-bottom: 15px; }
.contents_area.news .mb20 { margin-bottom: 20px; }
.contents_area.news .mb25 { margin-bottom: 25px; }
.contents_area.news .mb30 { margin-bottom: 30px; }
.contents_area.news .mb35 { margin-bottom: 35px; }


/* padding mt：上 pl：左 pr：右　pb：下 */

/* pt：上 */
.contents_area.news .pt05 { padding-top: 5px; }
.contents_area.news .pt10 { padding-top: 10px; }
.contents_area.news .pt15 { padding-top: 15px; }
.contents_area.news .pt20 { padding-top: 20px; }
.contents_area.news .pt25 { padding-top: 25px; }
.contents_area.news .pt30 { padding-top: 30px; }
.contents_area.news .pt35 { padding-top: 35px; }

/* pl：左 */
.contents_area.news .pl05 { padding-left: 5px; }
.contents_area.news .pl10 { padding-left: 10px; }
.contents_area.news .pl15 { padding-left: 15px; }
.contents_area.news .pl20 { padding-left: 20px; }
.contents_area.news .pl25 { padding-left: 25px; }
.contents_area.news .pl30 { padding-left: 30px; }
.contents_area.news .pl35 { padding-left: 35px; }

/* pr：右 */
.contents_area.news .pr05 { padding-right: 5px; }
.contents_area.news .pr10 { padding-right: 10px; }
.contents_area.news .pr15 { padding-right: 15px; }
.contents_area.news .pr20 { padding-right: 20px; }
.contents_area.news .pr25 { padding-right: 25px; }
.contents_area.news .pr30 { padding-right: 30px; }
.contents_area.news .pr35 { padding-right: 35px; }

/* pb：下 */
.contents_area.news .pb05 { padding-bottom: 5px; }
.contents_area.news .pb10 { padding-bottom: 10px; }
.contents_area.news .pb15 { padding-bottom: 15px; }
.contents_area.news .pb20 { padding-bottom: 20px; }
.contents_area.news .pb25 { padding-bottom: 25px; }
.contents_area.news .pb30 { padding-bottom: 30px; }
.contents_area.news .pb35 { padding-bottom: 35px; }


/* テキストリンク */
.contents_area.news .news-more a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #0000ff;
}
.contents_area.news .news-more a:before {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	content: "";
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #0b0400;
	height: 0;
	width: 0;
}
.contents_area.news .news-more a:hover { text-decoration: underline; }


/* 画像2枚Ver */
.contents_area.news .tow-column {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.contents_area.news .tow-column div { margin-right: 20px; }
.contents_area.news .tow-column div:last-child { margin-right: 0; }


/* 画像3枚Ver */
.contents_area.news .three-thumbnail .upper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 15px;
}
.contents_area.news .three-thumbnail .upper div { margin-right: 20px; }
.contents_area.news .three-thumbnail .upper div:last-child { margin-right: 0; }
.contents_area.news .three-thumbnail .under { width: 100%; }


.contents_area.news .tow-column { display: block; }
.contents_area.news .tow-column div {
	display: block;
	margin-bottom: 20px;
}
.contents_area.news .tow-column div:last-child { margin-right: 0; }

.contents_area.news .thumbnail {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.contents_area.news .thumbnail div { margin-right: 20px; }
.contents_area.news .thumbnail div:last-child { margin-right: 0; }



.news .ttl {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #231815;
}
.news .ttl span {
	display: block;
	line-height: 20px;
	font-size: 14px;
}
.news .thumbnail { margin-bottom: 15px; }
.news .thumbnail img { width: 100%; }
.news-txt {
	line-height: 23px;
	margin-bottom: 25px;
}
.news-txt:last-child { margin-bottom: 0; }
.news-table01 {
	border:none;
	display: block;
	border-top: 1px solid #f1f1f1;
	border-collapse: collapse;
	width: 100%;
}
.news-table01 tr {
	display: block;
	margin-bottom: 20px;
}

.news-table01 thead { display: none; }

.news-table01 th {
	display: block;
	vertical-align: middle;
	padding: 20px;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	background: #f8f8f8;
	width: auto;
}

.news-table01 tbody tr {
	display: inline-block;
	width: 100%;
}
.news-table01 td {
	display: block;
	vertical-align: middle;
	padding: 15px 10px;
	text-align: left;
	border: 1px solid #f1f1f1;
	border-top: none;
	background: #fff;
	font-size: 13px;
}
/* .news-table01 td br { display: none; } */
.news-table01 td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
}

.news-table02 {
	border:none;
	display: block;
	border-top: 1px solid #f1f1f1;
	border-collapse: collapse;
	width: 100%;
}
.news-table01 tbody,
.news-table02 tbody { display: block; }

.news-table02 tr {
	display: block;
	margin-bottom: 20px;
}
.news-table02 thead { display: none; }
.news-table02 th {
	display: block;
	vertical-align: middle;
	padding: 20px;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	width: auto;
}
.news-table02 tbody tr {
	display: inline-block;
	width: 100%;
}
.news-table02 th { display: none; }
.news-table02 td {
	display: block;
	vertical-align: middle;
	padding: 15px 10px;
	text-align: right;
	border: 1px solid #f1f1f1;
	border-top: none;
	background: #fff;
	font-size: 13px;
}
.news-table02 td.news-table-ttl { background: #f8f8f8; }
.news-table02 td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
}


.contents_area.news .news-table02 td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
}

.contents_area.news .news-table02 a {
	text-decoration: underline;
	color: #3676e0;
}

.news-table03 img {
	width: 150%;
}














.top {
	margin-top: 20px;
}

.bottom {
	margin-bottom: 20px;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ==============================================
 直営店 一覧
=============================================== */

.contents_area.page-shop .ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: block;
	margin: 110px 0 70px;
	padding: 10vw 0 9.4vw;
	text-align: center;
	color: #fff;
	font-size: 25px;
	background: url("../img/shop/main.jpg") no-repeat center top;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	width: 100%;
}
.contents_area.page-shop nav {
	margin-bottom: 50px;
	background: none;
}

.area-list ul {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin: 0 5px;
}
.area-list ul li {
	float: left;
	margin-right: 8px;
	margin-bottom: 15px;
	text-align: center;
	width: 48.71%;
}
.area-list ul li:nth-child(2),
.area-list ul li:nth-child(4),
.area-list ul li:nth-child(6),
.area-list ul li:nth-child(8) { margin-right: 0; }
/*.area-list ul li:last-child {
	margin-bottom: 0;
	width: 100%;
}*/

.area-list ul li a {
	display: block;
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: 1px solid #8b6c1a;
	width: 100%;
}

.page-shop .list-attention {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 20px;
}
.page-shop .list-attention li {
	margin-right: 10px;
	font-size: 11px;
}
.page-shop .list-attention li:last-child { margin-right: 0; }


.shop-news-wrap { margin: 0 0 20px; }

.shop-news-wrap .shop-news-wrap-ttl {
	padding: 3px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #b23322;
	width: 100%;
}
.shop-news-wrap ul {
	overflow: auto;
	padding: 5px 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	background: #fff;
	width: 100%;
	height: 80px;
}
.shop-news-wrap ul li {
	margin-bottom: 13px;
	text-align: left;
	font-size: 16px;
}
.shop-news-wrap ul li:last-child { margin-bottom: 0; }
.shop-news-wrap ul li a:hover { text-decoration: none; }
.shop-news-wrap ul li a .shop-news-name {
	display: block;
	color: #17100e;
}
.shop-news-wrap ul li a .shop-news-ttl {
	display: block;
	color: #aa0000;
	text-decoration: underline;
	width: 100%;
}























.shop-icon {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
	color: #fff;
	line-height: 16px;
	font-size: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 16px;
	height: 16px;
}
.shop-icon.yallow { background: #c6b033; }
.shop-icon.pink { background: #d7035d; }
.shop-icon.green { background: #569800; }

.shop-list-wrap { margin: 0 5px; }
.page-shop .sttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 30px;
	padding: 0 0 0 5px;
	color: #8b6c1a;
	font-size: 4.5vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #8b6c1a;
	width: 100%;
}
.page-shop .sttl.list {
	padding: 0;
	border-bottom: none;
}
.shop-list-wrap .item {
	float: left;
	margin: 0 2% 15px 0;
	width: 49%;
}
.shop-list-wrap .item:nth-child(2),
.shop-list-wrap .item:nth-child(4) { margin-right: 0; }
.shop-list-wrap .thumbnail { margin-bottom: 10px; }
.shop-list-wrap .thumbnail img { width: 100%; }
.shop-list-wrap h4 {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 5px;
	letter-spacing: -1px;
	font-size: 16px;
}
.shop-list-wrap h4 a {
	display: inline-block;
	letter-spacing: 0;
	text-align: left;
	color: #8b6c1a
}
.shop-list-wrap h4 .shop-icon { margin: 4px 0 0 5px; }
.shop-list-wrap .fb {
	display: block;
	margin: 0 0 0 auto;
	text-align: right;
}
.shop-list-wrap .fb img { width: 20px; }
.shop-list-wrap dl { display: none; }
.shop-list-wrap .sp-tel {
	margin-bottom: 10px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #8b6c1a url("../img/shop/ico_tel.png") no-repeat 12px center;
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	background-size: 14px;
}
.shop-list-wrap .sp-tel a { color: #fff; }

.shop-list-wrap .btn a {
	position: relative;
	display: block;
	letter-spacing: 0;
	text-align: center;
	text-decoration: underline;
	letter-spacing: 0;
	line-height: 45px;
	color: #8b6c1a;
	font-size: 13px;
	border: 1px solid #8b6c1a;
	background: #fff;
	width: 100%;
}
.shop-list-wrap .btn a:hover {
	text-decoration: none;
	font-weight: bold;
}
.shop-list-wrap .btn a:after {
	position: absolute;
	display: block;
	content: "";
	top: 17px;
	left: 5%;
	background: url("../img/shop/ico/arrow_down.png") no-repeat;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 7px;
	height: 10px;
}
.shop-list-wrap .btn a .special { font-size: 12px; }


/* ==============================================
 直営店 詳細ページ
=============================================== */

.contents_area.shop-list-detail .shop-main { margin-bottom: 60px; }
.contents_area.shop-list-detail .ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	font-size: 23px;
	color: #8b6c1a
}
.contents_area.shop-list-detail .ttl:after {
	position: absolute;
	content: '';
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	background-image: -webkit-linear-gradient(left, transparent, #8b6c1a 50%, #8b6c1a 50%, transparent);
	background-image: linear-gradient(to right, transparent, #8b6c1a 50%, #8b6c1a 50%, transparent);
	background-position: center;
	background-repeat: no-repeat;
	box-shadow:0px 1px 2px 0px #424242;
	-moz-box-shadow:0px 1px 2px 0px #424242;
	-webkit-box-shadow:0px 1px 2px 0px #424242;
	width: 80%;
	height: 1px;
}

.br_sp {
	display: inline
}
.shop-list-detail .shop-main img { width: 100%; }

.shop-list-detail .column .detail {
	margin-bottom: 30px;
	font-size: 14px;
	width: 100%;
}

.shop-list-detail .column .detail a {
	text-decoration:underline;
	color:#3676e0;
}

.shop-list-detail .column .detail tr:nth-child(odd) { background: #fbfbfb; }
.shop-list-detail .column .detail tr:nth-child(even) { background: #f4f4f4; }
.shop-list-detail .column .detail .hankyu th {
	padding: 30px 0 30px 20px;
	text-align: left;
	border-right: 1px solid #fff;
	width: 27.118644%;
}
.shop-list-detail .column .detail th {
	padding: 30px 0 30px 30px;
	text-align: left;
	border-right: 1px solid #fff;
	width: 27.118644%;
}
.shop-list-detail .column .detail tr.info th { background: #fff4f4; }
.shop-list-detail .column .detail tr.info td {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff6f6;
}
.shop-list-detail .column .detail td {
	vertical-align: middle;
	padding: 10px 20px 10px 30px;
	line-height: 1.5;
}

.shop-list-detail .column { margin: 0 10px; }
.shop-list-detail .column .map {
	margin-bottom: 60px;
	height: 100vw;
}
.shop-list-detail .column .map p {
	margin-bottom: 30px;
	text-align: right;
}
.shop-list-detail .column .map a {
	display: inline-block;
	padding: 5px 25px 5px 20px;
	color: #fff;
	font-size: 12px;
	background: #c8bc8c url("../img/shop/ico_blank.png") no-repeat 92% 5px;
}
.shop-list-detail .column .map a:hover { text-decoration: underline; }

.shop-list-detail .btn-wrap { margin-bottom: 30px; }
.shop-list-detail .btn-wrap a {
	display: block;
	margin: 0 10px 0;
	padding: 10px 0;
	box-shadow:3px 3px 10px -5px #120b12;
	-moz-box-shadow:3px 3px 10px -5px #120b12;
	-webkit-box-shadow:3px 3px 10px -5px #120b12;
	border: 1px solid #917426;
	background: #fff;
}
.shop-list-detail .btn-wrap a span {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: block;
	text-align: center;
}
.shop-list-detail .btn-wrap a .btn-ttl {
	line-height: 13px;
	font-size: 20px;
}
.shop-list-detail .btn-wrap a .tel {
	color: #e13200;
	font-size: 20px;
}
.shop-list-detail .btn-wrap a .attention {
	line-height: 5px;
	font-size: 10px;
}

.shop-list-detail .column dl {
	margin-bottom: 30px;
	padding: 40px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #c1910e;
}
.inner .column { margin: 0 10px; }
.shop-list-detail .column dl dt {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 20px;
}
.shop-list-detail .column dl dd {
	padding: 20px;
	text-align: left;
	line-height: 2;
	letter-spacing: 1px;
	font-size: 14px;
}
.shop-list-detail .column dl dd br { display: none; }

.shop-list-detail .column .sns-fb-wrap {
	margin-bottom: 50px;
	text-align: center;
}


/* shop-card-wrap */

.shop-card-wrap {
	/* display: none; */
	margin: 0 10px 30px;
}
.shop-card-wrap .swiper-container { z-index: 0; }
.swiper-container .shop-card-wrap .swiper-wrapper { z-index: 0; }

.shop-swiper { font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; }
.shop-card-wrap .shop-card-ttl {
	margin-bottom: 10px;
	text-align: center;
	color: #8b6c1a;
	font-size: 20px;
}
.shop-card-wrap .shop-card-sttl {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}
.shop-card-wrap .shop-card-thumbnail {
	margin-bottom: 20px;
	text-align: center;
}
.shop-card-address { font-size: 13px; }
.shop-card-wrap .shop-card-address li:nth-child(2) { margin-bottom: 25px; }
.shop-card-wrap .shop-card-address li:nth-child(3) a {
	display: block;
	margin-bottom: 25px;
	padding: 8px 0;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #8b6c1a url("../img/shop/ico_tel.png") no-repeat 12px center;
	-webkit-background-size: 28px auto;
	-moz-background-size: 28px auto;
	background-size: 28px auto;
	width: 100%;
}
.shop-card-wrap .shop-card-address li:nth-child(3) a { color: #fff; }
.shop-card-wrap .shop-card-more a {
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 46px;
	color: #1b0a0a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #1b0a0a;
	background: #fff url("../img/common/ico_arrow_bk01.png") no-repeat 6% 19px;
	width: 100%;
}
.shop-card-wrap .shop-card-pagination { text-align: center; }
.shop-card-wrap .swiper-pagination-bullet-active { background: #371b00; }


.shop-list-back {
	margin-bottom: 30px;
	background: #fff url("../img/shop/main.jpg") no-repeat left top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.shop-list-back a {
	display: block;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding: 30px 0;
	text-align: center;
	font-size: 23px;
	color: #fff;
}














#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	font-size: 12px;
}
#page-top a {
	background: rgba(212,159,56,0.8);
	text-decoration: none;
	color: #fff;
	width: 44px;
	padding: 8px 0 15px;
	text-align: center;
	display: block;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#page-top a:hover {
	text-decoration: none;
	background: #e6ae41;
}
#page-top img {
	vertical-align: middle;
	width: 25px;
}

.foot-wrap {
	letter-spacing: 0;
	border-top: 1px solid #170f0b;
	background: #fffefc;
	width: 100%;
}
.foot-wrap .ttl {
	margin-bottom: 30px;
	text-align: left;
	color: #17100e;
	font-size: 14px;
}

.foot-list-wrap.upper {
	padding: 40px 0;
	background: #fffefc;
}
.foot-list-wrap.middle { background: #170f0b; }
.foot-list-link {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	margin: 0 auto;
	width: 1200px;
}
.foot-list-link ul {
	float: left;
	margin-right: 70px;
}
.foot-list-link ul li {
	text-align: left;
	font-size: 12px;
}
.foot-list-link ul li a {
	line-height: 2.3;
	color: #17100e;
}
.foot-list-link ul li a:hover {
	text-decoration: underline;
	color: #17100e;
}
.foot-list-link .foot-gift .last { margin-right: 0; }

.foot-list-wrap.middle ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	margin: 0 auto;
	width: 1200px;
}
.foot-list-wrap.middle ul li {
	text-align: center;
}
.foot-list-wrap.middle ul li a {
	display: block;
	line-height: 76px;
	color: #fff;
	width: 300px;
}

.foot-sns-wrap .foot-sns-inner {
	margin: 0 auto;
	width: 1200px;
}

.foot-sns-wrap .ttl {
	color: #17100e;
	font-size: 12px;
}

.foot-sns-wrap .foot-sns-fb {
	float: left;
	width: 340px;
}
.foot-sns-wrap .foot-sns {
	float: left;
	padding: 30px 0 0;
	text-align: center;
	width: 860px;
}
.foot-sns-wrap .foot-sns .ttl {
	margin-bottom: 12px;
	text-align: center;
	color: #17100e;
	font-size: 12px;
}
.foot-sns-wrap .foot-sns ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.foot-sns-wrap .foot-sns ul li {
	margin-right: 20px;

}
.foot-sns-wrap .foot-sns ul li:last-child { margin-right: 0; }
.foot-sns-wrap .foot-sns ul li a {
	display: block;
	padding: 9px 9px 4px;
/* 	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; */
	/* background: #f4f1e9; */
}
.foot-sns-wrap .foot-sns ul li img { width: 28px; }

.foot-list-wrap.under {
	padding: 20px 0;
	background: #0b0400;
}
.foot-list-wrap.under ul {
	margin: 0 auto;
	width: 1200px;
}
.foot-list-wrap.under ul li {
	float: left;
	margin-right: 70px;
	line-height: 26px;
	text-align: left;
	font-size: 12px;
}
.foot-list-wrap.under ul li:last-child { margin-right: 0; }
.foot-list-wrap.under ul li a { color: #fff; }
.foot-list-wrap.under ul li a:hover { text-decoration: underline; }

.foot-wrap .foot-logo-list {
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	padding: 30px 0 10px;
	line-height: 0;
	width: 1200px;
}
.foot-logo-list li:nth-child(1) {
	text-align: center;
	width: 100px;
}
.foot-logo-list li:nth-child(2) { margin-left: auto; }

.foot-logo-list li ul {
	display: -webkit-flex;
	display: flex;
	margin: 0 auto 20px;
	margin-left: auto;
}
.foot-logo-list li ul li:nth-child(2) { margin-left: 20px; }

#copyright {
	width: 100%;
	padding: 8px 0;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	background: #0b0400;
}


/* #footer { display: none; } */
/* #footer.sp { display: block; } */
.foot-list-wrap.upper { padding: 15px 10px ; }
.foot-wrap .ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 5px;
}
.foot-list-link {
	display: block;
	width: 100%;
}
.foot-list-link section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.foot-list-link section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.foot-list-link ul {
	float: none;
	margin-right: 0;
	text-align: left;
}
.foot-list-link ul li {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: inline-block;
	float: none;
	margin-right: 2%;
}
.foot-list-link ul li a { line-height: 1.5; }

.foot-list-link .foot-category { width: 100%; }

.foot-list-wrap.middle ul {
	display: block;
	width: 100%;
}
.foot-list-wrap.middle ul li {
	display: inline-block;
	width: 50%;
}
.foot-list-wrap.middle ul li a {
	line-height: 50px;
	font-size: 12px;
	width: 100%;
}
.foot-sns-wrap .foot-sns-inner {
	padding: 10px 0;
	width: 100%;
}
.foot-sns-wrap .foot-sns-fb {
	float: none;
	text-align: center;
	width: 100%;
}
.foot-sns-wrap .foot-sns {
	float: none;
	padding-top: 0;
	width: 100%;
}
.foot-list-wrap.under { padding: 10px; }
.foot-list-wrap.under ul { text-align: left; }
.foot-list-wrap.under ul li {
	position: relative;
	display: inline-block;
	float: none;
	letter-spacing: normal;
	margin-right: 2%;
	line-height: 1.5;
	font-size: 10px;
}
.foot-wrap .foot-logo-list {
	padding: 30px 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.foot-list-wrap.middle ul {
	display: block;
	width: 100%;
}
.foot-list-wrap.middle ul li {
	display: inline-block;
	width: 49%;
}
.foot-list-wrap.middle ul li a {
	line-height: 50px;
	font-size: 12px;
	width: 100%;
}
.foot-list-wrap.under { padding: 10px; }
.foot-list-wrap.under ul {
	text-align: left;
	width: 100%;
}
.foot-list-wrap.under ul li {
	position: relative;
	display: inline-block;
	float: none;
	letter-spacing: normal;
	margin-right: 2%;
	line-height: 1.5;
	font-size: 10px;
}





.pure-container.sp_page { height: auto; }
.sp_page .pure-toggle-label {
	display: block;
	/* position: absolute; */
	/* top: -66px; */
	border-radius: 0;
	border: none;
	background: #1a1800;
	width: 70px;
	height: 56px;
}
.sp_page .pure-toggle-label[data-toggle-label='right'] {
	display: block;
	top: 20px;
	right: 0;
}

.sp_page .pure-toggle-label:hover .pure-toggle-icon, .sp_page .pure-toggle-label:hover .pure-toggle-icon:before, .sp_page .pure-toggle-label:hover .pure-toggle-icon:after { background: #fff; }
.sp_page .pure-toggle-label .pure-toggle-icon, .sp_page .pure-toggle-label .pure-toggle-icon:before, .sp_page .pure-toggle-label .pure-toggle-icon:after { background: #fff; }

.sp_page .pure-drawer { background: url("../img/common/bg_nav_slide.jpg") repeat ; }

.sp_page .sp-main-nav {
	overflow: auto;
	height: 100%;
	min-height: 100%;
}

/* .drawer-head-wrap.nnone,
.drawer-head-login.nnone { display: none; } */

.drawer-head-wrap { margin: 20px 0 40px 10px; }
.drawer-head-wrap .ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-right: 10px;
	display: block;
	float: left;
	width: 80px;
}
.drawer-head-wrap .ttl a {
	margin-right: 10px;
	width: 100%;
}
.drawer-head-wrap .tel {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: block;
	float: left;
	padding: 7px 0 0;
}
.drawer-head-wrap .tel a { font-size: 20px; }
.drawer-head-wrap .tel a span {
	display: block;
	line-height: 0;
	font-size: 10px;
}

.drawer-head-login .ttl {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
}
.drawer-head-login ul {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
}
.drawer-head-login ul li {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	float: left;
	text-align: center;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.drawer-head-login ul li:nth-child(1),
.drawer-head-login ul li:nth-child(2) {
	border-bottom: 1px solid #dcdcdc;
	width: 50%;
}
.drawer-head-login ul li:nth-child(3),
.drawer-head-login ul li:nth-child(4),
.drawer-head-login ul li:nth-child(5) { width: 33.33%; }

.drawer-head-login ul li:nth-child(1) { border-right: 1px solid #dcdcdc; }
.drawer-head-login ul li:nth-child(3),
.drawer-head-login ul li:nth-child(4) { border-right: 1px solid #dcdcdc; }

.drawer-head-login ul li a {
	display: block;
	line-height: 3;
	background: #fff;
	width: 100%;
}
.drawer-head-login ul li:nth-child(1) a {
	background: #fff url("../img/common/ico_login_bk.png") no-repeat 10px center;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-size: 12px auto;
}
.drawer-head-login ul li:nth-child(2) a {
	background: #fff url("../img/common/ico_lognew_bk.png") no-repeat 10px center;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-size: 12px auto;
}

.drawer-head-login ul li:nth-child(3) a,
.drawer-head-login ul li:nth-child(4) a,
.drawer-head-login ul li:nth-child(5) a {
	position: relative;
	font-size: 11px;
}

.drawer-head-login ul li:nth-child(3) a:before,
.drawer-head-login ul li:nth-child(4) a:before,
.drawer-head-login ul li:nth-child(5) a:before {
	position: absolute;
	top: 14px;
	left: 6px;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2px 0 2px 4px;
	border-color: transparent transparent transparent #767676;
}









.sp_page .sp-main-nav ul li {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	border-bottom: 1px solid #e4decf;
}
.sp_page .sp-main-nav ul a {
	display: block;
	padding-left: 30px;
	text-align: left;
	line-height: 60px;
	color: #1e1600;
	font-size: 14px;
	background: url("../img/common/ico_arrow_bk01.png") no-repeat 90% center;
}
.sp_page .sp-main-nav ul a:last-child { border-bottom: none; }

.sp_page #top-entry-login .inner { width: 100%; }
.sp_page #top-entry-login .top-login-column { display: block; }
.sp_page #top-entry-login .top-login-column .top-entry-area { width: 100%; }
.sp_page #top-entry-login .top-login-column .top-entry-area.amazon {
	margin: 0 0 20px 0;
}
.sp_page #top-entry-login .top-login-column .top-entry-area.guest { float: none; }

.handmade_pc{
	display: none;
}

.handmade_sp{
	display: block;
}

.handmade_sp span{
	font-size: 14px;
}

.pc { display: none; }