@charset "utf-8";
/* ==========================================================================
 FONT FACE
========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+KR:wght@300;400;500&family=Noto+Sans+Myanmar:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&family=Noto+Sans+Thai:wght@300;400;500&display=swap');
#sr-in{
    display: none !important;
}
#inbound-slide .slide-item .txt{
  display: none !important;
}



/* ==========================================================================
 Base
========================================================================== */
/*
    // MediaQuery display width.
        DESCTOP : 1300 or more
        LAPTOP  : 960 - 1299
        TABLET  : 640 - 959
        PHONE   : 639 or less
*/

.locate [role="dialog"]{
    max-height: 9999px !important;
    max-width: 9999px !important;
    border-radius: 0 !important;
    padding: 0.8rem !important;
    width: 200px !important;
}
.locate [role="dialog"] button{
    visibility: hidden !important;
    position: fixed !important;
    left: -100vw !important;
    top: -100vh !important;
}
.locate [role="dialog"] > div{
    width: 100% !important;
    max-height: 9999px !important;
    overflow: hidden !important;
}
.locate [role="dialog"] .img{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 40%;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.locate [role="dialog"] .img > img{
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-40%);
}
.locate [role="dialog"] p.name{
    color: #444;
}
.locate [role="dialog"] a{
    text-decoration: none !important;
}
.locate [role="dialog"] a:hover p.name{
    color: #008ef0;
}
html {
  overflow-y: scroll;
  font-size: 0.625em;
  box-sizing: border-box;
}
@media screen and (max-width:375px){
    html{
        font-size: ;
    }
}
@media screen and (max-width:320px){
    html{
        font-size: ;
    }
}
body {
  color: #000;
  font-family: 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans Thai', 'Noto Sans KR', 'Noto Sans Myanmar', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  box-sizing: border-box;
}
[lang="en"] body{
  font-family: 'Noto Sans', 'Noto Sans Myanmar', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="ru"] body{
  font-family: 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="ko"] body{
  font-family: 'Noto Sans KR', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="th"] body{
  font-family: 'Noto Sans Thai', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="id"] body{
  font-family: 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="zh-cmn-Hans-CN"] body{
  font-family: 'Noto Sans SC', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="zh-cmn-Hant-TW"] body{
  font-family: 'Noto Sans TC', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
[lang="vi"] body{
  font-family: 'Barlow Condensed', 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
@media screen and (max-width:639px){
    body{
        font-size: 1.4rem;
    }
}
@media screen and (max-width:480px){
    body{
        font-size: 1.3rem;
    }
}
@media screen and (max-width:991px){
    body{
        overflow-x: hidden;
    }
}
/*normalize*/
body{ -webkit-print-color-adjust: exact !important;}
input{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:1em;margin:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing: border-box;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
html, body {
  padding: 0;
  margin: 0;
  min-height: 100%;
  word-break: break-word;
  overflow-break: break-word;
  /*
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -moz-hyphens: auto;
  */
  line-height: 1.875;
}
ol, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}
a{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
img{
    vertical-align: bottom;
    max-width: 100%;
}
.img > img{
    width: 100%;
}
.img a > img{
    width: 100%;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h3{
    margin-bottom: 0.4em;
}
p{
  /*
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  */
}
small{
    font-weight: normal;
}
.preload * {
    transition: none !important;
}
h1,h2,h3,h4,h5{
  /*
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    */
    line-height: 1.5;
    position: relative;
}
mark.blue{
    background: linear-gradient(transparent 60%, rgba(208, 255, 0, 1) 61%);
    position: relative;
}
.mb0{margin-bottom: 0 !important;} .mb2{margin-bottom: 2px !important;} .mb4{margin-bottom: 4px !important;} .mb6{margin-bottom: 6px !important;} .mb8{margin-bottom: 8px !important;} .mb10{margin-bottom: 10px !important;} .mb12{margin-bottom: 12px !important;} .mb24{margin-bottom: 24px !important;} .mb36{margin-bottom: 36px !important;} .mb48{margin-bottom: 48px !important;} .mb60{margin-bottom: 60px !important;} .mb72{margin-bottom: 72px !important;} .mb84{margin-bottom: 84px !important;} .mb96{margin-bottom: 96px !important;} .mt0{margin-top: 0 !important;} .mt2{margin-top: 2px !important;} .mt4{margin-top: 4px !important;} .mt6{margin-top: 6px !important;} .mt8{margin-top: 8px !important;} .mt10{margin-top: 10px !important;} .mt12{margin-top: 12px !important;} .mt24{margin-top: 24px !important;} .mt36{margin-top: 36px !important;} .mt48{margin-top: 48px !important;} .mt60{margin-top: 60px !important;} .mt72{margin-top: 72px !important;} .mt84{margin-top: 84px !important;} .mt96{margin-top: 96px !important;} .ml0{margin-left: 0 !important;} .ml2{margin-left: 2px !important;} .ml4{margin-left: 4px !important;} .ml6{margin-left: 6px !important;} .ml8{margin-left: 8px !important;} .ml10{margin-top: 10px !important;} .ml12{margin-left: 12px !important;} .ml24{margin-left: 24px !important;} .ml36{margin-left: 36px !important;} .ml48{margin-left: 48px !important;} .ml60{margin-left: 60px !important;} .ml72{margin-left: 72px !important;} .ml84{margin-left: 84px !important;} .ml96{margin-left: 96px !important;} .mr0{margin-right: 0 !important;} .mr2{margin-right: 2px !important;} .mr4{margin-right: 4px !important;} .mr6{margin-right: 6px !important;} .mr8{margin-right: 8px !important;} .mr10{margin-right: 10px !important;} .mr12{margin-right: 12px !important;} .mr24{margin-right: 24px !important;} .mr36{margin-right: 36px !important;} .mr48{margin-right: 48px !important;} .mr60{margin-right: 60px !important;} .mr72{margin-right: 72px !important;} .mr84{margin-right: 84px !important;} .mr96{margin-right: 96px !important;} .pb0{padding-bottom: 0 !important;} .pb2{padding-bottom: 2px !important;} .pb4{padding-bottom: 4px !important;} .pb6{padding-bottom: 6px !important;} .pb8{padding-bottom: 8px !important;} .pb10{padding-bottom: 10px !important;} .pb12{padding-bottom: 12px !important;} .pb24{padding-bottom: 24px !important;} .pb36{padding-bottom: 36px !important;} .pb48{padding-bottom: 48px !important;} .pb60{padding-bottom: 60px !important;} .pb72{padding-bottom: 72px !important;} .pb84{padding-bottom: 84px !important;} .pb96{padding-bottom: 96px !important;} .pt0{padding-top: 0 !important;} .pt2{padding-top: 2px !important;} .pt4{padding-top: 4px !important;} .pt6{padding-top: 6px !important;} .pt8{padding-top: 8px !important;} .pt10{padding-top: 10px !important;} .pt12{padding-top: 12px !important;} .pt24{padding-top: 24px !important;} .pt36{padding-top: 36px !important;} .pt48{padding-top: 48px !important;} .pt60{padding-top: 60px !important;} .pt72{padding-top: 72px !important;} .pt84{padding-top: 84px !important;} .pt96{padding-top: 96px !important;} .pl0{padding-left: 0 !important;} .pl2{padding-left: 2px !important;} .pl4{padding-left: 4px !important;} .pl6{padding-left: 6px !important;} .pl8{padding-left: 8px !important;} .pl10{padding-top: 10px !important;} .pl12{padding-left: 12px !important;} .pl24{padding-left: 24px !important;} .pl36{padding-left: 36px !important;} .pl48{padding-left: 48px !important;} .pl60{padding-left: 60px !important;} .pl72{padding-left: 72px !important;} .pl84{padding-left: 84px !important;} .pl96{padding-left: 96px !important;} .pr0{padding-right: 0 !important;} .pr2{padding-right: 2px !important;} .pr4{padding-right: 4px !important;} .pr6{padding-right: 6px !important;} .pr8{padding-right: 8px !important;} .pr10{padding-right: 10px !important;} .pr12{padding-right: 12px !important;} .pr24{padding-right: 24px !important;} .pr36{padding-right: 36px !important;} .pr48{padding-right: 48px !important;} .pr60{padding-right: 60px !important;} .pr72{padding-right: 72px !important;} .pr84{padding-right: 84px !important;} .pr96{padding-right: 96px !important;}
@media screen and (max-width:639px){
.xs-mb0{margin-bottom: 0 !important;} .xs-mb2{margin-bottom: 2px !important;} .xs-mb4{margin-bottom: 4px !important;} .xs-mb6{margin-bottom: 6px !important;} .xs-mb8{margin-bottom: 8px !important;} .xs-mb10{margin-bottom: 10px !important;} .xs-mb12{margin-bottom: 12px !important;} .xs-mb24{margin-bottom: 24px !important;} .xs-mb36{margin-bottom: 36px !important;} .xs-mb48{margin-bottom: 48px !important;} .xs-mb60{margin-bottom: 60px !important;} .xs-mb72{margin-bottom: 72px !important;} .xs-mb84{margin-bottom: 84px !important;} .xs-mb96{margin-bottom: 96px !important;} .xs-mt0{margin-top: 0 !important;} .xs-mt2{margin-top: 2px !important;} .xs-mt4{margin-top: 4px !important;} .xs-mt6{margin-top: 6px !important;} .xs-mt8{margin-top: 8px !important;} .xs-mt10{margin-top: 10px !important;} .xs-mt12{margin-top: 12px !important;} .xs-mt24{margin-top: 24px !important;} .xs-mt36{margin-top: 36px !important;} .xs-mt48{margin-top: 48px !important;} .xs-mt60{margin-top: 60px !important;} .xs-mt72{margin-top: 72px !important;} .xs-mt84{margin-top: 84px !important;} .xs-mt96{margin-top: 96px !important;} .xs-ml0{margin-left: 0 !important;} .xs-ml2{margin-left: 2px !important;} .xs-ml4{margin-left: 4px !important;} .xs-ml6{margin-left: 6px !important;} .xs-ml8{margin-left: 8px !important;} .xs-ml10{margin-top: 10px !important;} .xs-ml12{margin-left: 12px !important;} .xs-ml24{margin-left: 24px !important;} .xs-ml36{margin-left: 36px !important;} .xs-ml48{margin-left: 48px !important;} .xs-ml60{margin-left: 60px !important;} .xs-ml72{margin-left: 72px !important;} .xs-ml84{margin-left: 84px !important;} .xs-ml96{margin-left: 96px !important;} .xs-mr0{margin-right: 0 !important;} .xs-mr2{margin-right: 2px !important;} .xs-mr4{margin-right: 4px !important;} .xs-mr6{margin-right: 6px !important;} .xs-mr8{margin-right: 8px !important;} .xs-mr10{margin-right: 10px !important;} .xs-mr12{margin-right: 12px !important;} .xs-mr24{margin-right: 24px !important;} .xs-mr36{margin-right: 36px !important;} .xs-mr48{margin-right: 48px !important;} .xs-mr60{margin-right: 60px !important;} .xs-mr72{margin-right: 72px !important;} .xs-mr84{margin-right: 84px !important;} .xs-mr96{margin-right: 96px !important;} .xs-pb0{padding-bottom: 0 !important;} .xs-pb2{padding-bottom: 2px !important;} .xs-pb4{padding-bottom: 4px !important;} .xs-pb6{padding-bottom: 6px !important;} .xs-pb8{padding-bottom: 8px !important;} .xs-pb10{padding-bottom: 10px !important;} .xs-pb12{padding-bottom: 12px !important;} .xs-pb24{padding-bottom: 24px !important;} .xs-pb36{padding-bottom: 36px !important;} .xs-pb48{padding-bottom: 48px !important;} .xs-pb60{padding-bottom: 60px !important;} .xs-pb72{padding-bottom: 72px !important;} .xs-pb84{padding-bottom: 84px !important;} .xs-pb96{padding-bottom: 96px !important;} .xs-pt0{padding-top: 0 !important;} .xs-pt2{padding-top: 2px !important;} .xs-pt4{padding-top: 4px !important;} .xs-pt6{padding-top: 6px !important;} .xs-pt8{padding-top: 8px !important;} .xs-pt10{padding-top: 10px !important;} .xs-pt12{padding-top: 12px !important;} .xs-pt24{padding-top: 24px !important;} .xs-pt36{padding-top: 36px !important;} .xs-pt48{padding-top: 48px !important;} .xs-pt60{padding-top: 60px !important;} .xs-pt72{padding-top: 72px !important;} .xs-pt84{padding-top: 84px !important;} .xs-pt96{padding-top: 96px !important;} .xs-pl0{padding-left: 0 !important;} .xs-pl2{padding-left: 2px !important;} .xs-pl4{padding-left: 4px !important;} .xs-pl6{padding-left: 6px !important;} .xs-pl8{padding-left: 8px !important;} .xs-pl10{padding-top: 10px !important;} .xs-pl12{padding-left: 12px !important;} .xs-pl24{padding-left: 24px !important;} .xs-pl36{padding-left: 36px !important;} .xs-pl48{padding-left: 48px !important;} .xs-pl60{padding-left: 60px !important;} .xs-pl72{padding-left: 72px !important;} .xs-pl84{padding-left: 84px !important;} .xs-pl96{padding-left: 96px !important;} .xs-pr0{padding-right: 0 !important;} .xs-pr2{padding-right: 2px !important;} .xs-pr4{padding-right: 4px !important;} .xs-pr6{padding-right: 6px !important;} .xs-pr8{padding-right: 8px !important;} .xs-pr10{padding-right: 10px !important;} .xs-pr12{padding-right: 12px !important;} .xs-pr24{padding-right: 24px !important;} .xs-pr36{padding-right: 36px !important;} .xs-pr48{padding-right: 48px !important;} .xs-pr60{padding-right: 60px !important;} .xs-pr72{padding-right: 72px !important;} .xs-pr84{padding-right: 84px !important;} .xs-pr96{padding-right: 96px !important;}}
.text-center{text-align: center !important;}.text-left{text-align: left !important;}.text-right{text-align: right !important;}

.lh10{line-height: 1.0;}.lh12{line-height: 1.2;}.lh14{line-height: 1.4;}.lh16{line-height: 1.6;}.lh18{line-height: 1.8;}.lh20{line-height: 2.0;}.lh24{line-height: 2.4;}
.va-top{vertical-align: top;}.va-mdl{vertical-align: middle;}.va-btm{vertical-align: bottom;}
.fl-img{float: left; margin-right: 0.8em; margin-bottom: 0.8em;}.fr-img{float: right; margin-left: 0.8em; margin-bottom: 0.8em;}
.mr-a{margin-right: auto; display: block;}.ml-a{margin-left: auto; display: block;}
@media screen and (max-width:959px){.sm-text-center{text-align: center !important;}.sm-text-left{text-align: left !important;}.sm-text-right{text-align: right !important;}.sm-full{width: 100% !important; max-width: 999% !important;}}
@media screen and (max-width:639px){.xs-text-center{text-align: center !important;}.xs-text-left{text-align: left !important;}.xs-text-right{text-align: right !important;}.xs-full{width: 100% !important; max-width: 999% !important;}}
.transparent{background: transparent !important;}
.alpha10{opacity: 0.1 !important;}.alpha20{opacity: 0.2 !important;}.alpha30{opacity: 0.3 !important;}.alpha40{opacity: 0.4 !important;}.alpha50{opacity: 0.5 !important;}.alpha60{opacity: 0.6 !important;}.alpha70{opacity: 0.7 !important;}.alpha80{opacity: 0.8 !important;}.alpha90{opacity: 0.9 !important;}
.fc-w{color: #fff !important;}.fc-bk{color: #000 !important;}
.border-none{border: none !important;}.bd-t-none{border-top: none !important;}.bd-l-none{border-left: none !important;}.bd-b-none{border-bottom: none !important;}.bd-r-none{border-right: none !important;}
.round-corner-02{border-radius: 0.2em;}.round-corner-04{border-radius: 0.4em;}.round-corner-06{border-radius: 0.6em;}.round-corner-08{border-radius: 0.8em;}.round-corner-10{border-radius: 1.0em;}.round-corner-12{border-radius: 1.2em;}.round-corner-14{border-radius: 1.4em;}.round-corner-16{border-radius: 1.6em;}.round-corner-18{border-radius: 1.8em;}.round-corner-20{border-radius: 2.0em;}.round-corner-half{border-radius: 50%;}
[class*="border-"]{border-width: 1px; border-style: solid; border-color: transparent;}
.border-gray{border-color: #dbdbdb;}
.border-blue{border-color: #008ef0;}
.wa,.wf{display: inline-block;width: auto;min-width: 2em;max-width: 100%;}
.wf{width: 100%;}
.wa.mw10{max-width: 10%;}.wa.mw20{max-width: 20%;}.wa.mw30{max-width: 30%;}.wa.mw40{max-width: 40%;}.wa.mw50{max-width: 50%;}.wa.mw60{max-width: 60%;}.wa.mw70{max-width: 70%;}.wa.mw80{max-width: 80%;}.wa.mw90{max-width: 90%;}

/*media-width-display*/
@media print, screen and (min-width:960px){
    .is-sp{display: none !important;}
}
@media screen and (max-width:959px){
    .is-pc{display: none !important;}
}
@media print, screen and (min-width:768px){
    .is-phone,.kv .is-sp{display: none !important;}
    .kv .is-pc{display: inline !important;}
}
@media screen and (max-width:767px){
    .is-md,.kv .is-pc{display: none !important;}
    .kv .is-sp{display: inline !important;}
}
.is-none{
    display: none !important;
}

/*row*/
.-row{
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
}
.-row.column{
    flex-direction: column;
}
[class*="-row"] .col-1{ width: 8.3333%;}[class*="-row"] .col-2{ width: 16.6666%;}[class*="-row"] .col-3{ width: 25%;}[class*="-row"] .col-4{ width: 33.3333%;}[class*="-row"] .col-5{ width: 41.6666%;}[class*="-row"] .col-6{ width: 50%;}[class*="-row"] .col-7{ width: 58.3333%;}[class*="-row"] .col-8{ width: 66.6666%;}[class*="-row"] .col-9{ width: 75%;}[class*="-row"] .col-10{ width: 83.3333%;}[class*="-row"] .col-11{ width: 91.6666%;}[class*="-row"] .col-12{ width: 100%;}
@media screen and (max-width:959px){
[class*="-row"] .sm-col-1{ width: 8.3333%;}[class*="-row"] .sm-col-2{ width: 16.6666%;}[class*="-row"] .sm-col-3{ width: 25%;}[class*="-row"] .sm-col-4{ width: 33.3333%;}[class*="-row"] .sm-col-5{ width: 41.6666%;}[class*="-row"] .sm-col-6{ width: 50%;}[class*="-row"] .sm-col-7{ width: 58.3333%;}[class*="-row"] .sm-col-8{ width: 66.6666%;}[class*="-row"] .sm-col-9{ width: 75%;}[class*="-row"] .sm-col-10{ width: 83.3333%;}[class*="-row"] .sm-col-11{ width: 91.6666%;}[class*="-row"] .sm-col-12{ width: 100%;}
}
@media screen and (max-width:639px){
[class*="-row"] .xs-col-1{ width: 8.3333%;}[class*="-row"] .xs-col-2{ width: 16.6666%;}[class*="-row"] .xs-col-3{ width: 25%;}[class*="-row"] .xs-col-4{ width: 33.3333%;}[class*="-row"] .xs-col-5{ width: 41.6666%;}[class*="-row"] .xs-col-6{ width: 50%;}[class*="-row"] .xs-col-7{ width: 58.3333%;}[class*="-row"] .xs-col-8{ width: 66.6666%;}[class*="-row"] .xs-col-9{ width: 75%;}[class*="-row"] .xs-col-10{ width: 83.3333%;}[class*="-row"] .xs-col-11{ width: 91.6666%;}[class*="-row"] .xs-col-12{ width: 100%;}
}
.separate.-row{
    margin-left: -1.4em;
    margin-right: -1.4em;
}
.separate.-row .col{
    padding: 1.4em;
}
.collspace.-row .col{
    padding: 0;
}
.col.flex-width{
    flex: 1;
}
[class*="-row"].flex-left{
    justify-content: flex-start;
}
[class*="-row"].flex-center{
    justify-content: center;
}
[class*="-row"].flex-right{
    justify-content: flex-end;
}
[class*="-row"].vertical-middle{
    align-content: center;
    align-items: center;
}
[class*="-row"].vertical-bottom{
    align-content: flex-end;
    align-items: flex-end;;
}
@media print, screen and (min-width:960px){
    [class*="-row"].md-flex-left{
        justify-content: flex-start;
    }
    [class*="-row"].md-flex-center{
        justify-content: center;
    }
    [class*="-row"].md-flex-right{
        justify-content: flex-end;
    }
}
@media screen and (max-width:959px){
    [class*="-row"].sm-flex-left{
        justify-content: flex-start;
    }
    [class*="-row"].sm-flex-center{
        justify-content: center;
    }
    [class*="-row"].sm-flex-right{
        justify-content: flex-end;
    }
    .sm-order-01{order: 1;}
    .sm-order-02{order: 2;}
    .sm-order-03{order: 3;}
    .sm-order-04{order: 4;}
    .sm-order-05{order: 5;}
    .sm-order-06{order: 6;}
    .sm-order-07{order: 7;}
    .sm-order-08{order: 8;}
    .sm-order-09{order: 9;}
    .sm-order-10{order: 10;}
}
@media screen and (max-width:639px){
    [class*="-row"].xs-flex-left{
        justify-content: flex-start;
    }
    [class*="-row"].xs-flex-center{
        justify-content: center;
    }
    [class*="-row"].xs-flex-right{
        justify-content: flex-end;
    }
    .xs-order-01{order: 1;}
    .xs-order-02{order: 2;}
    .xs-order-03{order: 3;}
    .xs-order-04{order: 4;}
    .xs-order-05{order: 5;}
    .xs-order-06{order: 6;}
    .xs-order-07{order: 7;}
    .xs-order-08{order: 8;}
    .xs-order-09{order: 9;}
    .xs-order-10{order: 10;}
}
/*=========================================
    module
=========================================*/

[class*="-ttl"]{
    font-weight: bold;
}
h1,.h1-like{
    font-size: 5.4rem;
    font-weight: 600;
}
h2,.h2-like{
    font-size: 3.0rem;
}
h3,.h3-like{
    font-size: 2.0rem;
}
h4,.h4-like{
    font-size: 1.8rem;
}
h5,.h5-like{
    font-size: 1.6rem;
}
.ttUp{
    text-transform: uppercase;
}
/*
    list
*/
ul,ol{
    padding-left: 1.4em;
    margin-bottom: 1em;
}
ul ul,
ol ol,
ol ul,
ul ol{
    padding-left: 1.4em;
}
ul li,ol li{
    margin-bottom: 0.5em;
}
ul li::marker{
    color: #008ef0;
}
/*数字リスト NN*/
.sn li{
    list-style-type: decimal-leading-zero;
}
/*注釈リスト ※*/
.idt > li{
    list-style: none;
    text-indent: -2.4em;
}
.idt > li > .head{
    display: inline-block;
    width: 2.4em;
    text-indent: 0;
    text-align: right;
    padding-right: .5em;
}
.idt.txt{
    padding-left: 4em;
}
.idt.txt > li .head{
    width: 4em;
    font-weight: bold;
}
.idt.txt > li{
    text-indent: -4em;
}
.idt.txt > li ul,
.idt.txt > li ol{
    padding-top: .5em;
}
.idt.txt > li ul li,
.idt.txt > li ol li{
    text-indent: 0;
    padding-left: 0;
}
.idt.txt > li .idt li{
    text-indent: -2.5em;
}
.idt.txt > li .idt li .head{
    width: 2.5em;
}
.idt > li div{
    text-indent: 0;
}
.ti0{
    text-indent: 0;
}
ol.lr li{
    list-style-type: lower-roman;
}
/*注釈リスト ※N*/
.idt.sn{
    padding-left: 2.3em;
}

/*リストスタイルなし*/
.ns li{
    list-style: none;
}
.ns li .head{
    display: inline-block;
    width: auto;
    margin-right: 2em;
}

/*アローリスト*/
.arr .head:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid black;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
/*text*/
p{
    margin-bottom: 1em;
}
p:last-child{
    margin-bottom: 0;
}
.fs50{font-size: 5rem !important;}
.fs40{font-size: 4rem !important;}
.fs38{font-size: 3.8rem !important;}
.fs36{font-size: 3.6rem !important;}
.fs34{font-size: 3.4rem !important;}
.fs32{font-size: 3.2rem !important;}
.fs30{font-size: 3rem !important;}
.fs28{font-size: 2.8rem !important;}
.fs26{font-size: 2.6rem !important;}
.fs24{font-size: 2.4rem !important;}
.fs22{font-size: 2.2rem !important;}
.fs20{font-size: 2rem !important;}
.fs18{font-size: 1.8rem !important;}
.fs16{font-size: 1.6rem !important;}
.fs14{font-size: 1.4rem !important;}
.fs12{font-size: 1.2rem !important;}
.aside{color: #999 !important;}
.ctn{color: #CB0A23 !important;}
mark.ctn{background: #ffecec;}
@media screen and (max-width:959px){
    .sm-fs40{font-size: 4rem !important;}
    .sm-fs38{font-size: 3.8rem !important;}
    .sm-fs36{font-size: 3.6rem !important;}
    .sm-fs34{font-size: 3.4rem !important;}
    .sm-fs32{font-size: 3.2rem !important;}
    .sm-fs30{font-size: 3rem !important;}
    .sm-fs28{font-size: 2.8rem !important;}
    .sm-fs26{font-size: 2.6rem !important;}
    .sm-fs24{font-size: 2.4rem !important;}
    .sm-fs22{font-size: 2.2rem !important;}
    .sm-fs20{font-size: 2rem !important;}
    .sm-fs18{font-size: 1.8rem !important;}
    .sm-fs16{font-size: 1.6rem !important;}
    .sm-fs14{font-size: 1.4rem !important;}
    .sm-fs12{font-size: 1.2rem !important;}
}
@media screen and (max-width:639px){
    .xs-fs40{font-size: 4rem !important;}
    .xs-fs38{font-size: 3.8rem !important;}
    .xs-fs36{font-size: 3.6rem !important;}
    .xs-fs34{font-size: 3.4rem !important;}
    .xs-fs32{font-size: 3.2rem !important;}
    .xs-fs30{font-size: 3rem !important;}
    .xs-fs28{font-size: 2.8rem !important;}
    .xs-fs26{font-size: 2.6rem !important;}
    .xs-fs24{font-size: 2.4rem !important;}
    .xs-fs22{font-size: 2.2rem !important;}
    .xs-fs20{font-size: 2rem !important;}
    .xs-fs18{font-size: 1.8rem !important;}
    .xs-fs16{font-size: 1.6rem !important;}
    .xs-fs14{font-size: 1.4rem !important;}
    .xs-fs12{font-size: 1.2rem !important;}
}
.text-gray{
    color: #999;
}
/*img*/
.mask-img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.area-offers .mask-img,
.mask-contain{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*link*/
a{
    text-decoration: none;
    color: #008ef0;
    transition: .3s;
}
a:hover{
    text-decoration: underline;
}
a[target="_blank"]:after{
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    background: url() no-repeat center bottom;
    background-size: contain;
}
.img > a[target="_blank"]:after,
a.img[target="_blank"]:after{
    display: none;
}
/*icon*/
.i-Earth:before{
    content: "";
    width: 1.875em;
    height: 1.875em;
    display: inline-block;
    background: url(../images/sp/i-earth.png) no-repeat center center;
    background-size: contain;
}
#burger-menu nav a[class*="i-"],
.area-sns .socials a[class*="i-"]{
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    border: none;
    padding: 0;
    margin: 1rem 2rem;
}
#burger-menu nav a[class*="i-"] i:before,
.area-sns .socials a[class*="i-"] i:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.i-yt i:before{
    background-image: url(../img/cmn/icon-yt.png);
}
.i-ln i:before{
    background-image: url(../img/cmn/icon-ln.png);
}
.i-tw i:before{
    background-image: url(../img/cmn/icon-tw.png);
}
.i-fb i:before{
    background-image: url(../img/cmn/icon-fb.png);
}
.i-ig i:before{
    background-image: url(../img/cmn/icon-ig.png);
}
.i-wb i:before{
    background-image: url(../img/cmn/icon-wb.png);
}
.i-wc i:before{
    background-image: url(../img/cmn/icon-wc.png);
}
.i-nv i:before{
    background-image: url(../img/cmn/icon-nv.png);
}
.i-vk i:before{
    background-image: url(../img/cmn/icon-vk.png);
}
/*btn*/
[class*="-btn"]{
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    line-height: 1;
    padding: 1.4em 2em;
    border: #008ef0 1px solid;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    color: #008ef0;
    text-align: center;
    transition: .3s;
    min-width: 16em;
    border-radius: 10em;
}
[class*="-btn"]:hover{
    text-decoration: none;
    background-color: #008ef0;
    color: #fff;
}
[class*="-btn"].disabled{
    pointer-events: none;
    opacity: .5;
}
.blue-btn{
    color: #fff;
    background-color: #008ef0;
}
.blue-btn:hover{
  background-color: #0053af;
  border-color: #0053af;
}
.blue-btn.small{
    padding: 0.4em 0.8em 0.6em;
    min-width: 4em;
    line-height: 1;
}
.float span [class*="-btn"]{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem;
    padding: 0.8em;
    text-align: center;
    min-width: 12em;
}
.search-results{
    margin-top: 0.3em;
    font-size: 1.8rem;
    line-height: 1;
    height: 1em;
    color: #333;
}
@media print, screen and (max-width:639px){
    .float span [class*="-btn"]{
        right: 1rem;
    }
}
/*movie / map*/
.movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.26%;
}
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 47.308%;
}
.movie > iframe,
.map > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media print, screen and (max-width:639px){
    .map {
        padding-top: 112%;
    }
}
/*area*/
.bg-wht{
    background-color: #fff;
}
.bg-gray{
    background-color: #eee;
}
.bg-brown{
    background-color: #e6ded3;
}
.bg-blue{
    background-color: #bed2eb;
}
[class*="area-"] .bg-border{
    border-top: #c7c7c7 1px solid;
    border-bottom: #c7c7c7 1px solid;
}
/*-label*/
[class*="-label"]{
    margin-bottom: 1em;
}
.a-label{
    font-weight: 700;
}
.a-label span{
    white-space: normal;
}
[class*="c-label"]{
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 0.438em 1.4em;
    background-color: #333;
}
    .c-travel{
        background-color: #3051ba;
    }
    .c-entertainment{
        background-color: #ff6600;
    }
    .c-shopping_trend{
        background-color: #fc28ee;
    }
    .c-dining_food{
        background-color: #ff2662;
    }
    .c-culture{
        background-color: #a54ed1;
    }
.f-c-label{
    position: absolute;
    left: 0;
    top: 0;
}
[class*="r-label"]{
    display: inline-block;
    font-size: 87.5%;
    line-height: 1;
    padding: 0.438em 0.4em;
    border-width: 1px;
    border-style: solid;
    border-radius: 50px;
    color: #333;
    border-color: #333;
}
    .r-travel{
        color: #3051ba;
        border-color: #3051ba;
    }
    .r-shopping_trend{
        color: #fc28ee;
        border-color: #fc28ee;
    }
    .r-dining_food{
        color: #ff2662;
        border-color: #ff2662;
    }
    .r-culture{
        color: #a54ed1;
        border-color: #a54ed1;
    }
    .r-shop{
        color: #fc28ef;
        border-color: #fc28ef;
    }
    .r-online_store{
        color: #ff4550;
        border-color: #ff4550;
    }
    .r-transport{
        color: #ffa801;
        border-color: #ffa801;
    }
    .r-retail_store{
        color: #fc28ee;
        border-color: #fc28ee;
    }
    .r-restaurant{
        color: #ff2662;
        border-color: #ff2662;
    }
    .r-leisure{
        color: #1f88db;
        border-color: #1f88db;
    }
    .r-relaxation{
        color: #a54ed1;
        border-color: #a54ed1;
    }
    .r-entertainment{
        color: #ff6600;
        border-color: #ff6600;
    }
    .r-hotel{
        color: #833006;
        border-color: #833006;
    }
    .r-others{
        color: #1ab0ae;
        border-color: #1ab0ae;
    }
/*
    cmn layout
*/
.container,
header,main,footer{
    width: 100%;
}
[class*="-inner"]{
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
/*header*/
header{
    background-color: #fff;;
}
header-inner > .-row{
}
header .logo{
    padding: 30px 50px;
}
header .content{
    flex: 1;
    text-align: right;
    align-self: center;
    justify-content: flex-end;
    padding: 30px 50px;
}
header .content a{
    color: initial;
}
header .content a:hover{
    color: #008ef0;
    text-decoration: none;
}
header .content > div{
    display: inline-block;
    margin-left: 2.25em;
}
.js-Chlang{
    position: relative;
    padding-left: 2.2em;
    cursor: pointer;
}
.js-Chlang i:before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.js-Chlang:hover{
    color: #008ef0;
}
.js-Navtgl{
    display: block;
    position: relative;
    width: 3.75em;
    height: 2.5em;
    cursor: pointer;
}
.js-Navtgl > i{
    display: block;
    position: absolute;
    right: 0;
    background-color: #000;
    height: 3px;
    width: 0;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.js-Navtgl:hover > i{
    background-color: #008ef0;
}
.js-Navtgl > i:nth-of-type(1){
    animation-name: nt-01;
    animation-duration: 0.5s;
    animation-delay: 0s;
    top: 0;
}
.js-Navtgl > i:nth-of-type(2){
    animation-name: nt-02;
    animation-duration: 0.4s;
    animation-delay: 0.2s;
    top: 50%;
    transform: translateY(-50%);
}
.js-Navtgl > i:nth-of-type(3){
    animation-name: nt-03;
    animation-duration: 0.3s;
    animation-delay: 0.4s;
    bottom: 0;
}
.localNav{
    width: 100%;
    border-top: #c9c9c9 1px solid;
    padding: 20px 50px;
}
.localNav a{
    display: inline-block;
    color: #000;
    line-height: 2;
    transition: 0s;
    border-bottom: transparent 2px solid;
}
.localNav a:hover,
.localNav a.active{
    color: #4f8de9;
    text-decoration: none;
    border-bottom: #4f8de9 2px solid;
}
.localNav a + a{
    margin-left: 2em;
}
@keyframes nt-01{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@keyframes nt-02{
    0%{
        width: 0%;
    }
    100%{
        width: 83.3333%;
    }
}
@keyframes nt-03{
    0%{
        width: 0%;
    }
    100%{
        width: 50%;
    }
}
@media print, screen and (max-width:1024px){
    header .localNav{
        display: none;
    }
    header .content > div:first-child{
        display: none;
    }
    .js-Chlang{
        position: relative;
        display: table-cell;
        vertical-align: middle;
        margin-top: 0.3em;
        height: 2.5em;
    }
    .js-Chlang i{
    }
    .js-Chlang i:before{
        transform: translate(0,-50%);
        width: 2em;
        height: 2em;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .js-Chlang span{
        display: block;
        line-height: 1;
        text-align: left;
        font-size: 1.3rem;
    }
    .js-Chlang span.label_separator{
        display: none;
    }
}
@media print, screen and (max-width:991px){
    header .logo{
        padding-right: 0;
    }
}
@media print, screen and (max-width:639px){
    header .logo{
        padding: 4.694vw 0 4.694vw 7.8224vw;
    }
    header .content{
        padding: 4.694vw 7.8224vw 4.694vw  0;
    }
    header .logo img{
        width: 15.0234vw;
    }
}
/*main-visual*/
.main-visual .img{
    position: relative;
}
.main-visual h1{
    position: absolute;
    left: 50%;
    bottom: 0%;
    width: 100%;
    transform: translate(-50%,0);
    padding: 1em;
    line-height: 1;
    text-align: center;
    font-weight: 400;
    color: #fff;
}
.main-visual h1 .shadow{
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
.main-visual h1 small{
    display: block;
    font-size: 36%;
    line-height: 2;
}
.main-visual h1 span{
    display: block;
    font-size: 86%;
    line-height: 1;
    min-height: 1em;
}
@media print, screen and (max-width:639px){
    .main-visual .img{
        position: relative;
        height: 0;
        padding-top: 66.666%;
        max-width: 100%;
    }
    .main-visual .img > img{
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: auto;
        max-width: 999%;
        transform: translateX(-50%);
    }
    .main-visual h1{
        font-size: 9vw;
    }
}
/*section*/
section{
    position: relative;
    width: 100%;
}
.sec-inner{
    padding: 3em 5em;
}
main .sec-inner.-full{
    padding: 0;
}
.sec-inner > h2{
    margin-bottom: 0.8em;
}
.cp_bnrs{
  padding-top: 1em;
}
@media print, screen and (max-width:991px){
    .sec-inner{
        padding-left: 1em;
        padding-right: 1em;
    }
}
/*article - feed*/
.article{
    padding: 2.0rem;
}
.box{
    padding: 1.0rem;
}
.box > .box-body{
    border-width: 1px;
    border-style: solid;
    padding: 1.0rem;
    height: 100%;
}
    .feed-box .box-body{
        border-color: #dbdbdb;
        position: relative;
        padding-bottom: 3.5em;
        display: block;
    }
    .thumb-box .box-body{
        border-color: #008ef0;
        color: #008ef0;
    }
.article-body{
    padding-bottom: 2em;
}
.area-offers article .article-body{
  border: #fff 1px solid;
}
.area-offers article .article-body:hover{
  border-color: #008ef0;
}
.article .img{
    position: relative;
    margin-bottom: 0.6em;
}
.article .date,
.feed-box .date{
    display: block;
    color: #666;
    margin-bottom: 0;
}
.feed-box .date{
    margin-bottom: 0;
}
.feed-box .labels{
    color: initial;
}
.article .e-label{
    color: #000;
    font-size: 125%;
}
.feed-box .e-label span{
    color: initial;
    font-size: 112.5%;
}
.article a:hover,
.feed-box a:hover{
    text-decoration: none;
}
.feed-box .img{
    margin-bottom: 0.6em;
}
.feed-box .date{
    padding-top: 0.6em;
}
.feed-box .more{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1em 1.0rem;
}
.feed-box [class*="-label"]{
    margin-bottom: 0;
}
.thumb-box{
    padding: 2.0rem;
}
.thumb-box .img img{
    vertical-align: middle;
    display: block;
}
.thumb-box .e-label{
    flex: 1;
    padding: 0.6rem 1rem 0.6rem 2rem;
}
.RelatedLinks{
    padding: 2em 0;
    margin-left: -2.0rem;
    margin-right: -2.0rem;
    width: calc(100% + 4.0rem) !important;
}
.RelatedLinks a{
    padding: 0 2.0rem;
    margin-top: -1px;
}
.RelatedLinks a > span{
    position: relative;
    display: block;
    padding: 0.8em 2em 1.0em 0.8em;
    border-top: #c7c7c7 1px solid;
    border-bottom: #c7c7c7 1px solid;
    height: 100%;
}
.i-arr:after{

}
.i-arr{
    display: block;
    position: absolute;
    width: 3.4rem;
    height: 3.4rem;
    background-color: transparent;
    transform: translateY(-50%) rotate(90deg);
    right: 1rem;
    top: 50%;
}
.i-arr:before,
.i-arr:after{
    content: "";
    display: block;
    width: 1.2rem;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #ccc;
    border-radius: 20px;
}
.i-arr:before{
    right: 50%;
    transform: rotate(-45deg);
    margin-right: -2.5px;
}
.i-arr:after{
    left: 50%;
    transform: rotate(45deg);
    margin-left: -2.5px;
}

@media print, screen and (max-width:640px){
    .article{
        padding: 1rem;
    }
    .feed-box .e-label span{
        font-size: 100%;
        line-height: 1.5;
    }
}
@media print, screen and (max-width:480px){
    .xcontainer .article{
        width: 100%;
    }
}
/*socials*/
.area-sns > .sec-inner{
    border-top: #c7c7c7 1px solid;
}
main.index .area-sns > .sec-inner{
    border-top: none;
    padding-top: 8rem;
}
.socials{
    padding-top: 1em;
}
.socials a{
    display: block;
    width: 4.0rem;
    margin: 1em 2em;
}
@media print, screen and (min-width:992px){
  .socials .wa{
      position: relative;
  }
  .socials .md-panel{
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
      margin: 0;
  }
}
@media print, screen and (max-width:991px){
  .socials .md-panel{
      display: none;
      pointer-events: none;
      height: 0;
      width: 0;
  }
}

/*footer*/
footer{
    background-color: #ededed;
}
.footer-inner > div{
    padding-left: 3.125em;
    padding-right: 3.125em;
}
footer .f-nav > nav{
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: #c7c7c7 1px solid;
}
footer nav a + a{
    margin-left: 2em;
}
footer .f-copy{
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
footer .f-copy .copy{
    color: #666;
    font-size: 0.8125em;
}
footer .logo{
    width: 5.3rem;
    margin-right: 2em;
}
.footer-inner > .pagetop{
    display: block;
    position: fixed;
    bottom: 3.1em;
    padding-left: 0;
    opacity: 0;
    transition: .5s;
    transform: translateY(100%);
    pointer-events: none;
}
.footer-inner > .pagetop.active{
    opacity: 1;
    transform: translateY(0%);
    pointer-events: auto;
}
.pagetop a{
    display: block;
    position: relative;
    width: 7.8rem;
    height: 7.8rem;
    background-color: transparent;
}
.pagetop a:hover{
    background-color: #ededed;
}
.pagetop a:before,
.pagetop a:after{
    content: "";
    display: block;
    width: 2.4rem;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #000;
    border-radius: 20px;
}
.pagetop a:before{
    right: 50%;
    transform: rotate(-45deg);
    margin-right: -4px;
}
.pagetop a:after{
    left: 50%;
    transform: rotate(45deg);
    margin-left: -4px;
}
@media (max-width:1299px){
    .pagetop{
        right: 0;
    }
}
@media (min-width:1300px){
    .pagetop{
        right: 50%;
        margin-right: -650px;
    }
}
@media print, screen and (max-width:991px){
    .RelatedLinks a{
        width: 270px !important;
    }
    .footer-inner > .pagetop{
        padding-right: 0;
    }
    footer nav a + a{
        margin-left: 0;
    }
    footer nav a{
        border-right: #999 1px solid;
        padding-right: 1em;
        margin-right: 1em;
        display: inline-block;
        line-height: 1;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }
}
/*-detail*/
[class*="-detail"] .entry-header{
    padding-bottom: 0;
}
[class*="-detail"] .entry-header + .sec-inner{
    padding-top: 1em;
}
[class*="-detail"] .entry-header > .-row{
    padding: 0 2.0rem 0;
}
[class*="-detail"] .entry-header .entry-date{
    width: 22%;
    border-right: #dcdcdc 1px solid;
}
[class*="-detail"] .entry-header .entry-date .c-label{
    margin-bottom: 0.5em;
    min-width: 8em;
    text-align: center;
}
[class*="-detail"] .entry-header .entry-date .date{
    color: #666;
    margin: 0;
    line-height: 1.5;
}
[class*="-detail"] .entry-header .entry-date .author{
    line-height: 1.5;
    margin-bottom: 2em;
}
[class*="-detail"] .entry-header .entry-date .author span.red{
    color: #e40000;
    padding-right: 0.2em;
}
[class*="-detail"] h1{
    font-size: 187.5%;
    font-weight: 400;
    padding-left: 2em;
    margin-top: -0.3em;
}
[class*="-detail"] h1 small{
    font-size: 60%;
}
[class*="-detail"] .kv .mask-img{
    background-size: contain;
}
@media print, screen and (max-width:991px){
    [class*="-detail"] .entry-header .entry-date{
        width: 100%;
        border-right: none;
    }
    [class*="-detail"] h1{
        padding-left: 0;
    }
    [class*="-detail"] .kv{
        margin-left: -1em;
        margin-right: -1em;
        width: calc(100% + 2em);
    }
    [class*="-detail"] .kv,
    [class*="-detail"] .kv .img{
        padding-left: 0;
        padding-right: 0;
    }
}
@media print, screen and (max-width:640px){
    [class*="-detail"] .entry-header > .-row{
        padding: 0;
    }
}

/*
    MODULE
*/
.content-block{

}
[class*="-Layout"]{
    position: relative;
    padding: 2.0rem 2.0rem 3.0rem;
}

.onePhoto-Layout .img{
    padding: 0 3.0rem 2.0rem;
}
.onePhoto-Layout .img > img{
    width: 100%;
}
.onePhoto-Layout h1.img{
    padding: 0 0 2.0rem;
}
.photos-Layout + .photos-Layout {
    padding-top: 0;
    margin-top: -3rem;
}
[class*="-detail"] .text,
[class*="-detail"] .tbl{
    color: #444;
}
[class*="-detail"] .aside{
    color: #999;
    font-size: 80%;
}
[class*="-detail"] .onePhoto-Layout .text,
[class*="-detail"] [class*="-Layout"] .ttl{
    position: relative;
}
[class*="-detail"] [class*="-Layout"] .ttl:before{
    content: "";
    width: 0;
    height: 100%;
    border-left-width: 1.0rem;
    border-left-style: solid;
    position: absolute;
    left: 0;
    top: 0;
}
.onePhoto-Layout .text:before,
[class*="-Layout"] .ttl:before{
    border-color: #333;
}
    .d-travel .text:before,
    .d-travel [class*="ttl"]:before,
    .d-Travel .text:before,
    .d-Travel [class*="ttl"]:before{
        border-color: #3051ba;
    }
    .d-shopping_trend .text:before,
    .d-shopping_trend [class*="ttl"]:before,
    .d-shopping_trend .text:before,
    .d-shopping_trend [class*="ttl"]:before{
        border-color: #fc28ee;
    }
    .d-dining_food .text:before,
    .d-dining_food [class*="ttl"]:before,
    .d-dining_food .text:before,
    .d-dining_food [class*="ttl"]:before{
        border-color: #ff2662;
    }
    .d-culture .text:before,
    .d-culture [class*="ttl"]:before,
    .d-Culture .text:before,
    .d-Culture [class*="ttl"]:before{
        border-color: #a54ed1;
    }
    .d-online .text:before,
    .d-online [class*="ttl"]:before,
    .d-online_store .text:before,
    .d-online_store [class*="ttl"]:before,
    .d-OnlineStore .text:before,
    .d-OnlineStore [class*="ttl"]:before{
        border-color: #ff4550;
    }
    .d-transport .text:before,
    .d-transport [class*="ttl"]:before,
    .d-Transport .text:before,
    .d-Transport [class*="ttl"]:before{
        border-color: #ffa801;
    }
    .d-retail .text:before,
    .d-retail [class*="ttl"]:before,
    .d-retail_store .text:before,
    .d-retail_store [class*="ttl"]:before,
    .d-RetailStore .text:before,
    .d-RetailStore [class*="ttl"]:before{
        border-color: #fc28ee;
    }
    .d-rest .text:before,
    .d-rest [class*="ttl"]:before,
    .d-restaurant .text:before,
    .d-restaurant [class*="ttl"]:before,
    .d-Restaurant .text:before,
    .d-Restaurant [class*="ttl"]:before{
        border-color: #ff2662;
    }
    .d-leisure .text:before,
    .d-leisure [class*="ttl"]:before,
    .d-Leisure .text:before,
    .d-Leisure [class*="ttl"]:before{
        border-color: #1f88db;
    }
    .d-relax .text:before,
    .d-relax [class*="ttl"]:before,
    .d-relaxation .text:before,
    .d-relaxation [class*="ttl"]:before,
    .d-Relaxation .text:before,
    .d-Relaxation [class*="ttl"]:before{
        border-color: #a54ed1;
    }
    .d-enter .text:before,
    .d-enter [class*="ttl"]:before,
    .d-entertainment .text:before,
    .d-entertainment [class*="ttl"]:before,
    .d-Entertainment .text:before,
    .d-Entertainment [class*="ttl"]:before{
        border-color: #ff6600;
    }
    .d-hotel .text:before,
    .d-hotel [class*="ttl"]:before,
    .d-Hotel .text:before,
    .d-Hotel [class*="ttl"]:before{
        border-color: #833006;
    }
    .d-other .text:before,
    .d-other [class*="ttl"]:before,
    .d-others .text:before,
    .d-others [class*="ttl"]:before,
    .d-Others .text:before,
    .d-Others [class*="ttl"]:before{
        border-color: #1ab0ae;
    }
[class*="-detail"] [class*="-Layout"] .sub-ttl{
    border-top: #c7c7c7 1px solid;
    padding-top: 1.6em;
    margin-top: 1em;
    margin-bottom: -1rem;
    font-weight: 500;
}
[class*="-detail"] [class*="-Layout"] .sub-ttl:before{
    content: "";
    width: 6rem;
    height: 0;
    border-top-style: solid;
    border-top-width: 3px;
    position: absolute;
    left: 0;
    top: -2px;
}
.onePhoto-Layout .text{
    padding: 0 3.0rem 1.7rem;
}
[class*="-detail"] [class*="-Layout"].full-wide .images-row{
    margin-left: -2rem;
    margin-right: -2rem;
}
 .images-row > .img{
     margin-bottom: 1rem;
 }
[class*="-detail"] [class*="-Layout"].full-wide .images-row > .img{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 2rem;
}
[class*="-detail"] [class*="-Layout"].full-wide .images-row > .img:nth-last-of-type(1),
[class*="-detail"] [class*="-Layout"].full-wide .images-row > .img:nth-last-of-type(2){
    margin-bottom: 1rem;
}
[class*="-detail"] [class*="-Layout"] .ttl{
    padding: 1.7rem 3.0rem;
    margin-bottom: 2.0rem;
}
[class*="-detail"] [class*="h-Layout"] .ttl{
    margin-bottom: 0;
}
[class*="-Layout"] .copy{
    font-size: 81.25%;
    color: #999;
}
[class*="-Layout"] .cont{
    padding: 4rem;
}
.h-Layout .ttl{
    margin-bottom: 0;
}
.h-Layout .blue-ttl{
    color: #008eee;
    font-size: 2.5rem;
    font-weight: 400;
}
.movie-Layout .inner{
    max-width: 714px;
    margin: 2.0rem auto;
}
.read-box{
    font-size: 125%;
    color: #666;
}
[class*="-detail"] .body-Layout p.sub-ttl{
    position: relative;
    font-weight: normal;
}
@media print, screen and (max-width:640px){
    [class*="-Layout"]{
        padding: 2.0rem 0 3.0rem;
    }
}
/*spacer*/
.spacer-Layout hr{
    border: none;
    height: 1px;
    background-color: #c9c9c9;
}
/*acc*/
.acc-Layout dl{
    border-top: #c7c7c7 1px solid;
    border-bottom: #c7c7c7 1px solid;
    padding: 2rem 0;
    margin-bottom: 4rem;
}
.acc-Layout .accordion .tgl{
    right: 8rem;
}
.acc-Layout .accordion h3{
    padding-right: 6em;
    margin-bottom: 0;
    color: initial;
}
.acc-Layout .accordion dd{
    padding-top: 2rem;
}
.acc-Layout li,
.acc-Layout li::marker{
    color: #999;
}
@media print, screen and (max-width:991px){
    .acc-Layout .accordion .tgl{
        right: 0;
    }
}
/*code*/
.code-Layout.-row{
  margin-left:-3rem;
  margin-right:-3rem;
  padding-left: 0;
  padding-right: 0;
}
.code-Layout > .col{
  max-width: 48%;
  padding: 2rem 3rem;
  text-align: center;
}
.code-Layout > .bar-code img{
  max-width: 100%;
}
.code-Layout > .qr-code img{
  width: 100%;
}
@media print, screen and (max-width:639px){
  .code-Layout.-row{
    margin-left: -1em;
    margin-right: -1em;
    padding-bottom: 0;
  }
    .code-Layout > .col{
        max-width: 100%;
        width: 100%;
        padding: 0 0;
    }
}
/*tbl*/
.tbl-Layout .tbl{
    position: relative;
}
.tbl table{
    border-bottom: #c7c7c7 1px solid;
    width: 100%;
}
.tbl tr{
    border-top: #c7c7c7 1px solid;
}
.tbl th,
.tbl td{
    font-size: 100%;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.tbl th{
    padding-right: 4em;
    white-space: nowrap;
    border-right: #c7c7c7 1px solid;
}
.tbl td{
    padding-left: 4em;
    padding-right: 1em;
}
span.panel{
    display: inline-block;
    line-height: 1.2;
    border: #c7c7c7 1px solid;
    padding: 0.2em 0.8em 0.3em;
    border-radius: 3px;
}
@media print, screen and (max-width:639px){
    .tbl table,
    .tbl tbody,
    .tbl tr,
    .tbl th,
    .tbl td{
        display: block;
    }
    .tbl th,
    .tbl td{
        padding-left: 0;
        padding-right: 0;
    }
    .tbl th{
        padding-bottom: 0;
        border-right: none;
    }
    .tbl td{
        padding-top: 0.6em;
    }
    .tbl .label{
        font-size: 110%;
        font-weight: bold;
    }
    .tbl .wa.map-button{
        display: block;
    }
    .tbl .wa.map-button a{
        min-width: 10em;
    }
}
/*links*/
.links-Layout .dashed{
    padding: 0.6em 1.4em;
    border-radius: 0.5em;
    border: #c3c3c3 1px dashed;
}
.links-Layout .dashed a{
    display: inline-block;
    margin: 0.5em 1em;
}

/*offers*/
.o-label{
    color: #fff;
    font-size: 87.5%;
    display: block;
    line-height: 1;
    padding: 0.438em;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #333;
    border: #333 1px solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .o-travel{
        background-color: #3051ba;
        border-color: #3051ba;
    }
    .o-entertainment{
        background-color: #ff6600;
        border-color: #ff6600;
    }
    .o-shopping{
        background-color: #fc28ee;
        border-color: #fc28ee;
    }
    .o-food{
        background-color: #ff2662;
        border-color: #ff2662;
    }
    .o-culture{
        background-color: #a54ed1;
        border-color: #a54ed1;
    }
    .o-online,
    .o-online_store,
    .o-OnlineStore{
        background-color: #ff4550;
        border-color: #ff4550;
    }
    .o-transport,
    .o-Transport{
        background-color: #ffa801;
        border-color: #ffa801;
    }
    .o-retail,
    .o-retail_store,
    .o-RetailStore{
        background-color: #fc28ee;
        border-color: #fc28ee;
    }
    .o-rest,
    .o-restaurant,
    .o-Restaurant{
        background-color: #ff2662;
        border-color: #ff2662;
    }
    .o-leisure,
    .o-Leisure{
        background-color: #1f88db;
        border-color: #1f88db;
    }
    .o-relax,
    .o-relaxation,
    .o-Relaxation{
        background-color: #a54ed1;
        border-color: #a54ed1;
    }
    .o-enter,
    .o-entertainment,
    .o-Entertainment{
        background-color: #ff6600;
        border-color: #ff6600;
    }
    .o-hotel,
    .o-Hotel{
        background-color: #833006;
        border-color: #833006;
    }
    .o-other,
    .o-others,
    .o-Others{
        background-color: #1ab0ae;
        border-color: #1ab0ae;
    }
.discount-label{
    color: #ff0000;
    border: #ff0000 1px solid;
    font-size: 87.5%;
    display: block;
    line-height: 1;
    padding: 0.438em;
    text-align: center;
    border-radius: 0.5rem;
    margin-bottom: 0;
    margin-left: 0.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*coupon*/
.coupon-Layout .coupon{
    font-size: 250%;
    color: #fff;
    border-radius: 0.2em;
    padding: 0.4em 1.4em;
    background-color: #333;
}
    .d-travel .coupon-Layout .coupon,
    .d-Travel .coupon-Layout .coupon{
        background-color: #3051ba;
    }
    .d-entertainment .coupon-Layout .coupon,
    .d-Entertainment .coupon-Layout .coupon{
        background-color: #ff6600;
    }
    .d-shopping .coupon-Layout .coupon,
    .d-Shopping .coupon-Layout .coupon{
        background-color: #fc28ee;
    }
    .d-food .coupon-Layout .coupon,
    .d-Food .coupon-Layout .coupon{
        background-color: #ff2662;
    }
    .d-culture .coupon-Layout .coupon,
    .d-Culture .coupon-Layout .coupon{
        background-color: #a54ed1;
    }
    .d-online .coupon-Layout .coupon,
    .d-online_store .coupon-Layout .coupon,
    .d-OnlineStore .coupon-Layout .coupon{
        background-color: #ff4550;
    }
    .d-transport .coupon-Layout .coupon,
    .d-Transport .coupon-Layout .coupon{
        background-color: #ffa801;
    }
    .d-retail .coupon-Layout .coupon,
    .d-retail_store .coupon-Layout .coupon,
    .d-RetailStore .coupon-Layout .coupon{
        background-color: #fc28ee;
    }
    .d-rest .coupon-Layout .coupon,
    .d-restaurant .coupon-Layout .coupon,
    .d-Restaurant .coupon-Layout .coupon{
        background-color: #ff2662;
    }
    .d-leisure .coupon-Layout .coupon,
    .d-Leisure .coupon-Layout .coupon{
        background-color: #1f88db;
    }
    .d-relax .coupon-Layout .coupon,
    .d-relaxation .coupon-Layout .coupon,
    .d-Relaxation .coupon-Layout .coupon{
        background-color: #a54ed1;
    }
    .d-enter .coupon-Layout .coupon,
    .d-entertainment .coupon-Layout .coupon,
    .d-Entertainment .coupon-Layout .coupon{
        background-color: #ff6600;
    }
    .d-hotel .coupon-Layout .coupon,
    .d-Hotel .coupon-Layout .coupon{
        background-color: #833006;
    }
    .d-other .coupon-Layout .coupon,
    .d-others .coupon-Layout .coupon,
    .d-Others .coupon-Layout .coupon{
        background-color: #1ab0ae;
    }
.coupon-Layout .text{
    padding: 0 1.6em;
}
.coupon-Layout .text p{
    font-size: 125%;
    line-height: 1.5;
}
    .d-travel .coupon-Layout .text p,
    .d-Travel .coupon-Layout .text p{
        color: #3051ba;
    }
    .d-shopping .coupon-Layout .text p,
    .d-Shopping .coupon-Layout .text p{
        color: #fc28ee;
    }
    .d-food .coupon-Layout .text p,
    .d-Food .coupon-Layout .text p{
        color: #ff2662;
    }
    .d-culture .coupon-Layout .text p,
    .d-Culture .coupon-Layout .text p{
        color: #a54ed1;
    }
    .d-online .coupon-Layout .text p,
    .d-OnlineStore .coupon-Layout .text p{
        color: #ff4550;
    }
    .d-transport .coupon-Layout .text p,
    .d-Transport .coupon-Layout .text p{
        color: #ffa801;
    }
    .d-retail .coupon-Layout .text p,
    .d-RetailStore .coupon-Layout .text p{
        color: #fc28ee;
    }
    .d-rest .coupon-Layout .text p,
    .d-Restaurant .coupon-Layout .text p{
        color: #ff2662;
    }
    .d-leisure .coupon-Layout .text p,
    .d-Leisure .coupon-Layout .text p{
        color: #1f88db;
    }
    .d-relax .coupon-Layout .text p,
    .d-Relaxation .coupon-Layout .text p{
        color: #a54ed1;
    }
    .d-enter .coupon-Layout .text p,
    .d-Entertainment .coupon-Layout .text p{
        color: #ff6600;
    }
    .d-hotel .coupon-Layout .text p,
    .d-Hotel .coupon-Layout .text p{
        color: #833006;
    }
    .d-other .coupon-Layout .text p,
    .d-Other .coupon-Layout .text p{
        color: #1ab0ae;
    }

@media print, screen and (max-width:991px){
    .coupon-Layout .coupon{
        width: 50%;
        padding: 0.4em;
    }
}
@media print, screen and (max-width:639px){
    .coupon-Layout .coupon{
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }
    .coupon-Layout .text{
        padding: 0;
    }
}
/*modal*/
.modal{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
}
.modal .background{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.7);
}
.modal .content{
    width: 1100px;
    max-width: 96%;
    height: 100%;
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    z-index: 2;
}
@media screen and (min-width:992px){
    .modal.single .content{
        height: auto;
        overflow: auto;
    }
}

.select-modal .content{
    background-color: #fff;
    border-radius: 1.3em;
    box-shadow: 0 0 2em rgba(0,0,0,0.3);
}
.select-modal .inner{
    padding: 5.0rem;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden;
}
.select-modal .inner > div{
    height: 100%;
    overflow: hidden;
}
.select-modal h2{
    font-weight: normal;
    margin-bottom: 1em;
}
.modal .scroll-area{
    height: 100%;
    overflow-y: auto;
    padding-bottom: 5.0rem;
}

.modal .cls-tgl{
    right: 3rem;
    top: 3rem;
    display: block;
    position: absolute;
    font-size: 1.5rem;
    padding-right: 4rem;
    cursor: pointer;
}
.modal .cls-tgl small{
  display: block;
}
.modal .cls-tgl i{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 3rem;
    height: 3rem;
}
.modal .cls-tgl i:before,
.modal .cls-tgl i:after{
  content: "";
  display: block;
  height: 1px;
  width: 3.6rem;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
}
.modal .cls-tgl i:before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.modal .cls-tgl i:after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.modal .cls-tgl:hover{
  color: #008ef0;
}
.modal .cls-tgl:hover i:before,
.modal .cls-tgl:hover i:after{
  background-color: #008ef0;
}
.modal[id*="-offers"] .col{
    padding: 1.0rem;
}
.modal[id*="-offers"] .country{
    width: 20%;
}
.modal .regions{
    flex: 1;
    overflow: hidden;
}
.modal[id*="-area"] .regions{
    flex: 1;
    overflow: hidden;
}
.modal[id*="-offers"] .region{
    padding-bottom: 1em;
}
.modal[id*="-offers"] .region-heading{
    padding-bottom: 0;
}
.modal[id*="-offers"] .region-heading h3{
    padding-left: 0;
    border-top: #c7c7c7 1px solid;
    padding-bottom: 0;
    padding-top: 0.8em;
}
#debug-offers td{
    border: #eee 1px solid;
    padding: 1rem;
}
.js-movie .content{
    padding-top: 4rem;
    margin-top: -2rem;
}
.js-movie .cls-tgl{
    color: #fff;
    top: 0%;
}

.code-modal{
}
.code-modal .content{
  width: 52rem;
  max-width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 1.3em;
  box-shadow: 0 0 2em rgb(0 0 0 / 30%);
}
.code-modal .inner{
  padding: 10rem 1rem 5rem;
}
.code-modal .img{
  width: 26rem;
  margin: 0 auto 1rem;
  padding: 4rem 5rem;
  border: #c9c9c9 1px solid;
  border-radius: 0.7rem;
}
.code-modal .img img{
  width: 100%;
}
@media print, screen and (max-width:991px){
    .select-modal .content{
        max-width: 100%;
        max-height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translate(0,0);
        border-radius: 0;
    }
    .select-modal .inner{
        padding: 1rem;
    }
    .select-modal .inner > .-row{
        margin-top: 5em;
    }
    .modal[id*="-offers"] .country{
        width: 33.333%;
    }
    .modal .s-region{
        padding-bottom: 2em;
    }
}
@media print, screen and (max-width:480px){
    .modal[id*="-offers"] .country{
        width: 50%;
    }
}
/*select region*/
#cng-lang .region-item{
    padding: 1.0rem;
}
#cng-lang .region-item a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 1rem;
    border: #c7c7c7 1px solid;
    padding: 2em 0.5em 0.7em;
    text-decoration: none;
}
#cng-lang .region-item a:hover{
    border-color: #008ef0;
    background-color: #008ef0;
}
#cng-lang .region-item a p{
    margin-bottom: 0;
    line-height: 1.5;
}
#cng-lang .region-item a .name{
    font-size: 120%;
}
#cng-lang .region-item a .lang{
    color: #999;
}
#cng-lang .region-item a:hover p{
    color: #fff;
}
/*select area*/
#select-area .area-item{
    padding: 1rem;
}
#select-area .area-item a{
    width: 100%;
    height: 100%;
    border: #c7c7c7 1px solid;
    align-items: center;
    padding: 1.0rem;
    text-decoration: none;
    border-radius: 1rem;
}
#select-area .area-item a[data-count="0"]{
    pointer-events: none;
    color: #999;
    background: #ddd;
    opacity: 0.3;
}
#select-area .area-item a > .col{
    padding: 1rem 1.2rem 1rem 2.7rem;
}
#select-area .area-item a > .col:nth-child(1){
    flex: 1;
}
#select-area .area-item a > .col:nth-child(2){
    width: 10em;
    text-align: right;
    border-left: #c7c7c7 1px solid;
}
#select-area .area-item h3{
    margin: 0;
    font-weight: normal;
}
#select-area .area-item .area-count{
    color: #999;
}
/*burger*/
#burger-menu .content{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    max-height: 100vh;
    left: auto;
    background: #fff;
    transform: translate(110%,0);
    width: 650px;
    max-width: 90%;
    transition: .5s;
}
#burger-menu.active .content{
    transform: translate(0,0);
}
#burger-menu .content .inner{
    padding-right: 4em;
}
#burger-menu.active .content,
#burger-menu .content .inner,
#burger-menu .content .inner > .column{
    height: 100%;
}
#burger-menu .h-Layout{
    border-bottom: #c7c7c7 1px solid;
    padding: 3em 2em;
}
#burger-menu .h-Layout h2{
    text-align: left;
    font-size: 2.0rem;
}
#burger-menu .regions{
    padding: 0 2em 3em;
    display: inline-block;
}
#burger-menu .regions ul{
    border-bottom: #c7c7c7 1px solid;
    padding: 0;
    margin: 0;
}
#burger-menu .regions h3{
    font-size: 1.6rem;
    padding:3em 0 1.2em;
}
#burger-menu .regions li{
    width: 420px;
    max-width: 96%;
    border-top: #c7c7c7 1px solid;
    list-style: none;
    padding: 1em 3em 1em 0;
    margin: 0;
    font-size: 1.5rem;
}
/*notice*/
.notice-detail .entry-header{
    margin-bottom: 1em;
    border-top: #c9c9c9 1px solid;
}
.notice-detail .entry-header .entry-date{
    width: auto;
    padding-right: 2em;
    border: none;
}
.notice-detail .entry-header .entry-date p{
    font-size: 90%;
}
.notice-detail .entry-header h1{
    padding-left: 1em;
    border-left: #dcdcdc 1px solid;
    margin-top: -0.1em;
}
.notice-detail .modified-date{
    color: #999;
    font-size: 1.2rem;
}
.notice-detail [class*="-Layout"] .ttl{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
.notice-detail [class*="-Layout"] .ttl:before,
.notice-detail [class*="-Layout"] .sub-ttl:before{
    border-color: #0053af;
}
.notice-detail .links-Layout .-btn{
    padding: 0.6em 1.6em;
    min-width: 1px;
    color: #fff;
    background-color: #008ef0;
    max-width: 30em;
    text-align: left;
    line-height: 1.7;
}
.notice-detail .links-Layout .arrow{
    position: relative;
    display: inline-block;
    padding-right: 1.4em;
}
.arrow[target="_blank"]::after{
    display: none;
}
.arrow::before{
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 0px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.25em;
}
.notice-category h1{
    text-align: center;
    font-size: 2.7rem;
    font-weight: normal;
    color: #008ef0;
    margin-bottom: 1em;
}
.tab-area {
    border-bottom: #c9c9c9 1px solid;
    padding: 0 2rem 0;
}
.tab-area .tab {
    text-align: center;
    padding: 1rem;
}
.tab-area .tab span{
    position: relative;
    display: block;
    line-height: 1;
    padding: 1em;
    color: #008ef0;
    border: #c9c9c9 1px solid;
    cursor: pointer;
}
.tab-area .tab span:hover{
    border-color: #008ef0;
    color: #fff;
    background-color: #008ef0;
}
.tab-area .tab.active span{
    pointer-events: none;
}
.tab-area .tab.active span:after{
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    right: 0;
    width: 100%;
    height: calc(1rem + 3px);
    top: calc(100% - 1px);
    background: #fff;
    border-left: #c9c9c9 1px solid;
    border-right: #c9c9c9 1px solid;
}
.content-area {
    margin-bottom: 2em;
}
.content-area .tab-content {
    display: none;
    padding-top: 2em;
}
.content-area .tab-content.show {
    display: block;
}
.content-area .tab-content > .-row{
    padding: 1.4em 3rem;
    border-bottom: #c9c9c9 1px solid;
}
.content-area .tab-content .col.date{
    color: #999;
    padding-right: 2em;
}
.content-area .tab-content .col.flex-width span{
    color: #777;
}
@media screen and (max-width:639px){
    .notice-detail .entry-header > .-row{
        display: block;
    }
    .notice-detail .entry-header > .-row > .col{
        border: none;
        padding: 0;
    }
    .notice-detail .entry-header > .-row > .entry-date{
        margin-bottom: 1em;
    }
}
/*error templete*/
body.error-templete .header-inner{
    border-bottom: #c9c9c9 1px solid;
}
body.error-templete .localNav{
    display: none;
}
body.error-templete .cont{
    padding: 6em 1em;
}
body.error-templete h1{
    font-size: 3.0rem;
    font-weight: 400;
    color: #999;
    margin-bottom: 1em;
}
body.error-templete h2{
    font-size: 4.0rem;
    font-weight: 400;
    color: #008ef0;
    margin-bottom: 1em;
}
body.error-templete h1 span{
    border-bottom: #999 1px solid;
    display: inline-block;
}
body.error-templete .text{
    margin-bottom: 3em;
}
body.error-templete .text li,
body.error-templete .text > *{
    margin-bottom: 0;
}
/*print*/
@media print {
    html,body {
       width: 1200px !important;
        transform: scale(0.97);
        transform-origin: 0 0;
    }
    header,footer,main{
        width: 1200px !important;
        max-width: 999%;
    }
    .page-content article .inner{
        padding: 20px;
    }
    .page-content article.agency .inner{
        padding: 20px 0;
    }
    .is-sp{
        display: none !important;
    }
}
.omotenashi-banner{
  margin: 2rem auto;
  width: 1180px;
  padding: 1rem 2rem 0;
  max-width: 100%;
}

#inbound-slide.area-feed .sec-inner{
  padding-top: 0;
}
#inbound-slide.area-feed h2{
    margin-bottom: 0.5em;
}
#inbound-slide .area-feed h2 small{
    display: block;
    font-size: 2rem;
    line-height: 1;
}
#inbound-slide .d-offers .slide-item .ttl{
    padding-top: 1em;
}
#inbound-slide .d-offers .slide-item .txt{
    color: #000;
    font-size: 1.35rem;
}
#inbound-slide .d-offers .slide-item a .img{
    border-radius: 2rem;
    overflow: hidden;
}
#inbound-slide .slick-arrow{
    top: 33%;
}
#inbound-slide + div{
  padding-top: 3em;
}

#inbound-slide .slick-dots{
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#inbound-slide .slick-dots li{
    display: inline-block;
    list-style: none;
    padding: 0 0.4rem;
    margin: 0;
    flex: 1;
    max-width: 6.0rem;
}
#inbound-slide .slick-dots button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: #cacaca;
    position: relative;
    text-indent: -999%;
    overflow: hidden;
    display: block;
    width: 100%;;
    max-width: 100%;
    height: 0.6rem;
}
#inbound-slide .slick-dots li.slick-active button{
    background: #018ff1;
}

@media screen and (min-width:640px){
    #inbound-slide .slick-dots{
        position: absolute;
        z-index: 2;
        width: 100%;
        bottom: 0;
    }
}

@media screen and (max-width:959px){
    #inbound-slide.area-feed .slick-slider{
        margin-left: -5.625em;
        margin-right: -5.625em;
        width: calc(100% + 11.25em) !important;
    }
    #inbound-slide .box.slide-item{
      padding: 0.6rem;
    }
    #inbound-slide .d-offers .slide-item a .img{
      border-radius: 1rem;
    }
    #inbound-slide .box > .box-body{
        padding: 0;
    }
    #inbound-slide.area-feed .slick-slider{
        margin: 0 0 0 0;
        width: calc(100% + 30vw)!important;
    }
    #inbound-slide.area-feed .slick-dots{
      margin-left: -30vw;
    }
}