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

body{background-color:#fff; margin:0; width:100%;}
#wrapper{width:100%; margin:0 auto; text-align:center;}

/*******メイン*******/
#main{width:100%;}
.title{width:100%; margin:0 auto; max-width:1200px;}
img{width:100%;}

/*******ランディングページ*******/
#lp{width:100%; max-width:1000px; margin:0 auto; text-align:center;}

/*******イベント*******/
#event{width:100%; margin:5% 0;}
#event h1{width: 60%; margin: 0 auto; padding-bottom: 5%;}

/*******店舗*******/
#shop{width: 100%; max-width: 1000px; margin: 10% 0 15% 0;}
#shop h2{margin-bottom:1%; font-size:30px; font-family: 'M PLUS 1p', sans-serif; font-weight:800; color:#c5a830;}
#shop h3{margin-bottom:3%; font-family: 'M PLUS 1p', sans-serif; font-weight:700;}

/*******店舗（メインイメージ）*******/
.mainimg{margin-bottom: 3%;}
#contents{width: 100%; margin: 0 auto;}

/*******店舗（サブイメージ）*******/
.con1{width: 25%; height: 270px; float: left; margin-right: 1%;}

/*******店舗（アクセス）*******/
.con2{width: 25%; height: 310px; border: 1px solid #000; overflow: hidden; float: left; margin-right: 1%;}
.con2 h4{font-size: 15px; font-family: Arial, Helvetica, "sans-serif"; padding: 10% 0 8% 0;}
.con2 p{line-height: 180%; font-size: 12px; width: 90%; margin: 0 auto;}

/*******店舗（マップ）*******/
.con3{width: 47%; height: 310px; overflow: hidden;}
iframe{width: 100%;}

/*******ページトップへ*******/
.Pagetop {height: 50px; background:#b1c6c7; margin-top: 5%;}
.Pagetop a {display: block; height: 50px; background-image: url("../img/pagetop.png"); background-repeat: no-repeat; background-position: center center;}


@media screen and (max-width: 768px) {
	
/*******メイン*******/

/*******イベント*******/
#event h1{width: 70%; padding-bottom: 8%;}

/*******店舗*******/	
#contents{width: 90%;}

/*******店舗（サブイメージ）*******/
.con1{width: 100%; height: auto; margin-bottom: 3%;}
.con1 p{width: 49%; float: left;}
.first{margin-right: 1%;}

/*******店舗（アクセス）*******/
.con2{width: 100%; height: auto; margin: 0 auto; margin-bottom: 3%;}
.con2 h4{font-size: 18px;}
.con2 p{width: 80%; padding-bottom: 15%; font-size: 13px;}

/*******店舗（マップ）*******/
.con3{width: 100%; height: 250px;}
	
	
}