/***********************
	Layout
*************************/
#wrap { width: 100%; margin: 0 0 -20px; padding: 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; background:url(../img/bg_body.jpg) repeat-x left top; }
#wrap #header { width:100%; background:#fff; padding-top:2em; }
#wrap #header div.logo img { margin-bottom:1em; width: auto; }
#wrap #main { margin: 0 auto;}
#wrap .box { width: 100%; }
#wrap .in-box { width: 900px; margin: 0 auto; text-align: center; }
#wrap #main .box.bg-main .in-box { width: 950px; margin: 0 auto; text-align: center; position:relative; }
#footer {
	background:url(../img/bg_copy.jpg) repeat-x left top;
	line-height:45px;
	text-align:center;}


/***********************
	SNS
*************************/
//#wrap img { width: auto; }
#wrap ul.sns { position: absolute; top: 0; right: 10%; margin-top: 50px; }
#wrap ul.sns li { float: left; transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); }
#wrap ul.sns li.fb { margin: 0 80px 10px 0; }
#wrap ul.sns li.tw { margin-bottom:5px; margin-right: 70px; }
#wrap ul.sns li.ln { }

/***********************
	Layout
*************************/
#wrap #logo {
	position: absolute;
	left: 0;
}
#wrap #logo2 {
	position: absolute;
	right: 0;
}
/*	#wrap #copy {
		margin-top:-110px;}*/

#wrap a img:hover { opacity: 0.6; }
#wrap .bg-main { background: url('../img/bg_main.jpg') no-repeat center top; }
//#wrap .bg-one { padding-bottom: 120px; background: url('../img/bg_btm.jpg') no-repeat center bottom; }
//#wrap .bg-two { background: #B21D23; }
//#wrap .bg-two p { line-height: 80px; font-size: 16pt; }
//#wrap .bg-three { }
//#wrap .bg-four { background: #e7e7e7; margin: 60px 0 0; padding: 60px 0; }
//#wrap .bg-black { background: #000; }
//#wrap .bg-black #footer { text-align: center; padding: 2em; font-size: 120%; }

#wrap .movie { position: relative; width: 800px; margin: 60px auto 0px; }

#wrap ul.contents li { width: 440px; float: left; }
#wrap ul.contents li:nth-child(1) { margin-right: 20px; }
#wrap ul.contents li:nth-child(3) { margin-right: 20px; }

#wrap ul.shop-list { margin: 80px 0 30px; }
#wrap ul.shop-list > li { width: 450px; float: left; color: #000; margin-bottom: 30px; }
#wrap ul.shop-list li .shop img { float: left; margin-right: 20px; }
#wrap ul.shop-list li .shop div { width: 230px; float: left; }
#wrap ul.shop-list li .shop div h2 { text-align: left; font-size: 16pt; border-left: 5px solid #B21D23; padding-left: 15px; margin-bottom: 15px; }
#wrap ul.shop-list li .shop div ul { list-style-position: inside; text-align: left; }
#wrap ul.shop-list li .shop div span.map { font-size: 10pt; vertical-align: 4px; display: inline-block; padding: 0 10px; margin-left: 10px; background: #186AB0; }
#wrap ul.shop-list li .shop div span.map a { color: #fff; text-decoration: none; }
#wrap ul.shop-list li .shop div span.map:hover { opacity: 0.6; }

#wrap #tel a { color: #000!important; text-decoration: none; }
#wrap #tel span { color: #000; }
#wrap #tel li{
	display:inline-block; margin-right:10px;}
#wrap #tel li img {
	vertical-align:middle;
	padding:0 5px;}


#wrap a.btn { background: #BE8A00; color: #fff; text-decoration: none; display: inline-block; float: right; margin-right: 95px; }
#wrap a.btn:hover { opacity: 0.6; }
#wrap a.btn span { display: block; padding: 5px 62px; font-size: 15pt; }
#wrap ul.photo li { float: left; margin-right: 15px; margin-bottom: 15px; }
#wrap ul.photo li:nth-child(3n) { margin-right: 0px; }



#wrap .shop_detail { padding: 20px 15px; box-sizing:border-box; }
#wrap .shop_detail .txt_box { font-size: 18px; text-align: left; float: left; width: 410px; }
#wrap .shop_detail .txt_box p .tel { font-size: 22px; padding: 0 5px; line-height:1; }


/***********************
	Common
*************************/
.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }

@media screen and (max-width: 1024px) {
	#wrap #copy img { width: 100%; }

	#wrap ul.contents li { width: 100%!important; float: none; margin-bottom: 60px; }
	#wrap ul.contents li img { width: 100%; }
	#wrap .bg-two p { font-size: 28pt; line-height: 150px; }
	#wrap ul.shop-list > li { width: 100%; float: none; margin-bottom: 80px; }
	#wrap ul.shop-list li .shop img { width: 50%; }
	#wrap ul.shop-list li .shop div { width: 45%; font-size: 22pt; }
	#wrap ul.shop-list li .shop div h2 { font-size: 28pt; }
	#wrap #tel span { color: #000!important; text-decoration: none; }
}