/* ESSENTIAL
------------------------------------------------------------------*/
html	{
	height: 100%;
	}
body	{
	margin: 0;
	padding: 0;
	font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック Medium’, ‘メイリオ’, meiryo, sans-serif;
	font-size: 62.5%;
	color: #444;
	line-height: 1.6;
	background: transparent url(../images/bg.gif) repeat-x;
	}
	@media (max-width: 768px) {
	body	{
	background: none;
	}
	}
hr	{
	clear: both;
	display: none;
	visibility: hidden;
	}
a:link		{
	color: #00275e;
	text-decoration: none;
	}
a:visited	{
	color: #00275e;
	text-decoration: none;
	}
a:hover		{
	color: #c85000;
	text-decoration: underline;
	}
a:active		{
	color: #c85000;
	text-decoration: underline;
	}
img	{
	border: none;
	}
form {
	margin: 0;
	}
a img	{
	transition : all .1s;
	-webkit-transition: all .1s;
	}
	a img:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}



/* CONSTRUCTION
------------------------------------------------------------------*/
#wrap	{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}
#topic #main {
	margin: 0 auto;
	padding: 60px 0;
	width: 1020px;
	overflow: hidden;
	}
#bgArea	{
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/bg_topics.jpg) no-repeat center bottom;
	background-attachment: fixed !important;
	}
	#topic #bgArea	{
	padding: 35px 0 100px;
	}
@media (max-width: 1024px) {
	#bgArea	{
	width: 100%;
	background: none;
	}
	#bgArea::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-100;
	width:100%;
	height:100vh;
	background:url(../images/bg_topics.jpg) no-repeat center bottom; /*fixedをトル！*/
	-webkit-background-size:cover;/*Android4*/
	}
}
@media (max-width: 768px) {
	#topic #main {
	width: 100%;
	}
	#topic #bgArea	{
	padding: 65px 0 100px;
	}
}


/* ESSENTIAL
------------------------------------------------------------------*/
h2	{
	margin: 0;
	padding: 0 0 0 0.4em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #00275e;
	text-transform: uppercase;
	background: transparent url(../images/ico_h2.png) no-repeat 0 0.6em;
	}
	#reserveArea h2	{
	margin: 0 0 0 -0.5em;
	font-size: 20px;
	}
	#topics h2,
	#sns h2,
	#access h2	{
	color: #fff;
	background: transparent url(../images/ico_h2_w.png) no-repeat 0 0.6em;
	}
	/* WP　------------------*/
	#topic #primary h2	{
	background: none;
	}
	#topic aside h2	{
	background: transparent url(../images/ico_h2.png) no-repeat 0 0.3em;
	}
@media (max-width: 768px) {
	h2	{
	font-size: 20px;
	}
	#reserveArea h2	{
	margin: 0;
	}
	#concept h2,
	#access h2	{
	margin: 60px 0 0;
	}
}

h3	{
	margin: 0;
	padding: 0.1em 0;
	font-size: 18px;
	background: #00275e;
	color: #fff;
	text-align: center;
	}
	#rule h3	{
	margin: 2em 0;
	padding: 0.3em;
	font-size: 18px;
	background: #eee;
	color: #333;
	text-align: left;
	}
@media (max-width: 768px) {
	h3,
	#rule h3	{
	font-size: 12px;
	}
}

h4	{
	margin: 0;
	padding: 0 0 0 0.4em;
	}

h5	{
	margin: 0;
	padding: 10px 0 0;
    text-align: left;
	color: #ccc;
	}

.lnk	{
	display: block;
	margin: 0 0 60px;
	padding: 0 1.3em 0 0;
	text-align: right;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	background: transparent url(../images/ico_lnk.png) no-repeat right 4.5em top 0.75em;
	}
	#topics .lnk	{
	background: transparent url(../images/ico_lnk_w.png) no-repeat right 4.5em top 0.75em;
	}
		#topics .lnk a	{
		color: #fff;
		}
@media (max-width: 768px) {
	.lnk	{
	font-size: 12px;
	}
}


/* HEADER
------------------------------------------------------------------*/
header	{
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/logo_b.png) no-repeat right top;
	width: 1020px;
	}
		#topic header.entry-header,
		#topic header.page-header	{
		background: none;
		width: inherit;
		}
	header #logo	{
	margin: 0;
	padding: 18px 0 0;
	height: 96px;
	box-sizing: border-box;
	}
	header #logo img	{
	width: 34%;
	}
@media (max-width: 768px) {
	header	{
	background-image: none;
	width: 100%;
	position: fixed !important;
	z-index: 1000;
	}
		header.entry-header {
		position: static !important;
		}
	header #logo	{
	padding: 10px 0 0 18px;
	height: 50px;
	width: 50%;
	max-width: 230px;
	}
	header #logo img	{
	width: 100%;
	}
	#topic header.entry-header,
	#topic header.page-header	{
	background-color: inherit;
	width: inherit;
	position: static;
	z-index: inherit;
	}
}

/* FOOTER
------------------------------------------------------------------*/
footer	{
	margin: 0;
	padding: 40px 0 10px;
	background: #062251;
	box-sizing: border-box;
	}
		#topic footer.entry-footer	{
		padding: 0 0 100px;
		background: none;
		height: inherit;
		}
	footer #inner	{
	margin: 0 auto;
	padding: 0;
	width: 1020px;
	}
	footer ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
		footer li	{
		margin: 0;
		padding: 0.3em 0 0.3em 2.4em;
		color: #fff;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		}
		footer li#mail	{
		background: url(../images/ico_mail.png) no-repeat left 8px;
		}
		footer li#tel	{
		background: url(../images/ico_tel.png) no-repeat left 4px;
		}
	footer #ruleLnk	{
	margin: 0;
	padding: 1em;
	color: #fff;
	display: block;
	text-align: right;
	}
		footer #ruleLnk a	{
		margin: 0;
		color: #fff;
		}
	footer #copyright	{
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: right;
	}
@media (max-width: 768px) {
	footer #inner	{
	margin: 0 auto;
	padding: 0;
	width: 90%;
	}
	footer #ruleLnk	{
	text-align: left;
	}
	footer #copyright	{
	margin-top: 15px;
	text-align: left;
	}
}

footer#bottom {
    margin: 0;
	padding: 0;
	}
    footer#bottom #footerInner	{
	margin: 0 auto;
	padding: 10px 0 20px;
	width: 1020px;
    border-top: 1px solid #153468;
	}
    footer#bottom #footerInner ul	{
	margin: 0;
	padding: 0;
    list-style-type: none;
    overflow: hidden;
	}
    footer#bottom #footerInner ul li	{
	margin-right: 3.5%;
	padding: 0;
	float: left;
    line-height: 90px;
	}
        /* cucule */
        .our-ishigakihotel__list__item:first-child{
        width: 6%;
        }
        /* ちゅらcucule */
        .our-ishigakihotel__list__item:nth-child(2) {
        width: 6%;
        }
        /* grandvilla cucule */
        .our-ishigakihotel__list__item:nth-child(3) {
        width: 6%;
        }
        /* sky cucule */
        .our-ishigakihotel__list__item:nth-child(4) {
        width: 6%;
        }
        
        /* H&R */
        .our-hotel__list__item:first-child{
        width: 6%;
        }
        /* レトロ */
        .our-hotel__list__item:nth-child(2) {
        width: 9%;
        }
        /* 箱根 */
        .our-hotel__list__item:nth-child(3) {
        width: 4.5%;
        }
        /* つたや */
        .our-hotel__list__item:nth-child(4) {
        width: 10%;
        }
        /* うみ */
        .our-hotel__list__item:nth-child(5) {
        width: 8%;
        }
    footer#bottom #footerInner ul li img	{
    width: 100%;
    vertical-align: middle;
	}

@media (max-width: 768px) {
    footer#bottom {
	padding-bottom: 35px;
	}
    footer#bottom #footerInner	{
	width: 90%;
	}
    footer#bottom #footerInner ul	{
	overflow: hidden;
	padding-bottom: 15px;
	}
    footer#bottom #footerInner ul li	{
    line-height: 60px;
	}
        /* cucule */
        .our-ishigakihotel__list__item:first-child{
        width: 10%;
        }
        /* ちゅらcucule */
        .our-ishigakihotel__list__item:nth-child(2) {
        width: 10%;
        }
        /* grandvilla cucule */
        .our-ishigakihotel__list__item:nth-child(3) {
        width: 10%;
        }
        /* sky cucule */
        .our-ishigakihotel__list__item:nth-child(4) {
        width: 10%;
        }
        
        /* H&R */
        .our-hotel__list__item:first-child{
        width: 11%;
        }
        /* レトロ */
        .our-hotel__list__item:nth-child(2) {
        width: 14%;
        }
        /* 箱根 */
        .our-hotel__list__item:nth-child(3) {
        width: 9%;
        }
        /* つたや */
        .our-hotel__list__item:nth-child(4) {
        width: 15%;
        }
        /* うみ */
        .our-hotel__list__item:nth-child(5) {
        width: 13%;
        }
}



/* SLIDE AREA
------------------------------------------------------------------*/
#slideArea	{
	margin: 0;
	padding: 0;
	min-width: 1020px;
	height: 380px;
	overflow: hidden;
	border-bottom: 4px solid #00275e;
	background: #fff;
	}
	#reserveArea	{
	margin: 0;
	padding: 25px 3%;
	float: right;
	width: 30%;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	}
		/* 予約エリアカミングスーン用 */
		/*#reserveArea #cs	{
		position: absolute;
		top: 50px;
		width: 100%;
		padding: 70px 0 170px 70px;
		font-size: 24px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-weight: bold;
		font-style: italic;
		color: #00275e;
		background: rgba(255, 255, 255, 0.8);
		}
		@media (max-width: 768px) {
		#reserveArea #cs	{
		padding: 70px 0 170px;
		text-align: center;
		font-size: 28px;
		}
		}*/
	
	#reserveArea p.exp	{
	display: block;
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
	color: #00275e;
	}
	#reserveArea table	{
	margin: 0;
	padding: 0;
	width: 100%;
	}
		#reserveArea table td	{
		margin: 0;
		padding: 0.1em 0;
		width: 33%;
		color: #00275e;
		}
		#reserveArea select	{
		margin: 0;
		padding: 0.5em;
		color: #00275e;
		font-weight: bold;
		border: 1px solid #00275e;
		width: 100%;
		}
	#reserveArea input#reserveBut	{
	margin: 0 auto;
	margin-top: 15px;
	width: 50%;
	background: #00275e;
	text-align: center;
	font-size: 12px;
	display: block;
	padding: 5px;
	color: #fff;
	background: #00275e;
	border: 2px solid #ddd;
	transition : all .2s;
	-webkit-transition: all .2s;
	}
		#reserveArea #reserveBut:hover {
		opacity: 0.5;
		filter: alpha( opacity=50 );
		-ms-filter: "alpha( opacity=50 )";
		cursor: pointer;
		}
	#reserveArea ul	{
	margin: 20px;
	padding: 0;
	list-style-type: none;
	}
		#reserveArea li	{
		margin: 0;
		padding: 0 0 0 0.9em;
		font-size: 12px;
		background: transparent url(../images/ico_lnk.png) no-repeat left 0.55em;
		}
@media (max-width: 768px) {
	#slideArea	{
	margin: 40px 0 0;
	min-width: inherit;
	height: inherit;
	border-bottom: 1px solid #00275e;
	}
	#reserveArea	{
	margin: 0;
	padding: 25px 3%;
	float: inherit;
	width: 100%;
	box-sizing: border-box;
	border-top: 4px solid #00275e;
	}
}
	

/* MAIN
------------------------------------------------------------------*/
/*  STORY
-------------------------------------*/
#story {
	margin: 0 auto;
	padding: 60px 0 100px;
	border-bottom: 1px solid #00275e;
	width: 1020px;
	background: #fff;
	}
	#story p {
	padding: 0 9em;
	display: block;
	font-size: 18px;
	color: #00275e;
	}
		#story p span {
		display: block;
		margin: 0 0 1em;
		font-size: 24px;
		color: #00275e;
		font-weight: bold;
		text-align: center;
		}
@media (max-width: 768px) {
	#story {
	padding: 0 3% 100px;
    padding-top:100px;
	width: 100%;
	box-sizing: border-box;
	}
	
	#story p {
	padding: 0 7%;
	font-size: 14px;
	}
		#story p strong {
		display: block;
		margin: 0 0 1em;
		font-size: 16px;
		color: #00275e;
		font-weight: bold;
		text-align: center;
		}
}


/*  DESIGN
-------------------------------------*/
#design {
	margin: 0 auto;
	padding: 60px 0 100px;
	border-bottom: 1px solid #00275e;
	width: 1020px;
	background: #fff;
	}
	#design p {
	padding: 1em 9em 0;
	display: block;
	font-size: 18px;
	color: #00275e;
	}
	#design ul {
	margin: 0;
	padding: 30px 0;
	list-style-type: none;
	overflow: hidden;
	}
	#design li {
	margin: 0 auto;
	padding: 0;
	width: 50%;
	}
	#design li img {
	width: 100%;
	}
@media (max-width: 768px) {
	#design {
	padding: 0 3% 100px;
    padding-top:100px;
	width: 100%;
	box-sizing: border-box;
	}
	#design p {
	padding: 0 7%;
	font-size: 14px;
	}
	#design ul {
	padding: 25px 0 40px;
	}
	#design li {
	float: inherit;
	width: 80%;
	}
}


/*  ROOM
-------------------------------------*/
#room {
	margin: 0 auto;
	padding: 60px 0 80px;
	border-bottom: 1px solid #00275e;
	width: 1020px;
	background: #fff;
	}
	#room p {
	padding: 1em 9em 0;
	display: block;
	font-size: 18px;
	color: #00275e;
	}
#room ul {
	margin: 0;
	padding: 60px 0 40px;
	list-style-type: none;
	overflow: hidden;
	}
	#room li {
	margin: 0 0.5%;
	padding: 0;
	float: left;
	width: 32%;
	}
	#room li img {
	width: 100%;
	}
@media (max-width: 768px) {
	#room {
	padding: 0 3% 30px;
    padding-top:100px;
	width: 100%;
	box-sizing: border-box;
	}
	#room p {
	padding: 0 7%;
	font-size: 14px;
	}
	#room ul {
	padding: 25px 0 40px;
	}
	#room li {
	float: inherit;
	width: 100%;
	}
}




/* #ROOM - DETAIL
-----------------------*/
#facility #room .imgArea	{
	margin: 0 0 60px;
	padding: 0;
	overflow: hidden;
	}
	#facility #room .photoBig	{
	margin: 0;
	padding: 0;
	width: 75%;
	float: left;
	}
		#facility #room .photoBig img	{
		margin: 0;
		padding: 0;
		width: 100%;
		}
	#facility #room ul.thumbnail	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 24.5%;
	float: right;
	}
	#facility #room ul.thumbnail li	{
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	}
		#facility #room ul.thumbnail li img	{
		width: 100%;
		cursor: pointer;
		}
#facility #room p.exp	{
	clear: both;
	display: block;
	margin: 0;
	padding: 1% 0 0 10px;
	font-size: 16px;
	}





/*  COMMON SPACE
-------------------------------------*/
#cspace {
	margin: 0 auto;
	padding: 60px 0 80px;
	width: 1020px;
	background: #fff;
	}
		#facility #cspace {
		border-bottom: none;
		}
	#cspace p {
	padding: 1em 9em 0;
	display: block;
	font-size: 18px;
	color: #00275e;
	}
#cspace ul {
	margin: 0;
	padding: 60px 0 40px;
	list-style-type: none;
	overflow: hidden;
	}
	#cspace li {
	margin: 0 0.5%;
	padding: 0;
	float: left;
	width: 32%;
	}
	#cspace li img {
	width: 100%;
	}
@media (max-width: 768px) {
	#cspace {
	padding: 0 3% 30px;
    padding-top:100px;
	width: 100%;
	box-sizing: border-box;
	}
	#cspace p {
	padding: 0 7%;
	font-size: 14px;
	}
	#cspace ul {
	padding: 25px 0 40px;
	}
	#cspace li {
	float: inherit;
	width: 100%;
	}
}


/*  TOPICS
-------------------------------------*/
#topics {
	margin: 0 auto;
	padding: 60px 0 140px;
	border-bottom: 1px solid #fff;
	width: 1020px;
	}
#topics ul {
	margin: 0;
	padding: 60px 14em 40px;
	list-style-type: none;
	}
	#topics li {
	margin: 0;
	padding: 0.5em 0;
	font-size: 18px;
	border-bottom: 1px dashed #ddd;
	}
		#topics li span {
		padding-left: 1em;
		font-size: 14px;
		color: #fff;
		}
	#topics li a:link		{
	color: #fff;
	text-decoration: none;
	}
	#topics li a:visited	{
	color: #fff;
	text-decoration: none;
	}
	#topics li a:hover		{
	color: #fff;
	text-decoration: underline;
	}
	#topics li a:active		{
	color: #fff;
	text-decoration: underline;
	}
@media (max-width: 768px) {
	#topics {
	padding: 0 3% 30px;
    margin-top:-100px;
    padding-top:140px;
	width: 100%;
	box-sizing: border-box;
	}
	#topics ul {
	padding: 30px 10% 40px;
	}
	#topics li {
	font-size: 14px;
	}
	#topics li span {
	font-size: 10px;
	}
}



/*  SNS
-------------------------------------*/
#sns {
	margin: 0 auto;
	padding: 60px 0 80px;
	border-bottom: 1px solid #fff;
	width: 1020px;
	overflow: hidden;
	}
#sns .box {
	margin: 0;
	padding: 0;
	width: 49.5%;
	float: left;
	}
	#sns .fb iframe {
	margin: 0;
	padding: 60px 0 100px;
	}
	#sns .ig #scroll {
	margin: 60px 0 100px;
	padding: 0;
	overflow-y: scroll;
	height: 500px;
	}
	#sns .ig ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}
		#sns .ig li {
		margin: 5px;
		padding: 0;
		width: 150px;
		height: 150px;
		float: left;
		overflow: hidden;
		}
		#sns .ig li img {
		
		position: relative;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		}
@media (max-width: 768px) {
	#sns {
	padding: 0 3% 30px;
    margin-top:-100px;
    padding-top:140px;
	width: 100%;
	box-sizing: border-box;
	}
	#sns .box {
	width: 100%;
	float: inherit;
	}
	#sns .fb iframe {
	margin: 0;
	padding: 30px 0 60px;
	}
	#sns .ig #scroll {
	margin: 30px 0 100px;
	padding: 0;
	overflow-y: scroll;
	height: 500px;
	}
	#sns .ig ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}
		#sns .ig li {
		margin: 2px;
		width: 110px;
		height: 110px;
		}
}


/*  ACCESS
-------------------------------------*/
#access {
	margin: 0 auto;
	padding: 60px 0 80px;
	width: 1020px;
	}
	#access p {
	padding: 0;
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	}
	#access #gmap {
	margin: 0 0 20px;
	width: 100%;
	height: 450px;
	}
	#access #button {
	margin: 0 auto;
	margin-top: 35px;
	width: 20%;
	background: #00275e;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	}
	#access #button a {
	display: block;
	padding: 10px 10px 10px 30px;
	color: #fff;
	background: #00275e;
	background: url(../images/ico_gmap.png) no-repeat 17px 9px;
	}
	#access #button a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}
@media (max-width: 768px) {
	#access {
	padding: 0 3% 30px;
    margin-top:-100px;
    padding-top:140px;
	width: 100%;
	box-sizing: border-box;
	}
	#access p {
	padding: 0 7%;
	font-size: 14px;
	}
	#access #button {
	width: 45%;
	font-size: 12px;
	}
	#access #button a {
	background: url(../images/ico_gmap.png) no-repeat 17px 0.5em;
	}
	#access #button a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}
}




/* TOPICS
------------------------------------------------------------------*/
#topic article p	{
	font-size: 18px;
	}
#topic footer.entry-footer	{
	padding-top: 35px;
	}
	#topic footer.entry-footer .byline	{
	display: none;
	}
@media (max-width: 768px) {
#topic article p	{
	font-size: 14px;
	}
}




/* RULE
------------------------------------------------------------------*/
#provisions {
	margin: 0 auto;
	padding: 60px 0 100px;
	width: 1020px;
	background: #fff;
	font-size: 16px;
	}
	#provisions table {
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
	border-collapse: collapse;
	width: 100%;
	}
	#provisions table th,
	#provisions table td {
	margin: 0;
	padding: 1em;
	border: solid 1px #ccc;
	}
	#provisions table td.clr {
	background: #f5ebeb;
	}
	
#provisions > ol {
	margin: 0;
	padding: 1em 0 2em 2em;
	}
	#provisions > ol > li {
	margin: 0.5em 0 0;
	padding: 0;
	}
	
	#provisions > ol.kakko{
	margin: 1em 0 0 1em;
	padding: 0 0 0.5em;
	}
	ol.kakko > li{
	margin: 0.3em 0 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
	}
	ol.kakko > li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
	}
		ol.kakko > li.six{
		counter-increment: cnt+6;
		}

	#provisions ol.iroha{
	margin: 0;
	padding: 0.5em 0 0.5em 5em;
	list-style-type: katakana-iroha;
	}
	#provisions ol.roman{
	margin: 0;
	padding: 0.5em 0 0.5em 5em;
	list-style-type: upper-roman;
	}
		#provisions ol.roman.zero{
		padding: 0.5em 0 0.5em 2em;
		font-size: 12px;
		}
		#provisions ol.roman.zero #ttl{
		margin-left: -2em;
		}
@media (max-width: 768px) {
	#provisions {
	padding: 0 3% 30px;
    padding-top:100px;
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	}
}












/*  BANNER
-------------------------------------*/
#banA {
	margin: 0 auto;
	margin-bottom: 80px;
	width: 1020px;
	background: #fff;
	text-align: center;
	}
.ban	{
	margin: 10px 0;
	}

	@media (max-width: 768px) {
	#banA {
	padding: 0 3% 30px;
	width: 100%;
	box-sizing: border-box;
	}
	.ban	{
	margin: 0 auto;
	}
	#banA img	{
	width: 100%;
	}
	}




/* NAVIGATION
------------------------------------------------------------------*/
nav	{
	margin: 0 auto;
	padding:0;
	height: 44px;
	width: 1020px;
	background: #00275e; url(../images/logo_b.png) no-repeat right -96px;
	}
	#topic nav.navigation	{
	height: inherit;
	width: inherit;
	background: none;
	}

ul#nav	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	text-align: right;
	}
	ul#nav li	{
	margin: 0 1.5em;
	display:inline;
	}
	ul#nav li a	{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #fff;
	box-sizing: border-box;
	line-height: 44px;
	}
	ul#nav li a:hover	{
	color: #f60;
	text-decoration: none;
	}


#menu-box	{
	display: none;
	}
@media (max-width: 768px) {
	nav	{
	width: 100%;
	background: none;
	}
	ul#nav	{
	display: none;
	}
	
	#menu-box	{
	display: inherit;
	position: fixed !important;
	top: 50px;
	z-index: 1000;
	width: 100%;
	}
	#smenu	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: none;
	}
	#smenu li	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	#smenu li a	{
	display: block;
	padding: 12px 0 10px;
	background: rgba(0, 39, 94, 0.9);
	border-top: 1px solid #fff;
	font-family: 'Montserrat', serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	}
	#smenu li a:hover	{
	background: rgba(0, 39, 94, 0.7);
	}
	
	#toggle	{
	padding: 0;
	display: block;
	position: relative;
	width: 100%;
	background: rgba(0, 39, 94, 0.9);
	}
		#toggle a	{
		display: block;
		position: relative;
		padding: 6px 0;
		font-size: 14px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		color: #fff;
		text-align: center;
		text-decoration: none;
		}
		#toggle a img	{
		width: 75%;
		}
		#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
		}
		#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: rgba(0, 39, 94, 0.9);
		}
		#toggle a:before{
		margin-top: -6px;
		}
		#toggle a:after{
		margin-top: 2px;
		}
}



/*  Accordion (Language tab)
-----------------------------------------*/
/* 2021.05 remove */
ul#accordion	{
	display: none !important;
	}

ul#accordion	{
	position: absolute;
	top: 0;
	right: 20px;
	width: 120px;
	margin: 0;
	padding: 2px 10px 3px;
	list-style-type: none;
	text-align: center;
	background: #00275e;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	z-index: 1500;
	}
	ul#accordion li	{
	margin: 0;
	padding: 0;
	}
	ul#accordion li .ttl	{
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;	
	}
		ul#accordion li .ttl:hover		{
		color: #fc0;
		}
	ul#accordion li ul.subMenu	{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	}
	ul#accordion li ul.subMenu li	{	
	padding: 5px 10px;
	background-color: #00275e;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #29528b;	
	}
	ul#accordion li ul.subMenu li:last-child	{
	border: none;	
	}
		ul#accordion li ul.subMenu li a:link		{
		color: #fff;
		text-decoration: none;
		}
		ul#accordion li ul.subMenu li a:visited		{
		color: #fff;
		text-decoration: none;
		}
		ul#accordion li ul.subMenu li a:hover		{
		color: #396;
		text-decoration: underline;
		}
@media (max-width: 768px) {
ul#accordion	{
	right: 5px;
	width: 80px;
	}
}




/*  Page-Top
------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 4%;
	}
#page-top a {
	text-decoration: none;
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	display: block;
	background: url(../images/pagetop.png) no-repeat center 43%;
	background-color: #00275e;
	background-size: 28%;
	transition : all .2s;
	-webkit-transition: all .2s;
	}
#page-top a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}




/*  GoToTravel-Banner　2020.08.04
------------------------------------------------------------------*/
#gotoBan {
	margin: 10px auto 0;
	width: 1020px;
	background: #fff;
	}
	#gotoBan img {
	width: 100%;
	}
@media (max-width: 768px) {
	#gotoBan {
	margin: 0 auto;
	padding-top: 5px;
	width: 100%;
	box-sizing: border-box;
	}