body{
 margin:0px;padding:0px;
 font-size:14px;letter-spacing:0px;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 color:#000000;line-height:1.7;
 background-image:url("../image/sora2.jpg");
 background-attachment: fixed;
 background-position: center middle;
}

.hedda{
 border-top:5px solid orange;
 position: fixed;
 z-index:10;
 margin:0px;padding:0px;
 width:100%;height:40px;
 background-color:#ffffff;
 box-shadow:0px 0px 8px 2px rgba(0,0,0,0.4);
}
.hedda p{
 margin:8px 10px 0px 0px;padding:0px;
 font-size:16px;
 color:#555555;
 line-height:140%;
 text-align:left;
}
.hedda a{
 color:#444444; font-size:2vw;
 text-decoration:none; 
}
.hedda a:hover{
 color:#666666;
 text-decoration:underline; 
}

.hiduke{ margin-left:1em;font-size:85%;color:#aaaaaa; }

.pop{
 display:none;
 margin:0px;padding:8px;
 width:150px;height:35px;
 position: fixed;
 z-index:12;
 background-color:#e0edff;
 box-shadow:5px 5px 8px 2px rgba(0,0,0,0.3);
 border-radius:15px;
 top: 40px;
 right: 15px;
 text-align:center;
 line-height:140%;
}
.pop:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 37%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #e0edff;
}


.d-pop a{
 display:none;
 margin:0px 0px 0px -110px;padding:0px;
 width:220px;height:20px;
 position: absolute;
 bottom: 20px;
 color:#ffffff;
 background-color:#cccccc;
 text-decoration:none;
 text-align:center;
 border-radius:8px;
}
.d-pop a:hover{ 
 color:#ffffff;
 background-color:#bbbbbb;
 text-decoration:none;
}

/*コンテンツ部分*/


/*本がいっぱい並ぶ*/

.vis{
 margin:0px auto;padding:60px 0px 0px 0px;
 width:100%;max-width:540px;
}
.vis img{
}
.named{
 margin:0px 0px 10px 0px;padding:0px;
 text-align:center;line-height:120%;
 font-size:35px;color:#ffffff;
 letter-spacing:5px;
 text-shadow:0px 0px 8px 2px rgba(0,0,0,0.6);
}

/*大きなスライドショー*/

.bg-slider {
	margin:0px 0px 50px 0px;padding:0px;
	width: 100%;max-width:540px;
	height: 100vh;
	background-color:#ffffff;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.4);
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}


.cont{
 margin:0px auto;padding:15px 0px 20px 0px;
 width:100%;
 box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);
 background: rgba(255,255,255, 0.7);
}

.cont_onsen{
 margin:0px auto;padding:15px 0px 20px 0px;
 width:100%;
 box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);
 background: rgba(255,255,255, 0.7);
}
.cont_in{
 margin:0px auto;padding:20px 0px 20px 0px;
 width:95%;max-width:540px;
 background-color:#ffffff;
 border-radius:15px;
 border-top:15px solid orange;
 box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);
}
.cont_in_onsen{
 margin:0px auto;padding:20px 0px 20px 0px;
 width:95%;max-width:540px;
 background-color:#ffffff;
 border-radius:15px;
 border-top:15px solid orange;
 box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);
}
.gmap{
 width:98%;height:300px;
 margin:0px auto;border:0;
}

.ymovie{
 width:calc(100% - 20px);height:30vh;
 margin:10px;padding:0px;border:0px solid #aaaaaa
}

.cont p{
 margin:3px 10px 0px 20px; 
 clear:both;
 color:#444444;font-size:14px;line-height:170%;
}
.cont li{
 color:#444444;font-size:14px;line-height:170%;
}
.cont a{
 color:#444444;
 text-decoration:underline; 
}
.cont a:hover{
 color:#666666;
 text-decoration:underline; 
}
.cont img{
 width:130px;
 margin:0px 12px 5px 0px;padding:0px;
 float:left;
 box-shadow:2px 3px 8px 1px rgba(0,0,0,0.3);
}

.cafe{
 margin:10px 0px 10px 240px;padding:0px;
 width:100%;height:100px;
 clear:both;
 text-align:center;
}
.cafe img{
 width:100px;
 box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3);
}
.spacer{margin:20px;height:10px;text-align:center;clear:both;font-size:20px;color:#ffffff}

.small_spacer{margin:20px;height:10px;text-align:center;clear:both;font-size:20px;color:#ffffff}


.onsen_logo{
 width:100%;max-width:540px;
 margin:0px auto;padding:0px;
 text-align:center;

}
.onsen_logo img{
 margin:0px auto;padding:0px;
 width:50%;max-width:540px;
 text-align:center;
 box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);
}

.onsen_image{
 width:100%;max-width:540px;
 margin:0px auto;padding:0px;
 text-align:center;

}
.onsen_image img{
 margin:0px auto;padding:0px;
 width:100%;max-width:540px;
 text-align:center;
 box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);
}

/*フッダ部分*/

.fudda{
 clear:both;
 margin:0px auto;padding:10px 0px 10px 0px;
 width:100%;line-height:110%;
 height:150px;
}
#cr{
 clear:both;
 margin:10px;padding:0px 0px 20px 0px;
 text-align:right;
 color:#ffffff;
 font-size:13px;
 letter-spacing:0.1em;
}


/*テキスト*/

.lead_t{
 margin:0px 0px 5px 0px;padding:0px;
 font-size:14px;
 color:#eeeeee;
 line-height:100%;
 text-indent:1em;
 text-align:center;
 font-weight:normal;
}

.lead_t2{
 margin:10px 0px 20px 10px;padding:5px 0px 0px 0px;
 font-size:20px;color:#666666;
 line-height:100%;height:34px;
 font-weight:normal;
 text-indent:0.3em;
 border-left:7px solid #666666;
 clear:both;
}
.lead_t3{
 margin:30px 10px 15px 10px;padding:7px 5px 5px 5px;
 font-size:16px;color:#666666;
 line-height:100%;
 font-weight:normal;
 border:1px solid orange;
 text-indent:0.5em;
 border-radius:15px;
 background-color:#fffacd;
}
.lead_t4{
 margin:20px 0px 15px 20px;padding:0px;
 font-size:14px;
 line-height:100%;
 font-weight:normal;
 text-indent:0.3em;
 border-left:14px solid orange;
}
.lead_t4 a{
 color:#666666;
 text-decoration:none;
}
.lead_t4 a:hover{
 color:orange;
 text-decoration:none;
}
.tri{font-size:11px;color:orange;}

.lead_t5{
 margin:10px 0px 0px 20px;padding:0px;
 font-size:14px;
 line-height:100%;
 font-weight:normal;
 text-indent:0.3em;
 border-left:14px solid orange;
}

/*スクロールページトップ*/

.pagetop a{
 clear:both;
 margin:5px;padding:2px;
 width:20px;height:20px;
 float:right;
 font-size:80%;line-height:200%;
 text-align:center;
 color:#ffffff;
 background-color:#cccccc;
 text-decoration:none;
}
.pagetop a:hover{ 
 color:#ffffff;
 background-color:#bbbbbb;
 text-decoration:none;
}

.dpop a{
 clear:both;
 margin:5px;padding:2px;
 width:20px;height:20px;
 float:right;
 font-size:80%;line-height:200%;
 text-align:center;
 color:#ffffff;
 background-color:#cccccc;
 text-decoration:none;
}
.dpop a:hover{ 
 color:#ffffff;
 background-color:#bbbbbb;
 text-decoration:none;
}
/*テキストリンク*/

.more{
 margin:0px 15px 0px 0px;padding:0px;
 font-size:12px;
 color:#666666;
 text-align:right;
}
.more a{
 color:#145de3; font-size:12px;
 text-decoration:none; 
}
.more a:hover{
 color:#145de3;
 text-decoration:underline; 
}

.blog_window{
 margin:10px;padding:10px;
 border:1px solid #cccccc;
 border-radius:15px;
}


/*おりたたみ記事のjavascript*/
.bee_over {
 cursor: pointer;
 line-height:100%;
 padding-top:0px;
}
.bee_hide {
 display: none;
 margin-left:5px;
 margin-bottom:20px;
}
.bee_hide {
 display: none;
}

/*メール入力フォーム*/
p input{
 margin:2px;font-size:14px;padding:3px;line-height:1.0;height:20px;
}
textarea{
 margin:2px;font-size:14px;padding:3px;line-height:1.3;
}



 /*hedda*/


.haa{
 display:none;
 margin:0px auto;padding:0px;
 width:90%;height:50px;
}
.haab{ text-align:center;
}
.haab a{
 margin:0px 2px 0px 2px ;padding:5px 0px 5px 0px;
 width:32%;
 float:left;
 font-size:13px;line-height:180%;
 color:#555555;
 text-decoration:none;
 border-top:7px solid orange;
 border-radius:7px;
 background-color:#ffffff;
}

.haab a:hover{
 color:brown;
 border-top:4px solid brown;
 text-decoration:none;
}


.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p{
 margin:0px;padding:0px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}
.start p img{
	width: 280px;
}