@charset "UTF-8";

/* SPコンテンツ 表示／非表示 */
.sp { display: block !important; }
.no-sp { display: none !important; }
.pc { display: none !important; }


/* [common] margin */
.mt0{
	margin-top:0;
	}
.mt25{
	margin-top:25px;
	}
.mb50{margin-bottom:0;}

/* [common] imgタグ */
img{
	max-width: 100%;
	height: auto;
	width: auto;
	}

	
#wrap{
	padding-top:50px;
	}
	
	.slide {
		width: 100%;
		overflow: hidden;
	}
	
/* [HOME] 重要なお知らせ */
#slide_info {
	height: auto;
	}
#slide_info .inner {
	padding: 10px 0 10px;
	}
	#Contents{
		width:100%;
		padding-top:0;
		padding-bottom:0;
		/*padding-top:250px;*/
	}
	/*
	.slide_wrap {
		width: 100%;
		position: static;
		left: 0;
		margin-left: 0;
	}*/
	
	
	#slide_info {
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(160,15,15,0.70);
		/*border-top: 2px solid rgba(255,0,0,0.50);
		border-bottom: 2px solid rgba(255,0,0,0.50);*/
		width: 100%;
		height: auto;
		text-align: center;
		box-shadow: 0 3px 8px rgba(0,0,0,0.40);
		overflow: hidden;
		}
		#slide_info .inner {
			box-sizing: border-box;
			width: 100%;
			padding: 10px 8px 6px;
			}
			#slide_info p {
				font-size: 11px;
				color: #FFF;
				font-weight: normal;
				text-align: left;
				line-height: 1.4;
				}
				#slide_info p span {
					display: inline-block;
					margin-right: 8px;
					margin-bottom: 4px;
					padding: 2px 8px 1px;
					font-size: 10px;
					color: rgba(185,0,3,1.00);
					font-weight: bold;
					background-color: #FFF;
					text-align: center;
					border-radius: 3px;
					line-height: 1.2;
					}
	
	
	/*
	#slide_info p span {
		display: block;
		margin-right: 0;
		padding: 3px 8px 2px;
		font-size: 12px;
		font-weight: bold;
		color: rgba(185,0,3,1.00);
		font-weight: bold;
		background-color: #FFF;
		text-align: center;
		border-radius: 0;
		}
	#slide_info p {
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-align: left;
	}*/
	#header .hnav,
	#navigation_box{
		display:none;
		}
	
	#side_contents{
		/*display:none;*/
		display:block;
		float: none;
		width: 90%;
		margin: 0 auto;
		}
		.sub_contents {
			width:100%;
			margin-bottom:70px;
			padding-bottom:70px;
			border:none;
			border-bottom: 1px solid #E2E2E2;
		}
		.sub_contents h2 {
			width:100%;
		}
		/*.sub_contents .sub_box,*/
		.sub_contents.calendar .sub_box,
		.sub_contents.shopinfo p, 
		.sub_contents .sub_box table,
		.sub_contents .sub_box table th, .sub_contents .sub_box table td{
			text-align:center;
		}
	#side_contents .facebook {
		display:none;
		}
	
	#main_contents{
		float:none;
		margin:0 auto;
		width:90%;
		}
	.slide_all {
		height: auto;
	}
	
	/* SP専用メニュー */
	#sp_sub_contents_nav {
		display: block;
		position: relative;
		width: 94%;
		margin: 0 auto 2em;
		overflow: hidden;
		}
		#sp_sub_contents_nav li {
			float: left;
			width: 46%;
			margin: 0 2%;
			padding-bottom: 4px;
			line-height: 1;
			}
			#sp_sub_contents_nav li a {
				display: block;
				width: 100%;
				padding: 9px 0 6px;
				background-color: #28acf1;
				border-radius: 5px;
				box-shadow: 0 4px 0 #0f7eb0;
				color: #FFF;
				text-align: center;
				line-height: 1;
				font-size: 12px;
				font-weight: bold;
				}
	/*ヘッダー*/
	#header{
		height: 80px;
		box-shadow: 0 8px 6px rgba(0, 0, 0, 0.30);
		}
		#header #hnav_tel {
			background: url(../../img/header_tel.svg) no-repeat center center / 40px 40px;
			display:inline-block;
			width:45px;
			height:45px;
			padding-top:0;
			top: 15px;
			right: 80px;
			}
		#header #hnav_tw {
			position: absolute;
			background: url(../../img/header_tw.svg) no-repeat center center / 40px 40px;
			display:inline-block;
			width:45px;
			height:45px;
			padding-top:0;
			top: 15px;
			right: 140px;
			}
		#header #hnav_fb {
			position: absolute;
			background: url(../../img/header_fb.svg) no-repeat center center / 40px 40px;
			display:inline-block;
			width:45px;
			height:45px;
			padding-top:0;
			top: 15px;
			right: 200px;
			}
		
		#header .inner {
			min-height: 65px;
			}
			
	
	.inner{ width:100%; }
	
	
	/*SP用メニュー
	.drawer-hamburger {
		position: fixed;
		z-index: 4;
		top: 0;
		display: block;
		box-sizing: content-box;
		width: 2rem;
		padding: 0;
		padding: 8px .75rem 2px;
		-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
		transition: all .6s cubic-bezier(.19, 1, .22, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		border: 0;
		outline: 0;
		background-color: transparent
	}
	
	.drawer--right .drawer-nav {
		right: -100%;
	}
	.drawer--right .drawer-hamburger
	{
		right:8px;
		top:5px;
		width:27px;
		}
	.drawer--right.drawer-open .drawer-nav,
	.drawer--right.drawer-open .drawer-navbar{
		top:0;
		width:100%;
		left:0;
	}
	.drawer--right.drawer-open .drawer-hamburger {
		right: -50px;
	}
	*/
	/*
	.drawer-nav{
		background:#000;
		color:#fff;
		padding:0 20px;
		right:0;
		}
	.drawer-menu li a{
		color:#fff;
		display:inline-block;
		width:100%;
		padding:15px 10px;
		}
		*/
		
	/*スライド*/
	.container {
		width: 100%;
		height: auto;
		overflow:hidden;
		}
	.slide_all {width: 100%; margin: 0 auto; height: 230px; position: relative;}
	.slide_wrap {width: 1125px; position: absolute; left: 50%; margin-left: -562px;}
	.slide_body {width: 100%;}
	.slide {width: 100%;}
	.slide img {width: 100%; vertical-align: bottom;}
	
	.slide1 {
		width: 100%;
		height: 230px;
		background: none;
		padding: 0;
		}
	
	#slide_pricelist,
	#slide_pricelist_inner{
		display:none;
		}
	
	
	/*上へ戻るボタン*/
	#page-top{
		bottom:10px;
		}
		
	/*商品一覧*/
	
	.h2_stamp {
		width: 95%;
		font-size: 1.2em;
		margin-top:15px;
	}
	.item_list1, .item_list2 {
		margin-bottom: 0;
	}
	.item_list1 ul{overflow:hidden;}
	.item_list1 li .item_common{
		float:right;
		width:45%;
		margin:0 auto;
		font-size: 0.6em;
			}
	.item_list1 li figure {
		float:left;
		width:50%;
		margin:0 auto;
	}
	.item_list1 li figure img{
		width:100%;
	}
	.item_list1 li .item_name,
	.item_list1 li .item_name2 {
		font-size: 1em;
	}
	.item_list1 li .price .arrow {
		display: inline-block;
		margin: 0 10px;
	}
	.item_list1 li .price .arrow img{
		width:50%;
	}
	.item_list1 li .price .sale_price {
		font-size: 24px;
	}
	.h3_lightblue {
		font-size: 12px;
		/*
		line-height: 1.2;
		width: 100%;
		height: auto;
		font-size: 14px;
		text-align: center;
		padding: 10px 7px 8px 7px;
		border-radius: 3px;
		display: block;
		box-sizing: border-box;
		color: #FFF;
		font-weight: bold;*/
			}
	.h3_lightblue2 {
		/*
		line-height: 1.2;
		width: 100%;
		height: auto;
		font-size: 14px;
		text-align: center;
		padding: 10px 7px 8px 7px;
		border-radius: 3px;
		display: block;
		box-sizing: border-box;
		background: url(../../common/images/bar_none2.png) top left no-repeat;
		color: #FFF;
		font-weight: bold;*/
			}
	.item_list2{
		width:100%;
		margin:0 auto;
		margin-bottom:0; 
		}
	.item_list2 ul{margin:0;}
	.item_list2 li {
		float:none;
		width: 100%;
		margin-bottom:20px;
		overflow:hidden;
		margin-right:15px;
	}
	.item_list2 li figure {
		width: 50%;
		margin:0;
		float:left;
	}
	.item_list2 li .item_common {
		width: 45%;
		float: right;
		font-size:0.8em;
	}
	.item_list2 li .item_name {
		color: #1079B2;
		font-size: 1em;
		font-weight: bold;
	}
	.item_list2 li figure img{
		width: 100%;
	}
	.item_list2 li .price .sale_price {
		background:none;
		font-size:1.2em;
	}
	.item_list2 li .price .sale_price span {
		font-size: 0.8em;
	}
	.item_list2 li .price {
		padding-top:10px;
	}
	
	.item_list3 h2 {
		display: block;
		font-size: 1.0em;
		width: 100%;
	}
	.item_list3 li {
		width: 49%;
		/* margin-right: 25px; */
		/* margin-bottom: 50px; */
		margin:0;
		margin-bottom: 15px;
	}
	.item_list3 li:nth-of-type(3n) {
		margin-right: 0;
	}
	.item_list3 li figure {
		width: 100%;
		position: relative;
	}
	.item_list3 li .item_common {
		width: 100%;
	}
	.item_list3 li .item_name {
		font-size: 1em;
	}
	.item_list3 li .company_name {
		font-size: 0.8em;
	}
	.item_list3 li .icon {
		right: 5px;
	}
	.item_list3 li .icon2 {
		right: 5px;
	}
	.item_list3 li .icon3 {
		right: 5px;
	}
	
	.point_text,
	#body_product .point_text {
		display: block;
		background: url(../../local/images/icon_point.png) top center no-repeat;
		padding-left:0;
		padding-top:20px;
		font-size:0.8em;
	}
	.btn_other,
	#body_product .btn_other {
		margin:0 auto;
		width:80%;
		margin-bottom:40px;
	}
	.btn_other.sp {
		background-color: #f3f3f3;
		width: 100%;
		padding: 20px 10%;
		box-sizing: border-box;
	}
	.note1 {
	  font-size: 0.8em;
		color: #555;
	}
	/**/
		
	.update_date {
		margin: 0 auto 20px;
		padding: 8px 0 6px;
		background-color: #4AB8D9;
		text-align: center;
		color: #FFF;
		line-height: 1.1;
		font-size: 14px;
		font-weight: bold;
	}
	.aboutbuying .aboutbuying_text {
		color: #0078B4;
		margin: 0 auto;
		font-size: 16px;
		width: auto;
	}
	.aboutbuying .aboutbuying_text2 {
		text-align: left;
		padding: 15px 0;
		margin-bottom: 30px;
		font-size:0.8em;
	}
	.buyinglist1 li div .ttl {
		font-size: 1.2em;
	
	}
	.aboutbuying li {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		width: auto;
		margin-right: 0;
		margin-bottom: 40px;
		padding: 0 15px;
	}
	.note,
	#body_product .note {
		font-size: 0.8em;
		color: #000;
		padding-bottom: 15px;
	}
	.banner_cam {
		margin-bottom: 10px;
	}
	.mailinfo {
		margin-bottom: 20px;
	}
	.mb30 {
		margin-bottom: 15px;
	}
	.item_list1 li .price {
		padding-top: 0;
	}
	.item_list1 li .price .original_price {
		font-size: 1.6em;
	}
	.item_list1 h2 {
		font-size: 1em;
	}

	.aboutscrap li ,
	#body_product .aboutscrap li {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		width: 49%;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 0;
	}
	.aboutbuying {
		margin-bottom: 0;
	}
	.common_text,
	#body_product .common_text {
		font-size:0.8em;
		/*margin-bottom: 25px;*/
		margin-bottom:0;
	}
	.catch_text,
	#body_product .catch_text {
		font-size: 0.8em;
		background:none;
	}
	
	.tab{
		margin:10px 0 20px;
		padding-left:20px;
		}
		.tab .menu_on{
			color: #0053B1;
			font-weight:bold;
			}
		.tab .menu_off{
			color: #333;
			font-weight:bold;
			}
	
	
	
	/*買取情報詳細*/
	
	.flow-box,
	#body_top .flow-box,
	#body_delivery .flow-box,
	#body_store .flow-box{
		padding:20px 20px;
		margin:10px 0;
		border-radius:4px;
		font-size: .9em;
		width:auto;
		height:auto;
		line-height:1.1em;
		overflow:auto;
	}
	.flow-box.contents01 .sub_ttl01,.flow-box.contents01 .sub_ttl02,
	#body_top .flow-box.contents01 .sub_ttl01,#body_top .flow-box.contents01 .sub_ttl02,
	#body_delivery .flow-box.contents01 .sub_ttl01,#body_delivery .flow-box.contents01 .sub_ttl02,
	#body_store .flow-box.contents01 .sub_ttl01,#body_store .flow-box.contents01 .sub_ttl02{
		background:none;
		width:auto;
		height:auto;
		margin:5px 0;
		padding:0;
		color:#0053B1;	
		font-weight:bold;
	}
	.flow-box h2,#tab1 .contents05 h2,#tab2 .contents05 h2,
	#body_top .flow-box h2,#tab1 .contents05 h2,#body_top #tab2 .contents05 h2,
	#body_delivery .flow-box h2,#body_delivery #tab1 .contents05 h2,#tab2 .contents05 h2,
	#body_store .flow-box h2,#body_store #tab1 .contents05 h2,#tab2 .contents05 h2,
	#body_product .flow-box h2{
		font-size:1.3em;
		color:#B18904;
		font-weight:bold;
		margin-bottom:.5em;
		width:auto;
		background:none;
		line-height:1.1;
		padding:0;
		overflow:auto;
		height:auto;
		margin:0 0 15px 0;
	}
	.flow-box p{
		width:auto;
		margin-left:0;
		font-size:.9em;
		line-height:1.3;
	}
		.flow-box p span.annotation{
			font-size: .8em;
			}
	.contents01 .txt_link,.contents02 .txt_link{
		margin-left:0;
	}
	.contents01{
		background:#eeeeee;
	}
	.contents01 img {
		margin-left:0;
		width:95%;
		margin-top:10px;
		background:#f9f9f9;
		padding:10px;
	}
	
	.caution {
		padding:10px 0;
		font-size:0.8em;
	}
	

	.img_arrow{
		width: 95%;
		margin: 15px auto;
		text-align: center;
		}
	.contents02,
	#body_store .contents02{
		background:url(../../delivery/local/images/bg_contents021.png) right bottom no-repeat #eeeeee;
		background-size:contain;
	}
	.contents02 p,
	.contents04 p,
	.contents05 p,
	.contents06 p,
	.contents07 p,
	.contents08 p{
		width:60% !important;
		color:#000000;	
	}
	
	.contents03 {
		background:#f1e3c7;
		border:3px #ab9e87 solid;
		padding:10px 20px;
	}
	.contents03 h2 {
		text-align:center;
		margin-bottom:10px;
	}
	
	.contents04{
		background:url(../../delivery/local/images/bg_contents043.png) right center no-repeat #eeeeee;
		background-size:contain;
	}
	#body_top .contents04{
		background:url(../../delivery/local/images/bg_contents041.png) right center no-repeat #fff;
		background-size:contain;
	}
	#body_scrap .contents04, #tab2 .contents04{
		background:url(../../delivery/local/images/bg_contents04.png) right center no-repeat #eeeeee;
		background-size:contain;
	}
	
	.contents05{
		background:url(../../delivery/local/images/bg_contents053.png) right center no-repeat #eeeeee;
		background-size:contain;
	}
	
	.contents06{
		/*background:url(../../delivery/local/images/bg_contents063.png) right bottom no-repeat #eeeeee;
		background-size:contain;*/
		background:url(../../delivery/local/images/bg_contents06-3.png) right bottom no-repeat #eeeeee;
		background-size:cover;
	}
	#body_delivery .contents06,
	#body_store .contents06{
		background:url(../../delivery/local/images/bg_contents06.png) right bottom no-repeat #eeeeee;
		background-size:cover;
	}
	#body_delivery #tab2 .contents06,
	#body_store #tab2 .contents06{
		background:url(../../delivery/local/images/bg_contents06-2.png) right bottom no-repeat #eeeeee;
		background-size:cover;
	}
	#body_top .contents06 h2, #body_top .contents06 p,
	#body_product .contents06 h2, #body_product .contents06 p,
	#body_scrap .contents06 h2, #body_scrap .contents06 p,
	#body_delivery .contents06 h2, #body_delivery .contents06 p,
	#body_store .contents06 h2, #body_store .contents06 p{
		color:#fff;
	}
	
	
	.contents07{
		background:url(../../delivery/local/images/bg_contents073.png) right center no-repeat #eeeeee;
		background-size:contain;
	}
	
	
	.contents08{
		background:url(../../delivery/local/images/bg_contents083.png) right center no-repeat #eeeeee;
		background-size:contain;
	}
	
	
	.contents09{
		background:none;
		width: 100%;
		height: auto;
		line-height: 50px;
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		padding-left: 0;
		padding-top: 0;
		padding-bottom:0;
	}
	.contents09 .text {
		text-align: left;
		padding: 0 15px;
		line-height:1.2em;
		font-size:0.6em;
		margin-bottom:15px;
	}
	.contents09 li,
	#body_store .contents09 li {
		overflow: hidden;
		width: 47%;
		padding-left: 5px;
		margin-bottom:20px;
	}
	.contents09 li h3{
		padding:0;
		line-height:1em;
		padding-bottom:7px;
		}
	.contents09 li p {
		width: auto;
		font-size:0.6em;
		margin-bottom:5px;
		line-height:1.2em;
	}
	.contents09 li figure {
		height: auto;
	}
	.contents09 li a {
		padding:0;
	}
	
	
	#body_store .tab,
	#body_delivery .tab{
		margin:0 !important;
		padding:0 !important;	
	}
	#body_store .tab a,
	#body_delivery .tab a{
		width:49%;
		margin-right:2%;
		text-align:center;
	}
	#body_store .tab a:last-child,
	#body_delivery .tab a:last-child{
		margin-right:0;	
	}
	#body_store .menu_on,
	#body_delivery .menu_on{
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		border-top-right-radius:5px;	
		border-top-left-radius:5px;
		border-bottom:1px solid #ffffff;
		position:relative;
		padding:5px;	
		z-index:10;
		
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.61, #fff), color-stop(0.00, #eee));
background: -webkit-linear-gradient(top, #eee 0%, #fff 61%);
background: -moz-linear-gradient(top, #eee 0%, #fff 61%);
background: -o-linear-gradient(top, #eee 0%, #fff 61%);
background: -ms-linear-gradient(top, #eee 0%, #fff 61%);
background: linear-gradient(to bottom, #eee 0%, #fff 61%);		
	}
	#body_store .menu_off,
	#body_delivery .menu_off{
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		border-top-right-radius:5px;	
		border-top-left-radius:5px;
		padding:5px;
		color:#666666 !important;
		margin:0 2px;
	}
	
	#body_store .flow-contents-wrap,
	#body_delivery .flow-contents-wrap{
		border-top:1px solid #cccccc;
		position:relative;
		z-index:1;
		margin-top:-1px;
		margin-bottom:20px;
	}
	
	
	/*===============================================
	●販売ページ
	===============================================*/
	.topimg_product {
		background-image:none;
	}
	
	.buying .itemlist .item {
		width: 45%;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 40px;
		margin: 15px auto;
		margin-top: 11px;
		margin-right: 5px;
	}
	.buying .itemlist .photo {
		position: relative;
		width: 100%;
		text-align: center;
	}
	.buying .itemlist .common{
		text-align:left;
		}
	.buying .common .price span {
		font-size: 14px;
	}
	.buying .itemlist section {
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	.buying .mailform{margin:0; margin-bottom:15px;}
	/*---*/
	.buying .mailform {
		text-align: center;
		background-color: #f0f9fe;
		padding-top: 20px;
	}
	.buying .mailform img {
		width: 80%;
	}
	.buying .itemlist p.stop {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -33%;
		margin-top: -30%;
		z-index: 100;
		color: #f00;
		font-size: 80%;
	}
	/*---*/
	
	.topimg_buying {
		background-image:none;
	}
	.topimg {
		height: auto;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		background-color: none;
		margin-bottom: 20px;
	}
	/*===============================================
	●金パラ買取価格
	===============================================*/
	
	.list_banner{
		width:90%;
		margin:0 auto;
		margin-bottom:20px;
	}
	
	.list_banner li,
	#body_product .list_banner li {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 3px;
		width: 30%;
		text-align: center;
	}

	.product .item_list1, .item_list2 {
		margin-bottom: 0;
	}
	
	.product .item_list1 h2 {
		padding-left: 6px;
	}
	
	.product .btn_other {
		margin: 0 auto;
		width: 80%;
		margin-bottom:20px;
	}
	
	.product .item_list1 li {
		margin-bottom: 15px;
	}
	
	.product .item_list2 {
		width: auto;
	}
	.product .item_list2 ul {
		margin-bottom: 0;
		width: 270px;
		margin: 0 auto;
	}
	
	.product .item_list2 h2 {
		padding-left: 6px;
	}
	
	.item_list2 h2 {
		font-size: 1em;
	}
	
	.scraplist1 {
		margin-top: 0;
	}
	
	.scraplist1 ul {
		margin-top: 0;
		margin: 0 auto;
	}
	.scraplist1 .h2_stamp {
		width: auto;
	}
	.scraplist1 li {
		width: 49%;
		display: inline-block;
		padding-top: 20px;
		padding-right: 0;
		vertical-align: top;
		margin-bottom: 0;
		margin-right: 0;
	}
	.scraplist1 li p {
		font-size:0.8em
	}
	.scraplist1 li div {
		font-size: 0.6em;
	}
	.scraplist1 li div span {
		font-size: 1.4em;
	}
	.buyinglist1 li figure .icon {
		display:none;
	}
	.buying .stock_on {
		position: static;
	}
	.commision p {
		width:auto;
		padding: 10px;
	}
	.commision span {
		font-size: 18px;
	}
	.buyinglist1 {
		margin-top: 15px;
	}
	.buying .itemlist h3 {
		/*background: url(../images/bar_none.png) top left no-repeat;*/
		background: url(../../buying/local/images/bar_none.png) top left no-repeat;
		width: auto;
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		padding-left: 20px;
	}
	.buyinglist1 li div {
		display: inline-block;
		width: auto;
		margin-left: 0;
		font-size: 0.8em;
		}
	.buyinglist1 li div table .name {
		width: auto;
	}
	.buyinglist1 li div .price2 {
		width: 93%;
	}
	.buyinglist1 li div .price2 .totalprice span {
		font-size: 20px;
	}
	.day{
		display: inline-block;
	}
	.buyinglist1 li {
		text-align: center;
	}
	.buyinglist1 li div table {
		width: 100%;
		text-align: left;
	}
	.commision figure {
		margin: 20px 0;
	}
	.scraplist .h2_stamp {
		width: 100%;
	}
	.scraplist {
		margin-top: 15px;
	}
	.h2_stamp:before,
	.h2_stamp:after {
		border-top: none; 
	}
	.list {
		width: 95%;
		margin: 0 auto;
	}
	.list li {
		display: inline-block;
		vertical-align: top;
		width: 32%;
		padding-bottom: 30px;
	}
	.banner {
		padding-top: 10px;
	}
	.banner img {
		margin-bottom: 15px;
	}
	/*---*/
	.banner {
		text-align: center;
		background-color: #eff9fe;
	}
	.banner img {
		width: 80%;
	}
	/*---*/
	
	.buying .banner {
		padding-top: 20px;
		width: 95%;
		margin: 0 auto;
	}
	.buying .banner img {
		margin-bottom: 0;
	}
	/*===============================================
	●店舗案内
	===============================================*/
	.map {
		width: auto;
		height: 200px;
		margin-bottom: 30px;
	}
	.col2-box li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin:0 auto;
	}
	.col2-box li:nth-child(2n) {
		margin-right: 0;
	}
	.routebox h3 {
		padding: 15px 10px 10px 0;
		font-size: 18px;
	}
	.routebox ol li h4 span {
		display: block;
		padding-left: 13px;
	}
	.col2-box li p {
		font-size: 0.8em;
	}
	.col2-box li h3 {
		font-size: 0.8em;
	}
	/*お問い合わせフォーム*/
	#wrap_form {
		width: 100%;
		padding-top: 0;
	}
	.caption {
		font-size: 1em;
		color: #084599;
		display: inline-block;
	}
	.caption2 {
		display: inline-block;
		padding-bottom: 3px;
		padding-left: 0;
	}
	#wrap_form dt {
		clear: both;
		border-top: none;
		line-height: 37px;
		width: 100%;
		padding: 0 55px;
		margin-right: 0;
		letter-spacing: 2px;
		background: url(../../contact/local/images/icon_caution.png) 0 6px no-repeat;
		float: none;
		overflow: hidden;
	}
	#wrap_form dd input[type="text"] {
		width: 90%;
		border-radius: 5px;
		height: 30px;
		border: 1px solid #ccc;
	}
	#wrap_form .tel input[type="text"] {
		width: 60px;
		border-radius: 5px;
		height: 30px;
		border: 1px solid #ccc;
	}
	#wrap_form dl {
		width: 100%;
	}
	#wrap_form dd {
		border-bottom: 1px solid #084599;
		border-top:none;
		width: 100%;
		padding: 10px 0;
		float: right;
	}
	#wrap_form dd p{
		line-height:1.5em;
	}
	#wrap_form input[type="image"] {
		margin-top: 14px;
		margin-right: 0;
		width: 49%;
	}
	#form_btn {
		width: 100%;
		margin: 0 auto;
		clear: both;
	}
	#wrap_form dd textarea {
		width: 95%;
	}
	#wrap_form dt.none {
		padding-left:0;
	}


/*===============================================
●画面の横幅が414pxまで
===============================================*/
@media screen and (max-width: 414px){
#header #branding {
    display: block;
    position: absolute;
    top: 19px;
	left: 8px;
    width: 200px;
    height: 0;
    margin: 0;
    padding-top: 44px;
    background: url(../../img/logo.png) no-repeat center center / 200px 44px;
    line-height: 33px;
    overflow: hidden;
}

#branding a{
	display: block;
	position: absolute;
	top: 0px;
	left: 8px;
	width: 200px;
	height: 0;
	margin: 0;
	padding-top: 60px;
}
		#header #hnav_tel {
			background: url(../../img/header_tel.svg) no-repeat center center / 30px 30px;
			display: inline-block;
			width: 45px;
			height: 45px;
			padding-top: 0;
			top: 15px;
			right: 50px;
		}
	
		#header #hnav_tw {
			position: absolute;
			background: url(../../img/header_tw.svg) no-repeat center center / 30px 30px;
			display: inline-block;
			width: 45px;
			height: 45px;
			padding-top: 0;
			top: 15px;
			right: 90px;
		}
	
		#header #hnav_fb {
			position: absolute;
			background: url(../../img/header_fb.svg) no-repeat center center / 30px 30px;
			display: inline-block;
			width: 45px;
			height: 45px;
			padding-top: 0;
			top: 15px;
			right: 130px;
		}
		.inner{
			max-width: 330px;
		}
		#header>.inner {
			max-width: 100%!important;
		}
}





/* ドロワー関連 */
#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.70);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	
	}
#overlay.open {
	display: block;
	z-index: 9999;
	opacity: 1;
	}


#drawer-container {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #5A4C3B;
	z-index: 10005;
	overflow: hidden;
	}
#drawer-container.fixed {
	position: fixed;
	top: 0;
	}
#drawer-container.open {
	display: block;
	height: calc(100vh) ;
	}
	
#drawer {
	display: block;
	position: fixed;
	top: 41px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: #000;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 10001;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
	pointer-events: none;
	}
#drawer-container.open #drawer {
	pointer-events: auto;
	}
	
	#drawer ul {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: .9em 20px 0;
		}
		#drawer ul li {
			width: 100%;
			border-bottom: 0.5px solid #FFF;
			}
			#drawer ul li a {
				display: block;
				padding: .9em 2em .7em 0;
				color: #FFF;
				font-size: 18px;
				line-height: 1.6;
				letter-spacing: -0.05em;
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-ms-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				}
				#drawer ul li a:hover {
					opacity: .65;
					}
				#drawer ul li a figure {
					display: inline-block;
					margin-right: .05em;
					color: #B89F86;
					}
				#drawer ul li a span {
					margin-left: 1em;
					width: 100%;
					color: #B89F86;
					font-family: 'Lora', serif;
					font-weight: bold;
					font-size: 13px;
					letter-spacing: 2px;
					}
			#drawer ul li ul {
				padding-bottom: .5em;
				}
				#drawer ul li ul li {
					border-bottom: none;
					}
					#drawer ul li ul li a {
						padding: .3em 2em .2em 2em;
						}
						
@media (max-width: 320px) {
	/*
			#drawer ul li a {
				display: block;
				padding: .4em 2em .3em 2em;
				font-size: 12px;
				}
				#drawer ul li a span {
					font-size: 10px;
					}
			#drawer ul li ul {
				padding-bottom: .3em;
				}
				#drawer ul li ul li {
					border-bottom: none;
					}
					#drawer ul li ul li a {
						padding: .2em 2em .1em 2em;
						}
	*/
}


/* DRAWER */
#drawer-toggle {
	display: block;
	position: absolute;
	right: 6px;
	top: 10px;
	width: 45px;
	height: 40px;
	/*margin-left: -15px;*/
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 10020;
	}
	#drawer-toggle span {
		display: inline-block;
		position: absolute;
		left: 5px;
		width: 40px;
		height: 3px;
		background-color: #fff;
		transition: all .4s;
		box-sizing: border-box;
		}
	#drawer-toggle.drawer-toggle-white span {
		background-color: #FFF;
		}		
	#drawer-toggle span:nth-of-type(1) {
		top: 10px;
		}
	#drawer-toggle span:nth-of-type(2) {
		top: 23px;
		}
	#drawer-toggle span:nth-of-type(3) {
		top: 37px;
		}
	#drawer-toggle.open span:nth-of-type(1) {
		-webkit-transform: translateY(14px) rotate(-45deg);
		transform: translateY(14px) rotate(-45deg);
		background-color: #fff;
		}
	#drawer-toggle.open span:nth-of-type(2) {
		opacity: 0;
		}
	#drawer-toggle.open span:nth-of-type(3) {
		-webkit-transform: translateY(-14px) rotate(45deg);
		transform: translateY(-14px) rotate(45deg);
		background-color: #fff;
		}
			
#drawer-toggle-bar h1 {
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	width: 20px;
	height: 0;
	padding-top: 20px;
	background: url(../images/sp-icon-branding.svg) no-repeat center top / 20px 20px;
	line-height: 41px;
	overflow: hidden;
	}
#drawer-toggle-bar-fb {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 18px;
	height: 0;
	padding-top: 18px;
	padding-right: 0;
	background: url(../images/sp-icon-fb.svg) no-repeat right 0px top 0px / 18px 18px;
	line-height: 36px;
	overflow: hidden;
	}