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

/*CSS記述ルール*/
/*モバイルファースト、PC表示のCSSは後述*/

/*全ページ共通*/
body{
	font-size:16px;
	color:#131313;
	width:100%;
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.8em;
	font-weight:700;
}

h2{
	text-align:center;
	font-size:1.5em;
	margin-top:30px;
	margin-bottom:30px;
}

p{
	margin-left:10px;
	margin-right:10px;
}

@media screen and (min-width:768px){
	h2{
		font-size:2em;
	}

	#page_top{
  		width: 50px;
  		height: 50px;
  		position: fixed;
  		right: 0;
  		bottom: 0;
  		background: #7A97CC;
	}
	#page_top a{
  		position: relative;
  		display: block;
  		width: 50px;
  		height: 50px;
  		text-decoration: none;
	}
	#page_top a::before{
  		font-family: 'Font Awesome 5 Free';
  		font-weight: 900;
  		content: '\f102';
  		font-size: 25px;
  		color: #fff;
  		position: absolute;
  		width: 25px;
  		height: 25px;
  		top: 0;
  		bottom: 0;
  		right: 0;
  		left: 0;
  		margin: auto;
  		text-align: center;
	}
	
}
/*フェードイン*/
@media screen and (min-width:768px){
	.sa {
  opacity: 0;
  transition: all .6s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}

.sa_up {
  transform: translate(0, 50px);
}
}

/*headerモバイル環境*/
#pc_nav{
	display:none;
}

h1{
	position: absolute;
	top:0;
	left:0;
}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
	font-weight: 400;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #503b29;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	opacity:0.9;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
	text-decoration:none;
    padding: 1em 0;
}
 
nav.globalMenuSp.active {
    transform: translateY(0%);
}

nav.globalMenuSp img{
	width:100px;
	padding-top:10px;
}

.navToggle {
    display: block;
    position: fixed;
    right: 13px;
    top: 8px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 3;
    background: #503b29;
    text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*header_デスクトップ環境*/
@media screen and (min-width:768px){
	#header{
	overflow:hidden;
	}
	
	#pc_nav{
		display:block;
		font-weight: 400;
	}
	
	.navToggle{
		display:none;
	}
	
	#pc_nav ul{
		height:3em;
		background-color:rgba(80,59,41,0.8);
		margin-top:40px;
		padding-left:25%;
	}
	
	#pc_nav ul li{
		display: block;
		margin:9px 0;
		width:10em;
		margin-left:10px;
		float:left;
		text-align:center;
	}
	
	#pc_nav ul li a{
		color:#fff;
		text-decoration:none;
		-webkit-transition:300ms;
		transition:300ms;
	}
	
	#pc_nav ul li:nth-child(3n){
		margin-left:0;
	}
	
	#pc_nav ul li a:hover{
		color:#8072cc;
	}
	
	h1{
		float:left;
		position: static;
		margin-left:40px;
		margin-top:-15px;
}
	h1 a{
		cursor: pointer;
	}
	
	#mb_nav{
		display:none;
	}
	
}

/*CSSシグネチャ________*/
@media screen and (min-width:768px){
	#about #pc_n1 a{color:#8072cc;}
	#room #pc_n2 a{color:#8072cc;}
	#service #pc_n3 a{color:#8072cc;}
	#contact #pc_n4 a{color:#8072cc;}
	#access #pc_n5 a{color:#8072cc;}
	
}

/*footer______________*/
#footer{
	background-color:#503b29;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
	font-weight: 400;
}
	
.f_in,#attention{
	font-size:12px;
	line-height:1.5em;
}

#footer p{
	margin-top:10px;
}

#f1,#f2{
	padding-top:30px;
}

#f2{
	width:60%;
	margin: 0 auto;
}

#f2 p{
	display:inline-block;
	width:3.2em;
	margin-bottom:20px;
}

#f2 a{
	width:3.2em;
	height:auto;
	color:#fff;
	font-size:3em;
	text-decoration: none;
}

/*footer_デスクトップ環境*/
@media screen and (min-width:768px){
	.f_in{
		width:540px;
		margin:0 auto;
		text-align:left;
	}
	
	#f1,#f2{
		display:table-cell;
		width:270px;
		height:250px;
		vertical-align: middle;
	}
	
}

/*index_______________________*/
/*index_ファーストビューモバイル環境*/
#top .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_top.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#first{
	width:100%;
}

h1{
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:auto;
	z-index: 1;
}

#sh2{
	display:none;
}

.sh{
	font-size:1.2em;
	text-align:center;
	margin-top:20px;
}

#sh1,#sh3{
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	width:100%;
	height:1.2em;
	position:relative;
	top:40px;
	padding-left:0;
	}

#sh1{
background:-webkit-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0));
background:-o-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0));
background:linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0));
left:-10px;
}

#sh3{
background:-webkit-linear-gradient(right, rgba(255,255,255,0.7),rgba(255,255,255,0), rgba(255,255,255,0));
background:-o-linear-gradient(right, rgba(255,255,255,0.7),rgba(255,255,255,0), rgba(255,255,255,0));
background:linear-gradient(to left, rgba(255,255,255,0.7),rgba(255,255,255,0), rgba(255,255,255,0));
left:-10px;
}

/*#top .navToggle{
	right:22px;
	top:6px;
}*/

/*index_ファーストビュー_デスクトップ環境*/
@media screen and (min-width:768px){
	#top .f_v{
		height:650px;
		margin-top:0px;
	}
	
	h1{
		position: static;
	}
	
	#first{
		height:650px;
		width:100%;
		margin:0 auto;
		text-align:center;

	}
	
	.sh{
		margin-top:10vh;
		font-size:2.3em;
		display:block;
	}
	
	#sh1{
		text-align: left;
		padding-left:80px;
		width:550px;
	}
	
	#sh2{
		margin-top:100px;
		display: block;
		width:100%;
	}
	
	#sh3{
		text-align: right;
		width:100%;
		margin-top:-0px;
	}
	
	/*#sh1,#sh3{
		margin-top:0;
		margin-bottom:0;
		width:20em;
		height:1em;
		text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	}*/
}

/*index_はんにゃりから一言_モバイル*/
.box1{
	margin-top:120px;
}

#comment{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
}

/*index_はんにゃりから一言_デスクトップ*/
@media screen and (min-width:768px){
	#comment img{
		border:1px #000 solid;
		border-radius:10px;
	}
	
	#comment{
		margin-left:auto;
		margin-right:auto;
		height:auto;
		display:block;
		width:450px;
	}
}
/*index_お客様からの声_モバイル*/
#voice{
	margin-top:120px;
}

.v1{
	display:block;
	width:95%;
	height:auto;
	border-top:1px #131313 dotted;
	box-sizing: border-box;
	padding-left:10px;
}

.v1>p{
	background: linear-gradient(#ccc 1px, transparent 1px) #fff;
	background-size: auto 1.8em;
	margin-bottom:15px;
}

#voice h3{
	font-size:1.4em;
	color:#7A97CC;
	padding:10px 0;
}

#voice p:nth-child(3n){
	text-align: right;
}

.v1:last-of-type{
	border-bottom:1px #131313 dotted;
}
/*index_お客様からの声_デスクトップ*/
@media screen and (min-width:768px){
	#voice{
		width:80%;
		margin:120px auto;
		overflow: hidden;
	}
	
	#voice>p{
		text-align: center;
	}
	
	.v1{
		width:49.5%;
		height:320px;
		float:left;
		border-top:none;
		border:1px #131313 solid;
		padding:10px;
		margin-bottom:10px;
	}
	
	.v1:nth-child(2n){
		float:right;
	}
	
	.v1:last-of-type{
		border-bottom:1px #131313 solid;
	}
	
	#voice h3{
		border-left:7px #7A97CC solid;
		border-bottom:1px #7A97CC solid;
		margin-left:1px;
		padding-left:4px;
		margin-bottom:5px;
		background-color:#fff;
	}
	
	.v1+p{
		display:block;
		height:15em;
	}
}
/*index_サブメニュー_モバイル*/
#submenu{
	overflow:hidden;
	margin:120px auto 0;
}

.menu{
	display:inline-block;
	width:100%;
	max-width:547px;
	height:80px;
	float:left;
	border:1px #131313 solid;
	box-sizing: border-box;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:400;
	text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
	padding-top:30px;
}


#m1{
	background-image:url("../images/nav_icon.jpg");
	background-position:0 0;
}
#m2{
	background-image:url("../images/nav_icon.jpg");
	background-position:-547px 0;
}

#m3{
	background-image:url("../images/nav_icon.jpg");
	background-position:-1094px 0;
}

#m4{
	background-image:url("../images/nav_icon.jpg");
	background-position:-1641px 0;
}
	
#m1:hover{	background-position:0 130px;}
#m2:hover{	background-position:-547px 130px;}
#m3:hover{	background-position:-1094px 130px;}
#m4:hover{	background-position:-1641px 130px;}

/*index_サブメニュー_デスクトップ*/
@media screen and (min-width:768px){
	#submenu{
		width:80%;
	}
	
	.menu{
		width:50%;
		height:130px;
		font-size:30px;
		padding-top:50px;
	}
}

/*index_サブメニュー予約モバイル*/
.menu_access a{
	font-size:20px;
	background:-webkit-linear-gradient(top,#7A97CC,#4867a1);
	background:-o-linear-gradient(top,#7A97CC,#4867a1);
	background:linear-gradient(to bottom,#7A97CC,#4867a1);
	display:block;
	width:15em;
	height:auto;
	color:#fff;
	text-align:center;
	padding:12px;
	margin:30px auto 120px;
	text-decoration: none;
	border-radius:10px;
	font-weight:400;
}
/*index_サブメニュー予約デスクトップ*/
@media screen and (min-width:768px){
	.menu_access a:hover{
		border:1px #52c4ff solid;
		margin:29px auto 119px;
	}
	
	.menu_access a:active{
	background:-webkit-linear-gradient(top,#345083,#4867a1);
	background:-o-linear-gradient(top,#345083,#4867a1);
	background:linear-gradient(to bottom,#345083,#4867a1);
	}
}

/*全下層ページ共通_______________*/
.fv_all{
	display:block;
	width:100%;
	height:170px;
	position:absolute;
	top:20px;
	margin:0 auto;
	padding-top:30px;
	text-align: center;
}

.fv_all p{
	margin-top:-20px;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	line-height:1.6em;
}

#about h2,#contact h2,#service h2,#room h2,#access h2{
	font-size:1.2em;
	font-weight:bold;
	text-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px #fff,-1px -1px 0 #fff;
}

#about h2+p,#contact h2+p,#service h2+p,#room h2+p,#access h2+p{
	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
	font-weight:bold;
	font-size:0.8em;
}
/*全下層ページ共通デスクトップ*/
@media screen and (min-width:768px){
	.fv_all{
		margin:0 auto;
		position:static;
		padding-top:150px;
	}
	.fv_all p{
		width:650px;
		margin:0 auto;
		padding-top:30px;
		line-height:1.6em;
	}
	#about h2,#contact h2,#service h2,#room h2,#access h2{
		font-size:1.8em;
	}
	
	#about h2+p,#contact h2+p,#service h2+p,#room h2+p,#access h2+p{
		font-size:1.2em;
	}
}

/*当お宿について______________*/
/*モバイル*/
#about .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_about.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#about h3{
	text-align:center;
	font-size:1.6em;
	margin-top:80px;
}

/*デスクトップ*/
@media screen and (min-width:768px){
	#about .f_v{
		height:650px;
		margin-top:0;
	}
}
/*民泊とは*/
/*モバイル*/
.ab{
	margin-top:80px;
}

.ab p{
	margin-top:20px;
	width:95%;
	height:auto;
	background-color:rgba(255,255,255,0.4);
	text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	font-size:0.8em;
}

#ab1{
	background-image:url("../images/img_ab1.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}
/*デスクトップ*/
@media screen and (min-width:768px){
	.ab{
		width:700px;
		height:500px;
		margin:0 auto;
	}
	
	.ab p{
		width:500px;
		line-height:2em;
		margin-top:100px;
		padding-right:70px;
		font-size:1em;
		background:-webkit-linear-gradient(left,#fff,rgba(255,255,255,0.9),rgba(255,255,255,0.8),rgba(255,255,255,0));
		background:-o-linear-gradient(left,#fff,rgba(255,255,255,0.9),rgba(255,255,255,0.8),rgba(255,255,255,0));
		background:linear-gradient(to right,#fff,rgba(255,255,255,0.9),rgba(255,255,255,0.8),rgba(255,255,255,0));
	}
	#ab1{
		background-position: right;
	}
}
/*『はんにゃり』の特徴*/
/*モバイル*/
#ab2{
	background-image:url("../images/img_ab2.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}
/*デスクトップ*/
@media screen and (min-width:768px){
	#ab2{
		background-position: right;
	}
}
/*『はんにゃり』のこだわり*/
/*モバイル*/
#ab3{
	background-image:url("../images/img_ab3.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:100px;
}
/*デスクトップ*/
@media screen and (min-width:768px){
	#ab3{
		background-position: right;
	}
}

/*部屋案内________________*/
#room .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_room.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#room h3{
	text-align:center;
	font-size:1.6em;
	margin-top:80px;
}
/*部屋案内デスクトップ*/

@media screen and (min-width:768px){
	#room .f_v{
		height:650px;
		margin-top:0;
	}
}

/*内観*/
#r_menu0{
	overflow: hidden;
}

.ro_menu{
	display:inline-block;
	width:100%;
	height:100px;
	margin-bottom:10px;
	border:1px #131313 solid;
	float:left;
	box-sizing:border-box;
}

/*モーダルウィンドウ*/
#ro1{
	background-image:url("../images/img_mw_1.jpg");
	background-size:cover;
}
#ro2{
	background-image:url("../images/img_mw_2.jpg");
	background-size:cover;
}
#ro3{
	background-image:url("../images/img_mw_3.jpg");
	background-size:cover;
}
#ro4{
	background-image:url("../images/img_mw_4.jpg");
	background-size:cover;
}
#ro5{
	background-image:url("../images/img_mw_5.jpg");
	background-size:cover;
}
#ro6{
	background-image:url("../images/img_mw_6.jpg");
	background-size:cover;
}
#ro7{
	background-image:url("../images/img_mw_7.jpg");
	background-size:cover;
}
#ro8{
	background-image:url("../images/img_mw_8.jpg");
	background-size:cover;
}
/*内観デスクトップ*/
@media screen and (min-width:768px){
	#r_menu0{
		width:900px;
		margin:0 auto;
	}
	.ro_menu{
		width:25%;
		height:150px;
		-webkit-transition:background-image 300ms;
		transition:background-image 300ms;
	}
}

#ro1:hover{background-image:url("../images/img_mw_1_on.jpg");}
#ro2:hover{background-image:url("../images/img_mw_2_on.jpg");}
#ro3:hover{background-image:url("../images/img_mw_3_on.jpg");}
#ro4:hover{background-image:url("../images/img_mw_4_on.jpg");}
#ro5:hover{background-image:url("../images/img_mw_5_on.jpg");}
#ro6:hover{background-image:url("../images/img_mw_6_on.jpg");}
#ro7:hover{background-image:url("../images/img_mw_8_on.jpg");}
#ro8:hover{background-image:url("../images/img_mw_8_on.jpg");}

/*サービス*/
.ro tr,.ro th,.ro td{
	border:1px #131313 solid;
}

.ro p{
	text-align: center;
}

.ro table{
	width:95%;
	margin:0 auto 120px;
}

.ro th{
	width:7.5em;
}

.ro td{
	padding-left:10px;
}

strong{
	font-weight: 800;
	color:#ab0505;
}
/*サービスデスクトップ*/
@media screen and (min-width:768px){
	.ro table{
		width:900px;
	}
}
/*施設情報________________*/
#service .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_service.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#service h3{
	text-align:center;
	font-size:1.6em;
	margin-top:80px;
	margin-bottom:15px;
}

.sd{
	width:auto;
}

.sr_img{
	margin:0;
	padding:0;
	width:50%;
	height:auto;
	float:left;
}

.sr_com{
	clear:left;
	font-size:0.8em;
	margin-bottom:100px;
}

/*施設情報デスクトップ*/
@media screen and (min-width:768px){
	#service .f_v{
		height:650px;
		margin-top:0;
	}
	.sd{
		width:960px;
		margin:0 auto;
	}
	
	.sr_com{
		width:600px;
		margin:0 auto 100px;
		font-size:1em;
	}
}

/*予約・お問い合わせ________________*/
/*共通項目*/
#contact h3{
	text-align:center;
	margin-top:80px;
	font-weight: 800;
}

#att h3{
	color:#ab0505;
	font-weight: 800;
}

#att,#yo,#qu{
	width:90%;
	margin:0 auto;
}

@media screen and (min-width:768px){
	#contact h3{
		font-size:1.8em;
		margin-bottom:15px;
	}
}
/*料金表*/
#yen dl{
	width:11em;
	margin:0 auto;
}
#yen dt{
	width:5em;
	float:left;
	clear:left;
}
#yen dd{
	text-align: right;
}

/*注意事項モバイル*/
#att ul li{
	font-size:14px;
	line-height:1.4em;
	margin-bottom:20px;
	list-style-type: disc;
	margin-left:10px;
}
/*注意事項デスクトップ*/
@media screen and (min-width:768px){	
	#att ul li{
		margin:0 auto 20px;
		width:50%;
	}
}
/*フォームモバイル*/
#contact .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_contact.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#entryForm,#question{
	border:1px #888 solid;
	padding:15px;
}

table{
	width:100%;
	font-size:14px;
	font-weight: 400;
}

table th{
	width:4em;
	text-align:right;
	padding-right:5px;
	vertical-align: top;
}

input[type="number"]{
	width:2.5em;
}

.member{
	width:100%;
}

input[type="date"]{
	width:8em;
}

textarea{
	width:80%;
	height:100px;
}

#qu{
	margin-bottom:100px;
}

.btn{
	font-size:14px;
	text-align: center;
}
/*フォームデスクトップ*/
@media screen and (min-width:768px){
	#contact .f_v{
		height:650px;
		margin-top:0;
	}
	
	table{
		width:700px;
	}
	
	table th{
		height:3em;
		width:8em;
		padding-right:10px;
		vertical-align: middle;
	}
	
	td{
		overflow: hidden;
	}
	
	.member{
		width:auto;
		float:left;
		margin-right:25px;
	}
	
	#yo textarea{
		margin-top:10px;
		height:150px;
	}
	
	#qu textarea{
		margin-top:10px;
		height:240px;
	}
	
	#yo,#qu{
		width:50%;
		margin-bottom:140px;
	}
	
	input[type="text"],input[type="email"],input[type="tel"]{
		width:15em;
	}
}
/*電話予約*/
#tel a{
	font-size:20px;
	background:-webkit-linear-gradient(top,#7A97CC,#4867a1);
	background:-o-linear-gradient(top,#7A97CC,#4867a1);
	background:linear-gradient(to bottom,#7A97CC,#4867a1);
	display:block;
	width:15em;
	height:auto;
	color:#fff;
	text-align:center;
	padding:12px;
	margin:30px auto 120px;
	text-decoration: none;
	border-radius:10px;
	font-weight:400;
}

@media screen and (min-width:768px){
	#tel a:hover{
		border:1px #52c4ff solid;
		margin:28px auto 118px;
	}
	
	#tel a:active{
	background:-webkit-linear-gradient(top,#345083,#4867a1);
	background:-o-linear-gradient(top,#345083,#4867a1);
	background:linear-gradient(to bottom,#345083,#4867a1);
	}
}

/*アクセス__________________*/
#access .f_v{
	width:100%;
	height:200px;
	background-image:url("../images/bg_access.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
}

#access h3{
	text-align:center;
	font-size:1.6em;
	margin-top:80px;
}

/*アクセスデスクトップ*/
@media screen and (min-width:768px){
	#access .f_v{
		height:650px;
		margin-top:0;
	}
}
/*map*/
.address{
	font-size:0.6em;
	line-height: 1.4em;
	font-weight: 400;
	text-align: center;
}

#map{
	/*border:1px #131313 solid;*/
	position: relative;
	padding-bottom:50%;
	margin:10px;
}

#map iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
/*行き方*/
.load{
	font-size:0.8em;
	font-weight: 400;
}
.load h4{
	font-weight: 800;
}
.load h4:before{
	content:"【"
}
.load h4:after{
	content:"】"
}
.load p{
	margin-bottom:40px;
}
.load p:last-of-type{
	margin-bottom:120px;
}

/*mapデスクトップ*/
@media screen and (min-width:768px){
		#access h3{
		font-size:1.8em;
		margin-bottom:15px;
	}
		#ad_main{
			width:80%;
			overflow: hidden;
			margin:0 auto;
		}
	
	#map{
		width:95%;
		padding-bottom:400px;
	}
	
	#add0{
		width:50%;
		float:left;
	}
	
	.load{
		width:50%;
		float:left;
	}
}

/*iconフォント*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ai782v');
  src:  url('fonts/icomoon.eot?ai782v#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ai782v') format('truetype'),
    url('fonts/icomoon.woff?ai782v') format('woff'),
    url('fonts/icomoon.svg?ai782v#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e942";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}