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


@media screen and (min-width:768px){
/*----------------------------------------------------------------------

PC Style

----------------------------------------------------------------------*/

#top_img h1 {
	background:url(../../shop/images/h1.jpg) no-repeat;
}

.floor {
	width:1100px;
	margin:0 auto 40px;
}

.floor h2.f1,
.floor h2.f2,
.floor h2.f3 {
	width:53px;
	height:44px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:0;
}
.floor h2.f1 {
	background:url(../../shop/images/1f.png) no-repeat;
}
.floor h2.f2 {
	background:url(../../shop/images/2f.png) no-repeat;
}
.floor h2.f3 {
	background:url(../../shop/images/3f.png) no-repeat;
}

.floor .inner {
	background: url(../images/bg_gray.jpg) ;
	width:990px;
	border:solid 5px #666;
	border-image: url(../images/border_black.jpg) 5 5 round;
	padding:30px 50px;
}

.floor .inner .right {
	width:500px;
}

.floor .inner .right ul.shop_list {
	margin-top: 30px;
}

.floor .inner .right ul.shop_list li {
	float:left;
	margin-right:15px;
	margin-bottom:13px;
}
.floor .inner .right ul.shop_list li:nth-child(3n) {
	margin-right:0;
}

.floor .inner .right ul.shop_list li a:hover {
	opacity:0.7;
	transition:0.3s;
}

/* SHOP */

#shop {
	width:1100px;
	margin:0 auto;
}

#shop h1 {
	background: url(../../images/shop_h1.png) no-repeat;
	width:214px;
	height:61px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:70px auto 30px;
}

#shop ul {
}

#shop ul li {
	width:196px;
	height:112px;
	border:solid 4px #EEE;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#shop ul li:nth-child(5n) {
	margin-right:0;
}
}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/


#top_img h1 {
	background:url(../../shop/images/h1.jpg) no-repeat center;
	background-size:cover;
}
.floor {
	width:90%;
	margin:0 auto 40px;
}

.floor h2.f1,
.floor h2.f2,
.floor h2.f3 {
	width:53px;
	height:44px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:0;
}
.floor h2.f1 {
	background:url(../../shop/images/1f.png) no-repeat;
}
.floor h2.f2 {
	background:url(../../shop/images/2f.png) no-repeat;
}
.floor h2.f3 {
	background:url(../../shop/images/3f.png) no-repeat;
}

.floor .inner {
	background: url(../images/bg_gray.jpg) ;
	width:92%;
	border:solid 5px #666;
	border-image: url(../images/border_black.jpg) 5 5 round;
	padding:3%;
}

.floor .inner .right ul.shop_list {
	margin-top:33px;
}

.floor .inner .right ul.shop_list li {
	width:48%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.floor .inner .right ul.shop_list li:nth-child(2n) {
	margin-right:0;
}

/* SHOP */

#shop {
	width:90%;
	margin:0 auto;
}

#shop h1 {
	background: url(../../images/shop_h1.png) no-repeat;
	background-size:contain;
	width:60%;
	height:0;
	padding-top:17.102%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:70px auto 30px;
}

#shop ul {
}

#shop ul li {
	width:46%;
	border:solid 4px #EEE;
	float:left;
	margin-right:2%;
	margin-bottom:10px;
}
#shop ul li:nth-child(2n) {
	margin-right:0;
}



}