@charset "UTF-8";
/* CSS Document */

/*ALL
--------------------------------------------------*/
div,p,h1,h2,h3,h4,ul,li,dl,dt,dd,ol,table,th,td,form,input,fieldset,a,article,nav{
	margin:0;
	padding:0;
	/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/
	/*-webkit-touch-callout:none;*/
	box-sizing:border-box;
}
fieldset{
	border:none;
}
.wrapper{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
.clear{
	clear:both;
}
.clearfix{
	height:1%;
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
}
a{
	color:#961a1a;
}
a img{
	border:none;
}
img{
	width:100%;
	height:auto;
}
li{
	list-style:none;
}
#footer{
	background:url(../images/common/footer_bg.jpg) top;
}
#footer .nav{
	background:#fff;
	box-sizing:border-box;
}
#footer .nav li{
	display:inline-block;
	font-size:12px;
	border-right:1px #961a1a solid;
	padding:2px 5px;
}
#footer .nav ul li:last-child{
	border:none;
}
#footer .copyright{
	background:#343232;
	color:#fff;
	border-bottom:2px #bf1e21 solid;
	margin-top:10px;
}
form input[type="text"],
form textarea{
	box-sizing: border-box;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
form input[type="submit"],
form input[type="reset"],
form input[type="button"]{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	box-sizing: border-box;
	display: inline-block;
}
#pankuzu{
	clear: both;
	text-align: left;
}
#pankuzu ul{
	padding: 10px 10px 0 10px;
}
#pankuzu li{
	display: inline-block;
	font-size: 12px;
}
#pankuzu li a{
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 5px;
}
#pankuzu li a:before{
	position: absolute;
	content: " ";
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 0%;
	margin-top: -4px;
}
/*LAYOUT---------------------------*/
body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	line-height:1.4;
	text-align:center;
	margin:0;
	padding:0;
	color:#47414e;
	font-size-adjust:100%;
	width:100%;
	background-image:url(../images/common/bg.gif);
	background-repeat:repeat;
	background-position:center top;
	position: relative;
}
/**HEADER**/
#header{
	position:relative;
}
#header .head_text{
	font-size:12px;
	font-weight:normal;
	background:#fff;
}
#header .logo a{
	display:inline-block;
	position:relative;
}
#header .logo a img:nth-child(2){
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#header .reg_serect{
	position:absolute;
	z-index:5;
}
#header .reg_serect ul,
#header .area_serect ul{
	position:relative;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	background:rgb(224,97,97);
}
#header .reg_serect ul.active,
#header .area_serect ul.active{
	height:auto;
	max-height:500px;
	z-index:5;
}
#header .reg_serect li a,
#header .area_serect li a{
	background:rgb(224,97,97);
}
#header .reg_serect li a:hover,
#header .area_serect li a:hover{
	background:rgb(164,50,50);
}
#header .reg_serect li.on{
	background:rgb(147,29,29);
}
#header .area_serect li.on{
	background:rgb(52,50,50);
}
#header .reg_serect a,
#header .reg_serect span,
#header .area_serect a,
#header .area_serect span{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
#header .reg_serect span{
	background-image:url(../images/common/open_arrow.png);
	background-repeat:no-repeat;
	background-position: right;
	background-size:15px auto;
}
#header .reg_serect .active span{
	background-image:url(../images/common/close_arrow.png);
	background-repeat:no-repeat;
	background-position: right;
	background-size:15px auto;
}
#header .member{
	position:absolute;
	z-index:5;
}
#header .member li{
	display:inline-block;
}
#header .member li a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:rgb(147,29,29);
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
#header .member li a:hover{
	background:rgb(52,50,50);
}
#header .search_box{
	text-align:center;
	line-height:1;
	font-size:0;
	display:table;
	padding:40px 10px 10px 10px;
	width:100%;
}
#header .search_box .categ_btn{
	width:72px;
}
#header .search_box .categ_btn,
#header .search_box .input_box,
#header .search_box .submit{
	display:table-cell;
	vertical-align:middle;
	line-height:1;
	font:0;
}
#header .search_box .categ_btn span{
	display:inline-block;
	width:34px;
	height:34px;
	background:#999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:2px;
}
#header .search_box .categ_btn span.on,
#header .search_box .categ_btn span:hover{
	background:#47414e;
}
#header .search_box .input_box{
	width: auto;
	padding:2px 10px 0 10px;
}
#header .search_box .input_box .off{
	display:none;
}
#header .search_box .input_box input[type="text"]{
	padding:6px 10px;
	line-height:1;
	width:100%;
	font-size:16px;
}
#header .search_box .submit{
	background:rgb(147,29,29);
	font-size:0;
	line-height:1;
	width:34px;
	height:34px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:2px;
}
#header .search_box .submit:hover{
	background:rgb(52,50,50);
}
/**MAIN IMAGE SLIDER**/
#mainimage{
	height:36.3vw;
}
#mainimage .flex-viewport{
	display:block;
	height:36.3vw;
	min-height:36.3vw;
}
#mainimage .flex-viewport li{
	overflow:hidden;
	height:36.3vw;
	min-height:36.3vw;
}
/**20170830追記ここから**/
#mainimage .flex-viewport li a{
	display: block;
}
/**20170830追記ここまで**/
#mainimage .flex-direction-nav,
#mainimage .flex-control-nav{
	display:none;
}
/**CONTENTS**/
#contents .sect_title{
	background-image:url(../images/common/sect_title_bg.png);
	background-repeat:repeat;
	position:relative;
	padding:5px 10px;
	background-color:#262525;
	color:#fff;
}
#contents .sect_title.pink{
	background-color:#e06162;
}
#contents .sect_title a{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-12px;
	display:inline-block;
	padding:3px 10px;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:rgb(147,29,29);
	color:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
#contents .sect_title a:hover{
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	background:rgb(71,65,78);
}
#contents #main_column .sect_title{
	font-size:16px;
}
#contents #main_column .sect_title img{
	width: auto;
	height: 20px;
    vertical-align: sub;
}
#contents .sp_more_btn{
	display:none;
}
#popup_contents iframe{
	height: 80vh;
}
#popup_body{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: auto;
	z-index: 9998;
	background: rgba(0,0,0,0.6);
}
#popup_contents{
	display: none;
	position: fixed;
	width: 90%;
	left: 5%;
	top: 10%;
	z-index:9999;
	background: #fff;
}
/*20170822修正ここから*/
#popup_close{
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 9999;
	cursor: pointer;
	background: #333;
	color: #fff;
	padding: 5px;
}
/*20170822修正ここまで*/
.cont_availability,
.cont_bookmark{
	display: none;
}
.cont_availability.active,
.cont_bookmark.active{
	display: block;
	position: relative;
	z-index:9999;
}
/*20170830追記ここから*/
/*CREDIT----------*/
#shop_data .credit_btn a{
	display: block;
	text-decoration: none;
	text-align: center;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:rgb(147,29,29);
	color:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	margin-bottom: 5px;
	/*20171005追記ここから*/
	font-size: 0;
	line-height: 1;
	/*20171005追記ここまで*/
}
#shop_data .credit_btn a:hover{
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
#shop_credit .credit_wrp{
	text-align: left;
}
#shop_credit .credit_wrp .head_text{
	padding: 10px;
}
#shop_credit .credit_wrp .head_text span{
	color: #ff0000;
}
#shop_credit .art_title{
	font-size: 16px;
}
#shop_credit .credit_wrp .list{
	border: 2px #ccc solid;
	padding: 2px;
	background: rgba(255,255,255,0.9);
	color: #333;
}
#shop_credit .credit_wrp .list li{
	padding-bottom: 10px;
}
#shop_credit .credit_wrp .list .title{
	font-size: 15px;
	border-bottom: 1px #000 solid;
	color: #333;
	font-weight: bold;
	text-indent: -30px;
	margin-left: 30px;
}
#shop_credit .credit_wrp .list .title span{
	background: #333;
	display: inline-block;
	width: 25px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-right: 5px;
	text-indent: 0;
}
#shop_credit .credit_wrp .list .text{
	padding: 10px;
}
#shop_credit .credit_wrp .list .text strong{
	display: inline-block;
	padding: 0 3px;
	font-size: 15px;
	color: #ff0000;
}
#shop_credit .credit_wrp #settle{
	padding: 10px 5px 0 5px;;
}
#shop_credit .credit_wrp #settle .box{
	padding: 0;
	border: 1px #931d1d solid;
}
#shop_credit .credit_wrp #settle .boxtrg span{
	display: block;
	background: #931d1d;
	color: #fff;
	padding: 3px 10px;
}
#shop_credit .credit_wrp #settle .boxtrg b{
	display: none;
}
#shop_credit .credit_wrp .button{
	text-align: center;
}
#shop_credit .credit_wrp .button a{
	display: inline-block;
	color: #fff;
	background-color: #931d1d;
	text-decoration: none;
	padding: 10px;
	margin-top: 15px;
}
/*20170830追記ここまで*/
/**20170908追記**/
#header.mini .search_box{
	padding-top: 0;
}
#header.mini .reg_serect,
#header.mini .area_serect{
	display: none;
}
/*MEDIA QUERIES
--------------------------------------------------*/
/*smartphone*/
@media (max-width: 640px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:14px;
		min-width:320px;
		max-width:640px;
	}
	/*20170823追記ここから*/
	#popup_contents .popup_cont{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		height: auto;
	}
	/*20170823追記ここまで*/
	/**HEADER**/
	#header .head_text{
		position:relative;
		overflow:hidden;
	}
	#header .head_text:after{
		content:"";
		white-space:nowrap;
		display:inline-block;
	}
	#header .head_text span{
		position:absolute;
		white-space:nowrap;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:20s;
		animation-iteration-count:infinite;
		display:inline-block;
	}
/**20170908修正ここから*/
	#header .logo_box{
		margin:/*20px auto 10px auto;*/0;
		width:/*228*/180px;
	}
/**20170908修正ここまで**/
	#header .reg_serect{
		right:0;
		top:110px;
		width:50%;
	}
	#header .reg_serect ul,
	#header .area_serect ul{
		overflow:hidden;
		font-size:18px;
		padding-top:35px;
		height:35px;
		max-height:35px;
	}
	#header .reg_serect li.on,
	#header .area_serect li.on{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		text-align:center;
		height:35px;
	}
	#header .reg_serect a,
	#header .reg_serect span,
	#header .area_serect a,
	#header .area_serect span{
		padding:3px 0;
		display:block;
		border:1px #fff solid;
		margin:1px;
	}
	#header .area_serect{
		position:absolute;
		left:0;
		top:110px;
		width:50%;
	}
	#header .area_serect span{
		background-image:url(../images/common/open_arrow.png);
		background-repeat:no-repeat;
		background-position: right;
		background-size:15px auto;
	}
	#header .area_serect .active span{
		background-image:url(../images/common/close_arrow.png);
		background-repeat:no-repeat;
		background-position: right;
		background-size:15px auto;
	}
	#header .member{
		top:16px;
		right:0;
	}
	#header .member li a{
		padding:6px 0;
		width:70px;
	}
	/**MAIN IMAGE SLIDER**/
	#mainimage{
		min-height:116px;
	}
	#mainimage .flex-viewport{
		min-height:116px;
	}
	#mainimage .flex-viewport li{
		min-height:116px;
	}
	/**CONTENTS**/
	#contents .sect_title{
		font-size:18px;
	}
	#contents .sect_title a{
		display:none;
	}
	#contents .sp_more_btn{
		display:block;
		text-align:center;
		background:#961a1a;
		padding:1px;
		margin:10px 0 30px 0;
	}
	#contents .sp_more_btn a{
		display:block;
		border:1px #fff solid;
		padding:5px 10px;
		font-size:16px;
		text-decoration:none;
		color:#fff;
	}
	/**FOOTER**/
	#footer{
		width:100%;
		padding-top:10px;
		font-size:11px;
	}
	#footer .copyright{
		font-size:11px;
	}
	/*AREA---------------------------*/
}
/*tablet*/
@media (min-width: 641px) and (max-width: 893px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:14px;
		min-width:641px;
		max-width:893px;
	}
	/**HEADER**/
	#header .head_text{
		position:relative;
		overflow:hidden;
	}
	#header .head_text:after{
		content:"";
		white-space:nowrap;
		display:inline-block;
	}
	#header .head_text span{
		position:absolute;
		white-space:nowrap;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:20s;
		animation-iteration-count:infinite;
		display:inline-block;
	}
/**20170908修正ここから**/
	#header .logo_box{
		margin:/*10px auto;*/0;
		width:/*228*/200px;
	}
/**20170908修正ここまで**/
	#header .reg_serect{
		right:0;
		top:110px;
		width:50%;
	}
	#header .reg_serect ul,
	#header .area_serect ul{
		overflow:hidden;
		font-size:18px;
		padding-top:35px;
		height:35px;
		max-height:35px;
	}
	#header .reg_serect li.on,
	#header .area_serect li.on{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		text-align:center;
		height:35px;
	}
	#header .reg_serect a,
	#header .reg_serect span,
	#header .area_serect a,
	#header .area_serect span{
		padding:3px 0;
		display:block;
		border:1px #fff solid;
		margin:1px;
	}
	#header .area_serect{
		position:absolute;
		left:0;
		top:110px;
		width:50%;
	}
	#header .area_serect span{
		background-image:url(../images/common/open_arrow.png);
		background-repeat:no-repeat;
		background-position: right;
		background-size:15px auto;
	}
	#header .area_serect .active span{
		background-image:url(../images/common/close_arrow.png);
		background-repeat:no-repeat;
		background-position: right;
		background-size:15px auto;
	}
	#header .member{
		top:16px;
		right:0;
	}
	#header .member li a{
		padding:6px 0;
		width:70px;
	}
	/**MAIN IMAGE SLIDER**/
	/**FOOTER**/
	#footer{
		width:100%;
		padding-top:10px;
		font-size:11px;
	}
	#footer .copyright{
		font-size:11px;
	}
	/*AREA---------------------------*/
}
/*PC*/
@media (min-width: 894px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:13px;
		min-width:1130px;
	}
	.wrapper{
		max-width:1130px;
		overflow:hidden;
		text-align:left;
	}
	#footer{
		padding-top:10px;
	}
	#footer .nav{
		margin:0 auto;
		padding:5px 10px;
		max-width:960px;
	}
	/*AREA---------------------------*/
	/**HEADER**/
	#header{
		margin-bottom:10px;
	}
	#header:after{
		content:"";
		display:block;
		clear: both;
	}
	#header .head_text{
		padding-left:130px;
	}
	#header .logo_box{
		background:#fff;
		width:350px;
		min-height:47px;
		float:left;
		-moz-border-radius-bottomright:8px;
		-moz-border-radius-bottomleft:8px;
		-webkit-border-bottom-right-radius:8px;
		-webkit-border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		border-bottom-left-radius:8px;
		padding:10px 15px;
		position:relative;
	}
/**20170908追加ここから**/
	#header.mini .logo_box{
		width:240px;
	}
/**20170908追加ここまで*/
	#header .logo{
		width:210px;
		margin-top:-23px;
	}
	#header .logo img{
		width:100%;
	}
	#header .reg_serect{
		right:15px;
		top:20px;
		width:100px;
	}
	#header .reg_serect ul{
		font-size:14px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		overflow:hidden;
		padding-top:26px;
		height:26px;
		max-height:26px;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition:all 0.3s;
	}
	#header .reg_serect ul.active{
		height:auto;
		max-height:500px;
		z-index:51;
	}
	#header .reg_serect li.on{
		position:absolute;
		top:0;
		left:0;
		width:100px;
		text-align:center;
		height:27px;
	}
	#header .reg_serect a,
	#header .reg_serect span{
		color:#fff;
		text-decoration:none;
		display:block;
		padding:3px 15px 3px 0;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}
	#header .area_serect{
		display:inline-block;
		padding:20px 10px;
		float:left;
	}
	#header .area_serect ul{
		background:none;
	}
	#header .area_serect li{
		display:inline-block;
	}
	#header .area_serect li a,
	#header .area_serect li span{
		background:rgb(147,29,29);
		font-size:14px;
		display:inline-block;
		padding:3px 13px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition:all 0.3s;
	}
	#header .area_serect li a:hover{
		background:rgb(71,65,78);
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#header .area_serect li.on span{
		background:#343232;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#header .area_serect li.on span:hover{
		cursor:default;
	}
/**20170908修正ここから**/
	#header .search_box,#header.mini .search_box{
		float:right;
		width:460px;
		text-align:right;
		padding:20px 15px 0 0;
	}
/**20170908修正ここまで**/
	#header .search_box .categ_btn{
		width:auto;
	}
	#header .search_box .input_box{
		width:240px;
	}
	#header .search_box .input_box input[type="text"]{
		font-size:14px;
	}
	#header .member{
		top:0;
		right:0;
	}
	#header .member li a{
		padding:3px 0;
		width:120px;
	}
	/**MAIN IMAGE SLIDER**/
	#mainimage{
		min-height:410px;
		max-height:410px;
	}
	#mainimage .flex-viewport{
		min-height:410px;
		max-height:410px;
	}
	#mainimage .flex-viewport li{
		min-height:410px;
		max-height:410px;
	}
	/**CONTENTS**/
	#contents{
		margin-bottom:40px;
		padding-bottom:30px;
	}
	#contents:after{
		content:"";
		display:block;
		clear: both;
	}
	#main_column{
		width:875px;
		padding:10px 0;
		box-sizing: border-box;
		
	}
	#main_column.right{
		float: right;
		padding-right: 15px;
	}
	#main_column.left{
		float: left;
		padding-left: 15px;
	}
	#side_column{
		width:255px;
		padding: 10px 15px;
		float: left;
	}
	#contents .sect_title{
		font-size:14px;
	}
	#side_column .sect_title a{
		font-size:12px;
	}
}