@charset "UTF-8";
@-webkit-keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }@keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }
/* mixin for multiline */
/*============================================================= 02_base =============================================================*/
@keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }
/* mixin for multiline */
/*  02_base
================================================ */
html { overflow: auto; height: 100%; }
@media all and (min-width: 1120px) { html.is_small { font-size: 55%; }  html.is_large { font-size: 75%; } }
body { min-width: 320px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; color: #333; font-size: 1.5rem; line-height: 1.46667; overflow: hidden; -webkit-text-size-adjust: 100%; }
body.is_open { height: 100%; }
@media all and (min-width: 1120px) { body { min-width: 1120px; } }
.serif { font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', sans-serif; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, textarea { font-size: inherit; font-weight: inherit; font-family: inherit; }
a { color: #333; text-decoration: underline; }
@media all and (min-width: 1120px) { a:hover { text-decoration: none; } }
.alpha { display: block; text-decoration: none; }
@media all and (min-width: 1120px) { .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  .alpha:hover { opacity: .8; } }
img { width: 100%; height: auto; }
.viewPc { display: none; }
@media all and (min-width: 1120px) { .viewSp { display: none; }  .viewPc { display: block; } }
.cf:after { content: ''; display: block; clear: both; }
.lozad.fade { -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 1s; animation-duration: 1s; }
@-webkit-keyframes fade { from { opacity: 0; }  to { opacity: 1; } }
@keyframes fade { from { opacity: 0; }  to { opacity: 1; } }
#mediaQuery { display: none; font-family: 'sp'; }
@media all and (min-width: 1120px) { #mediaQuery { font-family: 'pc'; } }
/* layout
-------------------------------------- */
/*******************************************************************************
********************************************************************************
 Faciliti説明文
********************************************************************************
*******************************************************************************/
.facilitiDescBoxBg, .facilitiDescBox { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; position: fixed; visibility: hidden; opacity: 0; }
.facilitiDescBoxBg *, .facilitiDescBox * { box-sizing: border-box; }
.facilitiDescBoxBg .facilitiDescBoxInner, .facilitiDescBox .facilitiDescBoxInner { visibility: hidden; opacity: 0; }
.facilitiDescBoxBg { width: 100%; height: 100vh; overflow: hidden; }
.facilitiDescBox { max-width: 1120px; width: 100%; height: 90vh; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.facilitiDescBox .facilitiDescCloseBtn { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; z-index: 100000; display: block; width: 50px; height: 50px; background: #ccc; border-radius: 9999px; position: absolute; right: -20px; top: -20px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.facilitiDescBox .facilitiDescCloseBtn:before, .facilitiDescBox .facilitiDescCloseBtn:after { content: ""; position: absolute; top: 50%; width: 2px; height: 25px; background: #FFF; }
.facilitiDescBox .facilitiDescCloseBtn:before { left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.facilitiDescBox .facilitiDescCloseBtn:after { right: 50%; -webkit-transform: translate(50%, -50%) rotate(45deg); -ms-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); }
.facilitiDescBox .facilitiDescCloseBtn:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; }
@media all and (max-width: 599px) { .facilitiDescBox { height: 80vh; }  .facilitiDescBox .facilitiDescCloseBtn { width: 40px; height: 40px; right: 5px; top: -8px; } }
.open_facilitiBox .facilitiDescBoxBg, .open_facilitiBox .facilitiDescBox { visibility: visible; opacity: 1; }
.open_facilitiBox .facilitiDescBoxBg { left: 0; top: 0; width: 100%; height: 100vh; z-index: 99998; background: rgba(0, 0, 0, 0.5); }
.open_facilitiBox .facilitiDescBox { z-index: 99999; }
.open_facilitiBox .facilitiDescBoxInner { -webkit-overflow-scrolling: touch; padding: 100px 80px 0; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1120px; width: 100%; height: 90vh; margin: 0 auto; z-index: 99999; background: #FFF; overflow: auto; visibility: visible; opacity: 1; }
.open_facilitiBox .facilitiDescBoxInner .attention { color: #d04539; }
.open_facilitiBox .facilitiDescBoxInner .bold { font-weight: bold; }
.open_facilitiBox .facilitiDescBoxInner .title { font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 40px; }
.open_facilitiBox .facilitiDescBoxInner .logo { max-width: 216px; width: 100%; margin: 0 auto 60px; }
.open_facilitiBox .facilitiDescBoxInner .readTxt { text-align: center; margin-bottom: 30px; }
.open_facilitiBox .facilitiDescBoxInner .btn { margin-bottom: 100px; }
.open_facilitiBox .facilitiDescBoxInner .btn a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; font-size: 18px; margin: 0 auto; text-decoration: none; text-align: center; display: block; max-width: 300px; width: 100%; padding: 20px 10px; background: #d04539; color: #FFF; font-weight: bold; position: relative; }
.open_facilitiBox .facilitiDescBoxInner .btn a i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.open_facilitiBox .facilitiDescBoxInner .btn a:hover { opacity: 0.8; }
@media all and (max-width: 599px) { .open_facilitiBox .facilitiDescBoxInner { padding: 40px 20px; width: 90%; height: 80vh; }  .open_facilitiBox .facilitiDescBoxInner .title { font-size: 25px; margin-bottom: 30px; }  .open_facilitiBox .facilitiDescBoxInner .logo { margin: 0 auto 40px; }  .open_facilitiBox .facilitiDescBoxInner .btn { margin-bottom: 50px; } }
.open_facilitiBox .facilitiDescBox-flow { margin-bottom: 80px; }
.open_facilitiBox .facilitiDescBox-flow:last-child { margin-bottom: 0; }
.open_facilitiBox .facilitiDescBox-flowList .item { overflow: hidden; margin-bottom: 50px; }
.open_facilitiBox .facilitiDescBox-flowList .item:last-child { margin-bottom: 0; }
.open_facilitiBox .facilitiDescBox-flowList .item .img { float: left; max-width: 400px; width: 100%; }
.open_facilitiBox .facilitiDescBox-flowList .item .num, .open_facilitiBox .facilitiDescBox-flowList .item .disc { float: right; max-width: 528px; width: 100%; }
.open_facilitiBox .facilitiDescBox-flowList .item .num { font-size: 18px; font-weight: bold; color: #d04539; }
.open_facilitiBox .facilitiDescBox-flowList .item .num .number { margin-left: 5px; font-size: 30px; vertical-align: -4px; }
.open_facilitiBox .facilitiDescBox-flowList .item .disc a { color: #d04539; }
@media all and (max-width: 599px) { .open_facilitiBox .facilitiDescBox-flowList .item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }  .open_facilitiBox .facilitiDescBox-flowList .item:last-child { margin-bottom: 0; }  .open_facilitiBox .facilitiDescBox-flowList .item .img, .open_facilitiBox .facilitiDescBox-flowList .item .num, .open_facilitiBox .facilitiDescBox-flowList .item .disc { float: none; width: 100%; }  .open_facilitiBox .facilitiDescBox-flowList .item .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 15px; }  .open_facilitiBox .facilitiDescBox-flowList .item .num { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }  .open_facilitiBox .facilitiDescBox-flowList .item .disc { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }
@media all and (min-width: 600px) { .open_facilitiBox { position: fixed; width: 100%; height: 100%; left: 0; } }
#wrapper { position: relative; }
#container { padding-top: 48px; }
@media all and (min-width: 1120px) { #container { padding-top: 53px; } }
/*******************************************************************************
********************************************************************************
 詳細ページ印刷ボタン設置用スタイル
********************************************************************************
*******************************************************************************/
@media all and (max-width: 599px) { #event.single .printBtn, #tourism.single .printBtn { display: none; } }
#event.single .icon_print, #tourism.single .icon_print { margin-right: 5px; width: 20px; height: 20px; display: inline-block; background: url("../img/event/icon_print.png") no-repeat center/100%; }
#event.single .printBtn, #tourism.single .printBtn { border: 1px solid #d04539; border-radius: 5px; max-width: 260px; width: 100%; margin: 0 auto; }
#event.single .printBtn a, #tourism.single .printBtn a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; font-weight: bold; text-align: center; text-decoration: none; display: block; padding: 20px 10px; }
#event.single .printBtn a:hover, #tourism.single .printBtn a:hover { color: #d04539; }
#event.single #intro .tit, #tourism.single #intro .tit { position: relative; }
#event.single #intro .tit .printBtn, #tourism.single #intro .tit .printBtn { position: absolute; right: 0; border: none; max-width: none; width: auto; }
#event.single #intro .tit .printBtn a, #tourism.single #intro .tit .printBtn a { padding: 0; font-size: 14px; font-family: Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif; }
#event.single .mod_btn02 a i, #tourism.single .mod_btn02 a i { top: auto; }
/*============================================================= 03_layout =============================================================*/
@keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }
/* mixin for multiline */
/* #gHeader
================================================ */
#gHeader { position: fixed; top: 0; left: 0; width: 100%; min-width: 320px; /*height: 137px;*/ z-index: 2000; }
@media all and (min-width: 1120px) { #gHeader { width: 100%; /*height: 140px;*/ min-width: 1120px; } }
/* #hdAnnounce
-------------------------------------- */
#hdAnnounce { display: none; height: 60px; background: #333; color: #fff; }
#hdAnnounce.is_active { display: block; }
#hdAnnounce .inner { position: relative; padding: 15px; }
#hdAnnounce .content { display: table; padding-right: 70px; }
#hdAnnounce .content dt { display: table-cell; width: 66px; padding: 5px 0; border-right: 1px solid #fff; font-size: 1.3rem; font-weight: 700; line-height: 1.53846; vertical-align: middle; }
#hdAnnounce .content dd { display: table-cell; padding-left: 10px; font-size: 1.1rem; line-height: 1.36364; text-decoration: underline; vertical-align: middle; overflow: hidden; cursor: pointer; }
#hdAnnounce .btnAnnounce { position: absolute; top: 15px; right: 15px; width: 60px; height: 30px; padding: 7px 0 0 16px; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box; color: #fff; font-size: 1rem; line-height: 1.5; text-align: center; cursor: pointer; }
#hdAnnounce .btnAnnounce:before, #hdAnnounce .btnAnnounce:after { position: absolute; top: 8px; left: 11px; width: 2px; height: 12px; content: ''; background: #fff; }
#hdAnnounce .btnAnnounce:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#hdAnnounce .btnAnnounce:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
@media all and (min-width: 600px) { #hdAnnounce .content { padding-right: 80px; }  #hdAnnounce .content dt { width: 90px; font-size: 1.5rem; line-height: 1.33333; }  #hdAnnounce .content dd { padding-left: 25px; font-size: 1.4rem; line-height: 1.07143; }  #hdAnnounce .btnAnnounce { right: 15px; width: 68px; padding-top: 8px; font-size: 1.1rem; line-height: 1.09091; }  #hdAnnounce .btnAnnounce:before, #hdAnnounce .btnAnnounce:after { top: 9px; left: 13px; height: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } }
@media all and (min-width: 1120px) { #hdAnnounce .btnAnnounce { right: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #hdAnnounce .btnAnnounce:hover { background: #fff; color: #333; }  #hdAnnounce .btnAnnounce:hover:before, #hdAnnounce .btnAnnounce:hover:after { background: #333; } }
#hdAnnounce .contAnnounce { display: none; z-index: 100; background: rgba(0, 0, 0, 0.9); position: fixed; top: 60px; left: 0; padding: 50px 0; overflow: auto; box-sizing: border-box; width: 100%; height: 100%; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); -webkit-overflow-scrolling: touch; }
#hdAnnounce .contAnnounce .tit { font-size: 2.4rem; text-align: center; margin: 0 0 15px; font-weight: 700; }
#hdAnnounce .contAnnounce .info { border-top: 1px solid #ccc; padding: 30px 0; }
#hdAnnounce .contAnnounce .info dt { font-weight: 700; margin: 0 0 23px; }
#hdAnnounce .contAnnounce .info dd ul li { text-indent: -1em; padding-left: 1em; }
#hdAnnounce .contAnnounce .info dd ul li:before { content: "〇"; }
#hdAnnounce .contAnnounce .info dd .baloon { font-weight: 700; background: #d04539; color: #fff; display: inline-block; padding: 0 10px; line-height: 20px; font-size: 1.1rem; margin: 0 0 13px; border-radius: 10px; }
#hdAnnounce .contAnnounce .info dd a { color: #fff; }
#hdAnnounce .contAnnounce .info dd + dd { margin: 20px 0 0; }
#hdAnnounce .contAnnounce .hdBackBtn { border: 1px solid #fff; width: 198px; line-height: 48px; text-align: center; margin: 10px auto 0; font-weight: 700; font-size: 1.2rem; }
#hdAnnounce .contAnnounce .hdBackBtn i { margin: 0 10px 0 0; vertical-align: middle; display: inline-block; }
#hdAnnounce .contAnnounce .hdBackBtn i:before { display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; position: relative; top: -2px; font-size: 1.5rem; }
@media all and (min-width: 1120px) { #hdAnnounce .contAnnounce { width: 100%; top: 59px; padding: 100px 0 70px; height: 100%; height: -webkit-calc(100% - 59px); height: calc(100% - 59px); }  #hdAnnounce .contAnnounce .inner { padding: 0 80px; }  #hdAnnounce .contAnnounce .info { padding: 50px 0; }  #hdAnnounce .contAnnounce .hdBackBtn { margin: 40px auto 0; } }
/* #hdInfo
-------------------------------------- */
#hdInfo { background: #d04539; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /******************************************************************************* 一旦表示 後ほど削除 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */ /******************************************************************************* 一旦表示 後ほど削除 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */ }
#hdInfo .inner { position: relative; padding: 13px 15px 14px; }
#hdInfo .logo { width: 30.4444%; max-width: 124px; margin: 0 auto; }
#hdInfo .fontSize { position: absolute; top: 50%; left: 0; font-size: 13px; line-height: 1.53846; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; }
#hdInfo .fontSize dt { float: left; width: 70px; padding-top: 7px; color: #fff; }
#hdInfo .fontSize dd { float: left; width: 34px; height: 34px; margin-left: 10px; padding-top: 7px; border: 1px solid #fff; background: #fff; box-sizing: border-box; color: #d04539; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }
#hdInfo .fontSize dd.current, #hdInfo .fontSize dd:hover { background: #d04539; color: #fff; }
#hdInfo .btnGnav { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -20px; cursor: pointer; }
#hdInfo .btnGnav .line { position: absolute; left: 7px; width: 26px; height: 2px; content: ''; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#hdInfo .btnGnav .line:nth-child(1) { top: 4px; }
#hdInfo .btnGnav .line:nth-child(2) { top: 11px; }
#hdInfo .btnGnav .line:nth-child(3) { top: 18px; }
#hdInfo .btnGnav.is_open .line:nth-child(1) { top: 11px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#hdInfo .btnGnav.is_open .line:nth-child(2) { opacity: 0; }
#hdInfo .btnGnav.is_open .line:nth-child(3) { top: 11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#hdInfo .btnGnav .txt { position: absolute; left: 0; bottom: 0px; width: 100%; color: #fff; font-size: 1rem; line-height: 1.2; letter-spacing: -.1em; text-align: center; }
#hdInfo .shugakuTravel { position: absolute; top: 50%; right: 190px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: left; }
#hdInfo .shugakuTravel ul li { margin-bottom: 3px; }
#hdInfo .shugakuTravel ul li:last-child { margin-bottom: 0; }
#hdInfo .shugakuTravel a { display: block; color: #FFF; font-size: 13px; text-decoration: none; }
#hdInfo .shugakuTravel a i { vertical-align: -1px; }
#hdInfo .btnFavrite { position: absolute; top: 50%; right: 56px; width: 45px; height: 40px; margin-top: -20px; text-align: center; cursor: pointer; }
#hdInfo .btnFavrite a { text-decoration: none; display: block; }
#hdInfo .btnFavrite .favorite_count { position: absolute; width: 18px; height: 18px; display: block; border: 1px solid #fff; border-radius: 9999px; color: #FFF; background: #D04539; font-size: 9px; line-height: 18px; left: 4px; bottom: 14px; }
#hdInfo .btnFavrite i { font-size: 2.5rem; }
#hdInfo .btnFavrite i:before { color: #fff; }
#hdInfo .btnFavrite .txt { position: absolute; left: 0; bottom: 0px; width: 100%; color: #fff; font-size: 1rem; line-height: 1.2; letter-spacing: -.1em; }
#hdInfo .btnSearch { position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; margin-top: -20px; text-align: center; cursor: pointer; }
#hdInfo .btnSearch i { position: relative; font-size: 2.5rem; display: block; }
#hdInfo .btnSearch i:before { color: #fff; }
#hdInfo .btnSearch .txt { position: absolute; left: 0; bottom: 0px; width: 100%; color: #fff; font-size: 1rem; line-height: 1.2; }
#hdInfo .btnSearch.is_open i { width: 25px; height: 25px; }
#hdInfo .btnSearch.is_open i:before { content: none; }
#hdInfo .btnSearch.is_open i:before, #hdInfo .btnSearch.is_open i:after { position: absolute; content: ""; top: 11px; left: 6px; width: 26px; height: 2px; background: #fff; }
#hdInfo .btnSearch.is_open i:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#hdInfo .btnSearch.is_open i:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#hdInfo .contentSearch { position: fixed; right: -100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; padding: 46px 20px 50px; box-sizing: border-box; background: #fff; -webkit-transition: .4s; transition: .4s; }
#hdInfo .contentSearch.is_open { right: 0; }
#hdInfo .contentSearch .sec + .sec { margin-top: 50px; }
#hdInfo .contentSearch .sec .leadTit { position: relative; margin-bottom: 20px; padding: 0 0 6px; color: #d04539; text-align: center; }
#hdInfo .contentSearch .sec .leadTit:before { position: absolute; content: ""; bottom: 0; left: 50%; width: 40px; height: 2px; background: #d04539; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#hdInfo .contentSearch .sec .leadTit i { position: relative; font-size: 4.0rem; width: 40px; height: 40px; display: inline-block; }
#hdInfo .contentSearch .sec .leadTit i:before { position: absolute; top: 0; left: 0; }
#hdInfo .contentSearch .sec .leadTit .txt { display: block; font-size: 1.8rem; font-weight: bold; }
#hdInfo .contentSearch .sec.keywords form { position: relative; display: block; padding-right: 45px; box-sizing: border-box; }
#hdInfo .contentSearch .sec.keywords form .txt { position: relative; background: #fff; border-radius: 2px; }
#hdInfo .contentSearch .sec.keywords form .txt input[type="text"] { display: block; width: 100%; height: 40px; padding: 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; font-size: 1.6rem; }
#hdInfo .contentSearch .sec.keywords form .btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding-top: 8px; border-radius: 2px; background: #d04539; box-sizing: border-box; text-align: center; cursor: pointer; }
#hdInfo .contentSearch .sec.keywords form .btn i { font-size: 2.4rem; }
#hdInfo .contentSearch .sec.keywords form .btn i:before { color: #fff; }
#hdInfo .contentSearch .sec.word .list { overflow: hidden; padding: 20px 30px; border: 1px solid #ccc; }
#hdInfo .contentSearch .sec.word .list .item { float: left; margin-right: 1em; line-height: 2; }
#hdInfo .contentSearch .sec.word .list .item a { text-decoration: none; }
#hdInfo .contentSearch .sec.period .date { position: relative; }
#hdInfo .contentSearch .sec.period .date i { position: absolute; top: 50%; right: 13px; font-size: 2.0rem; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#hdInfo .contentSearch .sec.period .date input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; padding: 0 40px 0 15px; box-sizing: border-box; border-radius: 2px; border: 1px solid #ccc; font-size: 1.6rem; }
#hdInfo .contentSearch .sec.period .date + .date { margin-top: 40px; }
#hdInfo .contentSearch .sec.period .date + .date:before { position: absolute; content: ""; top: -28px; left: 50%; width: 5px; height: 15px; background: url(../img/common/ico_tilde.png) no-repeat center; background-size: contain; }
#hdInfo .contentSearch .sec.period .btnSubmit { position: relative; width: 200px; height: 40px; margin: 20px auto 0; }
#hdInfo .contentSearch .sec.period .btnSubmit input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; border-radius: 0; outline: 0; background: #d04539; color: #fff; }
#hdInfo .contentSearch .sec.area .list { overflow: hidden; }
#hdInfo .contentSearch .sec.area .list .item { display: table; float: left; width: 49%; margin: 0 2% 2% 0; }
#hdInfo .contentSearch .sec.area .list .item:nth-child(2n) { margin-right: 0; }
#hdInfo .contentSearch .sec.area .list .item a { display: table-cell; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; font-size: 1.3rem; font-weight: bold; line-height: 1.53846; text-align: center; vertical-align: middle; text-decoration: none; }
@media all and (min-width: 600px) { #hdInfo .toolFacil-iti { display: none; }  #hdInfo .contentSearch .sec.area .list .item { width: 32%; }  #hdInfo .contentSearch .sec.area .list .item:nth-child(2n) { margin: 0 2% 2% 0; }  #hdInfo .contentSearch .sec.area .list .item:nth-child(3n) { margin-right: 0; } }
@media all and (min-width: 1120px) { #hdInfo { height: 80px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); }  #hdInfo .inner { padding: 15px 0; }  #hdInfo .logo { width: 124px; max-width: none; }  #hdInfo .btnFavrite { width: 50px; right: 105px; }  #hdInfo .btnFavrite i { font-size: 25px; }  #hdInfo .btnFavrite .txt { font-size: 10px; }  #hdInfo .btnSearch { right: 55px; }  #hdInfo .btnSearch i { font-size: 25px; }  #hdInfo .btnSearch .txt { font-size: 10px; }  #hdInfo .contentSearch { padding: 80px 0 100px; }  #hdInfo .contentSearch .sec { width: 720px; margin: 0 auto; }  #hdInfo .contentSearch .sec .leadTit { margin-bottom: 30px; }  #hdInfo .contentSearch .sec .leadTit .txt { font-size: 2.4rem; }  #hdInfo .contentSearch .sec + .sec { margin-top: 70px; }  #hdInfo .contentSearch .sec.word .list .item a:hover { text-decoration: underline; }  #hdInfo .contentSearch .sec.period form { overflow: hidden; }  #hdInfo .contentSearch .sec.period .date { float: left; width: 335px; margin: 0 0 30px; }  #hdInfo .contentSearch .sec.period .date + .date { float: right; margin: 0 0 30px; }  #hdInfo .contentSearch .sec.period .date + .date:before { top: 13px; left: -25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }  #hdInfo .contentSearch .sec.period .btnSubmit { clear: both; }  #hdInfo .contentSearch .sec.area .list .item { width: 105px; height: 105px; margin: 0 18px 18px 0; }  #hdInfo .contentSearch .sec.area .list .item:nth-child(2n), #hdInfo .contentSearch .sec.area .list .item:nth-child(3n) { margin: 0 18px 18px 0; }  #hdInfo .contentSearch .sec.area .list .item:nth-child(6n) { margin-right: 0; }  #hdInfo .contentSearch .sec.area .list .item a { padding: 20px 5px; }  #hdInfo .contentSearch .sec.area .list .item a:hover { text-decoration: underline; }  #hdInfo .btnLanguage { position: absolute; top: 50%; right: 0; width: 50px; height: 40px; margin-top: -20px; text-align: center; cursor: pointer; }  #hdInfo .btnLanguage i { position: relative; font-size: 25px; display: block; }  #hdInfo .btnLanguage i:before { color: #fff; }  #hdInfo .btnLanguage .txt { position: absolute; left: 0; bottom: 0px; width: 100%; color: #fff; font-size: 10px; line-height: 1.2; }  #hdInfo .contentLanguage { position: absolute; top: 80px; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #hdInfo .contentLanguage.is_open { opacity: 1; visibility: visible; }  #hdInfo .contentLanguage .list { position: relative; width: 150px; padding: 5px 0; box-sizing: border-box; border-radius: 5px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16); background: #fff; }  #hdInfo .contentLanguage .list:before { position: absolute; content: ""; top: -10px; right: 15px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; }  #hdInfo .contentLanguage .list .item a { display: block; padding: 3px 15px; text-decoration: none; }  #hdInfo .contentLanguage .list .item a:hover { text-decoration: underline; }  #hdInfo .toolFacil-iti { display: block; position: absolute; top: 50%; left: 0; font-size: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; width: 135px; border: 1px solid #fff; border-radius: 5px; font-size: 10px; }  #hdInfo .toolFacil-iti a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; padding: 10px; color: #FFF; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; }  #hdInfo .toolFacil-iti a i { display: block; width: 20px; height: 20px; margin-right: 5px; background: url("../img/common/icon_facil-iti.png") no-repeat center center/100%; }  #hdInfo .toolFacil-iti a:hover { opacity: 0.75; } }
#hdInfo .language { position: absolute; top: 0; right: 110px; bottom: 0; margin: auto 0; width: 150px; height: 42px; }
#hdInfo .language .inner { padding: 0; background: #fff; }
#hdInfo .language .inner i { position: absolute; height: 20px; top: 0; bottom: 0; margin: auto; display: block; left: 12%; font-size: 2rem; }
#hdInfo .language .inner:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; border-color: #333 transparent transparent transparent; margin: auto 0; top: 0; bottom: 0; right: 15px; position: absolute; }
#hdInfo .language select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; display: block; padding: 10px 0 10px 31%; font-size: 1.6rem; }
#hdInfo .language select::-ms-expand { display: none; }
@media all and (min-width: 600px) { #hdInfo .language { display: block; } }
/* #gNav
================================================ */
@media all and (min-width: 600px) { #gNav .item.useful .link .icon-menu-event { display: inline-block; } }
#gNav .item.useful i:before { vertical-align: top; }
#gNav .item.useful i.icon-book-convenience { font-size: 28px !important; }
#gNav .item.useful i.icon-access-bus, #gNav .item.useful i.icon-taxi { font-size: 25px !important; }
@media all and (max-width: 1119px) { #gNav { overflow-y: scroll; position: fixed; top: 70px; left: -100%; width: 100%; min-width: 320px; padding: 20px 20px 0; background: #fff; box-sizing: border-box; text-align: center; z-index: 1001; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -webkit-transition: .4s; transition: .4s; }  #gNav.is_open { left: 0; }  #gNav a { text-decoration: none; }  #gNav .secondNav { padding-bottom: 10px; }  #gNav .secondNav__title { font-size: 15px; font-weight: bold; text-align: center; margin: 10px 0; position: relative; }  #gNav .secondNav__title span { display: inline-block; background: #FFF; position: relative; z-index: 1; padding: 8px 15px; }  #gNav .secondNav__title:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 1px; background: #ccc; }  #gNav .list .sp_only { display: block; }  #gNav .list .pc_only { display: none; }  #gNav .list .item { border: 1px solid #EEE; border-radius: 5px; }  #gNav .list .item .link { position: relative; display: block; min-height: 50px; padding: 10px; box-sizing: border-box; font-size: 1.9rem; font-weight: bold; text-decoration: none; text-align: left; }  #gNav .list .item .link i { color: #d04539; font-size: 2.4rem; margin-right: 10px; vertical-align: middle; }  #gNav .list .item .spOpTrigger .txt { font-size: 15px; vertical-align: middle; }  #gNav .list .item .spOpTrigger i:before { vertical-align: text-bottom; }  #gNav .list .item .spOpTrigger .icon-arrow-down { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; margin-right: 0; position: absolute; right: 10px; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }  #gNav .list .item .spOpTrigger.open .icon-arrow-down { -webkit-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }  #gNav .list .item .areaList { display: none; padding: 10px; }  #gNav .list .item.event { margin-bottom: 10px; }  #gNav .list .item.event .childList { overflow: hidden; }  #gNav .list .item.event .childList .childItem { float: left; display: table; width: 49%; margin: 0 2% 2% 0; }  #gNav .list .item.event .childList .childItem:nth-child(even) { float: right; margin-right: 0; }  #gNav .list .item.event .childList .childItem a { overflow: hidden; position: relative; display: table-cell; height: 90px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; }  #gNav .list .item.event .childList .childItem .txt { position: relative; z-index: 2; }  #gNav .list .item.event .childList .childItem .sub_txt { font-size: 11px; font-weight: bold; display: block; }  #gNav .list .item.event .childList .childItem01 a { background-image: url(../img/common/gNav_img_event.png); }  #gNav .list .item.event .childList .childItem02 a { background-image: url(../img/common/gNav_img_season.png); }  #gNav .list .item.event .childList .childItem00 a { background-image: url(../img/common/gNav_img_specialopening_winter2019.png); }  #gNav .list .item.event .childList .childItem03 a { background-image: url(../img/common/gNav_img_flower_momiji.png); }  #gNav .list .item.event .childList .childItem04 a { background-image: url(../img/common/gNav_img_jidai.png); }  #gNav .list .item.event .childList .childEventSeason a { background-image: url(../img/common/gNav_eventseason.png); }  #gNav .list .item.event .childList .childItem05 a { background-image: url(../img/common/gNav_img_specialopening_autumn.png); }  #gNav .list .item.event .childList .childItem06 a { background-image: url(../img/common/gNav_img_krws.png); }  #gNav .list .item.event .childList .sakuraDayori a { background-image: url(../img/common/gNav_img_sakura_dayori.png); color: #fff; }  #gNav .list .item.event .childList .spring-reikanji a { background-image: url(../img/common/gNav_img_spring-reikanji2020.png); color: #fff; }  #gNav .list .item.event .childList .hanaDayori a { background-image: url(../img/common/gNav_img_hana_dayori.png); color: #fff; }  #gNav .list .item.event .childList .tsutsujiDayori a { background-image: url(../img/common/gNav_img_tsutsuji_dayori.png); color: #fff; }  #gNav .list .item.event .childList .anshin a { background-image: url(../img/common/gNav_img_anshin.png); color: #fff; }  #gNav .list .item.event .childList .special-w-2020-2021 a { background-image: url(../img/common/gNav_img_specialopening_winter2020-2021.png); color: #fff; }  #gNav .list .item.areaGuide { margin-bottom: 10px; }  #gNav .list .item.areaGuide .childList.default { overflow: hidden; }  #gNav .list .item.areaGuide .childList.default .childItem { float: left; display: table; width: 49%; margin: 0 2% 2% 0; }  #gNav .list .item.areaGuide .childList.default .childItem:nth-child(even) { float: right; margin-right: 0; }  #gNav .list .item.areaGuide .childList.default .childItem a { overflow: hidden; position: relative; display: table-cell; height: 90px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; }  #gNav .list .item.areaGuide .childList.default .childItem .txt { position: relative; z-index: 2; }  #gNav .list .item.areaGuide .childList.default .childItem .sub_txt { font-size: 11px; font-weight: bold; display: block; }  #gNav .list .item.areaGuide .childList.default .childItem01 a { background-image: url(../img/common/gNav_img_totteoki.png); }  #gNav .list .item.areaGuide .childList.default .childItem02 a { background-image: url(../img/common/gNav_img_kankomap.png); }  #gNav .list .item.areaGuide .childList.childList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }  #gNav .list .item.areaGuide .childList.childList01 .childItem { display: table; width: -webkit-calc((100% / 2) * 1 - 0.01px); width: calc((100% / 2) * 1 - 0.01px); min-height: 60px; border-bottom: 1px solid #ccc; box-sizing: border-box; }  #gNav .list .item.areaGuide .childList.childList01 .childItem:first-child { border-top: none; }  #gNav .list .item.areaGuide .childList.childList01 .childItem:nth-child(2n) { border-left: 1px solid #ccc; }  #gNav .list .item.areaGuide .childList.childList01 .childItem a { position: relative; display: table-cell; height: 60px; padding: 0 25px 0 10px; box-sizing: border-box; vertical-align: middle; text-align: left; }  #gNav .list .item.areaGuide .childList.childList01 .childItem i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }  #gNav .list .item.areaGuide .childList.childList01 .childItem .category { left: 18px; font-size: 2.6rem; }  #gNav .list .item.areaGuide .childList.childList01 .childItem .arrow { right: 0; color: #d04539; font-size: 2.4rem; }  #gNav .list .item.areaGuide .childList.childList01 .childItem .grandChild { display: table; width: 100%; height: 50px; }  #gNav .list .item.areaGuide .childList.childList01 .childItem .tags { overflow: hidden; padding: 0 20px 6px; }  #gNav .list .item.areaGuide .childList.childList01 .childItem .tags .item { float: left; margin: 0 5px 5px 0; }  #gNav .list .item.areaGuide .childList.childList01 .childItem .tags .item a { display: block; height: auto; padding: 2px 12px; border: 1px solid #d04539; border-radius: 5px; box-sizing: border-box; font-size: 1.3rem; text-align: center; }  #gNav .list .item.areaGuide .childList.childList01 .childItem:last-child { border-bottom: none; }  #gNav .list .item.sightseeing { margin-bottom: 10px; }  #gNav .list .item.sightseeing .link { border-bottom: none; padding-bottom: 0; }  #gNav .list .item.sightseeing .secondNav__title:nth-of-type(1) { margin-top: 0; }  #gNav .list .item.sightseeing .childList.default { overflow: hidden; }  #gNav .list .item.sightseeing .childList.default .childItem { float: left; display: table; width: 49%; margin: 0 2% 2% 0; }  #gNav .list .item.sightseeing .childList.default .childItem:nth-child(even) { float: right; margin-right: 0; }  #gNav .list .item.sightseeing .childList.default .childItem a { overflow: hidden; position: relative; display: table-cell; height: 90px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; }  #gNav .list .item.sightseeing .childList.default .childItem .txt { position: relative; z-index: 2; }  #gNav .list .item.sightseeing .childList.default .childItem .sub_txt { font-size: 11px; font-weight: bold; display: block; }  #gNav .list .item.sightseeing .childList.default .childItem01 a { background-image: url(../img/common/gNav_img_guide-tour.png); }  #gNav .list .item.sightseeing .childList.default .childItem02 a { background-image: url(../img/common/gNav_img_shop.png); }  #gNav .list .item.sightseeing .childList.default .childItem03 a { background-image: url(../img/common/gNav_img_mitsuike.png); }  #gNav .list .item.sightseeing .childList.default .childItem04 a { background-image: url(../img/common/gNav_img_trail.png); }  #gNav .list .item.sightseeing .childList.default .childItem05 a { background-image: url(../img/common/gNav_img_bicycle.png); }  #gNav .list .item.sightseeing .childList.childList01 .childItem, #gNav .list .item.sightseeing .childList.childList02 .childItem, #gNav .list .item.sightseeing .childList.childList03 .childItem { display: table; width: 100%; min-height: 60px; border-bottom: 1px solid #ccc; box-sizing: border-box; }  #gNav .list .item.sightseeing .childList.childList01 .childItem:first-child, #gNav .list .item.sightseeing .childList.childList02 .childItem:first-child, #gNav .list .item.sightseeing .childList.childList03 .childItem:first-child { border-top: none; }  #gNav .list .item.sightseeing .childList.childList01 .childItem a, #gNav .list .item.sightseeing .childList.childList02 .childItem a, #gNav .list .item.sightseeing .childList.childList03 .childItem a { position: relative; display: table-cell; height: 60px; padding: 0 44px 0 65px; box-sizing: border-box; vertical-align: middle; text-align: left; }  #gNav .list .item.sightseeing .childList.childList01 .childItem i, #gNav .list .item.sightseeing .childList.childList02 .childItem i, #gNav .list .item.sightseeing .childList.childList03 .childItem i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }  #gNav .list .item.sightseeing .childList.childList01 .childItem .category, #gNav .list .item.sightseeing .childList.childList02 .childItem .category, #gNav .list .item.sightseeing .childList.childList03 .childItem .category { left: 18px; font-size: 2.6rem; }  #gNav .list .item.sightseeing .childList.childList01 .childItem .arrow, #gNav .list .item.sightseeing .childList.childList02 .childItem .arrow, #gNav .list .item.sightseeing .childList.childList03 .childItem .arrow { right: 20px; color: #d04539; font-size: 2.4rem; }  #gNav .list .item.sightseeing .childList.childList01 .childItem .grandChild, #gNav .list .item.sightseeing .childList.childList02 .childItem .grandChild, #gNav .list .item.sightseeing .childList.childList03 .childItem .grandChild { display: table; width: 100%; height: 50px; }  #gNav .list .item.sightseeing .childList.childList01 .childItem .tags, #gNav .list .item.sightseeing .childList.childList02 .childItem .tags, #gNav .list .item.sightseeing .childList.childList03 .childItem .tags { overflow: hidden; padding: 0 20px 6px; }  #gNav .list .item.sightseeing .childList.childList01 .childItem .tags .item, #gNav .list .item.sightseeing .childList.childList02 .childItem .tags .item, #gNav .list .item.sightseeing .childList.childList03 .childItem .tags .item { float: left; margin: 0 5px 5px 0; }  #gNav .list .item.sightseeing .childList.childList01 .childItem .tags .item a, #gNav .list .item.sightseeing .childList.childList02 .childItem .tags .item a, #gNav .list .item.sightseeing .childList.childList03 .childItem .tags .item a { display: block; height: auto; padding: 2px 12px; border: 1px solid #d04539; border-radius: 5px; box-sizing: border-box; font-size: 1.3rem; text-align: center; }  #gNav .list .item.sightseeing .childList.childList03 .childItem:last-child { border-bottom: none; }  #gNav .list .item.tripPlan { margin-bottom: 10px; }  #gNav .list .item.tripPlan .parent .link { border-bottom: 0; }  #gNav .list .item.tripPlan .childList { overflow: hidden; }  #gNav .list .item.tripPlan .childList .childItem { float: left; display: table; width: 49%; margin: 0 2% 2% 0; }  #gNav .list .item.tripPlan .childList .childItem:nth-child(even) { float: right; margin-right: 0; }  #gNav .list .item.tripPlan .childList .childItem a { overflow: hidden; position: relative; display: table-cell; height: 90px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; }  #gNav .list .item.tripPlan .childList .childItem .txt { position: relative; z-index: 2; }  #gNav .list .item.tripPlan .childList .childItem .sub_txt { font-size: 11px; font-weight: bold; display: block; }  #gNav .list .item.tripPlan .childList .childItem01 a { background-image: url(../img/common/gNav_img_travel.png); }  #gNav .list .item.tripPlan .childList .childItem02 a { background-image: url(../img/common/gNav_img_concierge.png); }  #gNav .list .item.tripPlan .childList .childItem03 a { background-image: url(../img/common/gNav_img_JTP.png); }  #gNav .list .item.tripPlan .childList .childItem04 a { background-image: url(../img/common/gNav_img_asayoru.png); }  #gNav .list .item.tripPlan .childList .childItem05 a { background-image: url(../img/common/gNav_img_comfort.png); }  #gNav .list .item.tripPlan .childList .bicycle a { background-image: url(../img/common/gNav_img_bicycle.png); }  #gNav .list .item.tripPlan .childList .food-culture a { background-image: url(../img/common/gNav_img_food-culture.png); }  #gNav .list .item.tripPlan .secondNav { padding-bottom: 10px; }  #gNav .list .item.tripPlan .secondNav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; }  #gNav .list .item.tripPlan .secondNav__item { display: inline-block; width: auto; margin-bottom: 10px; }  #gNav .list .item.tripPlan .secondNav__item a { text-align: left; }  #gNav .list .item.tripPlan .secondNav__item i { vertical-align: -2px; margin-left: 3px; }  #gNav .list .item.tripPlan .secondNav__item i.arrow { color: #D04539; font-size: 18px; }  #gNav .list .item.calendar .link { height: 80px; padding: 24px 0; }  #gNav .list .item.guide { margin: 0px -20px 0; padding: 50px 20px 20px; background: #eee; }  #gNav .list .item.guide .parent .link { border-bottom: 0; }  #gNav .list .item.guide .guideArea a { overflow: hidden; position: relative; display: block; height: 90px; border-radius: 5px; background: url(../img/common/pic_guide01.png) 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; }  #gNav .list .item.guide .guideArea .txt { color: #fff; padding-top: 28px; }  #gNav .list .item.guide .guideArea .txt .small { display: block; font-size: 1.1rem; }  #gNav .list .item.guide .guideArea .txt .tit { font-size: 1.8rem; }  #gNav .list .item.useful { margin-bottom: 40px; }  #gNav .list .item.useful .icon-menu-event:before { vertical-align: text-bottom; }  #gNav .list .item.useful .parent .link { border-bottom: 0; }  #gNav .list .item.useful .childList { overflow: hidden; }  #gNav .list .item.useful .childList .childItem { float: left; display: table; width: 49.5%; height: 90px; margin: 0 1% 1% 0; }  #gNav .list .item.useful .childList .childItem:nth-child(even) { float: right; margin-right: 0; }  #gNav .list .item.useful .childList .childItem:nth-child(2n+1):last-child { width: 100%; margin: 0; }  #gNav .list .item.useful .childList .childItem:nth-child(2n+1):last-child .txt { display: inline-block; vertical-align: middle; }  #gNav .list .item.useful .childList .childItem:nth-child(2n+1):last-child i { position: relative; top: 2px; margin-right: 11px; vertical-align: middle; }  #gNav .list .item.useful .childList .childItem a { display: table-cell; background: #F7F7F7; vertical-align: middle; text-align: center; border-radius: 5px; }  #gNav .list .item.useful .childList .childItem i { color: #d04539; font-size: 2.3rem; }  #gNav .list .item.useful .childList .childItem .txt { display: block; font-size: 13px; font-weight: bold; }  #gNav .list .item.useful .childList .childItem .sub_txt { display: block; font-size: 10px; font-weight: bold; }  #gNav .share { margin: 0 -20px; padding: 0 20px 50px; background: #eee; }  #gNav .share .leadTit { position: relative; width: 275px; margin: 0 auto 28px; text-align: center; }  #gNav .share .leadTit span { position: relative; padding: 0 20px; background: #eee; color: #555; font-size: 1.8rem; font-weight: bold; }  #gNav .share .leadTit:before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -1px; background: #ccc; }  #gNav .shareList { overflow: hidden; text-align: center; }  #gNav .shareList .item { display: inline-block; margin: 0 14px; }  #gNav .shareList .item a { display: block; text-decoration: none; }  #gNav .shareList .item .img { margin: 0 auto 7px; }  #gNav .shareList .item .txt { font-size: 1.1rem; }  #gNav .shareList .twitter .img { width: 46px; }  #gNav .shareList .instagram .img { width: 40px; }  #gNav .shareList .facebook .img { width: 40px; } }
@media all and (min-width: 1120px) { #gNav { position: relative; display: block !important; padding: 0; z-index: 5; }  #gNav a { text-decoration: none; }  #gNav .secondNav { padding-bottom: 10px; }  #gNav .secondNav__title { font-size: 18px; font-weight: bold; text-align: center; margin: 10px 0; position: relative; }  #gNav .secondNav__title span { display: inline-block; background: #FFF; position: relative; z-index: 1; padding: 8px 15px; }  #gNav .secondNav__title:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 1px; background: #ccc; }  #gNav .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1120px; margin: 0 auto; }  #gNav .list .sp_only { display: none; }  #gNav .list .pc_only { display: inline-block; }  #gNav .list > .item { width: 21%; box-sizing: border-box; }  #gNav .list > .item.home { width: 5%; }  #gNav .list > .item.home .link { background: #D04539; color: #FFF; }  #gNav .list > .item.home .link i { margin-right: 0; }  #gNav .list > .item.home .link i:before { color: #fff; }  #gNav .list > .item.home .link:hover i:before { color: #d04539; }  #gNav .list > .item .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 60px; background: #fff; font-weight: normal; text-align: center; text-decoration: none; overflow: hidden; border-bottom: 2px solid transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #gNav .list > .item .link i { font-size: 2rem; margin-right: 8px; }  #gNav .list > .item .link i:before { color: #d04539; }  #gNav .list > .item .link .sub { position: absolute; left: 0; bottom: 7px; width: 100%; font-size: 1.1rem; }  #gNav .list > .item:hover .link, #gNav .list > .item.active .link { background: #eee; border-bottom: 2px solid #d04539; }  #gNav .list > .item.event .childListWrap { padding-bottom: 10px; }  #gNav .list > .item.event .childListWrap:before { left: 29.5%; }  #gNav .list > .item.event .childList { overflow: hidden; }  #gNav .list > .item.event .childList .childItem { float: left; display: table; width: 32%; margin: 0 2% 2% 0; }  #gNav .list > .item.event .childList .childItem:nth-child(3n) { margin-right: 0; }  #gNav .list > .item.event .childList .childItem a { overflow: hidden; position: relative; display: table-cell; height: 106px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #gNav .list > .item.event .childList .childItem a:hover { opacity: .8; }  #gNav .list > .item.event .childList .childItem .txt { position: relative; z-index: 2; font-size: 18px; }  #gNav .list > .item.event .childList .childItem .sub_txt { font-size: 11px; display: block; }  #gNav .list > .item.event .childList .childItem01 a { background-image: url(../img/common/gNav_img_event.png); }  #gNav .list > .item.event .childList .childItem02 a { background-image: url(../img/common/gNav_img_season.png); }  #gNav .list > .item.event .childList .childItem00 a { background-image: url(../img/common/gNav_img_specialopening_winter2019.png); }  #gNav .list > .item.event .childList .childItem03 a { background-image: url(../img/common/gNav_img_flower_momiji.png); }  #gNav .list > .item.event .childList .childItem04 a { background-image: url(../img/common/gNav_img_jidai.png); }  #gNav .list > .item.event .childList .childEventSeason a { background-image: url(../img/common/gNav_eventseason.png); }  #gNav .list > .item.event .childList .childItem05 a { background-image: url(../img/common/gNav_img_specialopening_autumn.png); }  #gNav .list > .item.event .childList .childItem06 a { background-image: url(../img/common/gNav_img_krws.png); }  #gNav .list > .item.event .childList .sakuraDayori a { background-image: url(../img/common/gNav_img_sakura_dayori.png); color: #fff; }  #gNav .list > .item.event .childList .spring-reikanji a { background-image: url(../img/common/gNav_img_spring-reikanji2020.png); color: #fff; }  #gNav .list > .item.event .childList .hanaDayori a { background-image: url(../img/common/gNav_img_hana_dayori.png); color: #fff; }  #gNav .list > .item.event .childList .tsutsujiDayori a { background-image: url(../img/common/gNav_img_tsutsuji_dayori.png); color: #fff; }  #gNav .list > .item.event .childList .anshin a { background-image: url(../img/common/gNav_img_anshin.png); color: #fff; }  #gNav .list > .item.event .childList .special-w-2020-2021 a { background-image: url(../img/common/gNav_img_specialopening_winter2020-2021.png); color: #fff; }  #gNav .list > .item.areaGuide .childListWrap { padding-bottom: 30px; }  #gNav .list > .item.areaGuide .childListWrap:before { left: 29.5%; }  #gNav .list > .item.areaGuide .childList { overflow: hidden; }  #gNav .list > .item.areaGuide .childList.default { overflow: hidden; }  #gNav .list > .item.areaGuide .childList.default .childItem { float: left; display: table; width: 32%; margin: 0 2% 2% 0; }  #gNav .list > .item.areaGuide .childList.default .childItem:nth-child(3n) { margin-right: 0; }  #gNav .list > .item.areaGuide .childList.default .childItem a { overflow: hidden; position: relative; display: table-cell; height: 106px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #gNav .list > .item.areaGuide .childList.default .childItem a:hover { opacity: .8; }  #gNav .list > .item.areaGuide .childList.default .childItem .txt { position: relative; z-index: 2; font-size: 18px; }  #gNav .list > .item.areaGuide .childList.default .childItem .sub_txt { font-size: 11px; display: block; }  #gNav .list > .item.areaGuide .childList.default .childItem01 a { background-image: url(../img/common/gNav_img_totteoki.png); }  #gNav .list > .item.areaGuide .childList.default .childItem02 a { background-image: url(../img/common/gNav_img_kankomap.png); }  #gNav .list > .item.areaGuide .childList.childList01 { float: none; width: 100%; margin-right: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }  #gNav .list > .item.areaGuide .childList.childList01:last-child { margin-right: 0; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem { display: block; width: 100%; width: -webkit-calc((100% / 4) * 1 - 0.01px); width: calc((100% / 4) * 1 - 0.01px); border-bottom: 1px solid #ccc; box-sizing: border-box; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem:first-child { border-top: none; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem a { position: relative; display: block; padding: 5px 44px 5px 10px; box-sizing: border-box; text-align: left; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem a:hover { text-decoration: underline; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .category { left: 18px; font-size: 20px; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .arrow { right: 20px; color: #d04539; font-size: 2.4rem; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .grandChild { display: table; width: 100%; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .tags { overflow: hidden; padding: 0 20px 6px; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .tags .item { float: left; margin: 0 5px 5px 0; }  #gNav .list > .item.areaGuide .childList.childList01 .childItem .tags .item a { display: block; height: auto; padding: 2px 12px; border: 1px solid #d04539; border-radius: 5px; box-sizing: border-box; font-size: 1.3rem; text-align: center; }  #gNav .list > .item.sightseeing { width: 30% !important; }  #gNav .list > .item.sightseeing .link .txt { display: block; line-height: 1.2; }  #gNav .list > .item.sightseeing .link .txt .sub { display: block; position: relative; bottom: inherit; }  #gNav .list > .item.sightseeing .childList.default { overflow: hidden; }  #gNav .list > .item.sightseeing .childList.default .childItem { float: left; display: table; width: 32%; margin: 0 2% 2% 0; }  #gNav .list > .item.sightseeing .childList.default .childItem:nth-child(3n) { margin-right: 0; }  #gNav .list > .item.sightseeing .childList.default .childItem a { overflow: hidden; position: relative; display: table-cell; height: 106px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #gNav .list > .item.sightseeing .childList.default .childItem a:hover { opacity: .8; }  #gNav .list > .item.sightseeing .childList.default .childItem .txt { position: relative; z-index: 2; font-size: 18px; }  #gNav .list > .item.sightseeing .childList.default .childItem .sub_txt { font-size: 11px; display: block; }  #gNav .list > .item.sightseeing .childList.default .childItem01 a { background-image: url(../img/common/gNav_img_guide-tour.png); }  #gNav .list > .item.sightseeing .childList.default .childItem02 a { background-image: url(../img/common/gNav_img_shop.png); }  #gNav .list > .item.sightseeing .childList.default .childItem03 a { background-image: url(../img/common/gNav_img_mitsuike.png); }  #gNav .list > .item.sightseeing .childList.default .childItem04 a { background-image: url(../img/common/gNav_img_trail.png); }  #gNav .list > .item.sightseeing .childList.default .childItem05 a { background-image: url(../img/common/gNav_img_bicycle.png); }  #gNav .list > .item.sightseeing .childList.childList01, #gNav .list > .item.sightseeing .childList.childList02, #gNav .list > .item.sightseeing .childList.childList03 { float: left; width: 32%; margin-right: 2%; }  #gNav .list > .item.sightseeing .childList.childList01:last-child, #gNav .list > .item.sightseeing .childList.childList02:last-child, #gNav .list > .item.sightseeing .childList.childList03:last-child { margin-right: 0; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem, #gNav .list > .item.sightseeing .childList.childList02 .childItem, #gNav .list > .item.sightseeing .childList.childList03 .childItem { display: block; width: 100%; border-bottom: 1px solid #ccc; box-sizing: border-box; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem:first-child, #gNav .list > .item.sightseeing .childList.childList02 .childItem:first-child, #gNav .list > .item.sightseeing .childList.childList03 .childItem:first-child { border-top: none; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem a, #gNav .list > .item.sightseeing .childList.childList02 .childItem a, #gNav .list > .item.sightseeing .childList.childList03 .childItem a { position: relative; display: block; padding: 5px 44px 5px 50px; box-sizing: border-box; vertical-align: middle; text-align: left; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem a:hover, #gNav .list > .item.sightseeing .childList.childList02 .childItem a:hover, #gNav .list > .item.sightseeing .childList.childList03 .childItem a:hover { text-decoration: underline; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem i, #gNav .list > .item.sightseeing .childList.childList02 .childItem i, #gNav .list > .item.sightseeing .childList.childList03 .childItem i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .category, #gNav .list > .item.sightseeing .childList.childList02 .childItem .category, #gNav .list > .item.sightseeing .childList.childList03 .childItem .category { left: 18px; font-size: 20px; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .arrow, #gNav .list > .item.sightseeing .childList.childList02 .childItem .arrow, #gNav .list > .item.sightseeing .childList.childList03 .childItem .arrow { right: 20px; color: #d04539; font-size: 2.4rem; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .grandChild, #gNav .list > .item.sightseeing .childList.childList02 .childItem .grandChild, #gNav .list > .item.sightseeing .childList.childList03 .childItem .grandChild { display: table; width: 100%; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .tags, #gNav .list > .item.sightseeing .childList.childList02 .childItem .tags, #gNav .list > .item.sightseeing .childList.childList03 .childItem .tags { overflow: hidden; padding: 0 20px 6px; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .tags .item, #gNav .list > .item.sightseeing .childList.childList02 .childItem .tags .item, #gNav .list > .item.sightseeing .childList.childList03 .childItem .tags .item { float: left; margin: 0 5px 5px 0; }  #gNav .list > .item.sightseeing .childList.childList01 .childItem .tags .item a, #gNav .list > .item.sightseeing .childList.childList02 .childItem .tags .item a, #gNav .list > .item.sightseeing .childList.childList03 .childItem .tags .item a { display: block; height: auto; padding: 2px 12px; border: 1px solid #d04539; border-radius: 5px; box-sizing: border-box; font-size: 1.3rem; text-align: center; }  #gNav .list > .item.tripPlan .childListWrap { padding-bottom: 10px; }  #gNav .list > .item.tripPlan .childListWrap:before { left: 70%; }  #gNav .list > .item.tripPlan .childItem { float: left; display: table; width: 32%; margin: 0 2% 2% 0; }  #gNav .list > .item.tripPlan .childItem:nth-child(3n) { margin-right: 0; }  #gNav .list > .item.tripPlan .childItem a { overflow: hidden; position: relative; display: table-cell; height: 106px; border-radius: 5px; background: 50% 50% no-repeat; background-size: cover; vertical-align: middle; color: #fff; font-size: 1.3rem; font-weight: bold; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #gNav .list > .item.tripPlan .childItem a:hover { opacity: .8; }  #gNav .list > .item.tripPlan .childItem .txt { position: relative; z-index: 2; font-size: 18px; }  #gNav .list > .item.tripPlan .childItem .sub_txt { font-size: 11px; display: block; }  #gNav .list > .item.tripPlan .childItem01 a { background-image: url(../img/common/gNav_img_travel.png); }  #gNav .list > .item.tripPlan .childItem02 a { background-image: url(../img/common/gNav_img_concierge.png); }  #gNav .list > .item.tripPlan .childItem03 a { background-image: url(../img/common/gNav_img_JTP.png); }  #gNav .list > .item.tripPlan .childItem04 a { background-image: url(../img/common/gNav_img_asayoru.png); }  #gNav .list > .item.tripPlan .childItem05 a { background-image: url(../img/common/gNav_img_comfort.png); }  #gNav .list > .item.tripPlan .bicycle a { background-image: url(../img/common/gNav_img_bicycle.png); }  #gNav .list > .item.tripPlan .food-culture a { background-image: url(../img/common/gNav_img_food-culture.png); }  #gNav .list > .item.tripPlan .secondNav { padding-bottom: 10px; }  #gNav .list > .item.tripPlan .secondNav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; }  #gNav .list > .item.tripPlan .secondNav__item { margin-bottom: 10px; margin-right: 20px; text-align: left; }  #gNav .list > .item.tripPlan .secondNav__item a { text-align: left; position: relative; padding-left: 15px; }  #gNav .list > .item.tripPlan .secondNav__item:last-child { margin-right: 0; }  #gNav .list > .item.tripPlan .secondNav__item i { position: absolute; left: 0; vertical-align: -2px; }  #gNav .list > .item.tripPlan .secondNav__item i.arrow { color: #d04539; font-size: 18px; }  #gNav .list > .item.useful .childListWrap:before { left: 90.5%; }  #gNav .list > .item.useful .childList { padding: 0 0 10px; }  #gNav .list > .item.useful .childList .childItem { float: left; display: table; width: 25%; height: 80px; border-right: 1px solid #ccc; box-sizing: border-box; }  #gNav .list > .item.useful .childList .childItem:first-child { border-left: 1px solid #ccc; }  #gNav .list > .item.useful .childList .childItem a { display: table-cell; background: #fff; vertical-align: middle; text-align: center; }  #gNav .list > .item.useful .childList .childItem a:hover .txt, #gNav .list > .item.useful .childList .childItem a:hover .sub { text-decoration: underline; }  #gNav .list > .item.useful .childList .childItem i { color: #d04539; font-size: 2.3rem; }  #gNav .list > .item.useful .childList .childItem .txt { display: block; font-size: 13px; font-weight: bold; }  #gNav .list > .item.useful .childList .childItem .sub_txt { display: block; font-size: 11px; font-weight: bold; }  #gNav .list > .item.useful .childList + .childList { border-top: 1px solid #ccc; margin: 0 0 10px 0; padding: 10px 0 0; }  #gNav .list > .item.useful .childList:last-child { margin-bottom: 0; }  #gNav .list > .item .areaList { position: absolute; top: -300px; left: 50%; width: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: .0s; transition-delay: .0s; opacity: 0; visibility: hidden; z-index: -1; background: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16); }  #gNav .list > .item .childListWrap { position: relative; padding: 30px; width: 1120px; margin: 0 auto; }  #gNav .list > .item:hover .areaList { opacity: 1; visibility: visible; -webkit-transition-delay: .25s; transition-delay: .25s; top: 60px; } }
#gNav .language { padding: 50px 20px 58px; margin: 0 -20px; background: #eee; }
#gNav .language .inner { border: 1px solid #333; position: relative; }
#gNav .language .inner i { position: absolute; top: 15px; left: 33%; font-size: 2rem; }
#gNav .language .inner:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; border-color: #333 transparent transparent transparent; margin: auto 0; top: 0; bottom: 0; right: 15px; position: absolute; }
#gNav .language select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; text-align: center; display: block; padding: 15px 0 15px 40%; font-size: 1.6rem; }
#gNav .language select::-ms-expand { display: none; }
#gNav .toolFacil-iti { width: 100%; border: 1px solid #fff; border-radius: 5px; font-size: 13px; background: #d04539; margin-bottom: 40px; }
#gNav .toolFacil-iti a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; padding: 15px 0; color: #fff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; }
#gNav .toolFacil-iti a i { display: block; width: 20px; height: 20px; margin-right: 5px; background: url("../img/common/icon_facil-iti.png") no-repeat center center/100%; }
#gNav .toolFacil-iti a:hover { opacity: 0.75; }
#gNav .shugakuTravel_sp { margin: 0 -20px; background: #333; padding: 40px 20px; }
#gNav .shugakuTravel_sp ul li { margin-bottom: 10px; }
#gNav .shugakuTravel_sp ul li:last-child { margin-bottom: 0; }
#gNav .shugakuTravel_sp a { color: #FFF; }
#gNav .shugakuTravel_sp a i { vertical-align: -1px; }
/* #overlay
================================================ */
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1000; }
/* #mainVisual HOME
================================================ */
#mainVisual { position: relative; padding-top: 159.2%; overflow: hidden; }
@media all and (min-width: 768px) { #mainVisual { padding-top: 116.40625%; } }
@media all and (max-width: 1119px) { #mainVisual .slick-slide .viewPc { display: none; } }
@media all and (min-width: 1120px) { #mainVisual { padding-top: 600px; }  #mainVisual .slick-slide .viewSp { display: none; } }
#mainVisual .mvFor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media all and (min-width: 768px) { #mainVisual .mvFor { margin-top: -70px; } }
@media all and (min-width: 1120px) { #mainVisual .mvFor { margin-top: 0; }  #mainVisual .mvFor .slick-slide { width: 1120px; padding: 0 5px; } }
#mainVisual .mvNav { position: absolute; top: 43.55109%; left: 20px; }
#mainVisual .mvNav .slick-list { padding-bottom: 11px; }
#mainVisual .mvNav .slick-slide { position: relative; width: 26.6666vw; margin-right: 1.3333vw; }
#mainVisual .mvNav .slick-slide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border: 2px solid #fff; box-sizing: border-box; }
#mainVisual .mvNav .slick-slide.slick-current:after { position: absolute; left: 0; bottom: -8px; width: 100%; height: 3px; content: ''; background: #d04539; }
@media all and (min-width: 768px) { #mainVisual .mvNav { top: 48.09843%; left: 40px; }  #mainVisual .mvNav .slick-slide { width: 18.9010vw; margin-right: 1.0416vw; }  #mainVisual .mvNav .slick-slide.slick-current:after { bottom: -7px; height: 4px; } }
@media all and (min-width: 1120px) { #mainVisual .mvNav { top: 518px; left: 50%; margin-left: -260px; }  #mainVisual .mvNav .slick-list { padding-bottom: 8px; }  #mainVisual .mvNav .slick-slide { width: 100px; margin-right: 5px; }  #mainVisual .mvNav .slick-slide.slick-current:after { bottom: -8px; height: 3px; }  #mainVisual .mvNav .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } }
#mainVisual .mvSearch { position: absolute; top: 55.61139%; left: 0; width: 100%; padding: 0 113px 0 20px; box-sizing: border-box; }
#mainVisual .mvSearch .keywords { position: relative; padding-right: 42px; }
#mainVisual .mvSearch .keywords form { display: block; }
#mainVisual .mvSearch .keywords .txt { position: relative; background: #fff; border-radius: 2px; }
#mainVisual .mvSearch .keywords .txt input[type="text"] { display: block; width: 100%; height: 40px; padding: 10px; box-sizing: border-box; font-size: 1.6rem; }
#mainVisual .mvSearch .keywords .btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding-top: 8px; border-radius: 2px; background: #d04539; box-sizing: border-box; text-align: center; cursor: pointer; }
#mainVisual .mvSearch .keywords .btn i { font-size: 2.4rem; }
#mainVisual .mvSearch .keywords .btn i:before { color: #fff; }
#mainVisual .mvSearch .btnTag { position: absolute; top: 0; right: 65px; width: 40px; height: 40px; padding-top: 8px; border-radius: 2px; background: #fff; box-sizing: border-box; text-align: center; cursor: pointer; }
#mainVisual .mvSearch .btnTag i { font-size: 2.4rem; }
#mainVisual .mvSearch .btnTag i:before { color: #333; }
#mainVisual .mvSearch .btnDuration { position: absolute; top: 0; right: 20px; width: 40px; height: 40px; padding-top: 8px; border-radius: 2px; background: #fff; box-sizing: border-box; text-align: center; cursor: pointer; }
#mainVisual .mvSearch .btnDuration i { font-size: 2.4rem; }
#mainVisual .mvSearch .btnDuration i:before { color: #333; }
@media all and (min-width: 768px) { #mainVisual .mvSearch { top: 62.86353%; left: 50%; width: 57.03125%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 113px 0 0; }  #mainVisual .mvSearch .keywords { padding-right: 55px; }  #mainVisual .mvSearch .keywords .txt input[type="text"] { height: 50px; padding: 15px; font-size: 1.6rem; }  #mainVisual .mvSearch .keywords .btn { width: 50px; height: 50px; padding-top: 11px; }  #mainVisual .mvSearch .keywords .btn i { font-size: 3rem; }  #mainVisual .mvSearch .btnTag { right: 55px; width: 50px; height: 50px; padding-top: 11px; }  #mainVisual .mvSearch .btnTag i { font-size: 3rem; }  #mainVisual .mvSearch .btnDuration { right: 0; width: 50px; height: 50px; padding-top: 11px; }  #mainVisual .mvSearch .btnDuration i { font-size: 3rem; } }
@media all and (min-width: 1120px) { #mainVisual .mvSearch { top: 193px; left: 50%; width: 335px; margin-left: 200px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); padding: 0; }  #mainVisual .mvSearch .keywords { padding-right: 135px; }  #mainVisual .mvSearch .keywords .txt input[type="text"] { height: 40px; padding: 10px; font-size: 15px; }  #mainVisual .mvSearch .keywords .btn { right: 93px; width: 40px; height: 40px; padding-top: 8px; }  #mainVisual .mvSearch .keywords .btn i { font-size: 24px; }  #mainVisual .mvSearch .btnTag { right: 45px; width: 40px; height: 40px; padding-top: 8px; }  #mainVisual .mvSearch .btnTag i { font-size: 24px; }  #mainVisual .mvSearch .btnDuration { width: 40px; height: 40px; padding-top: 8px; }  #mainVisual .mvSearch .btnDuration i { font-size: 24px; } }
#mainVisual .mvTemp { position: absolute; left: 0; bottom: 0; width: 100%; height: 35.51089%; box-sizing: border-box; padding: 0 20px 30px; }
#mainVisual .mvTempInner { width: 100%; height: 100%; padding: 15px; background: rgba(255, 255, 255, 0.8); box-sizing: border-box; }
#mainVisual .mvTemp .tabs { margin-bottom: 3px; font-size: 1.3rem; text-align: center; line-height: 1.53846; letter-spacing: -.5em; }
#mainVisual .mvTemp .tabs .tab { display: inline-block; width: 50px; padding: 5px; border: 1px solid #555; text-align: center; letter-spacing: 0; cursor: pointer; }
#mainVisual .mvTemp .tabs .tab:nth-child(1) { border-radius: 5px 0 0 5px; }
#mainVisual .mvTemp .tabs .tab:nth-child(2) { border-radius: 0 5px 5px 0; }
#mainVisual .mvTemp .tabs .tab.is_active { background: #555; color: #fff; }
#mainVisual .mvTemp .content { position: relative; display: none; }
#mainVisual .mvTemp .content.is_active { display: block; }
#mainVisual .mvTemp .content .month { margin-bottom: 3%; font-size: 1.4rem; text-align: center; line-height: 1.35714; }
#mainVisual .mvTemp .content .week .mark { position: relative; display: block; width: 30px; height: 30px; margin: 0 auto 5px; overflow: hidden; }
#mainVisual .mvTemp .content .week .mark img { display: block; position: absolute; }
#mainVisual .mvTemp .content .week .mark img:first-child { top: 0; left: 0; width: 70%; }
#mainVisual .mvTemp .content .week .mark img:nth-child(2) { bottom: -15%; right: 25%; width: 70%; }
#mainVisual .mvTemp .content .week .mark img:last-child { bottom: -15%; right: -10%; width: 70%; }
#mainVisual .mvTemp .content .week .mark img:first-child:last-child { position: static; width: 100%; }
#mainVisual .mvTemp .content .week .txt { font-size: 1.0rem; text-align: center; line-height: 1.1; }
#mainVisual .mvTemp .content .day { height: 55px; text-align: center; vertical-align: top; letter-spacing: -.5em; }
#mainVisual .mvTemp .content .day .mark { position: relative; display: inline-block; width: 50px; height: 50px; margin: 0 10px; overflow: hidden; }
#mainVisual .mvTemp .content .day .mark img { display: block; position: absolute; }
#mainVisual .mvTemp .content .day .mark img:first-child { top: 0; left: 0; width: 70%; }
#mainVisual .mvTemp .content .day .mark img:nth-child(2) { bottom: -15%; right: 25%; width: 70%; }
#mainVisual .mvTemp .content .day .mark img:last-child { bottom: -15%; right: -10%; width: 70%; }
#mainVisual .mvTemp .content .day .mark img:first-child:last-child { position: static; width: 100%; }
#mainVisual .mvTemp .content .day .txt { display: inline-block; margin: 0 10px; line-height: 1.8; text-align: left; vertical-align: top; letter-spacing: 0; }
#mainVisual .mvTemp .content .day .txt span { font-size: 2rem; line-height: 1.35; }
#mainVisual .mvTemp .content .prev, #mainVisual .mvTemp .content .next { position: absolute; bottom: 11%; width: 40px; height: 40px; cursor: pointer; z-index: 3; }
#mainVisual .mvTemp .content .prev i, #mainVisual .mvTemp .content .next i { font-size: 4rem; }
#mainVisual .mvTemp .content .prev i:before, #mainVisual .mvTemp .content .next i:before { color: #555; }
#mainVisual .mvTemp .content .prev[aria-disabled='true'], #mainVisual .mvTemp .content .next[aria-disabled='true'] { cursor: default; }
#mainVisual .mvTemp .content .prev[aria-disabled='true'] i:before, #mainVisual .mvTemp .content .next[aria-disabled='true'] i:before { color: #eee; }
#mainVisual .mvTemp .content .prev { left: -15px; }
#mainVisual .mvTemp .content .next { right: -15px; }
@media all and (min-width: 768px) { #mainVisual .mvTemp { height: 28.18792%; padding: 0 40px 72px; }  #mainVisual .mvTempInner { padding: 25px; }  #mainVisual .mvTemp .tabs { margin-bottom: 6px; }  #mainVisual .mvTemp .content .month { margin-bottom: 3.1348%; }  #mainVisual .mvTemp .content .prev { left: 0; }  #mainVisual .mvTemp .content .next { right: 0; } }
@media all and (min-width: 1120px) { #mainVisual .mvTemp { left: 50%; bottom: 192px; width: 335px; margin-left: 200px; height: 165px; padding: 0; }  #mainVisual .mvTempInner { padding: 15px; }  #mainVisual .mvTemp .tabs { margin-bottom: 3px; font-size: 13px; }  #mainVisual .mvTemp .content .month { margin-bottom: 17px; font-size: 14px; }  #mainVisual .mvTemp .content .prev { left: 0; }  #mainVisual .mvTemp .content .prev i { font-size: 40px; }  #mainVisual .mvTemp .content .next { right: 0; }  #mainVisual .mvTemp .content .next i { font-size: 40px; }  #mainVisual .mvTemp .content .day .txt { font-size: 15px; }  #mainVisual .mvTemp .content .day .txt span { font-size: 20px; }  #mainVisual .mvTemp .content .week .txt { font-size: 10px; } }
#mainVisual .btnScroll { position: absolute; left: 50%; bottom: 0; margin-left: -15px; }
#mainVisual .btnScroll a { display: block; width: 30px; height: 30px; margin: 0 auto; overflow: hidden; }
#mainVisual .btnScroll i { font-size: 3rem; }
#mainVisual .btnScroll i:before { color: #fff; }
@media all and (min-width: 768px) { #mainVisual .btnScroll { bottom: 21px; } }
#mainVisual .contentSearchWord { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.9); color: #fff; z-index: 2000; }
#mainVisual .contentSearchWord__flexwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }
#mainVisual .contentSearchWord__listwrapper { max-height: 70vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#mainVisual .contentSearchWord .btnClose { position: absolute; top: 20px; right: 20px; font-size: 1.0rem; text-align: center; }
#mainVisual .contentSearchWord .btnClose .ico { position: relative; width: 25px; height: 25px; display: block; }
#mainVisual .contentSearchWord .btnClose .ico:before { content: none; }
#mainVisual .contentSearchWord .btnClose .ico:before, #mainVisual .contentSearchWord .btnClose .ico:after { position: absolute; content: ""; top: 11px; right: 0; width: 26px; height: 2px; background: #fff; }
#mainVisual .contentSearchWord .btnClose .ico:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#mainVisual .contentSearchWord .btnClose .ico:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#mainVisual .contentSearchWord .btnClose .txt { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
#mainVisual .contentSearchWord .leadTit { position: relative; margin-bottom: 20px; padding: 0 0 6px; text-align: center; }
#mainVisual .contentSearchWord .leadTit:before { position: absolute; content: ""; bottom: 0; left: 50%; width: 40px; height: 2px; background: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#mainVisual .contentSearchWord .leadTit i { position: relative; font-size: 4.0rem; width: 40px; height: 40px; display: inline-block; }
#mainVisual .contentSearchWord .leadTit i:before { position: absolute; top: 0; left: 0; }
#mainVisual .contentSearchWord .leadTit .txt { display: block; font-size: 1.8rem; font-weight: bold; }
#mainVisual .contentSearchWord .list { overflow: hidden; padding: 20px 30px; border: 1px solid #ccc; background: #fff; }
#mainVisual .contentSearchWord .list .item { float: left; margin-right: 1em; line-height: 2; }
#mainVisual .contentSearchWord .list .item a { text-decoration: none; }
@media all and (min-width: 1120px) { #mainVisual .contentSearchWord .btnClose { cursor: pointer; top: 50px; right: 50px; }  #mainVisual .contentSearchWord .leadTit { margin-bottom: 30px; }  #mainVisual .contentSearchWord .leadTit .txt { font-size: 2.4rem; }  #mainVisual .contentSearchWord .list { width: 720px; margin: 0 auto; }  #mainVisual .contentSearchWord .list .item a:hover { text-decoration: underline; } }
#mainVisual .contentSearchPeriod { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 77px 20px 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.9); color: #fff; z-index: 2000; }
#mainVisual .contentSearchPeriod .btnClose { position: absolute; top: 20px; right: 20px; font-size: 1.0rem; text-align: center; }
#mainVisual .contentSearchPeriod .btnClose .ico { position: relative; width: 25px; height: 25px; display: block; }
#mainVisual .contentSearchPeriod .btnClose .ico:before { content: none; }
#mainVisual .contentSearchPeriod .btnClose .ico:before, #mainVisual .contentSearchPeriod .btnClose .ico:after { position: absolute; content: ""; top: 11px; right: 0; width: 26px; height: 2px; background: #fff; }
#mainVisual .contentSearchPeriod .btnClose .ico:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#mainVisual .contentSearchPeriod .btnClose .ico:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#mainVisual .contentSearchPeriod .btnClose .txt { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
#mainVisual .contentSearchPeriod .leadTit { position: relative; margin-bottom: 150px; padding: 0 0 6px; text-align: center; }
#mainVisual .contentSearchPeriod .leadTit:before { position: absolute; content: ""; bottom: 0; left: 50%; width: 40px; height: 2px; background: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#mainVisual .contentSearchPeriod .leadTit i { position: relative; font-size: 4.0rem; width: 40px; height: 40px; display: inline-block; }
#mainVisual .contentSearchPeriod .leadTit i:before { position: absolute; top: 0; left: 0; }
#mainVisual .contentSearchPeriod .leadTit .txt { display: block; font-size: 1.8rem; font-weight: bold; }
#mainVisual .contentSearchPeriod .date { position: relative; }
#mainVisual .contentSearchPeriod .date i { position: absolute; top: 50%; right: 13px; color: #555; font-size: 2.0rem; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#mainVisual .contentSearchPeriod .date input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; padding: 0 40px 0 15px; box-sizing: border-box; border-radius: 2px; border: 1px solid #ccc; background: #fff; font-size: 1.6rem; }
#mainVisual .contentSearchPeriod .date + .date { margin-top: 40px; }
#mainVisual .contentSearchPeriod .date + .date:before { position: absolute; content: ""; top: -28px; left: 50%; width: 5px; height: 15px; background: url(../img/common/ico_tilde_white.png) no-repeat center; background-size: contain; }
#mainVisual .contentSearchPeriod .btnSubmit { position: relative; width: 200px; height: 40px; margin: 20px auto 0; }
#mainVisual .contentSearchPeriod .btnSubmit input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; border-radius: 0; outline: 0; background: #d04539; color: #fff; }
@media all and (min-width: 1120px) { #mainVisual .contentSearchPeriod { padding-top: 263px; }  #mainVisual .contentSearchPeriod .btnClose { cursor: pointer; top: 50px; right: 50px; }  #mainVisual .contentSearchPeriod .leadTit { margin-bottom: 30px; }  #mainVisual .contentSearchPeriod .leadTit .txt { font-size: 2.4rem; }  #mainVisual .contentSearchPeriod .date { float: left; width: 335px; margin: 0 0 30px; }  #mainVisual .contentSearchPeriod .date + .date { float: right; margin: 0 0 30px; }  #mainVisual .contentSearchPeriod .date + .date:before { top: 13px; left: -25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }  #mainVisual .contentSearchPeriod .formWrap { width: 720px; margin: 0 auto; }  #mainVisual .contentSearchPeriod .btnSubmit { clear: both; } }
/* #mainImg
================================================ */
#mainImg { padding: 25px 0; background: #ccc; font-size: 1.5rem; font-weight: 700; text-align: center; }
@media all and (min-width: 1120px) { #mainImg { padding: 50px 0; font-size: 2rem; } }
/* #breadcrumb
================================================ */
#breadcrumb .list { padding-top: 16px; padding-bottom: 0; color: #555; font-size: 1rem; line-height: 1.4; letter-spacing: -.5em; overflow: hidden; }
#breadcrumb .list .item { display: inline; letter-spacing: 0; }
#breadcrumb .list .item a { color: #555; }
#breadcrumb .list .item + .item:before { margin: 0 .5em; content: '/'; }
@media all and (min-width: 1120px) { #breadcrumb .list { padding-top: 38px; padding-bottom: 0; } }
/* #gFooter
================================================ */
#gFooter { position: relative; }
/* #ftBackBtn
-------------------------------------- */
#ftBackBtn { position: relative; display: table; width: 200px; height: 50px; margin: 90px auto 0; box-sizing: border-box; text-align: center; }
#ftBackBtn a { display: table-cell; width: 100%; height: 100%; border: 1px solid #d04539; box-sizing: border-box; text-decoration: none; vertical-align: middle; }
#ftBackBtn a i { position: absolute; top: 50%; left: 35px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #d04539; font-size: 1.6rem; }
#ftBackBtn a span { padding-left: 28px; font-size: 1.2rem; font-weight: bold; }
@media all and (min-width: 1120px) { #ftBackBtn { width: 300px; height: 75px; margin-top: 100px; }  #ftBackBtn a i { left: 50px; font-size: 2.3rem; }  #ftBackBtn a span { padding-left: 40px; font-size: 1.8rem; } }
/* #pagetop
-------------------------------------- */
#pagetop { position: fixed; left: 18px; bottom: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; z-index: 100; }
#pagetop.is_view { opacity: 1; visibility: visible; }
#pagetop a { display: block; width: 50px; height: 50px; padding-top: 5px; background: #fff; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; box-shadow: 0 0 40px rgba(0, 0, 0, 0.16); text-align: center; text-decoration: none; }
#pagetop a i { display: block; font-size: 2.4rem; color: #d04539; }
#pagetop a .txt { display: block; margin-top: -3px; font-size: 1.1rem; font-weight: 700; line-height: 1.09091; }
@media all and (min-width: 1120px) { #pagetop { left: 25px; bottom: 25px; }  #pagetop a { background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #pagetop a:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); } }
/* #ftSns
-------------------------------------- */
#ftSns { padding: 97px 0 45px; }
#ftSns .leadTit { position: relative; width: 275px; margin: 0 auto 28px; text-align: center; }
#ftSns .leadTit span { position: relative; padding: 0 20px; background: #fff; color: #555; font-size: 1.8rem; font-weight: bold; }
#ftSns .leadTit:before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -1px; background: #ccc; }
#ftSns .list01 { overflow: hidden; text-align: center; }
#ftSns .list01 .item { display: inline-block; margin: 0 14px; }
#ftSns .list01 .item a { display: block; text-decoration: none; }
#ftSns .list01 .item .img { margin: 0 auto 7px; }
#ftSns .list01 .item .txt { font-size: 1.1rem; }
#ftSns .list01 .twitter .img { width: 46px; }
#ftSns .list01 .instagram .img { width: 40px; }
#ftSns .list01 .facebook .img { width: 40px; }
@media all and (min-width: 1120px) { #ftSns { padding: 150px 0 82px; }  #ftSns .leadTit { margin-bottom: 60px; }  #ftSns .list02 { width: 920px; margin: 0 auto 70px; }  #ftSns .list02 .item { overflow: hidden; float: left; width: 430px; height: 530px; padding: 20px 30px 0; box-sizing: border-box; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.16); }  #ftSns .list02 .item:nth-child(even) { float: right; }  #ftSns .list02 .item .tit { margin-bottom: 15px; font-size: 2.4rem; font-weight: normal; }  #ftSns .list02 .item .tit img { margin-right: 15px; }  #ftSns .list02 .twitter .tit img { width: 37px; }  #ftSns .list02 .twitter .detail { margin: 0 -10px; }  #ftSns .list02 .facebook .tit img { width: 32px; }  #ftSns .list02 .facebook .detail { margin: 0 -30px; }  #ftSns .slider { position: relative; }  #ftSns .slider .tit { position: absolute; top: 0; left: 50%; width: 150px; height: 150px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 6; }  #ftSns .slider .tit a { display: block; height: 100%; padding: 45px 0 0; box-sizing: border-box; }  #ftSns .slider .tit span { display: block; }  #ftSns .slider .tit .img { width: 40px; margin: 0 auto 8px; }  #ftSns .slider .tit .txt { font-size: 1.1rem; }  #ftSns .slider .list { overflow: hidden; }  #ftSns .slider .list .item { float: left; width: 164px; } }
/* #ftInfo
-------------------------------------- */
#ftInfo { position: relative; padding-bottom: 50px; background: #eee; }
#ftInfo .inner { width: 275px; margin: 0 auto; padding: 27px 0 0; }
#ftInfo .fTit { margin-bottom: 16px; padding-bottom: 7px; border-bottom: 1px solid #ccc; font-size: 1.5rem; line-height: 1.33333; letter-spacing: .05em; text-align: center; }
#ftInfo .link .item { font-size: 1.3rem; margin-bottom: 8px; }
#ftInfo .link .item i { position: relative; display: inline-block; vertical-align: middle; margin-right: 6px; color: #d04539; font-size: 2rem; font-weight: 700; }
#ftInfo .link .item a { text-decoration: none; }
@media all and (min-width: 1120px) { #ftInfo .inner { width: 1120px; }  #ftInfo .fTit { font-size: 1.8rem; }  #ftInfo .link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }  #ftInfo .link .item { width: 33.33333%; } }
/* #ftCr
-------------------------------------- */
#ftCr { padding: 45px 15px 60px; background: #333; color: #fff; }
#ftCr .inner { width: 275px; margin: auto; }
#ftCr .inner .ftCol { margin-bottom: 30px; }
#ftCr .inner .ftCol .item + .item { margin-top: 40px; }
#ftCr .inner .ftCol .item .address_info { margin-bottom: 10px; }
#ftCr .inner .ftCol .item .address_info:last-child { margin-bottom: 0; }
#ftCr .inner .ftCol .item .tit { margin-bottom: 17px; padding-bottom: 7px; font-size: 1.5rem; font-weight: 700; line-height: 1.53846; text-align: center; border-bottom: 1px solid; }
#ftCr .inner .ftCol .item .txt { font-size: 1.5rem; }
#ftCr .inner .ftCol .item .txt strong { font-weight: 700; }
#ftCr .inner .ftCol .item a { color: #fff; }
#ftCr .inner .btnList { margin-bottom: 27px; }
#ftCr .inner .btnList .btn a { position: relative; display: block; border: 1px solid #ccc; padding: 14px; font-size: 1.3rem; color: #fff; line-height: 1.53846; text-align: center; text-decoration: none; }
#ftCr .inner .btnList .btn a i { position: absolute; top: 50%; right: 10px; font-size: 2.4rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#ftCr .inner .btnList .btn a i:before { color: #fff; }
#ftCr .inner .btnList .btn a[target="_blank"] i { right: 15px; font-size: 1.5rem; }
#ftCr .inner .btnList .btn + .btn { margin-top: 5px; }
#ftCr .cr { margin-bottom: 3px; font-size: 1rem; }
#ftCr .note { text-align: center; font-size: 1rem; }
@media all and (min-width: 1120px) { #ftCr { padding: 48px 0 45px; }  #ftCr .inner { width: 1120px; margin: auto; }  #ftCr .inner .ftCol { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; }  #ftCr .inner .ftCol .item { width: 33.3333333%; }  #ftCr .inner .ftCol .item + .item { margin-top: 0; margin-left: 35px; }  #ftCr .inner .ftCol .item .tit { height: 3em; }  #ftCr .inner .btnList { display: -webkit-box; display: -ms-flexbox; display: flex; }  #ftCr .inner .btnList .btn { width: 33.3333333%; }  #ftCr .inner .btnList .btn + .btn { margin-top: 0; margin-left: 35px; }  #ftCr .inner .btnList .btn a { padding: 16px; font-size: 1.2rem; line-height: 1.33333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #ftCr .inner .btnList .btn a i:before { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }  #ftCr .inner .btnList .btn a:hover { background: #555; color: #fff; }  #ftCr .inner .btnList .btn a:hover i:before { color: #fff; }  #ftCr .inner .btnList:nth-child(4n) { margin-right: 0; }  #ftCr .cr { text-align: center; font-size: 1.1rem; margin-bottom: 10px; }  #ftCr .note { font-size: 1.1rem; } }
/* #gFooter
================================================ */
#sidebar { position: fixed; margin: 20px 0 0; right: -50px; z-index: 100; -webkit-transition: .4s; transition: .4s; }
#sidebar.is_view { right: 0; }
#sidebar .sideform > .btn { border: 2px solid #d04539; border-right: none; width: 1em; padding: 13px 4px; background: #fff; color: #d04539; border-radius: 6px 0 0 6px; line-height: 1.1; font-size: 1rem; font-weight: 700; cursor: pointer; }
#sidebar .sideform > .btn a { text-decoration: none; display: block; color: #d04539; }
#sidebar .sideform > .btn i { font-size: 1.5rem; }
#sidebar .sideform > .btn .leftIcons { position: relative; display: block; height: 20px; }
#sidebar .sideform > .btn .leftIcons i { position: absolute; top: 0; left: 1px; }
#sidebar .sideform > .btn .leftIcons i + i { left: -4px; }
@media all and (min-width: 1120px) { #sidebar .sideform > .btn { font-size: 1.3rem; padding: 13px 8px; } }
#sidebar .sideform.formBtn > .btn { background: #d04539; color: #fff; }
#sidebar .sideform.formBtn .close i { display: inline-block; vertical-align: baseline; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#sidebar .sideform + .sideform { margin-top: 5px; }
#sidebar .sideform > .cont { position: fixed; right: -100%; width: 100%; overflow: auto; background: #fff; box-sizing: border-box; padding: 50px 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
#sidebar .sideform > .cont.is_active { right: 0; }
@media all and (min-width: 1120px) { #sidebar { margin: 80px 0 0; }  #sidebar > .cont { padding-top: 100px 0; } }
/*============================================================= 05_helper =============================================================*/
@keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }
/* mixin for multiline */
/*!  .js-name
================================================ */
/*============================================================= 06_lib =============================================================*/
@keyframes fade-in { 0% { display: none;
    opacity: 0; }  1% { display: block;
    opacity: 0; }  100% { display: block;
    opacity: 1; } }
/* mixin for multiline */
/*!  .lightbox
================================================ */
html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../img/common/lightbox_prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../img/common/lightbox_next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 4px; color: #ccc; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-caption a { color: #4ae; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; text-align: right; outline: none; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }
.lb-data .lb-close:before { content: ""; position: absolute; top: 15px; left: 0; width: 30px; height: 3px; background-color: #fff; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.lb-data .lb-close:after { content: ""; position: absolute; bottom: 12px; left: 0; width: 30px; height: 3px; background-color: #fff; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: #fff; opacity: 0.9; filter: alpha(opacity=90); }
#colorbox { outline: 0; }
#cboxContent { margin-top: 32px; overflow: visible; background: #000; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #000; padding: 1px; }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #000; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(images/controls.png) no-repeat 0 0; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
#cboxPrevious { background-position: 0px 0px; right: 44px; }
#cboxPrevious:hover { background-position: 0px -25px; }
#cboxNext { background-position: -25px 0px; right: 22px; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxClose { background-position: -50px 0px; right: 0; }
#cboxClose:hover { background-position: -50px -25px; }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }
.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }