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

body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:180%; font-weight:normal; color:#333; letter-spacing:0.1em}
p, li { text-align:justify; text-justify:inter-ideograph;}
strong, b { font-weight:bold;}
em { font-style:normal;}
a:link, a:active { text-decoration:none; color:#35519E;}
a:hover, a:visited:hover { text-decoration:none; color:#F60;}
a:visited { text-decoration:none; color:#039;}

.clearfix:after { font-size:1px; content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1;}


/* 共通CSS ++++++++++++++++++++ */
/* トップローディング */
#loader-bg { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; background:#1D4C97; z-index:12222;}
#loader { display:none; position:fixed; top:50%; left:50%; width:200px; height:100px; margin-top:-50px; margin-left:-100px; text-align:center; color:#fff; z-index:2;}
#loader img { width:30px; height:30px; margin:0 auto; display:block; overflow:hidden;}
#loader p { text-align:center;}

/* 文字装飾 */
.red { color:#C30;}


/* Header -------------------- */
header { width:100%; display:block; position:relative;}
div.header-inner { width:100%; height:200px; padding:40px 0 0; display:block; background:url(../images/bg_headerInner.png) center bottom repeat-x; background-size:100px 10px; -webkit-background-size:100px 10px; -moz-background-size:100px 10px; -o-background-size:100px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:relative; top:10px; z-index:8888;}
header h1 a { width:200px; height:120px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_logo@2x.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

div.menu-trigger-wrap { display:none;}

header a.headNavi-home { width:36px; height:36px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_headnav_home@2x.png) no-repeat; background-position:0 0; background-size:36px 72px; -webkit-background-size:36px 72px; -moz-background-size:36px 72px; -o-background-size:36px 72px; position:fixed; top:50px; left:50px; z-index:11111;}
header a.headNavi-home:hover { background-position:0 -36px;}
header ul.headSnsNavi { width:36px; display:block; overflow:hidden; position:fixed; top:50px; right:50px; z-index:9999;}
header ul.headSnsNavi li { list-style:none;}
header ul.headSnsNavi li a { width:36px; height:36px; margin-bottom:4px; display:block; overflow:hidden; text-indent:-9999px;}
header ul.headSnsNavi li a.hsnv-1 { background:url(../images/bg_headnav_facebook@2x.png) no-repeat; background-position:0 0; background-size:36px 72px; -webkit-background-size:36px 72px; -moz-background-size:36px 72px; -o-background-size:36px 72px;}
header ul.headSnsNavi li a.hsnv-1:hover { background-position:0 -36px;}
header ul.headSnsNavi li a.hsnv-2 { background:url(../images/bg_headnav_twitter@2x.png) no-repeat; background-position:0 0; background-size:36px 72px; -webkit-background-size:36px 72px; -moz-background-size:36px 72px; -o-background-size:36px 72px;}
header ul.headSnsNavi li a.hsnv-2:hover { background-position:0 -36px;}
header ul.headSnsNavi li a.hsnv-3 { background:url(../images/bg_headnav_contact@2x.png) no-repeat; background-position:0 0; background-size:36px 72px; -webkit-background-size:36px 72px; -moz-background-size:36px 72px; -o-background-size:36px 72px;}
header ul.headSnsNavi li a.hsnv-3:hover { background-position:0 -36px;}
header a.headNavi-newsimportant { width:36px; height:36px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_headnav_newsScroll@2x.png) no-repeat; background-position:0 0; background-size:36px 72px; -webkit-background-size:36px 72px; -moz-background-size:36px 72px; -o-background-size:36px 72px; position:fixed; top:130px; left:50px; z-index:8888;}
header a.headNavi-newsimportant:hover { background-position:0 -36px;}


a.btn-experience { width:100%; height:80px; display:block; background-color:#31a9df; position:relative;}
a.btn-experience:hover { background-color:#e96778;}
a.btn-experience span { width:100%; height:105px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_experience@2x.png) center bottom no-repeat; background-size:auto 100%; position:absolute; top:-25px; z-index:2000;}


/* Contents -------------------- */
div.idxMainVideo { width:100%; display:block; overflow:hidden; position:relative;}
div.idxMainVideo div.videoMask { width:100%; height:2000px; display:block; overflow:hidden; background:url(../images/videoMask.png) center top repeat; background-size:4px 4px; -webkit-background-size:4px 4px; -moz-background-size:4px 4px; -o-background-size:4px 4px; position:absolute; top:0; left:0; pointer-events:none;}
div.idxMainVideo div.videoMask2 { width:100%; height:2000px; display:block; overflow:hidden; background:url(../images/videoMask2.png) center top repeat; background-size:2px 2px; -webkit-background-size:2px 2px; -moz-background-size:2px 2px; -o-background-size:4px 4px; position:absolute; top:0; left:0;}
div.idxMainVideo video { width:100%; height:auto; display:block; overflow:hidden;}
div.idxMainVideo p { width:100%; color:#FFF; font-size:42px; line-height:160%; text-align:center; position:absolute; top:calc(50% - 32px);}

section.idxNewsimportant { width:100%; margin-top:-200px; padding-top:200px; display:block; overflow:hidden;}
section.idxNewsimportant h1 a { float:left; width:200px; height:50px; padding:15px 15px; display:block; overflow:hidden; text-align:center; font-size:18px; line-height:20px; color:#FFF; background-color:#E96778; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.idxNewsimportant h1 a:hover { background-color:#FC0; color:#333;}
section.idxNewsimportant div.feedArea { float:left; width:calc(100% - 200px); height:50px; padding:14px 30px 16px; display:block; overflow:hidden; background:#EFEFEF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.feedArea-inner { width:100%; padding:0; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.idxNewsimportant div.feedArea p { width:100%; height:20px; display:block; overflow:hidden; line-height:20px; word-break:break-all;}

section.idxEvent { width:100%; display:block; overflow:hidden;}
section.idxEvent a { width:100%; display:block; overflow:hidden; background:url(../images/bg_idxEvent.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; position:relative;}
section.idxEvent a:before { content:""; display:block; padding-top:31.25%;}
section.idxEvent a div.explanation { display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:100px; right:calc((100% - 1000px) / 2);}
section.idxEvent a div.explanation h1 { margin:0 0 24px; display:block; overflow:hidden; font-size:28px; line-height:140%; color:#FFF;}
section.idxEvent a div.explanation p { width:400px; display:block; overflow:hidden; color:#FFF; font-size:16px; line-height:160%;}

section.idxAreaguide { width:100%; margin:0 0 120px;  display:block; overflow:hidden;}
section.idxAreaguide a { width:100%;  display:block; overflow:hidden; background:url(../images/bg_idxAreaguide.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; position:relative;}
section.idxAreaguide a:before { content:""; display:block; padding-top:31.25%;}
section.idxAreaguide a div.explanation { padding:30px; display:block; overflow:hidden; background:url(../images/bg_idxAreaguide_explanation.png) repeat; background-size:10px 10px; -webkit-background-size:10px 10px; -moz-background-size:10px 10px; -o-background-size:10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:100px; left:calc((100% - 1000px) / 2);}
section.idxAreaguide a div.explanation h1 { margin:0 0 24px; display:block; overflow:hidden; font-size:28px; line-height:140%; color:#FFF;}
section.idxAreaguide a div.explanation p { width:400px; display:block; overflow:hidden; color:#FFF; font-size:16px; line-height:160%;}

div.idxFeed { width:100%; max-width:1080px; margin:0 auto 40px; padding:0 40px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

div.idxFeed section { padding:4px 0 0; display:block; overflow:hidden; position:relative;}

div.idxFeed section h1 { margin:0 0 24px; display:block; overflow:hidden; font-size:20px; line-height:140% !important;}
div.idxFeed section h1 br { display:none;}

div.idxFeed section.idxFeed-news { float:left;}
div.idxFeed section.idxFeed-restaurant { float:right;}
div.idxFeed section.idxFeed-event {}
div.idxFeed section.idxFeed-staff {}

div.idxFeed section.idxFeed01 { width:calc((100% - 60px) / 2); margin:0 0 80px; display:block; overflow:hidden;}
div.idxFeed section.idxFeed01 ul { width:100%; border-top:1px dotted #999;}
div.idxFeed section.idxFeed01 ul li { list-style:none; padding:12px 0; border-bottom:1px dotted #999; line-height:160%;}
div.idxFeed section.idxFeed01 ul li a p.date { float:left; margin-right:12px; line-height:160%;}
div.idxFeed section.idxFeed01 ul li a h2 { display:block; overflow:hidden; line-height:160% !important;}

div.idxFeed section.idxFeed02 { width:100%; margin:0 0 60px; display:block; overflow:hidden;}
div.idxFeed section.idxFeed02 ul { width:100%; border-left:1px solid #CCC; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.idxFeed section.idxFeed02 ul li { list-style:none; float:left; width:calc((100% - 1px) / 4); padding:20px 20px 16px; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; display:block; overflow:hidden; line-height:160%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.idxFeed section.idxFeed02 ul li a p.date { margin-bottom:2px; line-height:160%;}
div.idxFeed section.idxFeed02 ul li a h2 { height:38px; display:block; overflow:hidden; line-height:140% !important;}

div.idxFeed section a.btn-allview { width:auto; height:36px; padding:0 16px; border:1px solid #999; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; color:#333; font-size:12px; line-height:36px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:0; right:0;}
div.idxFeed section a.btn-allview:hover { border:1px solid #FC0; background-color:#FC0;}

a.btn-pagetop { width:132px; height:40px; margin:0 auto 80px; border:1px solid #999; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:block; overflow:hidden; text-align:center; color:#333; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
a.btn-pagetop:hover { border:1px solid #FC0; background-color:#FC0;}

div.footbnr-wrap { width:100%; padding:45px 0 35px; display:block; overflow:hidden; background:url(../images/bg_footbnr@2x.png) center top repeat-x #E8ECF3; background-size:100px 100px; -webkit-background-size:100px 100px; -moz-background-size:100px 100px; -o-background-size:100px 100px;}
div.footbnr { width:100%; max-width:880px; margin:0 auto; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
div.footbnr ul { float:left; position:relative; left:50%;}
div.footbnr ul li { list-style:none; float:left; margin:10px; position:relative; left:-50%; background:#FFF;}
div.footbnr ul li a {}
div.footbnr ul li a img { width:200px; height:auto; display:block; overflow:hidden;}


/* subContents -------------------- */
section.subpage { width:100%; margin:0 auto 100px; padding-top:96px;}
div.subpage-inner { max-width:1080px; margin:0 auto; padding:0 40px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

section.subpage h1 { margin:0 0 94px; font-size:32px; line-height:140% !important; text-align:center;}
section.subpage img.mainimg { width:100%; max-width:1000px; height:auto; margin:0 auto 98px; display:block; overflow:hidden;}


/* contact */
section.contact { width:100%; max-width:860px; margin:0 auto 100px;}

section.contact p { margin:0 0 24px;}
section.contact p.contact-tel { margin:0 0 48px; font-size:28px; line-height:160%;}

section.contact table { width:100%; margin:0 0 20px; border-collapse:collapse; border:3px solid #C5C1BF;}
section.contact table th { width:190px; padding:10px 12px; border-top:1px solid #C5C1BF; border-bottom:1px solid #C5C1BF; border-left:1px solid #C5C1BF; vertical-align:top; font-weight:normal; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.contact table td { padding:10px 12px; border-top:1px solid #C5C1BF; border-bottom:1px solid #C5C1BF; border-right:1px solid #C5C1BF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.contact table input { margin:2px; padding:2px 4px; border:1px solid #DDD; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
section.contact table li.li-input { float:left; margin:0 12px 0 0;}
section.contact table select { font-size:12px;}
.input-address { width:90px !important;}
.input25 { width:20%;}
.input50 { width:50%;}
.input75 { width:50%;}
.input100 { width:100%;}
section.contact table textarea { width:99% !important; min-height:200px !important; margin:2px; padding:2px 4px; border:1px solid #DDD; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; resize:vertical;}
section.contact div.mfp_buttons { width:380px; margin:0 auto; display:block; overflow:hidden;}
section.contact div.mfp_buttons button { float:left; width:180px; height:60px; display:block; overflow:hidden; text-indent:-9999px; border:none !important; cursor:pointer;}
button#btn-submit { margin:0 20px 0 0; background:url(../images/bg_btn_submit.png) no-repeat; background-position:0 0; background-size:180px 120px; -webkit-background-size:180px 120px; -moz-background-size:180px 120px; -o-background-size:180px 120px;}
button#btn-submit:hover { background-position:0 -60px;}
button#btn-reset { background:url(../images/bg_btn_reset.png) no-repeat; background-position:0 0; background-size:180px 120px; -webkit-background-size:180px 120px; -moz-background-size:180px 120px; -o-background-size:180px 120px;}
button#btn-reset:hover { background-position:0 -60px;}


/* Footer -------------------- */
footer { width:100%; padding:100px 40px 60px; display:block; overflow:hidden; color:#FFF; background:url(../images/bg_footer@2x.png) center top repeat-x #1D4C97; background-size:100px 100px; -webkit-background-size:100px 100px; -moz-background-size:100px 100px; -o-background-size:100px 100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
footer a { color:#FFF !important;}
footer h1 { width:160px; height:110px; margin:0 auto 42px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_footer_logo@2x.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
footer h2 { margin:0 auto 12px; text-align:center; font-size:16px; line-height:160%;}
footer p.foot-addressTel { margin:0 auto 48px; text-align:center; line-height:160%;}
footer p.foot-addressTel br { display:none;}
footer p.foot-addressTel br.phoneOnly { display:none;}

div.foot-sitemap { width:100%; max-width:1000px; margin:0 auto 16px; display:block; overflow:hidden;}
div.foot-sitemap-child { float:left; width:calc((100% - 120px) / 4); padding-right:40px; display:block; overflow:hidden;}
div.foot-sitemap-child:last-child { padding-right:0;}
div.foot-sitemap-child h3 { margin-bottom:8px; padding:8px 0; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; font-size:14px; line-height:140%;}
div.foot-sitemap-child ul { margin-bottom:32px; padding-left:18px;}
div.foot-sitemap-child ul li { list-style:disc; margin-bottom:2px; line-height:140%;}
div.foot-sitemap-child a:hover { border-bottom:1px dotted #FFF;}

footer a.btn-footContact { width:180px; height:40px; margin:0 auto 40px; border:1px solid #FFF; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:block; overflow:hidden; text-align:center; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
footer a.btn-footContact:hover { border:1px solid #FC0; background-color:#FC0; color:#1D4C97 !important;}

footer ul.footMenu { float:left; margin:0 auto 12px; position:relative; left:50%;}
footer ul.footMenu li { list-style:none; float:left; padding:0 20px; border-left:1px solid #FFF; position:relative; left:-50%;}
footer ul.footMenu li:last-child { border-right:1px solid #FFF;}
footer ul.footMenu li a:hover { border-bottom:1px dotted #FFF;}

footer p.copylight { clear:both; text-align:center; font-size:12px; line-height:140%;}
footer p.copylight a:hover { color:#FFF; border-bottom:1px dotted #FFF;}


/* PC Only */
@media screen and (min-width:1081px){
/* Header -------------------- */
header nav { width:100%; height:100px; display:block; background:url(../images/bg_navback@2x.png) center top repeat-x; background-size:100px 100px; -webkit-background-size:100px 100px; -moz-background-size:100px 100px; -o-background-size:100px 100px; position:relative;}
header nav ul.grovalNav { width:878px; margin:0 auto; display:block;}
header nav ul.grovalNav li { list-style:none; float:left; position:relative;}
header nav ul.grovalNav li a.parent { height:100px; margin-right:60px; display:block; overflow:hidden; text-indent:-9999px;}
header nav ul.grovalNav li:last-child a.parent { margin-right:0;}
header nav ul.grovalNav li a.nv-1 { width:82px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-60px 0; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-1:hover { background-position:-60px -100px;}
header nav ul.grovalNav li a.nv-2 { width:167px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-206px 0; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-2:hover { background-position:-206px -100px;}
header nav ul.grovalNav li a.nv-3 { width:106px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-436px 0; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-3:hover { background-position:-436px -100px;}
header nav ul.grovalNav li a.nv-4 { width:101px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-597px 0; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-4:hover { background-position:-597px -100px;}
header nav ul.grovalNav li a.nv-5 { width:182px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-753px 0; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-5:hover { background-position:-753px -100px;}

header nav ul.grovalNav li a.nv-1now { width:82px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-60px  -100px; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-2now { width:167px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-206px  -100px; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-3now { width:106px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-436px  -100px; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-4now { width:101px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-597px  -100px; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}
header nav ul.grovalNav li a.nv-5now { width:182px; background:url(../images/bg_nav@2x.png) no-repeat; background-position:-753px  -100px; background-size:1000px 200px; -webkit-background-size:1000px 200px; -moz-background-size:1000px 200px; -o-background-size:1000px 200px;}

header nav ul.grovalNav li div.grovalNavChild { width:260px; max-height:0; padding-top:13px; display:block; overflow:hidden; background:none center top no-repeat; background-size:15px 13px; -webkit-background-size:15px 13px; -moz-background-size:15px 13px; -o-background-size:15px 13px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all  0.3s ease; position:absolute; top:87px;}
header nav ul.grovalNav li:hover div.grovalNavChild { max-height:400px; background:url(../images/bg_grovalNavChild.png) center top no-repeat;}
header nav ul.grovalNav li div.grovalNavChild ul { padding:6px 20px 6px; display:block; overflow:hidden; background:#AED6F5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
header nav ul.grovalNav li div.nv-1c { left:-89px; z-index:9999;}
header nav ul.grovalNav li div.nv-2c { left:-46px; z-index:9998;}
header nav ul.grovalNav li div.nv-3c { left:-326px; z-index:9997;}
header nav ul.grovalNav li div.nv-4c { left:-79px; z-index:9998;}
header nav ul.grovalNav li div.nv-5c { left:-39px; z-index:9999;}

header nav ul.grovalNav li div.grovalNavChild ul li { float:none; width:230px; padding:8px 0; border-bottom:1px dotted #576d7a; display:block; overflow:hidden;}
header nav ul.grovalNav li div.grovalNavChild ul li:last-child { border-bottom:none;}
header nav ul.grovalNav li div.grovalNavChild ul li a { width:100%; padding:9px 9px 7px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; display:block; overflow:hidden; line-height:140%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
header nav ul.grovalNav li div.grovalNavChild ul li a:hover { background:#FC0; color:#1D4C97;}

header nav ul.grovalNav li div.column3 { width:752px !important;}
header nav ul.grovalNav li div.column3 ul { float:left; min-height:274px; display:block; overflow:hidden;}
header nav ul.grovalNav li div.column3 ul:nth-child(1) { padding:6px 5px 6px 20px;}
header nav ul.grovalNav li div.column3 ul:nth-child(2) { padding:6px 5px;}
header nav ul.grovalNav li div.column3 ul:nth-child(3) { padding:6px 20px 6px 5px;}
header nav ul.grovalNav li div.column3 ul li:nth-child(5n) { border-bottom:none;}


}


/* PC A */
@media screen and (max-width:1280px){
/* Contents -------------------- */
section.idxEvent a div.explanation { top:70px;}

section.idxAreaguide a div.explanation { top:40px;}

}



/* タブレット用 ++++++++++++++++++++ */
@media screen and (max-width:1080px){
/* Header -------------------- */
div.header-inner { padding:30px 0 0;}

header nav { width:auto; height:auto; z-index:9999;}

div.menu-trigger-wrap { width:36px; height:36px; padding:10px; display:block; background:url(../images/bg_menuTrigger.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:fixed; top:40px; right:40px; z-index:11111;}
header nav p.navtitle { display:block; cursor:pointer; }

header nav ul.grovalNav { width:100%; margin:0 auto; padding:96px 40px 20px; display:none; background:url(../images/tablet/bg_navBack.png) repeat; background-size:10px 10px; -webkit-background-size:10px 10px; -moz-background-size:10px 10px; -o-background-size:10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:fixed; top:0; left:0; z-index:10000;}
header nav ul.grovalNav li { list-style:none; width:100%; padding:10px 0; border-bottom:1px dotted #FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
header nav ul.grovalNav li:first-child { border-top:1px dotted #FFF;}
header nav ul.grovalNav li a.parent { width:100%; height:40px; margin:0 0 4px; display:block; overflow:hidden; }
header nav ul.grovalNav li a.parent span { height:40px; display:block; overflow:hidden; text-indent:-9999px;}

header nav ul.grovalNav li a.nv-1 span { width:75px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:0 0; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-1now span { width:75px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:-200px 0; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-2 span { width:160px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:0 -40px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-2now span { width:160px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:-200px -40px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-3 span { width:98px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:0 -80px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-3now span { width:98px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:-200px -80px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-4 span { width:92px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:0 -120px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-4now span { width:92px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:-200px -120px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-5 span { width:175px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:0 -160px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}
header nav ul.grovalNav li a.nv-5now span { width:175px; background:url(../images/tablet/bg_nav@2x.png) no-repeat; background-position:-200px -160px; background-size:400px 200px; -webkit-background-size:400px 200px; -moz-background-size:400px 200px; -o-background-size:400px 200px;}

header nav ul.grovalNav li div.grovalNavChild { clear:both; display:block; overflow:hidden;}
header nav ul.grovalNav li div.grovalNavChild ul {}
header nav ul.grovalNav li div.grovalNavChild ul li { border:none; padding:0;}
header nav ul.grovalNav li div.grovalNavChild ul li a { float:left; margin-right:12px; padding:0 0 0 12px; color:#FFF; line-height:160%; background:url(../images/bg_listmark@2x.png) 4px 11px no-repeat; background-size:2px 2px; -webkit-background-size:2px 2px; -moz-background-size:2px 2px; -o-background-size:2px 2px;}


header a.headNavi-home { top:40px; left:40px;}
header ul.headSnsNavi { top:100px; right:40px; z-index:9999;}
header a.headNavi-newsimportant { top:100px; left:40px;}


a.btn-experience span { height:95px; top:-15px; z-index:9999;}


/* Contents -------------------- */
div.idxMainVideo p { width:100%; color:#FFF; font-size:32px; line-height:160%; text-align:center; position:absolute; top:calc(50% - 26px);}

section.idxNewsimportant { margin-top:-180px; padding-top:180px;}

section.idxEvent a { height:335px; background:url(../images/bg_idxEvent.jpg) center no-repeat; background-size:auto 335px; -webkit-background-size:auto 335px; -moz-background-size:auto 335px; -o-background-size:auto 335px; position:relative;}
section.idxEvent a:before { padding-top:0;}
section.idxEvent a div.explanation { position:absolute; top:70px; right:40px;}

section.idxAreaguide a { height:335px; background:url(../images/bg_idxAreaguide.jpg) center no-repeat; background-size:auto 335px; -webkit-background-size:auto 335px; -moz-background-size:auto 335px; -o-background-size:auto 335px position:relative;}
section.idxAreaguide a:before { padding-top:0;}
section.idxAreaguide a div.explanation { position:absolute; top:40px; left:40px;}

div.idxFeed section.idxFeed01 { width:calc((100% - 60px) / 2); margin:0 0 80px; display:block; overflow:hidden;}

div.idxFeed section.idxFeed02 { width:100%; margin:0 0 60px; display:block; overflow:hidden;}

div.idxFeed section.idxFeed-news { float:left;}
div.idxFeed section.idxFeed-restaurant { float:right;}
div.idxFeed section.idxFeed-event {}
div.idxFeed section.idxFeed-staff {}

div.footbnr { padding:0 30px;}


/* subContents -------------------- */
section.subpage { padding-top:46px;}


/* Footer -------------------- */
footer p.foot-addressTel br { display:block;}


}


/* タブレット A */
@media screen and (max-width:860px){
div.idxFeed section.idxFeed01 { width:100%;}

div.idxFeed section.idxFeed02 { width:100%; margin:0 0 60px; display:block; overflow:hidden;}
div.idxFeed section.idxFeed02 ul li { width:calc((100% - 1px) / 3);}
div.idxFeed section.idxFeed02 ul li:nth-child(n+4) { display:none;}

/* Footer -------------------- */
div.foot-sitemap-child { width:calc((100% - 40px) / 2);}
div.foot-sitemap-child:nth-child(even) { padding-right:0;}
div.foot-sitemap-child:nth-child(odd) { clear:both;}

}


/* PC・タブレット only */
@media screen and (min-width:641px){
div.idxFeed section.idxFeed02 ul li { position:relative;}
div.idxFeed section.idxFeed02 ul li:before { content:""; display:block; padding-top:130%;}
div.idxFeed section.idxFeed02 ul li a { width:calc(100% - 40px); position:absolute; top:20px; left:20px;}

div.idxFeed section.idxFeed02 ul li a div.img { width:100%; margin:0 0 16px;  display:block; overflow:hidden; position:relative;}
div.idxFeed section.idxFeed02 ul li a div.img:before { content:""; display:block; padding-top:66.66%;}
div.idxFeed section.idxFeed02 ul li a div.img img { width:100%; min-height:100%; display:block; overflow:hidden; position:absolute; top:0; left:0;}

}

/* スマホ用 ++++++++++++++++++++ */
@media screen and (max-width:640px){
/* Header -------------------- */
div.header-inner { height:120px; padding-top:20px; background-size:50px 5px; -webkit-background-size:50px 5px; -moz-background-size:50px 5px; -o-background-size:50px 5px; top:5px;}
header h1 a { width:120px; height:72px; margin-bottom:20px;}

div.menu-trigger-wrap {  top:20px; right:20px;}

header nav ul.grovalNav { padding:66px 20px 20px;}
header nav ul.grovalNav li { padding:8px 0 10px;}
header nav ul.grovalNav li a.parent { margin:0;}
header nav ul.grovalNav li div.grovalNavChild { display:none;}
header nav ul.grovalNav li div.grovalNavChild ul li a { margin-right:4px; font-size:12px; line-height:160%; background:url(../images/bg_listmark@2x.png) 4px 9px no-repeat; background-size:2px 2px; -webkit-background-size:2px 2px; -moz-background-size:2px 2px; -o-background-size:2px 2px;}

header a.headNavi-home { top:20px; left:20px;}
header ul.headSnsNavi { width:100%; top:auto; right:20px; bottom:20px;}
header ul.headSnsNavi li a { float:right; margin:0 0 0 8px;}
header a.headNavi-newsimportant { top:66px; left:20px;}


a.btn-experience { height:55px;}
a.btn-experience span { height:65px; background-size:auto 100%; top:-10px;}



/* Contents -------------------- */
div.idxMainVideo p { width:100%; color:#FFF; font-size:16px; line-height:160%; text-align:center; position:absolute; top:24px;}

section.idxNewsimportant { margin-top:-120px; padding-top:120px;}
section.idxNewsimportant h1 a { float:none; width:100%;}
section.idxNewsimportant div.feedArea { float:none; width:100%; height:50px; padding:14px 20px 16px;}

section.idxEvent { background:url(../images/bg_idxAreaguide_explanation.png) repeat; background-size:10px 10px; -webkit-background-size:10px 10px; -moz-background-size:10px 10px; -o-background-size:10px 10px;}
section.idxEvent a { height:auto; background:url(../images/bg_idxEvent.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto;}
section.idxEvent a:before { padding-top:31.25%;}

section.idxEvent a div.explanation { padding:20px 20px 18px; position:static;}
section.idxEvent a div.explanation h1 { margin:0 0 16px;}
section.idxEvent a div.explanation p { width:100%; height:auto; display:block; text-indent:0; background:none; color:#FFF; line-height:160%;}

section.idxAreaguide { margin:0 0 80px; background:url(../images/bg_idxAreaguide_explanation.png) repeat; background-size:10px 10px; -webkit-background-size:10px 10px; -moz-background-size:10px 10px; -o-background-size:10px 10px;}
section.idxAreaguide a { height:auto; background:url(../images/bg_idxAreaguide.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto;}
section.idxAreaguide a:before { padding-top:31.25%;}

section.idxAreaguide a div.explanation { padding:20px 20px 18px; background:none; position:static;}
section.idxAreaguide a div.explanation h1 { margin:0 0 16px;}
section.idxAreaguide a div.explanation p { width:100%; height:auto; display:block; text-indent:0; background:none; color:#FFF; line-height:160%;}

div.idxFeed { margin:0 auto 20px; padding:0 20px;}
div.idxFeed section h1 br { display:block;}

div.idxFeed section.idxFeed01 { margin:0 0 60px;}
div.idxFeed section.idxFeed01 ul li:nth-child(n+4) { display:none;}
div.idxFeed section.idxFeed01 ul li a p.date { float:none; margin:0; font-size:12px; line-height:160% !important;}

div.idxFeed section.idxFeed02 ul { width:100%; border-left:1px solid #CCC; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.idxFeed section.idxFeed02 ul li { float:none; width:100%; padding:10px 10px 8px; border-bottom:none;}
div.idxFeed section.idxFeed02 ul li:nth-child(n+3)  { border-bottom:1px solid #CCC;}
div.idxFeed section.idxFeed02 ul li a div.img { float:left; width:80px; margin:0 10px 0 0; display:block; overflow:hidden; position:relative;}
div.idxFeed section.idxFeed02 ul li a div.img:before { content:""; display:block; padding-top:100%;}
div.idxFeed section.idxFeed02 ul li a div.img img { width:100%; min-height:100%; display:block; overflow:hidden; position:absolute; top:0; left:0;}
div.idxFeed section.idxFeed02 ul li p.date { font-size:12px; line-ehight:160%;}
div.idxFeed section.idxFeed02 ul li a h2 { height:auto;}


div.footbnr-wrap { background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -o-background-size:50px 50px;}
div.footbnr { max-width:210px;}
div.footbnr ul { float:left; position:relative; left:50%;}
div.footbnr ul li { float:left; margin:5px; position:relative; left:-50%; background:#FFF;}
div.footbnr ul li a {}
div.footbnr ul li a img { width:200px; height:auto; display:block; overflow:hidden;}


/* subContents -------------------- */
section.subpage { padding-top:32px;}
div.subpage-inner { padding:0 20px;}

section.subpage h1 { margin-bottom:56px; font-size:28px; line-height:140% !important;}
section.subpage img.mainimg { margin-bottom:56px;}


/* contact */
section.contact p { margin:0 0 12px;}
section.contact p.contact-tel { margin:0 0 24px; font-size:20px; line-height:160%;}

section.contact table { margin:0 0 20px; font-size:12px; line-height:140%;}
section.contact table th { width:100%; padding:6px 8px 2px; border:none; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.contact table td { width:100%; padding:2px 8px 6px; border-top:none; border-right:none; display:block; overflow:hidden;}
section.contact table tr:last-child td { border-bottom:none;}
section.contact table input { margin:2px; padding:2px 4px; border:1px solid #DDD; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
section.contact table li.li-input { float:left; margin:0 12px 0 0;}
section.contact table select { width:99% !important; font-size:12px;}
.input-address { width:90px !important;}
.input25 { width:40%;}
.input50 { width:99%;}
.input75 { width:99%;}
.input100 { width:99%;}
section.contact table textarea { width:99% !important; min-height:200px !important; margin:2px; padding:2px 4px; border:1px solid #DDD; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; resize:vertical;}

section.contact div.mfp_buttons { width:180px; margin:0 auto; display:block; overflow:hidden;}
section.contact div.mfp_buttons button { float:none;}
button#btn-submit { margin:0 0 20px;}


/* Footer -------------------- */
footer { padding:40px 20px 80px; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -o-background-size:50px 50px;}
footer a { color:#FFF !important;}
footer h1 { width:112px; height:77px; margin:0 auto 24px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_footer_logo@2x.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
footer h2 { margin:0 auto 8px; text-align:center; font-size:16px; line-height:160%;}
footer p.foot-addressTel { margin:0 auto 32px; text-align:center; line-height:160%;}
footer p.foot-addressTel br.phoneOnly { display:block;}

footer a.btn-footContact { width:180px; height:40px; margin:0 auto 40px; border:1px solid #FFF; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:block; overflow:hidden; text-align:center; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
footer a.btn-footContact:hover { border:1px solid #FC0; background-color:#FC0; color:#1D4C97 !important;}

div.foot-sitemap { max-width:240px; margin:0 auto 18px;}
div.foot-sitemap-child { float:none; width:100%; padding-right:0;}
div.foot-sitemap-child ul:last-child { margin-bottom:24px;}


footer ul.footMenu { float:none; margin:0 auto 12px; position:static;}
footer ul.footMenu li { float:none; margin-bottom:6px; padding:0; border-left:none; text-align:center; position:static;}
footer ul.footMenu li:last-child { border-right:none;}

footer p.copylight { clear:both; text-align:center; font-size:12px; line-height:140%;}
footer p.copylight a:hover { color:#FFF; border-bottom:1px dotted #FFF;}



}



/* menu-trigger */
.menu-trigger,
.menu-trigger span { display:inline-block; transition:all .4s; box-sizing:border-box;}
.menu-trigger {	position:relative; width:16px; height:14px;}
.menu-trigger span { position:absolute;	left:0;	width:100%;	height:2px;	background-color:#FFF; border-radius:0;}
.menu-trigger span:nth-of-type(1) { top:0;}
.menu-trigger span:nth-of-type(2) { top:6px;}
.menu-trigger span:nth-of-type(3) { bottom:0;}

.menu-trigger.active span:nth-of-type(1) { -webkit-transform:translateY(6px) rotate(-45deg); transform:translateY(6px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) { left:50%; opacity:0; -webkit-animation:active-menu-bar02 .8s forwards; animation:active-menu-bar02 .8s forwards;}
@-webkit-keyframes active-menu-bar02 {
100% { height:0;}
}
@keyframes active-menu-bar02 {
100% { height:0;}
}
.menu-trigger.active span:nth-of-type(3) { -webkit-transform:translateY(-6px) rotate(45deg); transform:translateY(-6px) rotate(45deg);}