@charset "utf-8";

/* CSS Document */

/*===================================
基本設定
===================================*/
.aic{align-items: baseline !important;}

/* html */

html {
    font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
dt,
dd {
    font-weight: normal;
}

[data-element-id] #wrapper {
    padding-top: 0 !important;
}

.reader-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3em;
}

.reader-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 4.5em;
}

[data-element-id] .acordion_tree {
    display: block !important;
}



/* return_top_under */

#return_top_under {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 30px;
    background: #000;
    border-radius: 4px;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    opacity: 0.7;
    cursor: pointer;
}

#return_top_under:hover {
    opacity: 0.55;
}

@media (max-width: 599px) {
  #return_top_under {
      width: 60px;
      height: 60px;
      line-height: 60px;
      right: 10px;
      bottom: 10px;
  }
}



/* inner */

@media (max-width: 1024px) {

    .inner500,
    .inner600,
    .inner700,
    .inner800,
    .inner900,
    .inner,
    .inner1100,
    .inner1200,
    .inner1300,
    .inner1400,
    .inner1500 {
        width: 94%;
    }
}



/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width: 599px) {
    .show\@sp {
        display: block;
    }

    .hide\@sp {
        display: none;
    }
}
@media (max-width: 599px) {
  .logoBox{width:80%;}
  .logoBox img{
      width: 120px !important;
      height: auto !important;
  }
  #header .box01 .logoBox .sub span{font-size:8px !important;}
  
}
/* fead */

.fead-mv.mv {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-up.mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}



/* 画像 */

.img {
    text-align: center;
}

.pic {
    text-align: center;
}

.pic img {
    width: 100%;
}

.alt01 {
    display: none;
}

[class*="up-ofi"] {
    height: 100%;
}



/* color */

.color-black {
    color: #000;
}

.color-white {
    color: #fff;
}



/*背景カラー*/

.bgcolor-black {
    background-color: #000;
}

.bgcolor-white {
    background-color: #fff;
}



/* 共通コンテンツ間隔 */

[class*="section-m"], [class*="section-p"] {
    --section-xlarge: 120px;
    --section-large: 100px;
    --section-medium: 80px;
    --section-small: 60px;
    --section-xsmall: 40px;
}

.section-my-xlarge {
    margin-top: var(--section-xlarge);
    margin-bottom: var(--section-xlarge);
}

.section-mt-xlarge {
    margin-top: var(--section-xlarge);
}

.section-mb-xlarge {
    margin-bottom: var(--section-xlarge);
}

.section-my-large {
    margin-top: var(--section-large);
    margin-bottom: var(--section-large);
}

.section-mt-large {
    margin-top: var(--section-large);
}

.section-mb-large {
    margin-bottom: var(--section-large);
}

.section-my-medium {
    margin-top: var(--section-medium);
    margin-bottom: var(--section-medium);
}

.section-mt-medium {
    margin-top: var(--section-medium);
}

.section-mb-medium {
    margin-bottom: var(--section-medium);
}

.section-my-small {
    margin-top: var(--section-small);
    margin-bottom: var(--section-small);
}

.section-mt-small {
    margin-top: var(--section-small);
}

.section-mb-small {
    margin-bottom: var(--section-small);
}

.section-my-xsmall {
    margin-top: var(--section-xsmall);
    margin-bottom: var(--section-xsmall);
}

.section-mt-xsmall {
    margin-top: var(--section-xsmall);
}

.section-mb-xsmall {
    margin-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.8);
        margin-bottom: vcalc(var(--section-large) * 0.8);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.8);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.8);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.8);
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.8);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.8);
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.8);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.6);
        margin-bottom: vcalc(var(--section-large) * 0.6);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.6);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.6);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.6);
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.6);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.6);
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.6);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }
}

.section-py-xlarge {
    padding-top: var(--section-xlarge);
    padding-bottom: var(--section-xlarge);
}

.section-pt-xlarge {
    padding-top: var(--section-xlarge);
}

.section-pb-xlarge {
    padding-bottom: var(--section-xlarge);
}

.section-py-large {
    padding-top: var(--section-large);
    padding-bottom: var(--section-large);
}

.section-pt-large {
    padding-top: var(--section-large);
}

.section-pb-large {
    padding-bottom: var(--section-large);
}

.section-py-medium {
    padding-top: var(--section-medium);
    padding-bottom: var(--section-medium);
}

.section-pt-medium {
    padding-top: var(--section-medium);
}

.section-pb-medium {
    padding-bottom: var(--section-medium);
}

.section-py-small {
    padding-top: var(--section-small);
    padding-bottom: var(--section-small);
}

.section-pt-small {
    padding-top: var(--section-small);
}

.section-pb-small {
    padding-bottom: var(--section-small);
}

.section-py-xsmall {
    padding-top: var(--section-xsmall);
    padding-bottom: var(--section-xsmall);
}

.section-pt-xsmall {
    padding-top: var(--section-xsmall);
}

.section-pb-xsmall {
    padding-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.8);
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.8);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.8);
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.8);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.8);
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.8);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.6);
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.6);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.6);
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.6);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.6);
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.6);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }
}



/*===================================
共通アイコン
==================================*/

[class*="icon-type"] .icon {
    border-radius: 100%;
    position: relative;
}

[class*="icon-type"] .icon:before {
    display: block;
    content: "";
    padding-top: 100%;
}

[class*="icon-type"] .icon img {
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon-type-gray .icon {
    background: #2896c7;
}

.icon-type-yellow .icon {
    background: #e6a521;
}

/* .block-type-02 .bottom .icon-type-gray .icon{display:none;} */

/*===================================
dep切り替え
==================================*/

[data-element-id] .depWrap .depItem {
    display: block;
    border: solid 5px purple;
    margin-bottom: 30px;
    counter-increment: dep;
}

[data-element-id] .depWrap .depItem:before {
    display: block;
    content: counter(dep)"個目の出発地";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: purple;
    margin-bottom: 10px;
    text-align: center;
}

.depWrap .depItem {
    display: none;
}

.depWrap .depItem.active {
    display: block;
}

[data-element-id] [class*=dep_] {
    display: block !important;
}



/*===================================
js-toggle
==================================*/

[data-element-id] .js-toggle + * {
    display: block !important;
}



/*===================================
タブ切り替え
==================================*/

[data-element-id] .tabWrap .tabItem {
    display: block;
    border: solid 5px blue;
    margin-bottom: 30px;
    counter-increment: tab;
}

[data-element-id] .tabWrap .tabItem:before {
    display: block;
    content: counter(tab)"個目のタブ";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: blue;
    margin-bottom: 10px;
    text-align: center;
}

.tabWrap .tabItem {
    display: none;
}

.tabWrap .tabItem.active {
    display: block;
}



/*===================================
ポップアップバナー
==================================*/

[data-element-id] .popupBanner {
    width: 300px;
    position: relative;
    bottom: 0;
    left: 0;
    right: auto;
}

.popupBanner {
    /* display:none; */
    width: 300px;
    position: fixed;
    bottom: 2%;
    right: 8%;
    z-index: 200;
}

.popupBanner img {
    width: 100%;
}

.popupBanner .banner-close {
    display: block;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.popupBanner .banner-close:hover {
    opacity: 0.6;
}

.popupBanner .banner-close:before {
    display: block;
    content: "\f00d";
    color: #666666;
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 12px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    text-align: center;
    background: #f5f5f5;
    border: solid 1px;
    border-radius: 100%;
}

@media screen and (max-width: 599px) {
  .popupBanner {
      width: 90%;
      bottom: 80px;
      left: 0;
      right: 0;
      margin: auto;
  }

}



/*===================================
共通ブロック
==================================*/

/* block-type-01 */

.block-type-01 .item {
    display: block;
}

.block-type-01 .item .icon-wrap {
    max-width: 90px;
    margin: auto;
}

.block-type-01 .item .tit {
    color: #231815;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 1024px) {
    .block-type-01 .item .tit {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .block-type-01 .item .tit {
        font-size: 14px;
    }
}



/* block-type-02 */

.block-type-02 .item {
    display: block;
}

.block-type-02 .up {
    width: 100%;
}

.block-type-02 .center {
    width: 100%;
    margin-top: 10px;
}

.block-type-02 .center .tit {
    color: #231815;
    font-size: 18px;
    font-weight: bold;
}

.block-type-02 .center .sub {
    margin-top: 10px;
}

.block-type-02 .bottom {
    width: 100%;
    margin-top: 10px;
}

.block-type-02 .bottom .icon-list li {
    width: 40px;
    margin-right: 10px;
}

.block-type-02 .bottom .label {
    color: #fff;
    background: #666;
    padding: 0 10px;
}

[data-element-id] .block-type-02 .bottom .info {
    flex-wrap: wrap;
}

.block-type-02 .bottom .info {
    margin-top: 10px;
}

.block-type-02 .bottom .txt02 {
    margin-top: 5px;
}

[data-element-id] .block-type-02 .bottom .pri {
    flex-shrink: initial;
}

.block-type-02 .bottom .pri {
    max-width: 100%;
    color: #ff2b06;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    margin-top: 10px;
}

.block-type-02 .bottom .pri .yen {
    font-size: 50%;
    font-style: initial;
    margin-left: 5px;
}

@media (max-width: 1024px) {
    .block-type-02 .center .tit {
        font-size: 16px;
    }

    .block-type-02 .bottom .pri {
        font-size: 30px;
    }
}

@media (max-width: 599px) {
    .block-type-02 .up {
        width: 38%;
    }

    .block-type-02 .center {
        width: 57%;
        margin-top: 0;
    }

    .block-type-02 .center .tit {
        font-size: 14px;
    }

    .block-type-02 .center .sub {
        font-size: 12px;
        margin-top: 5px;
    }

    .block-type-02 .bottom .icon-list li {
        width: 35px;
        margin-right: 5px;
    }

    .block-type-02 .bottom .label {
        font-size: 12px;
    }

    .block-type-02 .bottom .txt01 {
        font-size: 14px;
    }

    .block-type-02 .bottom .txt02 {
        font-size: 14px;
    }

    .block-type-02 .bottom .pri {
        font-size: 26px;
    }
}



/* block-type-03 */

.block-type-03 .col > *:nth-of-type(4n+1) .item {
    border-left: solid 1px #ddd;
}

.block-type-03 .item {
    display: block;
    height: calc(100% - 30px);
    border-right: solid 1px #ddd;
    padding: 0 20px;
    margin-bottom: 30px;
    position: relative;
}

.block-type-03 .item .left {
    width: 60px;
    margin: auto;
}

.block-type-03 .item .right {
    width: 100%;
    margin-top: 10px;
}

.block-type-03 .item .right .tit {
    text-align: center;
}

@media (max-width: 599px) {
    .block-type-03 .item {
        height: calc(100% - 10px);
        border: none !important;
        border-bottom: solid 1px #ddd !important;
        padding: 0 30px 10px 0;
        margin-bottom: 10px;
    }

    .block-type-03 .item:before {
        display: block;
        content: "\f054";
        color: #2896c7;
        font-family: "font awesome 5 free";
        font-weight: bold;
        position: absolute;
        top: calc(50% - 5px);
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-type-03 .item .left {
        width: 50px;
        margin: 0;
    }

    .block-type-03 .item .right {
        width: calc(100% - 65px);
        margin: 0;
    }

    .block-type-03 .item .right .tit {
        font-size: 14px;
        text-align: left;
    }
}



/* block-type-04 */

.block-type-04 .item {
    display: block;
}

.block-type-04 .left {
    width: 80px;
}

.block-type-04 .right {
    width: calc(100% - 100px);
}

.block-type-04 .right .tit {
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 1024px) {
    .block-type-04 .right .tit {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .block-type-04 .left {
        width: 90px;
        margin: auto;
    }

    .block-type-04 .right {
        width: 100%;
        margin-top: 5px;
    }

    .block-type-04 .right .tit {
        font-size: 14px;
        text-align: center;
    }
}



/* block-type-05 */

.block-type-05 .item {
    display: block;
}

.block-type-05 .up {
    width: 100%;
}

.block-type-05 .center {
    width: 100%;
    margin-top: 10px;
}

.block-type-05 .center .tit {
    font-size: 18px;
    font-weight: bold;
}

.block-type-05 .bottom {
    width: 100%;
    margin-top: 10px;
}

.block-type-05 .bottom .icon-list li {
    width: 40px;
    margin-right: 10px;
}

.block-type-05 .bottom .label {
    color: #fff;
    font-size: 14px;
    background: #666;
    padding: 0 10px;
}

.block-type-05 .bottom .comment {
    margin-left: auto;
}

.block-type-05 .bottom .comment li {
    font-size: 14px;
    margin-left: 10px;
}

.block-type-05 .bottom .comment li img {
    width: 22px;
    margin-right: 2px;
}

.block-type-05 .bottom .sub {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .block-type-05 .center .tit {
        font-size: 16px;
    }

    .block-type-05 .bottom .spot {
        width: 100%;
    }

    .block-type-05 .bottom .comment {
        margin-top: 10px;
    }
}

@media (max-width: 599px) {
    .block-type-05 .up {
        width: 40%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .block-type-05 .center {
        width: 100%;
        margin: 0 0 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .block-type-05 .center .tit {
        font-size: 14px;
    }

    .block-type-05 .bottom {
        width: 55%;
        margin-top: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .block-type-05 .bottom .spot {
        width: 100%;
    }

    .block-type-05 .bottom .icon-list li {
        width: 30px;
    }

    .block-type-05 .bottom .label {
        font-size: 12px;
    }

    .block-type-05 .bottom .comment {
        width: 100%;
    }

    .block-type-05 .bottom .comment li {
        font-size: 12px;
        margin: 0;
        margin-right: 10px;
    }

    .block-type-05 .bottom .comment li img {
        width: 18px;
    }

    .block-type-05 .bottom .sub {
        font-size: 12px;
    }
}



/* block-type-06 */

.block-type-06 .item {
    display: block;
    border-right: solid 1px #ddd;
    padding: 0 30px;
    margin-bottom: 30px;
}

.block-type-06 .col > div:nth-of-type(3n+1) .item {
    border-left: solid 1px #ddd;
}

.block-type-06 .left {
    width: 55px;
    margin: auto;
}

.block-type-06 .center {
    width: 100%;
    margin-top: 10px;
}

.block-type-06 .center .tit {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.block-type-06 .right {
    width: 100%;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .block-type-06 .item {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .block-type-06 .center .tit {
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    .block-type-06 .item {
        border: none !important;
        border-bottom: solid 1px #ddd !important;
        padding: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .block-type-06 .left {
        width: 45px;
    }

    .block-type-06 .center {
        width: calc(100% - 55px);
        margin: 0;
    }

    .block-type-06 .center .tit {
        font-size: 16px;
        text-align: left;
    }

    .block-type-06 .right .txt {
        font-size: 14px;
    }
}



/* block-type-07 */

.block-type-07 .item {
    height: 100%;
}

.block-type-07 .item a {
    height: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #2896c7;
    border-radius: 20px;
    padding: 5px 10px;
    text-align: center;
    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;
}

@media (max-width: 599px) {
    .block-type-07 .item a {
        font-size: 16px;
    }
}



/* block-type-08 */

.block-type-08 .item {
    display: block;
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.block-type-08 .item .col {
    position: relative;
}

.block-type-08 .item .left {
    width: 60px;
    -ms-flex-item-align: center;
    align-self: center;
}

.block-type-08 .item .left .num {
    color: #666;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

.block-type-08 .item:nth-of-type(-n+3) .left .num:after {
    display: block;
    content: "";
    width: 45px;
    height: 40px;
    margin: 5px auto 0;
}

.block-type-08 .item:nth-of-type(1) .left .num {
    color: #d9bb69;
}

.block-type-08 .item:nth-of-type(1) .left .num:after {
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/upload/tenant_1/ranking_icon1.webp) no-repeat;
    background-size: 100%;
}

.block-type-08 .item:nth-of-type(2) .left .num {
    color: #adb1b7;
}

.block-type-08 .item:nth-of-type(2) .left .num:after {
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/upload/tenant_1/ranking_icon2.webp) no-repeat;
    background-size: 100%;
}

.block-type-08 .item:nth-of-type(3) .left .num {
    color: #c68c48;
}

.block-type-08 .item:nth-of-type(3) .left .num:after {
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/upload/tenant_1/ranking_icon3.webp) no-repeat;
    background-size: 100%;
}

.block-type-08 .item .right {
    width: calc(100% - 100px);
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.block-type-08 .item .right .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.block-type-08 .item .right .info {
    /* width: 80%; */
    width:100%;
}

.block-type-08 .item .right .icon-list li {
    width: 40px;
    margin-right: 15px;
}

.block-type-08 .item .right .label {
    color: #fff;
    background: #666;
    padding: 0 10px;
}

.block-type-08 .item .right .period {
    margin-left: 15px;
}

.block-type-08 .item .right .room {
    margin-left: 15px;
}

.block-type-08 .item .right .pri {
    color: #ff2b06;
    font-size: 34px;
    font-weight: bold;
    font-style: italic;
    margin-left: 15px;
}

.block-type-08 .item .right .pri .yen {
    font-size: 50%;
    font-style: normal;
    margin-left: 5px;
}

.block-type-08 .item .right .pic {
    width: 15%;
}

@media (max-width: 1024px) {
    .block-type-08 .item .left {
        width: 40px;
    }

    .block-type-08 .item .left .num {
        font-size: 30px;
    }

    .block-type-08 .item:nth-of-type(-n+3) .left .num:after {
        width: 30px;
        height: 30px;
    }

    .block-type-08 .item .right {
        width: calc(100% - 70px);
    }

    .block-type-08 .item .right .tit {
        font-size: 16px;
    }

    .block-type-08 .item .right .info {
        width: 70%;
    }

    .block-type-08 .item .right .pic {
        width: 25%;
    }

    .block-type-08 .item .right .period {
        margin: 10px 0 0;
    }
}

@media (max-width: 599px) {
    .block-type-08 .item .left {
        width: 20px;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .block-type-08 .item .left .num {
        font-size: 16px;
    }

    .block-type-08 .item:nth-of-type(-n+3) .left .num:after {
        width: 16px;
        height: 16px;
    }

    .block-type-08 .item .right {
        width: calc(100% - 30px);
    }

    .block-type-08 .item .right .info {
        width: 67%;
    }

    .block-type-08 .item .right .tit {
        font-size: 14px;
    }

    .block-type-08 .item .right .icon-list li {
        width: 30px;
        margin-right: 10px;
    }

    .block-type-08 .item .right .label {
        font-size: 12px;
    }

    .block-type-08 .item .right .period {
        font-size: 12px;
        margin: 5px 0 0;
    }

    .block-type-08 .item .right .room {
        font-size: 12px;
        margin-left: 0;
    }

    .block-type-08 .item .right .pri {
        font-size: 20px;
    }

    .block-type-08 .item .right .pic {
        width: 28%;
    }
}



/*===================================
共通タイトル
===================================*/

[class*="ttl-type-"] {
    --ttl-mb-xlarge: 70px;
    --ttl-mb-large: 60px;
    --ttl-mb-medium: 50px;
    --ttl-mb-small: 40px;
    --ttl-mb-xsmall: 30px;
}

/* ttl-type-01 */

.ttl-type-01 {
    background: #f5f5f5;
    margin-bottom: var(--ttl-mb-xsmall);
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ttl-type-01 .lead {
    color: #2896c7;
    font-size: 22px;
    font-weight: bold;
    padding-left: 16px;
    margin-right: 20px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ttl-type-01 .lead:before {
    display: block;
    content: "";
    width: 6px;
    height: calc(1em * 1.5);
    background: #2896c7;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .ttl-type-01 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ttl-type-01 .lead {
        width: 100%;
        font-size: 20px;
        margin: 0;
    }

    .ttl-type-01 .sub {
        width: 100%;
        margin-top: 5px;
    }
}

@media (max-width: 599px) {
    .ttl-type-01 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ttl-type-01 .lead {
        font-size: 18px;
        -ms-flex-negative: initial;
        flex-shrink: initial;
    }

    .ttl-type-01 .sub {
        font-size: 14px;
    }
}



/* ttl-type-02 */

.ttl-type-02 {
    background: #f5f5f5;
    margin-bottom: var(--ttl-mb-xsmall);
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ttl-type-02 .ttl {
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ttl-type-02 .ttl .lead {
    display: block;
    color: #658d08;
    font-size: 22px;
    font-weight: bold;
    padding-left: 16px;
    position: relative;
}

.ttl-type-02 .ttl .lead:before {
    display: block;
    content: "";
    width: 6px;
    height: calc(1em * 1.5);
    background: #658d08;
    position: absolute;
    top: 0;
    left: 0;
}

.ttl-type-02 .ttl .sub {
    display: block;
    margin-top: 5px;
}

.ttl-type-02 .ttlBtn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ttl-type-02 .ttlBtn li {
    margin-left: 10px;
}
.ttl-type-02 .ttlBtn li > * {
    display: block;
    font-size: 16px;
    background: #fff;
    border: solid 1px #787878;
    border-radius: 20px;
    padding: 0px 10px;
    text-align: center;
}
.ttl-type-02 .ttlBtn li.active > * {
    color: #fff;
    background: #666;
}

@media (max-width: 1024px) {
    .ttl-type-02 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ttl-type-02 .ttl {
        width: 100%;
        margin-right: 0;
        -ms-flex-negative: initial;
        flex-shrink: initial;
    }

    .ttl-type-02 .ttl .lead {
        font-size: 20px;
    }

    .ttl-type-02 .ttlBtn {
        width: 100%;
    }

    .ttl-type-02 .ttlBtn ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .ttl-type-02 .ttlBtn li {
        margin: 10px 10px 0 0;
    }
}

@media (max-width: 599px) {
    .ttl-type-02 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ttl-type-02 .ttl .lead {
        font-size: 18px;
    }

    .ttl-type-02 .ttl .sub {
        font-size: 14px;
    }

    .ttl-type-02 .ttlBtn li {
        margin: 10px 5px 0 0;
    }

    .ttl-type-02 .ttlBtn li a {
        font-size: 12px;
        padding: 0 5px;
    }
}

/* ttl-type-03 */

.ttl-type-03 {margin-bottom: var(--ttl-mb-xsmall);}

.ttl-type-03 .lead {
    display: block;
    color: #2896c7;
    font-size: 22px;
    font-weight: bold;
    padding-left: 16px;
    position: relative;
}

.ttl-type-03 .lead:before {
    display: block;
    content: "";
    width: 6px;
    height: 100%;
    background: #2896c7;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .ttl-type-03 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);
    }

    .ttl-type-03 .lead {
        font-size: 20px;
        margin: 0;
    }
}

@media (max-width: 599px) {
    .ttl-type-03 {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ttl-type-03 .lead {
        font-size: 18px;
        -ms-flex-negative: initial;
        flex-shrink: initial;
    }
}

/* ttl-type-04 */

.ttl-type-04 {
    background: #f5f5f5;
    margin-bottom: var(--ttl-mb-xsmall);
    padding: 15px 10px;
}
.ttl-type-04 .ttl .lead {
    display: block;
    color: #2896c7;
    font-size: 22px;
    font-weight: bold;
    padding-left:1rem;
    position: relative;
}
.ttl-type-04 .ttl .lead:before {
    display: block;
    content: "";
    width: 6px;
    height: calc(1em * 1.5);
    background: #2896c7;
    position: absolute;
    top: 0;
    left: 0;
}
.ttl-type-04 .ttl .sub {display: block;margin: .5rem 0;}
.ttl-type-04 .ttlBtn ul {display: flex;flex-wrap: wrap;align-items: center;}
.ttl-type-04 .ttlBtn li{margin-right:.5rem;}
.ttl-type-04 .ttlBtn li:last-of-type{margin-right:0;}
.ttl-type-04 .ttlBtn li > * {
    display: block;
    font-size: .8rem;
    background: #fff;
    border: solid 1px #787878;
    border-radius: 20px;
    padding: 0px 10px;
    text-align: center;
}
.ttl-type-04 .ttlBtn li.active > * {
    color: #fff;
    background: #666;
}

@media (max-width: 1024px) {
  .ttl-type-04 {margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);flex-wrap: wrap;}
  .ttl-type-04 .ttl {width: 100%;margin-right: 0;}
  .ttl-type-04 .ttl .lead {font-size: 20px;}
  .ttl-type-04 .ttlBtn {width: 100%;}
  .ttl-type-04 .ttlBtn ul {justify-content: flex-start;}
  .ttl-type-04 .ttlBtn li {margin: 10px 10px 0 0;}
}

@media (max-width: 599px) {
  .ttl-type-04{margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);flex-wrap: wrap;}
  .ttl-type-04 .ttl .lead {font-size: 18px;}
  .ttl-type-04 .ttl .sub {font-size: 14px;}
  .ttl-type-04 .ttlBtn li {margin: 10px 5px 0 0;}
  .ttl-type-04 .ttlBtn li a {font-size: 12px;padding: 0 5px;}
}


/* 共通タイトル上書き */

.ttl-mb-xlarge {
    margin-bottom: var(--ttl-mb-xlarge);
}

.ttl-mb-large {
    margin-bottom: var(--ttl-mb-large);
}

.ttl-mb-medium {
    margin-bottom: var(--ttl-mb-medium);
}

.ttl-mb-small {
    margin-bottom: var(--ttl-mb-small);
}

.ttl-mb-xsmall {
    margin-bottom: var(--ttl-mb-xsmall);
}

.ttl-mb-none {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.8);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.8);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.8);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.8);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

@media (max-width: 599px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.6);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.6);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.6);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.6);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

.ttl-left {
    text-align: left;
}

.ttl-center {
    text-align: center;
}

.ttl-right {
    text-align: right;
}



/*===================================
共通ボタン
===================================*/

[class*="btn-type-"] {
    --btn-mt-xlarge: 70px;
    --btn-mt-large: 60px;
    --btn-mt-medium: 50px;
    --btn-mt-small: 40px;
    --btn-mt-xsmall: 30px;
}

/* btn-type-01 */

.btn-type-01 {
    margin-top: var(--btn-mt-small);
}

.btn-type-01 > * {
    width: 250px;
    max-width: 100%;
    color: #fff;
    font-weight: bold;
    background: #2896c7;
    padding: 10px;
    margin: auto;
    text-align: center;
    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;
}

.btn-type-01 > *:after {
    display: block;
    content: "\f054";
    font-size: 14px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin-left: 10px;
}

.btn-type-01 > *:hover {
    color: #fff;
}

.btn-type-01.btn-type-01-back > *:after {
    display: none;
}

.btn-type-01.btn-type-01-back > *:before {
    display: block;
    content: "\f053";
    font-size: 14px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin-right: 10px;
}

@media (max-width: 1024px) {
    .btn-type-01 {
        margin-top: calc(var(--btn-mt-small) * 0.8);
    }
}

@media (max-width: 599px) {
    .btn-type-01 {
        margin-top: calc(var(--btn-mt-small) * 0.6);
    }
}



/* 共通ボタン上書き */

.btn-mt-xlarge {
    margin-top: var(--btn-mt-xlarge);
}

.btn-mt-large {
    margin-top: var(--btn-mt-large);
}

.btn-mt-medium {
    margin-top: var(--btn-mt-medium);
}

.btn-mt-small {
    margin-top: var(--btn-mt-small);
}

.btn-mt-xsmall {
    margin-top: var(--btn-mt-xsmall);
}

.btn-mt-none {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .btn-mt-xlarge {
        margin-top: calc(var(--btn-mt-xlarge) * 0.8);
    }

    .btn-mt-large {
        margin-top: calc(var(--btn-mt-large) * 0.8);
    }

    .btn-mt-medium {
        margin-top: calc(var(--btn-mt-medium) * 0.8);
    }

    .btn-mt-small {
        margin-top: calc(var(--btn-mt-small) * 0.8);
    }

    .btn-mt-xsmall {
        margin-top: calc(var(--btn-mt-xsmall) * 0.8);
    }

    .btn-mt-none {
        margin-top: 0;
    }
}

@media (max-width: 599px) {
    .btn-mt-xlarge {
        margin-top: calc(var(--btn-mt-xlarge) * 0.6);
    }

    .btn-mt-large {
        margin-top: calc(var(--btn-mt-large) * 0.6);
    }

    .btn-mt-medium {
        margin-top: calc(var(--btn-mt-medium) * 0.6);
    }

    .btn-mt-small {
        margin-top: calc(var(--btn-mt-small) * 0.6);
    }

    .btn-mt-xsmall {
        margin-top: calc(var(--btn-mt-xsmall) * 0.6);
    }

    .btn-mt-none {
        margin-top: 0;
    }
}

.btn-left > * {
    margin-left: 0;
    margin-right: auto;
}

.btn-center > * {
    margin: auto;
}

.btn-right > * {
    margin-left: auto;
    margin-right: 0;
}



/*===================================
共通要素
===================================*/

/* Pankuzu */
.pankuzu{
  min-height: 20px;
  background: #eee;
  color: #666;
  font-size: 12px;
}
.pankuzu ul{
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.pankuzu ul li{display: flex;align-items: center;}
.pankuzu ul li::after {
    content: ">";
    margin: 0 .2rem;
}
.pankuzu ul li:last-of-type::after{
  content:"";
}
@media (max-width: 599px) {
  .pankuzu{overflow-x:scroll;}
  .pankuzu ul {
      font-size: 10px;
      width: 800px;
      margin: 0 15px;
  }
}


/* header */

[data-element-id] #header {
    position: static;
}

#header {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    /* position: fixed; */
    z-index: 200;
}

#header .box01 .logoBox a {
    display: block;
}

#header .box01 .logoBox .logo {
    width: 70px;
}

#header .box01 .logoBox .sub {
    color: #5595c9;
    font-size: 10px;
    margin-top: 5px;
}

#header .box01 .btnList {
    position: relative;
    z-index: 251;
}

#header .box01 .btnList li {
    margin: 0 5px;
}

#header .box01 .btnList li a {
    display: block;
}

#header .box01 .btnList li .img {
    height: 25px;
    margin: auto;
}

#header .box01 .btnList li .img img {
    max-width: 100%;
    max-height: 100%;
}

#header .box01 .btnList li .txt {
    font-size: 10px;
    margin-top: 2px;
}

#header .box01 .btnList li.toggleOpen {
    cursor: pointer;
}

#header .box01 .btnList li.toggleOpen .txt {
    color: #5595c9;
}

#header .box02 {
    margin-top: 10px;
}

#header.fixed .box02 {
    display: none;
}

#header .box02 li a {
    width: 220px;
    max-width: 100%;
    color: #5595c9;
    border: solid 1px #5595c9;
    border-radius: 5px;
    padding: 2px 15px;
    text-align: center;
    position: relative;
    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;
}

#header .box02 li.active a {
    color: #fff;
    background: #5595c9;
}

#header .box02 li a:before {
    content: "";
    margin-left: -10px;
    margin-right: 10px;
}

#header .box02 li.domesticBtn a:before {
    width: 20px;
    height: 20px;
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_domestic.png) no-repeat;
    background-size: 100%;
}

#header .box02 li.domesticBtn.active a:before {
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_domestic_active.png) no-repeat;
    background-size: 100%;
}

#header .box02 li.overseaBtn a:before {
    width: 22px;
    height: 22px;
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_oversea.png) no-repeat;
    background-size: 100%;
}

#header .box02 li.overseaBtn.active a:before {
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_oversea_active.png) no-repeat;
    background-size: 100%;
}

@media (max-width: 599px) {
    #header .box02 li {
        width: 50%;
    }

    #header .box02 li a {
        font-size: 14px;
    }

    #header .box02 li.domesticBtn a:before {
        width: 16px;
        height: 16px;
    }

    #header .box02 li.overseaBtn a:before {
        width: 18px;
        height: 18px;
    }
}



/* barger */

.toggle {
    width: 30px;
    height: 25px;
    cursor: pointer;
    margin: auto;
    position: relative;
}

.toggle .bar {
    width: 100%;
    height: 3px;
    background: #2896c7;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0;
    margin-top: -1.5px;
    text-indent: 9999px;
    transition: ease 0.4s;
    -webkit-transition: ease 0.4s;
}

.toggle .bar:before,
.toggle .bar:after {
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    background: #2896c7;
    position: absolute;
    left: 0;
}

.toggle .bar:before {
    top: -10px;
}

.toggle .bar:after {
    top: 10px;
}

.toggleClose {
    position: absolute;
    top: 20px;
    right: 20px;
}

.toggleClose .bar {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.toggleClose .bar:after,
.toggleClose .bar:before {
    top: 0;
    left: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

[data-element-id] .bargerBody {
    position: static;
    transform: none;
    margin-left: auto;
}

.bargerBody {
    width: 80%;
    max-width: 350px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 250;
}

.bargerBody.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bargerInner {
    padding: 20px 0 0;
}

.overlay {
    width: 100%;
    height: 100vh;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 249;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
}

.overlay.active {
    opacity: 0.3;
    visibility: visible;
}

@media (max-width: 1024px) {
    .toggleClose {
        top: 10px;
        right: 10px;
    }

    .bargerInner {
        padding: 20px 0 80px;
    }
}



/* gnav */

#gnav .logoBox {
    margin: 0 auto 20px;
    text-align: center;
}

#gnav .logoBox a {
    display: inline-block;
}

#gnav .logoBox .logo {
    width: 80%;
    max-width: 100px;
    margin: auto;
}

#gnav .logoBox .sub {
    color: #5595c9;
    font-size: 14px;
    margin-top: 10px;
}

#gnav .box {
    background: #666;
    padding: 10px;
}

#gnav .box.domestic {
    background: #3a77c7;
}

#gnav .box.oversea {
    background: #2896c7;
}

#gnav .box .tit {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#gnav .box .tit a {
    text-align: center;
    position: relative;
    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;
}

#gnav .box .tit a:after {
    display: inline-block;
    content: "\f054  TOP";
    font-size: 12px;
    font-family: "font awesome 5 free", YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    font-weight: bold;
    background: #fff;
    line-height: 1.2;
    padding: 3px 5px 1px;
    margin-left: 10px;
}

#gnav .box.domestic .tit a:after {
    color: #3a77c7;
}

#gnav .box.oversea .tit a:after {
    color: #2896c7;
}

#gnav .item {
    background: #fff;
}

#gnav .item .accordionBtn {
    font-weight: bold;
    border-bottom: solid 1px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

#gnav .domestic .item .accordionBtn {
    color: #3a77c7;
    border-color: #ccdbee;
}

#gnav .oversea .item .accordionBtn {
    color: #2896c7;
    border-color: #b9dded;
}

#gnav .item .accordionBtn:before {
    width: 25px;
    line-height: 25px;
    display: block;
    content: "\f067";
    color: #fff;
    font-size: 12px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnav .item .accordionBtn.is-parent:before {
    content: "\f068";
}

#gnav .domestic .item .accordionBtn:before {
    background: #3a77c7;
}

#gnav .oversea .item .accordionBtn:before {
    background: #2896c7;
}

[data-element-id] #gnav .item .accordionBody {
    display: block;
}

#gnav .item .accordionBody {
    display: none;
}

#gnav .item dt {
    font-size: 14px;
    font-weight: bold;
    background: #eee;
    padding: 10px;
}

#gnav .domestic .item dt {
    background: #ccdbee;
}

#gnav .oversea .item dt {
    background: #b9dded;
}

#gnav .item dd ul {
    border-bottom: 1px solid #ccdbee;
}

#gnav .item dd li {
    width: 50%;
    border-bottom: 1px solid #ccdbee;
}

#gnav .item dd li:nth-of-type(2n+1) {
    border-right: 1px solid #ccdbee;
}

#gnav .item dd li:last-of-type {
    border-bottom: none;
}

#gnav .item dd li:nth-of-type(2n+1):nth-last-of-type(2) {
    border-bottom: none;
}

#gnav .item dd li a {
    display: block;
    font-size: 12px;
    padding: 10px;
    padding-right: 20px;
    position: relative;
}

#gnav .item dd li a:after {
    display: block;
    content: "\f054";
    font-size: 10px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnav .item .btn {
    padding: 10px 10px 0;
}

#gnav .item .btn:last-of-type {
    padding-bottom: 10px;
}

#gnav .item .btn a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    position: relative;
}

#gnav .domestic .item .btn a {
    color: #3a77c7;
    background: #ccdbee;
}

#gnav .oversea .item .btn a {
    color: #2896c7;
    background: #b9dded;
}

#gnav .item .btn a:after {
    display: block;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* footer */

.footerMain {
    background-color: #f5f5f5;
    padding: 40px 0;
}

.footerMain .box:not(:last-of-type) {
    margin-bottom: 20px;
}

.footerMain .box h3 {
    font-weight: bold;
    padding: 0 0 10px 5px;
    margin-bottom: 10px;
}

.footerMain .domestic h3 {
    color: #3a77c7;
    border-bottom: 1px solid #3a77c7;
}

.footerMain .oversea h3 {
    color: #2896c7;
    border-bottom: 1px solid #2896c7;
}

.footerMain .item:not(:last-of-type) {
    margin-bottom: 20px;
}

.footerMain .item h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
}

.footerMain .item ul {
    padding-left: 10px;
}

.footerMain .item li {
    margin: 0 20px 10px 0;
}

.footerMain .item li a {
    font-size: 14px;
    padding-left: 10px;
    position: relative;
}

.footerMain .item li a:after {
    display: block;
    content: "\f054";
    font-size: 10px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footerSiteMap {
    background: #2896c7;
    padding: 40px 0;
}

.footerSiteMap .logo {
    width: 150px;
}

.footerSiteMap .box {
    width: calc(100% - 250px);
}

.footerSiteMap .box li {
    margin: 0 20px 10px 0;
}

.footerSiteMap .box li a {
    color: #fff;
    font-size: 12px;
    padding-left: 10px;
    position: relative;
}

.footerSiteMap .box li a:after {
    display: block;
    content: "\f054";
    font-size: 10px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footerSiteMap .copy {
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 1024px) {
    .footerSiteMap .logo {
        width: 120px;
    }

    .footerSiteMap .box {
        width: calc(100% - 170px);
    }
}

@media (max-width: 599px) {
    .footerSiteMap .logo {
        width: 100px;
    }

    .footerSiteMap .box {
        width: 100%;
        margin-top: 20px;
    }
}



/*===================================
トップページ
===================================*/

/* alartBlock */

.alartBlock {
    margin-bottom: 10px;
}

.alartBlock .inner {
    border: solid 1px #8c8c8c;
    border-radius: 5px;
    padding: 10px;
}

.alartBlock .icon {
    width: 25px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}



/* mainimgBlock */

.mainImgBlock {
    position: relative;
    overflow: hidden;
}

/* mainImg */

.mainImg {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .uk-slideshow > li {
    opacity: 1;
}

.mainImg .uk-slidenav-position {
    height: 100% !important;
}

.mainImg .uk-slideshow {
    height: 100% !important;
}

.mainImg .uk-slideshow > li {
    height: 100% !important;
}

.mainImg .uk-slideshow > li > div {
    height: 100% !important;
}

.mainImg .uk-slideshow > li > div > img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}



/* searchWrap */

.searchWrap {
    position: relative;
    /* z-index: 5; */
}

.searchWrap .left {
    width: 62%;
}

.searchWrap .right {
    width: 35%;
}

@media (max-width: 1024px) {
    .searchWrap .left {
        width: 100%;
    }

    .searchWrap .right {
        width: 100%;
        margin-top: 30px;
    }
}



/* bannerBlock */

[data-element-id] .bannerBlock .slick01 {
    display: flex;
    flex-wrap: wrap;
}

[data-element-id] .bannerBlock .slick01 > * {
    width: 33.333%;
    margin-bottom: 20px;
}

.bannerBlock .item {
    display: block;
    margin: 0 20px;
}

@media (max-width: 599px) {
    .bannerBlock .item {
        margin: 0 10px;
    }
}



/* newsBlock */

.newsBlock .item {
    border-bottom: solid 1px #ddd;
    padding: 0 30px 30px;
    margin-bottom: 30px;
}

.newsBlock .item .left {
    margin-right: 20px;
}

.newsBlock .item .left .date {
    font-weight: bold;
}

.newsBlock .item .right .tit {
    text-decoration: underline;
}

@media (max-width: 599px) {
    .newsBlock .item {
        padding: 0 10px 10px;
        margin-bottom: 10px;
    }

    .newsBlock .item .left .date {
        font-size: 12px;
    }

    .newsBlock .item .right .tit {
        font-size: 12px;
    }
}



/* packageBlock */

.packageBlock {
    background: #2896c7;
}

.packageBlock .ttl {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.packageBlock .ttl span {
    display: block;
    text-align: center;
}

.packageBlock .ttl .lead {
    color: #fff;
    font-size: 28px;
    padding: 0 80px;
    position: relative;
}

.packageBlock .ttl .lead:before, .packageBlock .ttl .lead:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
}

.packageBlock .ttl .lead:before {
    width: 60px;
    height: 40px;
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_plane.png) no-repeat;
    background-size: 100%;
    left: 0;
}

.packageBlock .ttl .lead:after {
    width: 55px;
    height: 80px;
    background: url(/import/tenant_2/shirokuma.wbf.co.jp/import/tenant_1/153.127.54.224/html/images/common/icon/icon_hotel.png) no-repeat;
    background-size: 100%;
    right: 0;
}

.packageBlock .ttl .lead .big {
    font-size: 120%;
    font-weight: bold;
}

.packageBlock .ttl .sub {
    color: #2896c7;
    font-size: 28px;
    font-weight: bold;
    background: #fff;
    padding: 0 10px;
    margin-top: 10px;
}

.packageBlock .item {
    display: block;
    border-right: solid 1px #fff;
    padding: 0 20px;
}

.packageBlock .col > div:nth-of-type(3n+1) .item {
    border-left: solid 1px #fff;
}

.packageBlock .item .left {
    width: 50px;
    margin: auto;
}

.packageBlock .item .left .num {
    line-height: 50px;
    color: #2896c7;
    font-size: 28px;
    font-weight: bold;
    background: #fff;
    border-radius: 100%;
    margin: auto;
    text-align: center;
}

.packageBlock .item .right {
    width: 100%;
    margin-top: 10px;
}

.packageBlock .item .right .tit {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.packageBlock .item .right .txt {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 1024px) {
    .packageBlock .ttl .lead {
        font-size: 24px;
    }

    .packageBlock .ttl .sub {
        font-size: 20px;
    }

    .packageBlock .item {
        padding: 0 15px;
    }

    .packageBlock .item .right .tit {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .packageBlock .ttl .lead {
        width: 100%;
        font-size: 18px;
        padding: 0 40px;
    }

    .packageBlock .ttl .lead:before {
        width: 40px;
        height: 30px;
    }

    .packageBlock .ttl .lead:after {
        width: 40px;
        height: 60px;
    }

    .packageBlock .ttl .sub {
        font-size: 14px;
    }

    .packageBlock .item {
        border: none !important;
        padding: 0;
    }

    .packageBlock .item .left {
        width: 40px;
        margin: 0;
    }

    .packageBlock .item .left .num {
        line-height: 40px;
        font-size: 20px;
    }

    .packageBlock .item .right {
        width: calc(100% - 50px);
    }

    .packageBlock .item .right .tit {
        font-size: 14px;
        text-align: left;
    }

    .packageBlock .item .right .txt {
        font-size: 14px;
        text-align: left;
    }
}



/*===================================
下層ページ
===================================*/

/* underImgBlock */

.underImgBlock .searchWrap {
    margin-top: -50px;
}

/* unerImg */

.underImg {
    width: 100%;
    height: 300px;
    position: relative;
}

.underImg .uk-slidenav-position {
    height: 100% !important;
}

.underImg .uk-slideshow {
    height: 100% !important;
}

.underImg .uk-slideshow > li {
    height: 100% !important;
}

.underImg .uk-slideshow > li > div {
    height: 100% !important;
}

.underImg .uk-slideshow > li > div > img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.underImg .ttl {
    width: 94%;
    max-width: 1200px;
    color: #fff;
    font-weight: bold;
    border-left: solid 15px #2896c7;
    padding-left: 15px;
    text-shadow: 1px 1px 6px #222;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 600px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.underImg .ttl span {
    display: block;
}

.underImg .ttl .lead {
    font-size: 46px;
    line-height: 1.2;
}

.underImg .ttl .sub {
    font-size: 18px;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .underImgBlock .searchWrap {
        margin-top: 30px;
    }

    .underImg {
        height: 250px;
    }

    .underImg .ttl {
        border-left: solid 10px #2896c7;
        top: 50%;
        left: 3%;
    }

    .underImg .ttl .lead {
        font-size: 36px;
    }

    .underImg .ttl .sub {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .underImg {
        height: 200px;
    }

    .underImg .ttl {
        padding-left: 10px;
        left: 3%;
    }

    .underImg .ttl .lead {
        font-size: 26px;
    }

    .underImg .ttl .sub {
        font-size: 14px;
    }
}



/* depBlock */

.depBlock .box01 {
    background: #666;
    padding: 20px 0;
}
@media (max-width: 599px) {
  .depBlock .box01 {padding: 10px 0;}  
}

.depBlock .box01 .ttlBox .ttl {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.depBlock .box01 .ttlBox .depChange {
    width: 100%;
    max-width: 220px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}

.depBlock .box02 {
    border-bottom: solid 3px #666;
}

.depBlock .box02 .inner {
    overflow: hidden;
}

.depBlock .box02 li a {
    height: 100%;
    font-weight: bold;
    border-right: solid 3px #666;
    padding: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.depBlock .box02 li:nth-of-type(6n+1) a {
    border-left: solid 3px #666;
}

.depBlock .box02 li a:before {
    display: block;
    content: "\f078";
    color: #2896c7;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .depBlock .box02 .inner {
        width: 100%;
        max-width: none;
        border: none;
    }

    .depBlock .box02 li:nth-of-type(3n+1) a {
        border-left: none;
    }

    .depBlock .box02 li:nth-of-type(3n+4) a:after {
        display: block;
        content: "";
        width: 10000%;
        border-bottom: solid 3px #666;
        position: absolute;
        top: 0;
        left: 0;
    }

    .depBlock .box02 li:nth-of-type(3n+3) a {
        border-right: none;
    }
}

@media (max-width: 599px) {
    .depBlock .box01 .ttlBox .ttl {
        font-size: 14px;
    }

    .depBlock .box01 .ttlBox .select {
        font-size: 14px;
        padding: 5px;
    }

    .depBlock .box02 li a {
        font-size: 12px;
        padding: 15px 10px;
    }

    .depBlock .box02 li a:before {
        right: 5px;
    }
}



/* faqBlock */

.faqBlock .list {
    max-width: 1200px;
    margin: auto;
}

.faqBlock .item {
    border-bottom: solid 1px #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.faqBlock .item dt {
    min-height: 40px;
    font-size: 22px;
    font-weight: bold;
    padding-left: 60px;
    padding-right: 1.5em;
    position: relative;
    cursor: pointer;
}

.faqBlock .item dt:before {
    display: block;
    content: "Q";
    width: 40px;
    height: 40px;
    line-height: 34px;
    color: #fff;
    font-size: 22px;
    background: #658d08;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.faqBlock .item dt:after {
    display: block;
    content: "\f078";
    color: #658d08;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
}

.faqBlock .item dt.is-parent:after {
    content: "\f077";
}

[data-element-id] .faqBlock .item dd {
    display: block;
}

.faqBlock .item dd {
    display: none;
    font-size: 18px;
    padding-left: 3em;
    margin-top: 20px;
    position: relative;
}

.faqBlock .item dd .txt {
    display: block;
    padding-top: 10px;
    padding-left: 40px;
    position: relative;
}

.faqBlock .item dd .txt:before {
    display: block;
    content: "A";
    color: #658d08;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 599px) {
    .faqBlock .item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .faqBlock .item dt {
        font-size: 16px;
        padding-left: 35px;
    }

    .faqBlock .item dt:before {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 16px;
    }

    .faqBlock .item dd {
        padding-left: 10px;
    }

    .faqBlock .item dd .txt {
        font-size: 14px;
        padding-top: 5px;
        padding-left: 25px;
    }

    .faqBlock .item dd .txt:before {
        font-size: 16px;
    }
}



/* column2 */

.column2-wrap .column2-main {
    width: calc(100% - 300px);
}

.column2-wrap .column2-side {
    width: 250px;
}

@media (max-width: 599px) {
  .column2-wrap .column2-main {
      width: 100%;
  }
  
  .column2-wrap .column2-side {
      width: 100%;
      margin-top: 30px;
  }
}



/* latestList */

.latestList .tit {
    color: #2896c7;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.latestList .tit:before {
    display: inline-block;
    content: "▼";
    margin-right: 5px;
}

.latestList dl {
    border-bottom: dashed 2px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.latestList dl:last-of-type {
    margin-bottom: 0;
}

.latestList dt {
    font-size: 14px;
    margin-bottom: 5px;
}

.latestList dd {
    font-size: 14px;
}
/* ------------------------------
  @ Jamp Page
--------------------------------- */

.wrapper--wm1200{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.wrapper--img{
  display:block;
  margin:0 auto;
}

/* 値下げ速報ボタン */
p.sokuho{
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
p.sokuho a{
  padding: 10px 100px;
  border-radius: 6px;
  background-color: #e32613;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  display: inline-block;
}
p.sokuho a::after{
  content:"\f054";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: .5rem;
	padding: 0 0 0 1rem;
	position: absolute;
	top:calc(50% - 1em);
	right: 2em;
}
@media (max-width: 599px) {
  p.sokuho{
    margin: 10px 0;
  }
  p.sokuho a{
    padding: 10px 60px;
    font-size: 15px;
  }
}