@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html,body{
overflow-x: auto !important;
min-width: 320px;	
}
body{
	position: relative;
	font-family:"游ゴシック","Yu Gothic","YuGothic",'Hiragino Kaku Gothic ProN', 'メイリオ','sans-serif';
	background: #FFF;
	margin:0;
	font-size:1em;


}

a{
		text-decoration: none;
}

h3 {
	font-size:1em;
	margin: 1.5em 0 0.5em 0;
}


/***** Common *****/
.w30p {
  width: 30%;
}
#top {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 80px;
}
#top .logo {
  position: absolute;
  width: 266px;
  height: 28px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
}
#top .menu {
  position: absolute;
  color:#FFF;
  line-height:13px;
  height:13px;
}
#top .menu a {
	margin:0 0.3em;
}


#slide1,
#slide2,
#slide3 {
  width: 100%;
  background-repeat: no-repeat;
  background-color: #FFF;
  background-size: 100%;
}
#slide1 {
  background-image: url(../images/MV-4.png);
}
#slide2 {
  background-image: url(../images/MV-2.png);
}
#slide3 {
  background-image: url(../images/MV-3.png);
}

#background-hack {
    z-index                 : -1;
    background-color        : #FFF;
    background-image        : url(../images/MV-1.png);
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 80px;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}
#slide0{
  width:100%;
/*  padding: 50% 0 0 0;*/
  padding: 60% 0 0 0;
}
@media (max-width: 767px) {
	#slide0{
	  padding: 0;
	  min-height:350px;
	}
}


.item_list {
  background-color: #FFF;
}
.item_list h2 {
  margin:0;
}
.item_row {
  padding:0 0 20px 0;
}
.item {
  float: left;
}
.item_img {
  width: 40%;
  min-width: 320px;
  max-width: 400px;
}
.item_data {
  width: 60%;
  min-width: 320px;
}

.shop_name {
	font-family:"ヒラギノ角ゴ Pro W6",HiraKakuPro-W6,"Noto Sans","Noto Sans JP",sans-serif,'メイリオ';
	font-size:1.2em;
	font-weight:600;
}

.popup_img {
  float:left;
  width: 33.33%;
  max-width: 400px;
  margin-bottom:1em;
  min-height:430px;
}
.popup_img img {
  width: 95%;
}

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:960px) {
	#top .logo {
	  top: 30px;
	  left: 120px;
	}
	#top .menu {
	  top: 50px;
	  right: 80px;
	}
	#slide1, #slide2, #slide3 {
/*	  height: 500px;*/
	  height: 854px;
	  background-attachment: fixed;
	}
	.item_list {
	  padding: 30px 100px 0 100px;
	}
	.item {
	  padding: 30px 0 0 0;
	}
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (max-width: 959px) and (min-width: 480px) {
	#top .logo {
	  top: 15px;
	  left: 10px;
	}
	#top .menu {
	  top: 50px;
	  right: 10px;
	}
	#top .menu img {
	  height:86%;
	}
	#slide1, #slide2, #slide3 {
	  height: 350px;
/*	  background-attachment: fixed;*/
	}
	.item_list {
	  padding: 30px 70px 0 70px;
	}
	.item {
	  padding: 30px 0 0 0;
	}
	.popup_img {
	  width: 50%;
	  min-height:430px;
	}

}

/***** Phone (landscape 420px) *****/
@media only screen and (max-width: 479px) and (min-width: 321px) {
	#top .logo {
	  top: 15px;
	  left: 10px;
	}
	#top .menu {
	  top: 50px;
	  right: 0;
	}
	#top .menu img {
	  height:70%;
	}
	#slide1, #slide2, #slide3 {
	  height: 200px;
	}
	.item_list {
	  padding: 30px 50px 0 30px;
	}
	.item {
	  padding: 30px 0 0 0;
	}
	.popup_img {
	  width: 100%;
	}
}

/* 320px 以下 */
@media only screen and (max-width: 320px) {
	#top .logo {
	  top: 15px;
	  left: 10px;
	}
	#top .menu {
	  top: 50px;
	  left: 0px;
	}
	#slide1, #slide2, #slide3 {
	  height: 150px;
	}
	.item_list {
	  padding: 10px 5px 0 5px;
	}
	.item {
	  padding: 20px 0 0 0;
	}
	.popup_img {
	  width: 100%;
	}
}

/***** IE8 *****/
.ie8 #top .logo {
  top: 15px;
  left: 50px;
}

.ie8 #top .menu {
  top: 50px;
  right: 80px;
}

.ie8 #slide1,
.ie8 #slide2,
.ie8 #slide3 {
  height: 350px;
  background-attachment: fixed;
}
.ie8 .item_list {
  padding: 30px 50px 0 50px;
}
.ie8 .item {
  padding: 30px 0 0 0;
}




.shop_item img {
  height: 204px;
}
.shop_item table {
}
.item table {
  min-width:300px;
  width:100%;
}
.item td {
  padding-right: 0;
  vertical-align: top;
}
.sep {
  clear: both;
  height: 30px;
  border-bottom: dashed 1px #000;
}
.sep_none {
  clear: both;
  height: 30px;
}