@charset "utf-8";

body {
    margin : 0;
    -webkit-overflow-scrolling : touch;
    overflow-x : hidden;
    overflow-y : scroll;
}
.pc { display : block !important; }
.sp { display : none !important; }

.planlp p {
    margin-bottom : 0;
}

.plan_mv img {
    width : 100vw;
}

.schedule {
    margin : 0 auto;
    width : 980px;
}

.schedule-text {
    font-size : 24px;
    font-weight : bold;
    padding-bottom : 60px;
    padding-top : 60px;
    text-align : center;
}

.main-contents {
    background-color : cadetblue;
}

.contents-text {
    margin : 0 auto;
    padding : 60px 0 40px;
    width : 980px;
}

.text-area {
    font-size : 20px;
}

.area-link {
    margin : 0 auto;
    width : 980px;
}

.area-title {
    padding-bottom : 30px;
    padding-top : 60px;
    text-align : center;
}

.area-title img {
    width : 36%;
}

.areatop {
    display : flex;
    justify-content : space-between;
    padding-bottom : 50px;
}

.area-image img {
    border-radius : 20px;
    height : 124px;
    object-fit : cover;
    width : 221px;
}

.area-text p {
    color : #488693;
    font-size : 14px;
    margin : 2px 0 0 0;
}

.area-text a {
    text-decoration : none;
}

.area-image:hover {
    opacity : .7;
}

.one-column {
    margin : 0 auto;
    width : 980px;
}

.one-column-box {
    background-color : #f5f5f5;
    box-shadow : 12px 12px 0 #666;
    margin-bottom : 100px;
    padding : 40px 40px;
}

.plan-copy {
    font-size : 18px;
    margin-bottom : 10px;
    width : 900px;
}

.plan-image {
    height : 506px;
    object-fit : none;
    width : 900px;
}

.plan-image img {
    height : 100%;
    width : 100%;
}

.plan-tag {
    display : flex;
    padding-top : 10px;
}

.tag {
    background-color : #00286d;
    color : #fff;
    font-size : 15px;
    margin-right : 10px;
    padding : 5px 10px;
}

.plan-area {
    align-items : center;
    display : flex;
    margin-top : 10px;
}

.plan-area img {
    font-size : 18px;
    height : 24px;
    width : 24px;
}

.area {
    margin : 3px 0 0;
    padding-left : 3px;
    vertical-align : baseline;
    width : 980px;
}

.hotel-name {
    color : #1558d6;
    font-size : 24px;
    margin-bottom : 0;
    padding : 0;
}

.plan-detail {
    font-size : 14px;
    text-align : right;
}

.plan-price {
    display : flex;
    justify-content : flex-end;
    padding-bottom : 7px;
    padding-left : 250px;
}

.price {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 24px;
    margin : 0;
}

.set {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 18px;
    margin : 0;
    padding-top : 5px;
}

.stay-schedule {
    font-size : 16px;
}

.benefits {
    font-size : 16px;
    padding-bottom : 7px;
}

.plan-text {
    border-top : 2px dashed #00286d;
    margin : 0;
    padding-top : 7px;
}

p .plan-text {
    font-size : 18px;
}

.localist {
    display : flex;
    margin-top : 10px;
}

.localist img {
    border-radius : 50%;
    height : 70px;
    margin-right : 7px;
    object-fit : cover;
    width : 70px;
}

.localist-word {
    background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/pc1column.png);
    background-repeat : no-repeat;
    background-size : contain;
    height : 25px;
    margin : 5px 0;
    object-fit : scale-down;
    padding-bottom : 20px;
    padding-left : 35px;
    padding-top : 16px;
    width : 823px;
}

.localist-area {
    color : #252525;
    font-size : 12px;
    padding-top : 5px;
    text-align : left;
    width : 200px;
}

.localist-name {
    color : #252525;
    font-size : 12px;
    margin-bottom : 5px;
    padding-bottom : 10px;
    text-align : left;
    width : 200px;
}

.click-area {
    display : flex;
    justify-content : space-between;
}

a.click01 {
    background : #fff;     /* 背景色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #00286d;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 16px;        /* 文字サイズ */
    font-weight : bold;
    height : 15px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 437px;
}

a.click01:hover {
    background : #00286d;     /* 文字色     */
    border : 2px solid #fff;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #fff;     /* 背景色     */
}

.click02 a {
    background : #00286d;     /* 背景色     */
    border : 2px solid #fff;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #fff;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 16px;        /* 文字サイズ */
    font-weight : bold;
    height : 15px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 437px;
}

.click02 a:hover {
    background : #fff;     /* 文字色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #00286d;     /* 背景色     */
}

.button-text {
    display : flex;
    justify-content : space-between;
}

.button-text01 {
    color : #00286d;
    font-size : 14px;
    font-weight : bold;
    height : 15px;
    margin : 0;
    padding-top : 5px;
    text-align : center;
    width : 437px;
}

.two-column {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
    margin : 0 auto;
    width : 980px;
}

.two-column-box {
    background-color : #f5f5f5;
    box-shadow : 10px 10px 0 #666;
    margin-bottom : 100px;
    padding : 20px 25px;
    width : 418px;
}

.two-column-box > * {
    flex : 1 1 418px;
}

.two-plan-copy {
    font-size : 16px;
    margin-bottom : 7px;
    width : 418px;
}

.two-plan-image {
    height : 235px;
    object-fit : none;
    width : 418px;
}

.two-plan-image img {
    height : 100%;
    width : 100%;
}

.two-plan-tag {
    display : flex;
    margin-top : 10px;
}

.two-tag {
    background-color : #00286d;
    color : #fff;
    font-size : 14px;
    margin-right : 10px;
    padding : 5px 10px;
}

.two-plan-area {
    align-items : center;
    display : flex;
    margin-top : 10px;
}

.two-plan-area img {
    height : 20px;
    width : 20px;
}

.two-area {
    font-size : 16px;
    margin : 2px 0 0;
    padding-left : 2px;
    width : 380px;
}

.two-hotel-name {
    color : #1558d6;
    font-size : 20px;
    margin-bottom : 0;
    padding : 0;
}

.two-plan-detail {
    font-size : 14px;
    text-align : right;
}

.two-plan-price {
    display : flex;
    float : right;
    padding-bottom : 7px;
}

.two-price {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 24px;
    margin : 0;
    text-align : left;
}

.two-set {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 18px;
    margin : 0;
    padding-top : 5px;
    text-align : left;
}

.two-stay-schedule {
    clear : both;
    font-size : 16px;
}

.two-benefits {
    font-size : 16px;
    padding-bottom : 7px;
    width : 418px;
}

.two-plan-text {
    border-top : 2px dashed #00286d;
    font-size : 16px;
    margin : 0;
    padding-top : 7px;
    width : 418px;
}

.two-localist {
    display : flex;
    margin-top : 10px;
    width : 408px;
}

.two-localist img {
    border-radius : 50%;
    height : 60px;
    margin-right : 7px;
    object-fit : cover;
    width : 60px;
}

.two-localist-word {
    background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/pc2column.png);
    background-repeat : no-repeat;
    background-size : contain;
    font-size : 14px;
    line-height : 18px;
    margin : 3px 0;
    object-fit : scale-down;
    padding-bottom : 10px;
    padding-left : 16px;
    padding-right : 3px;
    padding-top : 8px;
    width : 345px;
}

.two-localist-area {
    color : #252525;
    font-size : 10px;
    padding-top : 2px;
    text-align : left;
    width : 100px;
}

.two-localist-name {
    color : #252525;
    font-size : 12px;
    margin-bottom : 2px;
    padding-bottom : 10px;
    text-align : left;
    width : 200px;
}

.two-button-area {
    display : flex;
    justify-content : space-between;
    width : 418px;
}

a.two-button01 {
    background : #fff;     /* 背景色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #00286d;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 13px;        /* 文字サイズ */
    font-weight : bold;
    height : 11px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 200px;
}

a.two-button01:hover {
    background : #00286d;     /* 文字色     */
    border : 2px solid #fff;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #fff;     /* 背景色     */
}

.two-button02 a {
    background : #00286d;     /* 背景色     */
    border : 2px solid #fff;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #fff;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 13px;        /* 文字サイズ */
    font-weight : bold;
    height : 11px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 200px;
}

.two-button02 a:hover {
    background : #fff;     /* 文字色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #00286d;     /* 背景色     */
}

.two-button-text {
    display : flex;
    justify-content : space-between;
    width : 418px;
}

.two-button-text01 {
    color : #00286d;
    font-size : 12px;
    font-weight : bold;
    height : 15px;
    margin : 0;
    padding-top : 5px;
    text-align : center;
    width : 200px;
}

.three-column {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
    margin : 0 auto;
    width : 980px;
}

.three-column-box > * {
    flex : 1 1 290px;
}

.three-column-box {
    background-color : #f5f5f5;
    box-shadow : 7px 7px 0 #666;
    margin-bottom : 100px;
    padding : 12px 10px;
    width : 290px;
}

.three-plan-copy {
    font-size : 14px;
    margin : 10px 0;
    margin-bottom : 7px;
    min-height : 51px;
    width : 290px;
}

.three-plan-image {
    height : 163px;
    object-fit : none;
    width : 290px;
}

.three-plan-image img {
    height : 100%;
    width : 100%;
}

.three-plan-tag {
    display : flex;
    width : 290px;
}

.three-tag {
    background-color : #00286d;
    color : #fff;
    font-size : 12px;
    margin : 7px 5px 7px 0;
    padding : 5px 10px;
}

.three-plan-area {
    align-items : center;
    display : flex;
    margin-top : 10px;
    width : 290px;
}

.three-plan-area img {
    height : 18px;
    width : 18px;
}

.three-area {
    font-size : 14px;
    margin : 2px 0 0;
    padding-left : 2px;
    width : 270px;
}

.three-hotel-name {
    color : #1558d6;
    font-size : 17px;
    margin-bottom : 0;
    padding : 0;
    width : 290px;
}

.three-plan-detail {
    font-size : 12px;
    text-align : right;
    width : 290px;
}

.three-plan-price {
    display : flex;
    float : right;
    padding-bottom : 7px;
}

.three-price {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 18px;
    margin : 0;
}

.three-set {
    background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
    font-size : 14px;
    margin : 0;
    padding-top : 5px;
}

.three-stay-schedule {
    clear : both;
    font-size : 13px;
    width : 290px;
}

.three-benefits {
    font-size : 13px;
    padding-bottom : 7px;
    width : 290px;
}

.readmore {
    flex : 1;
    margin : 0 auto 0;
    padding : 0;
    position : relative;
}

.readmore label {
    border-radius : 10px;
    bottom : 0;
    color : #00286d;
    cursor : pointer;
    display : table;
    font-size : 14px;
    left : 50%;
    margin : 0 auto;
    padding : 0;
    position : absolute;
    text-align : center;
    transform : translateX(-50%);
    width : 100%;
    z-index : 2;
}

.readmore input[type = 'checkbox'] {
    display : none;
}

.readmore-content {
    overflow : hidden;
    position : relative;
}

.readmore input[type = 'checkbox']:checked ~ .readmore-content {
    height : auto;
}

.readmore input[type = 'checkbox'] {
    display : none;
}

.three-plan-text {
    border-top : 2px dashed #00286d;
    font-size : 13px;
    margin : 0;
    padding-top : 5px;
    width : 290px;
}

.three-localist {
    display : flex;
    margin-top : 10px;
    width : 290px;
}

.three-localist img {
    border-radius : 50%;
    height : 44px;
    margin-right : 7px;
    object-fit : cover;
    width : 44px;
}

.three-localist-word {
    background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/pc2column.png);
    background-repeat : no-repeat;
    background-size : contain;
    font-size : 11px;
    line-height : 13px;
    margin : 3px 0;
    object-fit : scale-down;
    padding-bottom : 10px;
    padding-left : 14px;
    padding-top : 7px;
    width : 240px;
}

.three-localist-area {
    color : #252525;
    font-size : 8px;
    padding-top : 2px;
    text-align : left;
    width : 100px;
}

.three-localist-name {
    color : #252525;
    font-size : 10px;
    margin-bottom : 0;
    padding-bottom : 10px;
    text-align : left;
    width : 200px;
}

.three-button-area {
    display : flex;
    justify-content : space-between;
    width : 290px;
}

a.three-button01 {
    background : #fff;     /* 背景色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #00286d;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 12px;        /* 文字サイズ */
    font-weight : bold;
    height : 8px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 140px;
}

a.three-button01:hover {
    background : #00286d;     /* 文字色     */
    border : 2px solid #fff;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #fff;     /* 背景色     */
}

.three-button02 a {
    background : #00286d;     /* 背景色     */
    border : 2px solid #fff;    /* 枠の指定 */
    border-radius : 45px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    color : #fff;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : inline-block;
    font-size : 12px;        /* 文字サイズ */
    font-weight : bold;
    height : 10px;
    letter-spacing : 1px;
    line-height : 1em;         /* 1行の高さ  */
    padding : 12px 0;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 140px;
}

.three-button02 a:hover {
    background : #fff;     /* 文字色     */
    border : 2px solid #00286d;    /* 枠の指定 */
    box-shadow : none;        /* カーソル時の影消去 */
    color : #00286d;     /* 背景色     */
}

.three-button-text {
    display : flex;
    justify-content : space-between;
    width : 290px;
}

.three-button-text01 {
    color : #00286d;
    font-size : 10px;
    font-weight : bold;
    height : 15px;
    margin : 0;
    padding-top : 5px;
    text-align : center;
    width : 140px;
}

.time {
    margin : 0 auto;
    padding-bottom : 10px;
    width : 980px;
}

.other-plan {
    background-color : #f6f5ef;
    width : 100vw;
}

.other-plan-banner {
    box-sizing : border-box;
    margin : 0 auto;
    max-width : 1010px;
    padding : 0 15px 50px;
    width : 100%;
}

.planlp .other-plan-title {
    font-size : 20px;
    padding : 60px 0 30px;
    text-align : center;
}

.otherplan-box {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
}

.otherplan-link {
    padding-bottom : 20px;
    width : calc((100% - 20px) / 2);
}

.area-banner {
    padding-bottom : 30px;
}

.area-box {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
}

.banner-title {
    padding-bottom : 30px;
    padding-top : 60px;
    text-align : center;
}

.banner-title img {
    width : 36%;
}

.planlp .banner-title.noImg {
    margin-top : 83px;
    margin-bottom: 50px;
    padding: 0;
    text-align : left;
    .title_text {
        font-size : 24px;
        font-weight : bold;
        letter-spacing : 4.8px;
        padding-bottom : 5px;
    }
    .subtitle_Text {
        font-size : 16px;
    }
}

.banner-link img {
    padding-bottom : 20px;
}

.banner-link:hover {
    opacity : .7;
}

h2 {
    margin : 0;
}

.md {
    font-size : 18px;
    margin : 0 auto;
    padding-bottom : 50px;
    text-align : center;
    width : 980px;
}

/* ここまでプラン記事のスタイル */

/* ここからテーマ特集用css */
.pc { display : block !important; }
.sp { display : none !important; }

.feature {
    box-sizing : border-box;
    margin : 0 auto;
    max-width : 1010px;
    padding : 0 15px;
    width : 100%;
}

.color-image {
    color : #000;
}

.feature_mv {
    box-sizing : border-box;
    margin : 0 auto;
    max-width : 1010px;
    padding : 0 15px;
    width : 100%;
}

.feature_mv img {
    width : 100%;
}

.feature-contents-title {
    padding-top : 0;
}

h1 {
    font-size : 22px;
    letter-spacing : .1em;
    line-height : 1.3636;
    margin-bottom : 20px;
    margin-top : 20px;
}

.feature-contents-text {
    font-size : 16px;
    letter-spacing : .1em;
    line-height : 1.5;
    padding-top : 20px;
}

.feature_localist {
    background-color : #f5f5f5;
    border-radius : 8px;
    margin-top : 40px;
    padding : 28px 12px 23px 26px;
}

.feature-localist-box {
    display : flex;
    margin : 0 auto;
}

.feature-localist-title {
    font-size : 17px;
    font-weight : bold;
    letter-spacing : .1em;
    margin : 0 auto;
    padding-bottom : 10px;
}

.feature-localist-box img {
    border-radius : 50%;
    height : 120px;
    margin-right : 16px;
    object-fit : cover;
    width : 120px;
}

.feature_localist-detail {
    flex : 1;
}

.feature_localist-area {
    font-size : 14px;
    letter-spacing : .1em;
}

.feature_localist-name {
    font-weight : 700;
}

.feature_localist-title {
    font-size : 15px;
    font-weight : bold;
    letter-spacing : .1em;
    padding-top : 10px;
}

.feature_localist-text {
    font-size : 14px;
}

a.feature-localist-question {
    color : #777;
    display : inline-block;
    font-size : 12px;
    margin-top : 9px;
    text-decoration : none;
}

a.feature-localist-question:hover {
    opacity : .7;
}

.localist-question {
    font-size : 11px;
    margin-bottom : 40;
}

.feature-table-contents {
    padding-bottom : 0;
}

.feature-table-contents-box {
    display : flex;
    flex-wrap : wrap;
    gap : 20px 0;
    justify-content : space-between;
}

.feature-table-contents-title {
    font-size : 20px;
    font-weight : bold;
    letter-spacing : .1em;
    padding-bottom : 20px;
    padding-top : 40px;
}

.feature-table-contents-link {
    background-color : #333;
    cursor : pointer;
    position : relative;
    width : calc((100% - 49px) / 2);
}

.feature-table-contents-link a {
    display : block;
    position : relative;
}

.feature-table-contents-link a:before {
    background-color : rgba(51, 51, 51, .4);
    content : '';
    height : 100%;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
}

.feature-table-contents-link img {
    aspect-ratio : 465 / 200;
    display : block;
    object-fit : cover;
    width : 100%;
}

.feature-table-contents-text {
    bottom : 55px;
    box-sizing : border-box;
    color : #fff;
    font-size : 22px;
    font-weight : bold;
    left : 50%;
    line-height : 1.5;
    padding : 0 20px;
    position : absolute;
    text-align : center;
    transform : translate(-50%, 0);
    width : 100%;
}

.feature-anchoricon {
    bottom : 20px;
    height : 22px;
    left : 50%;
    position : absolute;
    transform : translate(-50%, 0);
    width : 22px;

    /* 重ねたい子要素にabsolute */
}

.feature-anchoricon img {
    aspect-ratio : 1 / 1;
    opacity : 1 !important;
}

.feature-table-contents-link:hover {
    opacity : .7;
}

.feature-area-title {
    padding-bottom : 30px;
    padding-top : 60px;
    text-align : center;
}

.feature-area-title img {
    width : 36%;
}

.feature-areatop {
    display : flex;
    justify-content : space-between;
    padding-bottom : 50px;
}

.feature-area-image img {
    border-radius : 20px;
    height : 124px;
    object-fit : cover;
    width : 221px;
}

.feature-area-text p {
    color : #488693;
    font-size : 14px;
    margin : 2px 0 0 0;
}

.feature-area-text a {
    text-decoration : none;
}

.feature-area-image:hover {
    opacity : .7;
}

.feature-contents {
    background-color : #f5f5f5;
    border-radius : 10px;
    margin-bottom : 20px;
    margin-top : 40px;
    padding : 33px 26px 40px;
}

.feature-content-read {
    font-size : 16px;
    line-height : 1.375;
    padding-bottom : 20px;
    padding-top : 10px;
}

.feature-contents-repeat + .feature-contents-repeat {
    margin-top : 42px;
}

.feature-contents-box {
    display : flex;
    flex-direction : row;
    justify-content : space-between;
}

.feature-image {
    padding : 0 20px 0 0;
    width : calc(396 / 928 * 100%);
}

.feature-image img {
    width : 100%;
}

.feature-plan-text {
    font-size : 15px;
    letter-spacing : .1em;
    padding-top : 7px;
}

.feature-localist {
    align-items : flex-start;
    display : flex;
    gap : 28px;
    justify-content : space-between;
    margin-top : 20px;
}

.feature-localist img {
    border-radius : 50%;
    height : 90px;
    object-fit : cover;
    width : 90px;
}

.feature-localist-word {
    background : #c6dff1;
    border-radius : 4px;
    color : #333;
    display : inline-block;
    flex : 1;
    font-size : 14px;
    line-height : 1.7143;
    margin : 1.5em 0 1.5em 15px;
    margin : 5px 0 0;
    max-width : 100%;
    min-width : 120px;
    padding : 14px 10px 32px;
    position : relative;
}

.feature-localist-word:before {
    border : 15px solid transparent;
    border-right : 15px solid #c6dff1;
    content : '';
    left : -30px;
    margin-top : -15px;
    padding-left : 4px;
    position : absolute;
    top : 35%;
}

.feature-localist-area {
    color : #252525;
    font-size : 12px;
    padding-top : 5px;
    text-align : left;
    width : 200px;
}

.feature-localist-name {
    color : #252525;
    font-size : 14px;
    font-weight : 700;
    line-height : 1.6;
    padding-top : 7px;
    text-align : center;
}

.feature-contents-data {
    background-color : #e8e8e8;
    border-radius : 4px;
    font-size : 14px;
    letter-spacing : .1em;
    margin-top : 20px;
    padding : 20px;
}

.feature-contents-data p {
    margin-bottom : 0;
}

.feature-button-area {
    margin-top : 20px;
    text-align : center;
}

.feature-button-area a,
.feature-button01 {
    background : #f5a241;     /* 背景色     */
    border-radius : 4px;          /* 角丸       */
    box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
    box-sizing : border-box;
    color : #fff;     /* 文字色     */
    cursor : pointer;     /* カーソル   */
    display : block;
    font-size : 14px;        /* 文字サイズ */
    font-weight : bold;
    letter-spacing : 2.24px;
    margin : 0 auto;
    max-width : 410px;
    padding : 13px;   /* 余白       */
    text-align : center;      /* 文字位置   */
    text-decoration : none;
    transition : .3s;         /* なめらか変化 */
    width : 100%;
}

.feature-button-area a:hover,
.feature-button01:hover {
    box-shadow : none;        /* カーソル時の影消去 */
    opacity : .8;
}


.feature-button-text {
    display : flex;
    justify-content : space-between;
}

.feature-button-text01 {
    color : #00286d;
    font-size : 14px;
    font-weight : bold;
    height : 15px;
    margin : 0;
    padding-top : 5px;
    text-align : center;
    width : 437px;
}

.readmore {
    margin : 0 auto 0;
    position : relative;
}

.readmore label {
    border-radius : 10px;
    bottom : 0;
    color : #00286d;
    cursor : pointer;
    display : table;
    font-size : 14px;
    left : 50%;
    margin : 0 auto;
    padding : 0;
    position : absolute;
    text-align : center;
    transform : translateX(-50%);
    width : 100%;
    z-index : 2;
}

.readmore input[type = 'checkbox'] {
    display : none;
}

.readmore-content {
    overflow : hidden;
    position : relative;
}

.readmore-content p {
    margin-bottom : 0;
}

.readmore-content .detail_text {
    margin-top: 10px;
    line-height : 1.6;
}

.readmore-content .detail_text p + p {
    margin-top : 2em;
}

.readmore input[type = 'checkbox']:checked ~ .readmore-content {
    height : auto;
}

.readmore input[type = 'checkbox'] {
    display : none;
}

.feature-pamad {
    margin : 40px auto 0;
    text-align : center;
}

.feature-pamad h2 {
    font-size : 24px;
}

.feature-pamad * + iframe {
    margin-top : 24px;
}

.feature-time {
    box-sizing : border-box;
    color : #707070;
    font-size : 12px;
    margin : 0 auto;
    margin-top : 40px;
    max-width : 1010px;
    padding : 0 15px 10px;
    width : 100%;
}

.other-plan {
    background-color : #f5f5f5;
    width : 100%;
}

.other-plan-banner {
    box-sizing : border-box;
    margin : 0 auto;
    max-width : 1010px;
    padding : 0 15px 40px;
    width : 100%;
}

.other-plan-title {
    font-size : 24px;
    letter-spacing : 4.5px;
    padding : 60px 0 30px;
}

.banner {
    box-sizing : border-box;
    margin : 0 auto;
    max-width : 1010px;
    padding : 0 15px 40px;
    width : 100%;
}

.area-banner {
    padding-bottom : 30px;
}

.area-banner .banner-link img {
    aspect-ratio : 467 / 262;
}

.area-banner .banner-link {
    width : calc((100% - 46px) / 2);
}

.area-box {
    display : flex;
    flex-wrap : wrap;
    gap : 40px 0;
    justify-content : space-between;
}

.feature-banner-title {
    font-size : 24px;
    font-weight : bold;
    letter-spacing : 4.8px;
    padding-bottom : 5px;
    padding-top : 83px;
}

.feature-banner-text {
    font-size : 16px;
    padding-bottom : 50px;
}

.banner-link {
    width : calc((100% - 70px) / 2);
}

.banner-link a {
    display : block;
}

.banner-link img {
    aspect-ratio : 455 / 286;
    object-fit : cover;
    padding-bottom : 0;
    width : 100%;
}

.banner-link:hover {
    opacity : .7;
}

h2 {
    font-size : 20px;
    letter-spacing : .1em;
    margin : 0;
}

h3 {
    font-size : 18px;
    letter-spacing : .1em;
    margin-bottom : 0;
}

.feature-images {
    margin-top : 40px;
}

.feature-images .feature-images-item + .feature-images-item {
    margin-top : 30px;
}

.feature-images .feature-images-item img {
    aspect-ratio : 980 / 490;
    object-fit : cover;
    width : 100%;
}

@media ( max-width : 768px ) {
    body {
        margin : 0;
        overflow-x : hidden;
    }
    .pc { display : none !important; }
    .sp { display : block !important; }

    .plan_mv img {
        width : 100%;
    }

    .feature-contents-title {
        margin : 0 auto;
        width : calc((393 - 12 * 2) / 393 * 100%);
    }

    .schedule {
        margin : 0 auto;
        width : 87%;
    }

    .schedule-text {
        font-size : 16px;
        font-weight : bold;
        padding-bottom : 40px;
        padding-top : 40px;
        text-align : center;
    }

    .main-contents {
        background-color : cadetblue;
    }

    .contents-text {
        margin : 0 auto;
        padding : 40px 0;
        width : 87%;
    }

    .text-area {
        font-size : 16px;
    }

    .one-column {
        justify-content : space-between;
        margin : 0 auto;
        width : 87%;
    }

    .one-column-box {
        background-color : #f5f5f5;
        box-shadow : 9px 9px 0 #666;
        margin-bottom : 60px;
        padding : 12px 12px;
    }

    .plan-copy {
        font-size : 14px;
        line-height : 1.5;
        margin : 10px 0;
        margin-bottom : 7px;
        width : 100%;
    }

    .plan-image {
        height : 163px;
        width : 100%;
    }

    .plan-image img {
        height : 100%;
        width : 100%;
    }

    .plan-tag {
        display : flex;
        width : 100%;
    }

    .tag {
        background-color : #00286d;
        color : #fff;
        font-size : 12px;
        margin : 7px 5px 7px 0;
        padding : 5px 10px;
    }

    .plan-area {
        align-items : center;
        display : flex;
        width : 100%;
    }

    .plan-area img {
        height : 18px;
        width : 18px;
    }

    .area {
        font-size : 14px;
        margin : 2px 0 0;
        padding-left : 2px;
        width : 300px;
    }

    .hotel-name {
        color : #1558d6;
        font-size : 18px;
        margin-bottom : 0;
        padding : 3px 0;
        width : 100%;
    }

    .plan-detail {
        font-size : 12px;
        text-align : right;
    }

    .plan-price {
        display : flex;
        float : right;
        padding-bottom : 7px;
        padding-left : 0;
    }

    .price {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 20px;
        margin : 0;
    }

    .set {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 16px;
        margin : 0;
        padding-top : 5px;
    }

    .stay-schedule {
        clear : both;
        font-size : 15px;
        width : 100%;
    }

    .benefits {
        font-size : 14px;
        padding-bottom : 7px;
        width : 100%;
    }

    .plan-text {
        border-top : 2px dashed #00286d;
        font-size : 14px;
        margin : 0;
        padding-top : 7px;
        width : 100%;
    }

    .localist {
        display : flex;
        margin-top : 10px;
        width : 100%;
    }

    .localist img {
        border-radius : 50%;
        height : 50px;
        margin-right : 7px;
        object-fit : cover;
        width : 50px;
    }

    .localist-word {
        background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/sp2column.png);
        background-repeat : no-repeat;
        background-size : contain;
        font-size : 12px;
        line-height : 13px;
        margin : 3px 0;
        object-fit : scale-down;
        padding-bottom : 10px;
        padding-left : 12px;
        padding-top : 7px;
        width : 86%;
    }

    .localist-area {
        color : #252525;
        font-size : 8px;
        padding-top : 1px;
        text-align : left;
        width : 100px;
    }

    .localist-name {
        color : #252525;
        font-size : 10px;
        margin-bottom : 0;
        padding-bottom : 10px;
        text-align : left;
        width : 200px;
    }

    .click-area {
        display : flex;
        justify-content : space-between;
        width : 100%;
    }

    a.click01 {
        background : #fff;     /* 背景色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #00286d;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 8px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    a.click01:hover {
        background : #00286d;     /* 文字色     */
        border : 2px solid #fff;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #fff;     /* 背景色     */
    }

    .click02 a {
        background : #00286d;     /* 背景色     */
        border : 2px solid #fff;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #fff;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 10px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    .click02 a:hover {
        background : #fff;     /* 文字色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #00286d;     /* 背景色     */
    }

    .button-text {
        display : flex;
        justify-content : space-between;
        padding-bottom : 10px;
        width : 100%;
    }

    .button-text01 {
        color : #00286d;
        font-size : 12px;
        font-weight : bold;
        height : 15px;
        margin : 0;
        text-align : center;
        width : 154px;
    }

    .two-column {
        justify-content : space-between;
        margin : 0 auto;
        width : 87%;
    }

    .two-column-box {
        background-color : #f5f5f5;
        box-shadow : 9px 9px 0 #666;
        margin-bottom : 60px;
        padding : 12px 12px;
        width : 100%;
    }

    .two-plan-copy {
        font-size : 14px;
        line-height : 1.5;
        margin : 10px 0;
        margin-bottom : 7px;
        width : 100%;
    }

    .two-plan-image {
        height : 163px;
        width : 100%;
    }

    .two-plan-image img {
        height : 100%;
        width : 100%;
    }

    .two-plan-tag {
        display : flex;
        width : 100%;
    }

    .two-tag {
        background-color : #00286d;
        color : #fff;
        font-size : 12px;
        margin : 7px 5px 7px 0;
        padding : 5px 10px;
    }

    .two-plan-area {
        align-items : center;
        display : flex;
        width : 100%;
    }

    .two-plan-area img {
        height : 18px;
        width : 18px;
    }

    .two-area {
        font-size : 14px;
        margin : 2px 0 0;
        padding-left : 2px;
        width : 300px;
    }

    .two-hotel-name {
        color : #1558d6;
        font-size : 18px;
        margin-bottom : 0;
        padding : 3px 0;
        width : 100%;
    }

    .two-plan-detail {
        font-size : 12px;
        text-align : right;
        width : 100%;
    }

    .two-plan-price {
        display : flex;
        float : right;
        padding-bottom : 7px;
    }

    .two-price {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 20px;
        margin : 0;
    }

    .two-set {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 16px;
        margin : 0;
        padding-top : 5px;
    }

    .two-stay-schedule {
        clear : both;
        font-size : 15px;
        width : 100%;
    }

    .two-benefits {
        font-size : 14px;
        padding-bottom : 7px;
        width : 100%;
    }

    .two-plan-text {
        border-top : 2px dashed #00286d;
        font-size : 14px;
        margin : 0;
        padding-top : 7px;
        width : 100%;
    }

    .two-localist {
        display : flex;
        margin-top : 10px;
        width : 100%;
    }

    .two-localist img {
        border-radius : 50%;
        height : 50px;
        margin-right : 7px;
        object-fit : cover;
        width : 50px;
    }

    .two-localist-word {
        background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/sp2column.png);
        background-repeat : no-repeat;
        background-size : contain;
        font-size : 12px;
        line-height : 13px;
        margin : 3px 0;
        object-fit : scale-down;
        padding-bottom : 10px;
        padding-left : 12px;
        padding-top : 7px;
        width : 86%;
    }

    .two-localist-area {
        color : #252525;
        font-size : 8px;
        padding-top : 1px;
        text-align : left;
        width : 100px;
    }

    .two-localist-name {
        color : #252525;
        font-size : 10px;
        margin-bottom : 0;
        padding-bottom : 10px;
        text-align : left;
        width : 200px;
    }

    .two-button-area {
        display : flex;
        justify-content : space-between;
        width : 100%;
    }

    a.two-button01 {
        background : #fff;     /* 背景色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #00286d;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 8px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    a.two-button01:hover {
        background : #00286d;     /* 文字色     */
        border : 2px solid #fff;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #fff;     /* 背景色     */
    }

    .two-button02 a {
        background : #00286d;     /* 背景色     */
        border : 2px solid #fff;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #fff;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 10px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    .two-button02 a:hover {
        background : #fff;     /* 文字色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #00286d;     /* 背景色     */
    }

    .two-button-text {
        display : flex;
        justify-content : space-between;
        padding-bottom : 10px;
        width : 100%;
    }

    .two-button-text01 {
        color : #00286d;
        font-size : 12px;
        font-weight : bold;
        height : 15px;
        margin : 0;
        text-align : center;
        width : 154px;
    }

    .three-column {
        justify-content : space-between;
        margin : 0 auto;
        width : 87%;
    }

    .three-column-box {
        background-color : #f5f5f5;
        box-shadow : 7px 7px 0 #666;
        margin-bottom : 60px;
        padding : 12px 12px;
        width : 100%;
    }

    .three-plan-copy {
        font-size : 14px;
        line-height : 1.5;
        margin : 10px 0;
        margin-bottom : 7px;
        width : 100%;
    }

    .three-plan-image {
        height : 163px;
        width : 100%;
    }

    .three-plan-image img {
        height : 100%;
        width : 100%;
    }

    .three-plan-tag {
        display : flex;
        width : 100%;
    }

    .three-tag {
        background-color : #00286d;
        color : #fff;
        font-size : 12px;
        margin : 7px 5px 7px 0;
        padding : 5px 10px;
    }

    .three-plan-area {
        align-items : center;
        display : flex;
        width : 100%;
    }

    .three-plan-area img {
        height : 18px;
        width : 18px;
    }

    .three-area {
        font-size : 14px;
        margin : 2px 0 0;
        padding-left : 2px;
        width : 300px;
    }

    .three-hotel-name {
        color : #1558d6;
        font-size : 18px;
        margin-bottom : 0;
        padding : 3px 0;
        width : 100%;
    }

    .three-plan-detail {
        font-size : 12px;
        text-align : right;
        width : 100%;
    }

    .three-plan-price {
        display : flex;
        float : right;
        padding-bottom : 7px;
    }

    .three-price {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 20px;
        margin : 0;
    }

    .three-set {
        background : linear-gradient(transparent 0%, transparent 50%, rgba(77, 121, 244, .3) 50%, rgba(77, 121, 244, .3) 100%);
        font-size : 16px;
        margin : 0;
        padding-top : 5px;
    }

    .three-stay-schedule {
        clear : both;
        font-size : 15px;
        width : 100%;
    }

    .three-benefits {
        font-size : 14px;
        padding-bottom : 7px;
        width : 100%;
    }

    .readmore {
        margin : 0;
        padding : 0;
        position : relative;
    }

    .readmore.is-default-show .readmore-content {
        height : auto;
        padding-bottom : 0;
    }

    .readmore.is-default-show .readmore-content:before {
        display : none;
    }

    .readmore label {
        background : linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 95%);
        bottom : -1px;
        color : #00286d;
        cursor : pointer;
        display : table;
        left : 50%;
        margin : 0 auto;
        padding : 0;
        position : absolute;
        text-align : center;
        transform : translateX(-50%);
        width : 100%;
        z-index : 2;
    }

    .readmore label:before {
        content : 'もっと読む';
        font-size : 12px;
    }

    .readmore label:after {
        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI3OCIgaGVpZ2h0PSI0LjgzNCIgdmlld0JveD0iMCAwIDkuMjc4IDQuODM0Ij4KICA8cGF0aCBpZD0i5LiL5ZCR44GN55+i5Y2w44Gu44Ki44Kk44Kz44OzIiBkPSJNNzIuNjM5LDExNi41ODRhLjUuNSwwLDAsMS0uMzQtLjEzM2wtNC4xMzktMy44MzRhLjUuNSwwLDAsMSwuNjgtLjczNGwzLjgsMy41MTksMy44LTMuNTE5YS41LjUsMCwxLDEsLjY4LjczNGwtNC4xMzksMy44MzRBLjUuNSwwLDAsMSw3Mi42MzksMTE2LjU4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OCAtMTExLjc1KSIgZmlsbD0iIzAwMjg2ZCIvPgo8L3N2Zz4K);
        background-position : center;
        background-repeat : no-repeat;
        background-size : contain;
        content : '';
        display : inline-block;
        height : 5px;
        margin-left : 4px;
        vertical-align : middle;
        width : 10px;
    }

    .readmore input[type = 'checkbox']:checked ~ label:before {
        content : '閉じる';
    }

    .readmore input[type = 'checkbox']:checked ~ label:after {
        margin-right : 4px;
        transform : rotate(180deg);
    }

    .readmore input[type = 'checkbox'] {
        display : none;
    }

    .readmore-content {
        height : 65px;
        overflow : hidden;
        position : relative;
    }

    .readmore-content .detail_text {
        margin-top: 5px;
        line-height : 1.57;
    }

    .readmore input[type = 'checkbox']:checked ~ .readmore-content {
        height : auto;
    }

    .readmore-content:before {
        background : linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 70%);
        bottom : 0;
        content : '';
        display : block;
        height : 45px;
        left : 0;
        position : absolute;
        width : 100%;
        z-index : 1;
    }

    .readmore input[type = 'checkbox']:checked ~ .readmore-content:before {
        display : none;
    }

    .three-plan-text {
        font-size : 14px;
        width : 100%;
    }

    .three-localist {
        display : flex;
        margin-top : 10px;
        width : 100%;
    }

    .three-localist img {
        border-radius : 50%;
        height : 50px;
        margin-right : 7px;
        object-fit : cover;
        width : 50px;
    }

    .three-localist-word {
        background-image : url(https://www.tabirai.net/hotel/cms/wp-content/uploads/2024/07/sp2column.png);
        background-repeat : no-repeat;
        background-size : contain;
        font-size : 12px;
        line-height : 13px;
        margin : 3px 0;
        object-fit : scale-down;
        padding-bottom : 10px;
        padding-left : 12px;
        padding-top : 7px;
        width : 86%;
    }

    .three-localist-area {
        color : #252525;
        font-size : 8px;
        padding-top : 1px;
        text-align : left;
        width : 100px;
    }

    .three-localist-name {
        color : #252525;
        font-size : 10px;
        margin-bottom : 0;
        padding-bottom : 10px;
        text-align : left;
        width : 200px;
    }

    .three-button-area {
        display : flex;
        justify-content : space-between;
        width : 100%;
    }

    a.three-button01 {
        background : #fff;     /* 背景色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #00286d;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 8px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    a.three-button01:hover {
        background : #00286d;     /* 文字色     */
        border : 2px solid #fff;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #fff;     /* 背景色     */
    }

    .three-button02 a {
        background : #00286d;     /* 背景色     */
        border : 2px solid #fff;    /* 枠の指定 */
        border-radius : 45px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #fff;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        display : inline-block;
        font-size : 13px;        /* 文字サイズ */
        font-weight : bold;
        height : 10px;
        letter-spacing : 1px;
        line-height : 1em;         /* 1行の高さ  */
        padding : 12px 0;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 150px;
    }

    .three-button02 a:hover {
        background : #fff;     /* 文字色     */
        border : 2px solid #00286d;    /* 枠の指定 */
        box-shadow : none;        /* カーソル時の影消去 */
        color : #00286d;     /* 背景色     */
    }

    .three-button-text {
        display : flex;
        justify-content : space-between;
        padding-bottom : 10px;
        width : 100%;
    }

    .three-button-text01 {
        color : #00286d;
        font-size : 12px;
        font-weight : bold;
        height : 15px;
        margin : 0;
        text-align : center;
        width : 154px;
    }

    .time {
        margin : 0 auto;
        padding-bottom : 3px;
        width : 87%;
    }

    .other-plan {
        background-color : #f6f5ef;
        width : 100vw;
    }

    .other-plan-banner {
        margin : 0 auto;
        padding : 0;
        width : 87%;
    }

    .other-plan-title {
        font-size : 20px;
        letter-spacing : 4px;
        padding : 30px 0;
    }

    .otherplan-box {
        display : block;
        width : 100%;
    }

    .otherplan-link {
        padding-bottom : 30px;
        width : 100%;
    }

    .area-banner {
        margin : 0 auto;
        padding-bottom : 0;
        width : 87%;
    }

    .area-banner .banner-link {
        width : 100%;
    }

    .area-box {
        display : block;
        width : 100%;
    }

    .area-box .banner-link img {
        aspect-ratio : 326 / 183;
    }

    .banner-title {
        padding-bottom : 15px;
        padding-top : 30px;
        text-align : center;
    }

    .banner-title img {
        width : 80%;
    }

    .planlp .banner-title.noImg {
        margin-top : 30px;
        margin-bottom: 30px;
        padding: 0;
        text-align : left;
        .title_text {
            font-size: 20px;
            letter-spacing: 4px;
            font-weight: bold;
            padding-bottom : 5px;
        }
        .subtitle_Text {
            font-size : 14px;
        }
    }

    .banner-link {
        padding-bottom : 30px;
        width : 100%;
    }

    .banner-link img {
        aspect-ratio : 369 / 232;
        padding-bottom : 0;
    }

    .banner-link:hover {
        opacity : .7;
    }

    h2 {
        margin : 0;
    }

    .md {
        margin : 0 auto;
        padding-bottom : 30px;
        width : 87%;
    }

    /* ここまでプラン記事のスタイル */

    /* ここからテーマ特集用css */
    h1 {
        margin-bottom : 10px;
        margin-top : 15px;
    }

    .feature {
        margin : 0 auto;
        padding : 0;
        width : calc((393 - 12 * 2) / 393 * 100%);
    }

    .feature_mv {
        padding : 0;
        width : 100%;
    }

    .feature_localist {
        box-sizing : border-box;
        margin-top : 25px;
        padding : 13px 20px 15px;
        width : 100%;
    }

    .feature-localist-title {
        font-size : 18px;
        text-align : center;
        width : 100%;
    }

    .feature-localist-box {
        gap : 15px;
        width : 100%;
    }

    .feature-localist-box img {
        border-radius : 50%;
        height : 130px;
        margin-right : 0;
        object-fit : cover;
        width : 130px;
    }

    .feature-left {
        flex-shrink : 0;
        margin-right : 5px;
    }

    .feature_localist-title {
        font-size : 15px;
        font-weight : bold;
        letter-spacing : .1em;
        padding-top : 0;
    }

    .feature_localist-text {
        font-size : 14px;
    }

    .feature_localist-area {
        font-size : 11px;
        letter-spacing : .1em;
        padding-top : 5px;
        text-align : center;
    }

    .feature_localist-name {
        font-size : 13px;
        text-align : center;
        width : 100%;
    }

    .feature-table-contents {
        margin : 0 auto;
        width : 100%;
    }

    .feature-table-contents-title {
        font-size : 24px;
        letter-spacing : .1em;
        padding-bottom : 10px;
        padding-top : 24px;
    }

    .feature-table-contents-box {
        display : flex;
        flex-wrap : wrap;
        gap : 10px 0;
        justify-content : space-between;
    }

    .feature-table-contents-link {
        width : 48%;
    }

    .feature-table-contents-link img {
        aspect-ratio : 175 / 92;
    }

    .feature-table-contents-text {
        bottom : 25px;
        font-size : 15px;
        line-height : 1.33;
        padding : 0 12px;
    }

    .feature-anchoricon {
        bottom : 10px;
        height : 12px;
        left : 50%;
        position : absolute;
        transform : translate(-50%, 0);
        width : 12px;

        /* 重ねたい子要素にabsolute */
    }

    .feature-anchoricon img {
        aspect-ratio : 1 / 1;
        opacity : 1 !important;
    }

    .feature-main {
        margin : 0 auto;
        width : 100%;
    }

    .feature-main-contents {
        background-color : #fff;
        margin : 0 auto;
        width : 100%;
    }

    .feature-contents {
        margin-top : 25px;
        padding : 25px 20px;
    }

    .feature-contents-box {
        display : block;
    }

    .feature-content-read {
        font-size : 15px;
        line-height : 1.4667;
        padding-bottom : 20px;
        padding-top : 10px;
    }


    .feature-contents-repeat + .feature-contents-repeat {
        margin-top : 25px;
    }

    .feature-contents-text {
        line-height : 1.6;
        margin : 0 auto;
        padding : 10px 0 0 0;
        width : 100%;
    }

    .feature-image {
        padding-bottom : 10px;
        padding-right : 0;
        width : 100%;
    }

    .feature-text-area {
        font-size : 16px;
    }

    .feature-plan-area {
        display : flex;
        width : 100%;
    }

    .feature-plan-area img {
        height : 18px;
        width : 18px;
    }

    .feature-area {
        font-size : 14px;
        margin : 2px 0 0;
        padding-left : 2px;
        width : 200px;
    }

    .feature-plan-text {
        font-size : 15px;
        letter-spacing : .1em;
        padding-top : 10px;
        width : 100%;
    }

    .feature-contents-data {
        background-color : #e8e8e8;
        border-radius : 4px;
        font-size : 14px;
        letter-spacing : .1em;
        line-height : 1.6;
        margin : 13px 0;
        padding : 10px;
    }

    .feature-contents-data p {
        margin-bottom : 0;
    }

    .feature-localist {
        display : flex;
        gap : 20px;
        margin-top : 20px;
        width : 100%;
    }

    .feature-localist img {
        border-radius : 50%;
        height : 74px;
        object-fit : cover;
        width : 74px;
    }

    .feature-localist-word {
        background : #c6dff1;
        border-radius : 4px;
        color : #333;
        display : inline-block;
        font-size : 13px;
        margin : 5px 0 0;
        max-width : 100%;
        min-width : 120px;
        padding : 7px 10px;
        position : relative;
    }

    .feature-localist-word:before {
        border : 15px solid transparent;
        border-right : 15px solid #c6dff1;
        content : '';
        left : -30px;
        margin-top : -15px;
        padding-left : 6px;
        position : absolute;
        top : 30%;
    }

    .feature-localist-area {
        color : #252525;
        font-size : 9px;
        padding-top : 1px;
        text-align : left;
        width : 100px;
    }

    .feature-localist-name {
        color : #252525;
        font-size : 13px;
        padding-top : 5px;
        text-align : center;
    }

    .feature-button-area {
        margin-top : 20px;
        text-align : center;
    }

    .feature-button-area a,
    .feature-button01 {
        background : #f5a241;     /* 背景色     */
        border-radius : 4px;          /* 角丸       */
        box-shadow : 2px 2px 3px #7f7f7f;  /* 影の設定 */
        color : #fff;     /* 文字色     */
        cursor : pointer;     /* カーソル   */
        font-size : 15px;        /* 文字サイズ */
        font-weight : 700;
        line-height : 1.6;         /* 1行の高さ  */
        padding : 14px;   /* 余白       */
        text-align : center;      /* 文字位置   */
        text-decoration : none;
        transition : .3s;         /* なめらか変化 */
        width : 100%;
    }

    .-button01:hover {
        opacity : .5;
    }

    .feature-button-text {
        display : flex;
        justify-content : space-between;
        width : 100%;
    }

    .feature-button-text01 {
        color : #00286d;
        font-size : 12px;
        font-weight : bold;
        height : 15px;
        margin : 0;
        padding-top : 5px;
        text-align : center;
        width : 154px;
    }

    .readmore label {
        background : linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 95%);
        bottom : -1px;
        color : #00286d;
        cursor : pointer;
        display : table;
        left : 50%;
        margin : 0 auto;
        padding : 0;
        position : absolute;
        text-align : center;
        transform : translateX(-50%);
        width : 100%;
        z-index : 2;
    }

    .readmore label:before {
        content : 'もっと読む';
        font-size : 12px;
    }

    .readmore label:after {
        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI3OCIgaGVpZ2h0PSI0LjgzNCIgdmlld0JveD0iMCAwIDkuMjc4IDQuODM0Ij4KICA8cGF0aCBpZD0i5LiL5ZCR44GN55+i5Y2w44Gu44Ki44Kk44Kz44OzIiBkPSJNNzIuNjM5LDExNi41ODRhLjUuNSwwLDAsMS0uMzQtLjEzM2wtNC4xMzktMy44MzRhLjUuNSwwLDAsMSwuNjgtLjczNGwzLjgsMy41MTksMy44LTMuNTE5YS41LjUsMCwxLDEsLjY4LjczNGwtNC4xMzksMy44MzRBLjUuNSwwLDAsMSw3Mi42MzksMTE2LjU4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OCAtMTExLjc1KSIgZmlsbD0iIzAwMjg2ZCIvPgo8L3N2Zz4K);
        background-position : center;
        background-repeat : no-repeat;
        background-size : contain;
        content : '';
        display : inline-block;
        height : 5px;
        margin-left : 4px;
        vertical-align : middle;
        width : 10px;
    }

    .readmore input[type = 'checkbox']:checked ~ label:before {
        content : '閉じる';
    }

    .readmore input[type = 'checkbox']:checked ~ label:after {
        margin-right : 4px;
        transform : rotate(180deg);
    }

    .readmore input[type = 'checkbox'] {
        display : none;
    }

    .readmore-content {
        height : 50px;
        overflow : hidden;
        padding-bottom : 25px;
        position : relative;
    }

    .readmore input[type = 'checkbox']:checked ~ .readmore-content {
        height : auto;
    }

    .readmore-content:before {
        background : linear-gradient(rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 70%);
        bottom : 0;
        content : '';
        display : block;
        height : 45px;
        left : 0;
        position : absolute;
        width : 100%;
        z-index : 1;
    }

    .readmore input[type = 'checkbox']:checked ~ .readmore-content:before {
        display : none;
    }

    .feature-pamad {
        margin-top : 30px;
        text-align : center;
        width : 100%;
    }


    .feature-pamad h2 {
        font-size : 18px;
    }

    .feature-pamad * + iframe {
        margin-top : 18px;
    }

    .feature-time {
        margin-top : 50px;
        padding-bottom : 3px;
        padding-left : 0;
        padding-right : 0;
        width : 87%;
    }

    .other-plan {
        background-color : #f5f5f5;
        margin : 0 auto;
        width : 100%;
    }

    .other-plan-banner {
        margin : 0 auto;
        padding : 0;
        width : calc((393 - 12 * 2) / 393 * 100%);
    }

    .feature-other-plan-title {
        font-size : 18px;
        padding : 30px 0 15px;
    }

    .banner {
        margin : 0 auto;
        padding : 0;
        width : calc((393 - 12 * 2) / 393 * 100%);
    }

    .area-banner {
        margin : 0 auto;
        padding-bottom : 0;
        width : 100%;
    }

    .area-box {
        width : 100%;
    }

    .area-box .banner-link img {
        aspect-ratio : 326 / 183;
    }

    .feature-banner-title {
        font-size : 20px;
        letter-spacing : 4px;
        padding-top : 30px;
    }

    .feature-banner-text {
        font-size : 14px;
        padding-bottom : 30px;
    }

    .banner-title img {
        width : 80%;
    }

    .banner-link {
        padding-bottom : 30px;
        width : 100%;
    }

    .banner-link img {
        aspect-ratio : 369 / 232;
        padding-bottom : 0;
    }

    .banner-link:hover {
        opacity : .7;
    }

    h2 {
        font-size : 18px;
        line-height : 1.4444;
        margin : 0;
    }

    h3 {
        font-size : 17px;
        line-height : 1.4118;
        margin : 0;
    }

    .feature-images {
        margin-top : 30px;
    }

    .feature-images .feature-images-item + .feature-images-item {
        margin-top : 20px;
    }

    .feature-images .feature-images-item img {
        aspect-ratio : 370 / 185;
    }
}