@charset "utf-8";

.bg_box{width: 100%;
	height: 100vh;
	position: fixed; top:0;
	background: url("../img/mv_img_bg_l3.jpg");
	background-size: 3840px auto;
	background-position: center top;
	z-index: -99;}

.top_logo{height: calc(100px - 10px);
	padding: 5px 0;
	margin-top: 50px;
	text-align: center;
	background: rgba(255,255,255,0.80);}
	
.top_logo img{height: 100%;}

/* qa */
.qa_block1{width: calc(100% - 10px);
	margin: 0 auto;
	padding: 0 0 10px;
	background: rgba(0,0,0,1.00);}

.block_q{padding:5px;
	background: rgba(255,255,255,0.30);
	}

.qa_a{padding: 0 5px 5px;}

.qa_mark{width: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;}
	
.qa_text{font-size: 14px;
	line-height: 22px;
	text-align: left;}

.qa_text a{color: rgba(0,155,255,1.00);}

.qa_text a:hover{color: rgba(255,118,0,1.00);}

.qa_text2{font-size: 14px;
	line-height: 20px;
	padding-top: 10px;}

/* goods */
.goods_block1{width: calc(50% - 20px);
	padding: 10px;
	overflow: hidden;
	background: rgba(0,0,0,0.80);
	float: left;}
	
.goods_img{width: 220px;
	height: 220px;
	float: left;}
	
.goods_img img{width: 100%;}

.goods_text{width: calc(100% - 230px);
	padding-left: 10px;
	float: left;}

.goods_name{width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}
	
.goods_price{font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	padding: 5px 0;
	text-align: left;}

.goods_comment{text-align: left;}

.goods_info_bd{clear: both;width: 100%;
	font-size: 16px;
	font-weight: 500;
	padding: 20px 0;
	border-top: rgba(255,255,255,1.00) double 4px;
	border-bottom: rgba(255,255,255,1.00) double 4px;}

.goods_block_bd{width: calc(90% - 20px);
	padding: 10px;
	margin: 10px auto 0;
	overflow: hidden;
	background: rgba(0,0,0,0.80);}
	
.goods_img_bd{width: 40%;
	float: left;}

.goods_img_bd img{width: 100%;}

.goods_text_bd{width: calc(60% - 10px);
	padding-left: 10px;
	float: left;}

.goods_block2{width: calc(25% - 24px);
	padding: 10px;
	margin: 2px;
	overflow: hidden;
	background: rgba(0,0,0,0.80);
	float: left;}

.goods_block2 .goods_img{width: 100%;
	height: auto;
	float: none;}
	
.goods_block2 .goods_img img{width: 100%;}
	
.goods_block2 .goods_text{width: 100%;
	padding-left: 0;
	float: none;}
	
.goods_block2 .goods_name{min-height: 54px;
	font-size: 13px;
	line-height: 18px;
	border-bottom: none;
	padding: 5px 0 0 0;}

.item_info1{padding: 5px;
	line-height: 20px;
	text-align: left;}

.item_info1_title{font-weight: 500;
	padding-bottom: 5px;}

.item_info1_img{width: 300px;}

.item_info1_img img{width: 100%;}

.item_info1_address{width: 100%;
	margin: 10px auto;
	padding: 10px 0;
	line-height: 22px;
	border-top: rgba(255,255,255,0.40) double 4px;
	border-bottom: rgba(255,255,255,0.40) double 4px;}

/* アンケート */
.enq_text{width: calc(100% - 20px);
	padding: 0 10px;
	text-align: left;}

label{cursor: pointer;}

@media screen and ( max-width:736px )
{
.menu-btn {
    position: fixed;
    top: 5px;
    right: 5px;
    display: block;
    width: 40px;
    height: 40px;
	padding:10px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
	background:rgba(0,0,0,0.80);
    z-index: 99;
}

.drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: -200px;
    width: 200px;
    height: 100vh;
    padding: 80px 0 140px;
    background: #222;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    /*-webkit-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);*/
	overflow-y:scroll;
    opacity: 1;
	z-index:10;
}

.top_logo{height: 60px;
	padding: 5px 0;
	margin-top: 0;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.qa_mark{width: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;}
	
.qa_text{font-size: 12px;
	line-height: 20px;
	text-align: left;}
	
.qa_text a:hover{color: rgba(0,155,255,1.00);}

.qa_text2{font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	text-align: center;}
	
/* goods */
.goods_block1{width: calc(100% - 20px);
	padding: 20px 10px;
	overflow: hidden;
	background: rgba(0,0,0,0.80);
	float: none;}
	
.goods_img{width: calc(100% - 20px);
	max-width: 380px;
	height: auto;
	margin: 0 auto;
	float: none;}
	
.goods_img img{width: 100%;}

.goods_text{width: calc(100% - 20px);
	margin: 10px auto;
	float: none;}

.goods_name{width: 100%;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}
	
.goods_price{font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	padding: 5px 0;
	text-align: left;}

.goods_info_bd{clear: both;width: 100%;
	font-size: 14px;
	font-weight: 500;
	padding: 20px 0;
	border-top: rgba(255,255,255,1.00) double 4px;
	border-bottom: rgba(255,255,255,1.00) double 4px;}
	
.goods_info_bd_text{width: calc(100% - 20px);
	padding: 0 10px;}
	
.goods_block_bd{width: calc(100% - 20px);
	padding: 10px;
	margin:10px 0 0 0;
	overflow: hidden;
	background: rgba(0,0,0,0.80);}
	
.goods_img_bd{width: calc(100% - 20px);
	max-width: 380px;
	float: none;
	margin: 0 auto;}

.goods_img_bd img{width: 100%;}

.goods_text_bd{width: calc(100% - 20px);
	padding-left: 0;
	margin: 10px auto;
	float: none;}
	
.goods_block2{width: calc(50% - 30px);
	padding: 10px;
	margin: 5px;
	overflow: hidden;
	background: rgba(0,0,0,0.80);
	float: left;}
	
.goods_block2 .goods_name{min-height: 54px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: none;
	padding: 0;}
	
.item_info1_img{width: 100%;}
}