@charset "utf-8";

body{
	width:100%;
	margin:0 auto;
	padding:0;
}

#main-container {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-repeat:repeat;
}


/*==================================================

  メインヴィジュアル

==================================================*/

#main-container .main_v_box {
	width:1000px;
	margin:50px auto 20px;
	padding:0;
}

#main-container .main_v_box h1 {
	width:800px;
	margin:0 auto 30px;
	padding:0;
	text-align: center;
}

#main-container .main_v_box h1 img {
	display:block;
	width:100%;
}


#main-container .main_v_box h2 {
	width:800px;
	margin: 0 auto;
	text-align:center;
	padding: 0 0 20px 0;
	
}

#main-container .main_v_box h2 img {
	width:100%;
}


/*==================================================

    地区を選ぶ

==================================================*/

.prefectures_list {
	text-align: center;
	margin:0 auto 3%;
	width:410px;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	font-size:16px;
}

.prefectures_list .btn_brown {
	background-color: #5e4b41;/*ブラウン*/
	color: #fff;
	border-radius: 20px;
	width:120px;
	padding:3px;
	color: #fff;
	margin: 0 0 10px 10px;
}
.prefectures_list .btn_orange {
	background-color:#ffa03a;/*オレンジ*/
	color: #fff;
	border-radius: 20px;
	width:120px;
	padding:3px;
	color: #fff;
	margin: 0 0 10px 10px;
}

#main-container .btn_brown a {
	color: #fff;
}
#main-container .btn_orange a {
	color: #fff;
}



/*==================================================

    店舗リスト/地区

==================================================*/



#main-container .shop_list_container_g {/*背景ライトグリーン*/
	width:100%;
	background-color: #dcfae5;
	margin:0 auto;
	padding: 5% 0;
}

#main-container .shop_list_container_w {/*背景ホワイト*/
	width:100%;
	margin:0 auto;
	padding: 5% 0;
}


#main-container .h3_brown {
	background-color: #5e4b41;/*ブラウン*/
	border-radius: 30px;
	width:900px;
	color: #fff;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	margin: 0 auto 3%;
}

#main-container .h3_orange {
	background-color: #ffa03a;/*オレンジ*/
	border-radius: 30px;
	width:900px;
	color: #fff;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	margin: 0 auto 3%; 
}


#main-container .shop_list {
	width:800px;
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid #dcfae5;/*ライトグリーン*/
	padding:2%;
	margin:0 auto 3%;
}


#main-container .shop_list h4 {
	background-color: #46956d;
	border-radius: 30px;
	width:600px;
	color: #fff;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	margin:0 auto 20px;
	
}


#main-container .shop_list dl {
	width:600px;
	display: flex;
	justify-content: space-between;
	margin:10px auto;
	border-bottom: 1px solid #dcfae5;
	padding-bottom: 8px;
}

#main-container .shop_list dl dt {
	font-size:16px;
}

#main-container .shop_list dl dt .type {
	font-size:0.8em;
	margin: 0 10px 0 10px;
}

#main-container .shop_list dl dt .comming_soon {
	font-size:0.6em;
	border: 1px solid #ffa03a;/*オレンジ*/
	color: #ffa03a;
	font-weight:bold;
	border-radius: 5px;
	padding:3px;
	margin: 0 0 0 10px;
}

#main-container .shop_list dl dd {
	width:120px;
	background-color: #ffa03a;/*オレンジ*/
	border-radius: 20px;
	color: #fff;
	padding:5px;
	font-size:14px;
}

#main-container .shop_list dl dd a {
	color: #fff;
}

#main-container .shop_list dl dd a:hover {
	text-decoration: none;
}



/*==================================================

   　リンクボタン類

==================================================*/


.btn_search_sf {
	width:800px;
	height: 80px;
	display: inline-table;
	color: #fff;
    border: none;
	border-radius: 40px; 
    cursor: pointer;
    outline: none;
    appearance: none;
	font-size:18px;
	margin: 5% auto 0;	
	line-height: 1.2;
	background-color: #ffa03a;/*オレンジ*/
	border-radius: 30px;
}

.btn_search_sf a {
	color: #fff;
}

.btn_search_sf a:hover {
	text-decoration: none;
}

/*==================================================

    ふわっとフェードイン

==================================================*/

.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 800ms;
}
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}



/*==================================================

    snsボタン

==================================================*/



.fb_btn img {
	position:relative;
}

.tw_btn img {
	position:relative;
}


/*==================================================

    微調整

==================================================*/

@media screen and ( max-width:320px ){

	


}