@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Rubik+Mono+One';

/*  -------------------------------------------------

RESET

---------------------------------------------------*/
a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,video, figure {
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    font-style:inherit;
    vertical-align:baseline;
    white-space:normal;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    line-height:1.8;
    text-align:left
}

textarea{
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    font-style:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    line-height:1.6;
    text-align:left
}
article,footer,header,section,main{
    display:block
}
ol,ul{
    list-style:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}

/* ----------------------------------------------

* 共通 

---------------------------------------------- */
html {
    visibility: hidden;
}

html.wf-active,
html.loading-delay {
    visibility: visible;
}

#news h2, #access h2, #about h2, #active h2,
#about_ep h2, #brekkie_ep h2, #restaurant_ep h2, #ep_images h2,
#about_eo h2, #off_type h2, #conference h2, #eo_fllow h2 {
	width: 100%;
    text-align: center;
    font-size: 2em;
    font-family: pennsylvania,monospace;
	margin-bottom: 40px;
	line-height: 1em;
}

#concept .inner_sec, #access .inner_sec, #about .inner_sec, #active .inner_sec,
#brekkie .inner_sec, #facilities .inner_sec,
#about_ep .inner_sec, #brekkie_ep .inner_sec,
#restaurant_ep .inner_sec, #ep_images .inner_sec,
#about_eo .inner_sec, #eo_flow .inner_sec,
#header_sub .inner_sec, #direction .inner_sec,
#header_sub .inner_sec, #faq .inner_sec,
#header_sub .summary
{
    max-width: 1200px;
    margin: 10px auto;
}

#rooms, #amenities, #others, #news, #news_art, #accommo_t, div.wrapper {
	padding: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

 body {
     margin: 0 auto;
     padding: 0;
     font-size: 15px;
     line-height: 1.6em;
     font-family: 'kozuka-gothic-pr6n', sans-serif;
     font-weight: 500;
     color: #535761;
     webkit-text-size-adjust: 100%;
}

 table {
     margin : 0;
     border-collapse: collapse;
     border-spacing: 0;
     empty-cells: show;
}

.tbl {
    width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
    margin-top: 30px;
}

.tbl dt {
    flex: 1;
    text-align: center;
    font-weight: bold;}

.tbl dd {
    flex: 3;
}

 img {
     vertical-align: middle;
     border: none;
}

.img_box {
	flex: 30%;
    margin: 10px;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
    margin-top: 20px;;
}

.tar {
	text-align: right;
}

.mid {
	vertical-align: middle;
}

.df {
	display: flex;
}

.fe {
    justify-content: flex-end;
}

.brk {
	display: block;
}

.l-box, .m-box, .r-box  {
    width: 100%;
    padding: 20px;
}

.sub-t {
	font-size: 0.5em;
    vertical-align: middle;
}

.bg_grege {
	background-color: #d5d2c7;
}

/* ----------------------------------------------

* アンカータグの設定 

---------------------------------------------- */
 a {
     outline:none;
     color: #fff;
}

.answer a {
    color: #535761;
}

 a:hover {
     text-decoration: none;
}
 a,a:hover,a:hover img {
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     text-decoration: none;
}
 a:hover {
     filter: alpha(opacity=50);
     -moz-opacity:0.5;
     opacity:0.5;
}


/* ---------------------------------------------------

　   HEADER（ナビゲーション）

---------------------------------------------------- */
#header {
	z-index: 99;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.5s ease;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(111, 131, 16, 0.8);
  transition: all 0.5s ease;
}
.hidden {
  background: none;
  transition: all 0.5s ease;
}

 #gNav a:hover {
     color: #999;
}
 nav li a {
     font-size: 1em;
     letter-spacing: 0.2em;
}
 nav .sub-menu,.mean-container .mean-nav ul ul {
     background: #fff;
     background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}

.sp ul.sp_sns {
	display: none;
 }

.sns ul.tab li.lang {
	font-size: 0.7em;
}



/* ---------------------------------------------------------------------------------------------

　   ヒーロー

--------------------------------------------------------------------------------------------- */
#hero {
	height: 70vh;
}

 .hero_inn {
    background-size: cover;
    background-position: bottom;
    height: 70vh;
}
 
.h_logo {
     width: 150px;
     text-align: center;
}

.hero_title h1 {
    font-size: 3em;
    font-family: pennsylvania, monospace;
    color: #f4f4f4;
    background: #6f8310;
    width: 300px;
    /*padding: 0 20px;*/
    text-align: center;
    position: relative;
    top: 60vh;	
}

.hero_Story {
	width: 85%;
    margin: 0 auto;
    position: relative;
    top: 150px;
}

.hero_Story h3 {
	font-family: pennsylvania,monospace;
	font-size: 2em;
	color: #fff;
	text-shadow: 4px 3px 3px #000; 
	width: 100%;
	text-align: center;
}

.hero_Story p {
	font-family: kozuka-gothic-pr6n, sans-serif;
    font-size: 1em;
    color: #fff;
    text-shadow: 4px 3px 3px #000;
    width: 100%;
    text-align: center;
    line-height: 2.5em;
    margin-top: 20px;
}

 .down {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 1100px;
}
 .down a {
     padding-top: 70px;
     color: #fff;
}
 .down a span {
     position: absolute;
     top: 0;
     left: 50%;
     width: 24px;
     height: 24px;
     margin-left: -12px;
     border-left: 1px solid #fff;
     border-bottom: 1px solid #fff;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-animation: sdb 1.5s infinite;
     animation: sdb 1.5s infinite;
     box-sizing: border-box;
}
 @-webkit-keyframes sdb {
     0% {
         -webkit-transform: rotate(-45deg) translate(0, 0);
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         -webkit-transform: rotate(-45deg) translate(-20px, 20px);
         opacity: 0;
    }
}
 @keyframes sdb {
     0% {
         transform: rotate(-45deg) translate(0, 0);
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         transform: rotate(-45deg) translate(-20px, 20px);
         opacity: 0;
    }
}

/* ---------------------------------------------------------------------------------------------

　   検索エリア（フォーム）ヒーロー

--------------------------------------------------------------------------------------------- */
	 #searchForm {
		background-color: rgba(255,255,255,0.5);
		width: 90%;
		position: relative;
		margin: 0 auto;
		z-index: 999;
		padding: 10px 20px;
		box-sizing: border-box;
		color: #000;
    }
     #searchForm dl {
         text-align:center;
    }
     #searchForm dl dt, #searchForm dl dd {
         display: inline-block;
         vertical-align:middle;
    }
     #searchForm dl dt.head01 {
         margin-bottom: 0;
    	font-family: pennsylvania,monospace;
    	font-size: 2em;
    }
     #searchForm dl dt {
         margin-right:5%;
    }
     #searchForm dl dd {
         margin:2%;
		 font-weight: bold;
    }
     #searchForm dl dd p {
         font-size: 0.8em;
    }
     #searchForm dl dd h2 {
         font-size:12px;
         margin-bottom:10px;
         text-align:left;
    }
     #searchForm dl dd select {
         padding:6px 10px;
         border-radius:5px;
    }
     #searchForm dl dd input.searchBtn {
         background:#6f8310;
         border-radius:5px;
         color:#fff;
         padding: 16px 50px;
         border:none;
         font-weight:bold;
    }
     #searchForm dl dd.searchLink {
         border-left:1px solid #000;
         padding-left:3%;
    }
     #searchForm dl dd.searchLink p {
         line-height:1.7;
    }
     #searchForm dl dd.searchLink p a {
         text-decoration:underline;
	     color: #000;
    }
     #searchForm dl dd.searchLink p a:hover {
         text-decoration:none;
    }
     #searchForm dl dd.searchLink p i {
         font-size:15px;
         margin-right:3px;
    }
     #searchBtn {
         width: 100%;
         position: absolute;
         bottom: 10vh;
         z-index: 999;
    }
     #searchBtn .reserve{
         text-align: center;
    }
     #searchBtn .reserve a {
         font-size: 1.2em;
         color: #fff;
         padding: 30px 40px;
         background-color: #6f8310;
    }

/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */

.sign {
    max-width: 1200px;
    display: flex;
    justify-content: center;
    padding: 50px;
    margin: 0 auto;
}

.sign .l-box {
	min-width: 50%;
    border-right: solid 1px #6e8310;
}

.sign .r-box {
	max-width: 50%;
	padding-left: 20px; 
}


.sign .l-box h3 {
    font-family: pennsylvania,monospace;
    font-size: 2em;
    width: 100%;
	margin: 30px 0;
}

.sign .r-box h3 {
    font-family: pennsylvania,monospace;
    font-size: 1.5em;
    width: 100%;
	margin: 30px 0;
}

     .f_logo,.f_logo p {
         text-align: center;
    }
     .copy {
         text-align: center;
    }

/* ---------------------------------------------------------------------------------------------

　   検索エリア（フォーム）フッター

--------------------------------------------------------------------------------------------- */
	 #searchForm2 {
		background-color: rgba(111, 131, 16, 0.8);
		position: relative;
		padding: 25px 40px;
		color: #000;
    }
	 #searchForm2 .reserve {
		text-align: center;
    }
     #searchForm2 dl {
         text-align:center;
    }
     #searchForm2 dl dt, #searchForm dl dd {
         display: inline-block;
         vertical-align:middle;
    }
     #searchForm2 dl dt.head01 {
        margin-bottom: 0;
    	font-family: pennsylvania,monospace;
    	font-size: 1.7em;
    }
     #searchForm2 dl dt {
         margin-right:5%;
		 text-align: center;
    }
     #searchForm2 dl dd {
         margin-right:2%;
		 font-weight: bold;
		 text-align: center;
	     padding: 10px 0;
    }
     #searchForm2 dl dd p {
         font-size: 0.8em;
		 text-align: center;
    }
     #searchForm2 dl dd h2 {
         font-size:12px;
         text-align:center;
    }
     #searchForm2 dl dd select {
         padding:6px 10px;
         border-radius:5px;
    }
     #searchForm2 dl dd input.searchBtn {
         background:#535761;
         border-radius:5px;
         color:#fff;
         padding: 16px 50px;
         border:none;
         font-weight:bold;
    }
     #searchForm2 dl dd.searchLink p {
         line-height:1.7;
    }
     #searchForm2 dl dd.searchLink p a {
         text-decoration:underline;
	     color: #000;
    }
     #searchForm2 dl dd.searchLink p a:hover {
         text-decoration:none;
    }
     #searchForm2 dl dd.searchLink p i {
         font-size:15px;
         margin-right:3px;
    }
     #searchBtn {
         width: 100%;
         position: absolute;
         bottom: 5vh;
         z-index: 10;
    }
     #searchBtn .reserve{
         text-align: center;
    }
     #searchBtn .reserve a {
         font-size: 1.2em;
         color: #fff;
         padding: 30px 40px;
         background-color: #6f8310;
    }


/* ---------------------------------------------------------------------------------------------

　   スライダー（フッター）

--------------------------------------------------------------------------------------------- */
footer {
	clear: both;
	float: none;
	bottom: 0;
	width: 100%;
}

footer div.footer_w {
	max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background-color: #d5d2c7;	
}

footer div.f_banner {
	margin-right: auto;
	margin-left: auto;

}

footer div.f_banner ul li {
    float: left;
    margin: 40px 0;
    text-align: center;
    font-size: 0.7em;
    line-height: 3;
    color: #828282;
	
}

footer div.f_banner ul li a{
	height: 60px;
	margin: 0 10px;
	font-size: 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

footer div.f_banner ul li a:hover{
	opacity: 0.5;
}

footer div.f_banner ul li.f_okinawa a {
	background-image: url("../image/cmn/stork.png");
	background-size: contain;
	background-position: center;
	margin: 0 auto;
}

footer div.f_banner ul li.f_namba a,
footer div.f_banner ul li.f_kokura a,
footer div.f_banner ul li.f_sapporo a {
	background-image: url("../image/cmn/relief.png");
    background-size: contain;	
	background-position: center;
	margin: 0 auto;
}

footer div.f_banner ul li.f_haneda1 a,
footer div.f_banner ul li.f_haneda2 a {
	background-image: url("../image/cmn/r_logo.svg");
    background-size: contain;
	background-position: center;
    width: 120px;
	margin: 0 auto;
}

footer div.f_banner ul li.f_akasaka a,
footer div.f_banner ul li.f_shinsaibashi a {
	background-image: url("../image/cmn/hotel_f.svg");
    background-size: contain;
	background-position: center;
	margin: 0 auto;
}

footer div.f_banner ul li.i_ueno a {
	background-image: url("../image/cmn/i_ueno.svg");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.i_akasaka a {
	background-image: url("../image/cmn/i_akasaka.svg");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.i_kanda a {
	background-image: url("../image/cmn/i_kanda.svg");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.i_asakusabashi a {
	background-image: url("../image/cmn/i_asakusabashi.svg");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.i_hatc a {
	background-image: url("../image/cmn/i_tokyohatchobori.svg");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.eight_p a {
	background-image: url("../image/cmn/8pt_logo.png");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.ew a {
	background-image: url("../image/cmn/ew_logo.png");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul li.mirable a {
	background-image: url("../image/cmn/log_logo.png");
    background-size: contain;
	background-position: center;
    width: 150px;
	margin: 0 auto;
}

footer div.f_banner ul:after {
 	content: " ";
  	display: block;
  	visibility: hidden;
  	height: 0px;
 	font-size: 0em;
  	line-height: 0;
  	clear: both;
 }

footer div.f_navi {
	float: left;
	width: 1400px;
	text-align: center;
	font-size: 90%;
}

footer div.f_navi a {
	padding: 0 5px;
}

footer p.copyright {
	clear: both;
	text-align: center;
	font-size: 90%;
}

footer div.f_banner ul li a{
	height: 60px;
	width: 160px;
	margin: 0 10px;
	font-size: 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

footer div.f_banner ul li.f_haneda1,
footer div.f_banner ul li.f_haneda2,
footer div.f_banner ul li.f_akasaka,
footer div.f_banner ul li.f_shinsaibashi {
	width: 180px;
}

footer div.f_banner ul li.i_ueno,
footer div.f_banner ul li.i_akasaka,
footer div.f_banner ul li.i_kanda,
footer div.f_banner ul li.i_asakusabashi{
	width: 170px;
}

footer div.f_banner ul li.mirable {
	width: 160px;
}

/* ---------------------------------------------------------------------------------------------

　  サイトマップ・コピーライトエリア（フッター）

--------------------------------------------------------------------------------------------- */
 
#footer_b {
	display: flex;
	justify-content: center;
	background-color: #262626;
	padding: 50px 50px 0 50px;
}
#footer_b h2 {
	font-size: 1.5em;
}
#footer_b .ff {
    display: flex;
    justify-content: center;
    flex: 1;
	width: 100%;
	font-family: pennsylvania,monospace;
    color: #fff;
	border-bottom: 1px solid #4a4a4a;
}

#footer_b .ff_inn {
	display: block;
}

#footer_b .ff_inn .ff_list {
	display: flex;
}

#footer_b .ff_inn .ff_list ul {
	margin: 0 20px 0 0;
}

#footer_b .fm {
	flex: 1;
    width: 100%;
	border-bottom: 1px solid #4a4a4a;
}

#footer_b .fm .f_sns ul {
	display: flex;
    justify-content: center;
	font-size: 1.5em;
}

#footer_b .fm .f_sns ul li {
	margin: 0 10px;
}

#footer_b .fl {
	flex: 1;
    width: 100%;
	border-bottom: 1px solid #4a4a4a;
}

#footer_b .fl p {
	font-size: 0.9em;
    color: #fff;
    margin: 20px 0;
    line-height: 2em;
}

#footer_c {
	background-color: #262626;
	padding: 20px;
}

#footer_c .copyright {
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
    font-size: 0.8em;
}

/* ----------------------------------------------

 * TOPへ戻る

---------------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #535761;
	opacity: 0.5;
    font-size: 3em;
    line-height: 0.6em;
    text-decoration: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #6e8310;
    font-size: 3em;
    text-decoration: none;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.top_btn {
	font-family: pennsylvania,monospace;
	font-size: 0.5em;
}

/* ---------------------------------------------------------------------------------------------

　  メディアクエリ

--------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 2560px) {
	.down {
		display: none;
	}
	
	.hero_Story {
		top: 300px;
	}
}

@media only screen and (max-width: 1920px) {
	.down {
		top: 800px;
	}
}

@media only screen and (max-width: 1680px) {
    .down {
        top: 800px
    }
}
@media only screen and (max-width: 1440px){
	#hero_top {
		height: 120vh;
	}
	
	.hero_top_inn {
		height: 120vh;
	}
	
	.hero_Story {
		top: 140px;
	}
	
	.hero_Story p {
    	font-size: 1em;
	}
		
	.hero_title h1 {
		font-size: 2em;
	}

}

@media only screen and (max-width: 1024px) {
	#hero_top {
		height: 120vh;
	}
	
	.hero_top_inn {
		height: 120vh;
	}
	
	.down {
    top: 835px;
	}
}

 @media only screen and ( max-width : 768px ) {	
	 #header {
         padding: 10px 0;
         height: 80px;
         background-color: #74822a;
         position: fixed;
    }
     .h_logo {
         display: none;
    }
     .sns {
         position: relative;
		z-index: 101;
		width: 80%;
		margin: 0 auto;
    }
     .sns ul {
         display: flex;
         align-items: baseline;
    }
     .sns ul li {
         margin-right: 1em;
    }
     .sns .h_logo {
         display: block;
         flex: 1;
    }
     .sns .h_logo a img {
        width: 70px;
    	padding-bottom: 10px;
    }
	 
	 .sns ul.tab {
		justify-content: center;
		bottom: 50px;
	 }

	 .sp ul.tab li.lang {
		font-size: 0.7em;
	}
	 
	.sp {
        position: relative;
		margin: 0 auto;
		bottom: 50px;
	}
	 	 
     #gNav .nav {
         overflow-y: auto;
         height: 100vh;
    }
     .mean-nav .container {
         padding: 0;
    }
     nav li .fa {
         display: none;
    }
     #topMv {
         margin-top: 80px;
    }

	.container {
		padding: 0 30px;
	}
	#hero_top {
		padding: 80px 0 0 0;
	    height: 95vh;	
	}
	 
	.hero_top_inn {
		height: 95vh;
	}
	 
	.hero_Story {
    	top: 30px;
	}
	 
	 .hero_Story h3 {
		font-size: 1.5em;
	}

	 .hero_Story p {
		font-size: 1em;
    	line-height: 3.5em;
	}
	 
	 #searchForm {
		bottom: 30vh;
	}
	 
	 .down {
		top: 960px;
	}
	 
	.sign {
		display: block;
 	   padding: 0 50px;
	 }
	 
	 .sign .l-box, .sign .r-box {
		max-width: 90%;
    	border-right: none;
   		padding: 20px 0;
    	margin: 0 auto;
	 }

	 #footer_b {
		flex-direction: column;
	 }
	 
	 #footer_b .ff,
	 #footer_b .fm,
	 #footer_b .fl {
		padding: 20px;
        flex: none;
	 }
     	 	 
     .f_logo {
         padding: 0 20px;
         text-align: center;
        }
     .f_logo p {
         text-align: center;
        }
     .f_logo img {
         margin-bottom: 20px;
         width: 150px;
        }
}

 @media print, screen and ( min-width : 769px ) {
     #header {
         height: 100px;
    }
     .h_logo img {
         width: 100px;
    }
     #h_top {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
         align-items: center;
    }
     .h_nav {
         width: 100%;
    }
     #gNav ul {
         position: relative;
         display: flex;
         flex: 1;
         justify-content: center;
         font-family: pennsylvania,monospace;
         font-weight: 400;
         font-style: normal;
    }
     .sns {
         margin-right: 0.5em;
    }
     .sns ul {
         position: relative;
         display: flex;
         justify-content: space-around;
         font-family: pennsylvania,monospace;
         font-weight: 400;
         font-style: normal;
         font-size: 1em;
         width: 100px;
		 padding: 0 20px 0 10px;
         float: right;
         bottom: 50px;
    }
     .sns ul .h_logo {
         display: none;
    }

	 .sns ul.tab li.lang {
		font-size: 0.7em;
	}
	 
     #gNav li {
         position: relative;
         text-align: center;
         margin: 1.5em 0.5em;
         flex: 1;
    }
     #gNav li:last-child {
         margin-right: 0;
    }
     #gNav li i {
         font-size: 16px;
         margin-left: 5px;
    }
     #gNav li a {
         position: relative;
         display: block;
         text-align: center;
         line-height: 2em;
    }
     #gNav .sub-menu {
         visibility: hidden;
         opacity: 0;
         z-index: 1;
         display: block;
         position: absolute;
         top: 50px;
         left: 50%;
         margin-left: -100px;
         width: 200px;
         -webkit-transition: all .2s ease;
         transition: all .2s ease;
    }
     #gNav .sub-menu a {
         padding: 10px;
         display: block;
         border-bottom: none;
         line-height: 1.2em;
    }
     #gNav .sub-menu a:hover:after {
         content: none;
    }
     #gNav .sub-menu li {
         display: block;
         font-size: 16px;
         padding: 0;
         margin: 0;
    }
     #gNav .sub-menu li:last-child {
         border-bottom: none;
    }
     #gNav ul > li:hover {
         -webkit-transition: all .5s;
         transition: all .5s;
    }
     #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a, .sns ul > li:hover a {
         color: #74822a;
    }
     #gNav li:hover ul.sub-menu {
         top: 80px;
         visibility: visible;
         opacity: 1;
         z-index: 9999;
    }
     #gNav li ul li:after {
         content: none;
    }
     #gNav li:hover ul.sub-menu a {
         color: #111;
    }
     #gNav .sub-menu li a:hover {
         background: #fff;
    }
     #gNav .contact_btn a:hover {
         color: #fff;
    }
     #gNav {
         display: flex!important;
         max-width: 1300px;
         margin: 0 auto;
    }
	 
     .f_logo img {
         margin-bottom: 20px;
         width: 200px;
        }
	}


 @media only screen and ( max-width : 480px ) {
	 .sp ul.sp_sns {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 60px;
		width: 90%;
	}
	 
	 .sp ul.sp_sns li {
		 padding: 0 5px;
	 }

	 .sp ul.sp_sns li.ico {
		 font-size: 1.5em;
	 }

	 .sp ul.sp_sns li.lang {
		 font-size: 0.7em;
	 }
	 
	 .sns ul.tab {
		 display: none;
	 }
	 
	 #about_ep, #brekkie_ep, #restaurant_ep {
		 padding: 20px;
	 }
	 
	 .hero_top_inn {
		height: 90vh;
	}
	 
	 .hero_title h1 {
		top: 55vh;
		width: 100%;
		font-size: 1.5em;
	}	
	#news h2, #access h2, #about h2, #active h2,
	#about_ep h2, #brekkie_ep h2, #restaurant_ep h2,
	#about_eo h2, #off_type h2, #conference h2, #eo_fllow h2, #news h3 {
		font-size: 1.5em;
	}

    .l-box, .m-box, .r-box  {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;    
    }

	 .sign .l-box h3 {
		 margin: 30px 0 0 0;
	 }

	.blk {
		display: block;
	}
	 
	.hero_Story {
		width: 80%;
		margin: 0 auto;
		position: inherit;
		font-size: 0.9em;
		padding-top: 30px;
	}

	.hero_Story h3 {
		font-family: pennsylvania,monospace;
		font-size: 1.7em;
		color: #fff;
		text-shadow: 4px 3px 3px #000;
		etter-spacing: 4px;
		text-align: center;
		margin-top: 20px;
	}

	.hero_Story p {
		font-size: 1em;
		line-height: 2em;
	}

	.down {
		display: none;
	}

	.container {
		padding: 0 20px;
	}

    #searchBtn .reserve a {
        font-size: 1em;
        padding: 25px;
    }
     
	#searchForm {
		bottom: 65vh;
		z-index: 90;
		padding: 10px 20px;
	}

     #searchForm dl dd p {
		margin: 10px;
	}

	#searchForm dl dd.searchLink {
		border-left: none;
		padding-left: 0;
	}

	 #footer div.f_banner {
    	width: 100%;
	}
	 
	.top_btn {
    	display: none;
	}
	
	 .sub-t {
		display: block;
		text-align: center;		 
	 }
	 
	#footer {
    	padding: 0;
	}
	 
	 #footer_b .ff, #footer_b .fm, #footer_b .fl {
		padding: 20px 0;
	}
	 
	 .sign .r-box h3 {
		font-size: 1.5em;
		margin: 0 0 10px 0;
		line-height: 1.3em;
	 }
	 
	 .sign {
    	padding: 0;
	}
	}
	 
 @media only screen and ( max-width : 374px ) {
	.container {
		padding: 0 10px;
	}
	
	.sign .l-box, .sign .r-box {
		padding: 20px 0;
	}
	 
	#searchForm2 {
		padding: 20px;
	}
	 
	#searchForm2 dl dd select {
		padding: 6px 4px;
	}
	 
	 #footer_b .fl p {
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 320px){
	.hero_Story p {
    	font-size: 0.9em;
	}
	
	#searchForm {
	    bottom: 70vh;
	}
		
}