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

768px~


●●●●●●●●●●●●●●●●●●●●●●●
*/
@media screen and (min-width:768px), print {
p {
	font-size: 0.8125rem;/*--13/16--*/
}






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　ヘッダー　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header_320 {
	display: none;
}
#header_768 {
	display: block;
	text-align : center;
	/*width: 93.75%; (960/1024*100) */
	max-width: 1200px;
	margin: 1rem auto 0 auto;
}
#header_768 img {
	margin: 0 1rem 1rem 0;
	width: 15%;
	float: left;
	max-width: 150px;
}
#header_768 p {
	color: #666666;
	font-size: 1.5rem;
	line-height: 2rem;
	float: left;
	width: 28%;
	margin: 0.5rem 0;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　TOPページ　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#right {
	width: 83%;/* (960/1024*100) */
	max-width: 996px;
	margin: 0 auto;
	padding: 0;
	float: right;
}
/*topのみのarticle*/
#top_nomi_article {
	margin-top: 0;
}
/*ご利用案内の説明文*/
#annaibun {
	margin-top: 4rem;
	margin-bottom: 2rem;
	padding: 2rem;
	border: 2px dotted #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#futomoji-s {
	display: none;
}
#annaibun p {
	font-size: 16px;
	line-height: 2rem;
}
p#futomoji {
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1.5px solid #333333;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.5rem;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　section-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section {
	float: left;
	width: 30%;
	margin-right: 2%;
	text-align: center;
	border-radius: 3%;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　font　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h6 {/*クエリーあり*/
	font-size: 1rem;
	line-height: 2rem;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　text-era　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h2 {
	margin-top: 0rem;
	margin-right: 0;
	margin-left: 0rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	clear: both;
}
h1 {
	line-height: 2rem;
	font-size: 1.25rem;/*20/16*/
	margin-bottom: 3rem;
}
.text-era p {/*クエリーあり*/
	font-size: 1rem;
	line-height: 2rem;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　メニュー　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*グローバルメニュー*/
menu#top-menu {
	clear: both;
	display: block;
	margin-top: 0.5rem;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0rem;
	padding: 0;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,228,218,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,228,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(225,228,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4da', GradientType=0 ); /* IE6-9 */
	border-top: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
}
menu#top-menu ul {
	width: 93.75%;/* (960/1024*100) */
	max-width:1200px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
menu#top-menu li {
	float: left;
	margin: 0;
	line-height: 3rem;
	text-align: center;
	padding: 0 0.8rem;
	font-size: 0.875rem;
	border-right: 1px solid #ffffff;
	font-weight: bold;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
menu#top-menu li:first-child{
	border-left: 1px solid #ffffff;
}
menu#top-menu li a:link {
	color: #666666;
}
menu#top-menu li a:visited {
	color: #666666;
}
menu#top-menu li a:hover {
	color: #D8A300;
}
menu#top-menu li a:active {
	color: #666666;
}
/*サイドメニュー*/
.left {
	display: block !important;
	width: 17%;
	max-width: 200px;
	float: left;
	font-size: 0.8rem;
	margin-top: 1rem;
    margin-left: 0;
}
.left dt, .left dd {
	margin: 0 0 0 0.5rem;
	padding: 0;
	line-height: 2rem;
}
.left dt a, .left dd a {
	display: block;
	list-style: circle;
}
.left dt#oki{
	color: #fc7702;
	font-weight: bold;
	font-size: 1.25rem;
}
.left dt#yuza{
	color: #00a0e9;
	font-weight: bold;
	font-size: 1.25rem;
}
.left dt#hako{
	color: #296d2d;
	font-weight: bold;
	font-size: 1.25rem;
}
.left dt#con-toi a{
	color: #888888;
	font-weight: bold;
	font-size: 1rem;
}
dl#left-okinawa {
	background-color: #fee4ce;
	margin-bottom: 1rem;
	padding: 0.5rem;
}
dl#left-yuzawa {
	background-color: #ccecfb;
	margin-bottom: 1rem;
	padding: 0.5em;
}
dl#left-hakone {
	background-color: #ccdfd0;
	margin-bottom: 1rem;
	padding: 0.5em;
}
dl#left-con-toi {
	background-color: #efefef;
	margin-bottom: 1rem;
	padding: 0.5em;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　カラム調整　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.contents_all {
	width: 93.75%;/* (960/1024*100) */
	max-width: 1200px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　下層　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/****ページ内メニュー*****/


.inpage-menu{
	display:block;
	padding: 1rem;
	border-radius: 30px;
}

.inpage-menu p,.inpage-menu a{
	font-size: 0.8rem;
	line-height: 1.8rem;
	color: #000000;
}

#inpage-menu-okinawa{
	background-color: #fee4ce;
}
#inpage-menu-yuzawa{
	background-color: #ccecfb;
}

#inpage-menu-hakone{
	background-color: #ccdfd0;
}







/****↑ページ内メニュー↑*****/

.resort-main {
    float: left;
    margin-bottom: 4rem;
}
.resort-main:after {
	display: block;
	clear: both;
	content: "";
}
.resort_main, .wrap-cont {/*クエリー768あり*/
	float: left;
	width: 30%;
	margin-bottom: 1rem;
	margin-right: 1rem;
}

.wrap:after {
	display: block;
	clear: both;
	content: "";
}
.wrap {
    margin: 0 auto 3rem auto;
}

.wrap img{
    margin-bottom: 0.5rem;
	}
.wrap p{
    text-align: center;
	color: #1397eb;
	}

.resort-map-tate {
    margin-bottom: 1.5rem;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　宮城さんレポ　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.repo-img img {
	float: left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　予約　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.yoyaku	p{
	font-size: 1.3rem;/*残す残す残す*/
}

}