@charset "utf-8";
/**
 * jtb style.css 1.0.1
 * Released on: 010,2025
 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
hr{
    border: none;    
}
/* # =================================================================
   # header
   # ================================================================= */

:root {
  /* 色変数 */
  --color-none: none;
  --color-dark-gray: #343434;
  --color-deep-green: #103C20;
  --color-mid-green: #294624;
  --color-highlight: #FFF100;
}

/* ベーススタイル */
.st0 {
  fill: var(--color-none);
}

/* テキスト色・フォント指定 */
.st1 {
  fill: var(--color-dark-gray);
}
mahoroba_read_head
/* フォントファミリー指定 */
/* ここは実際に使っている Web フォント名・フォールバックを明記 */
.st2 {
  font-family: 'Noto Sans JP', 'NotoSansJP-Light-83pv-RKSJ-H', sans-serif;
}

/* フォントサイズ */
.st3 {
  font-size: 14px;
}

/* 図形・背景色 */
.st4 {
  fill: var(--color-deep-green);
}
.st5 {
  fill: var(--color-mid-green);
}
.st6 {
  fill: var(--color-highlight);
}
#tab_area_b .mahoroba_head{
width: 100%;
  border-top: 1px solid #000!important;
    
}
#tab_area_b .header{
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
#tab_area_b .title_sp{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#tab_area_b .title_sp img{
    width: 100%;
}
#tab_area_b .title_day{
    width: 100%;
    margin: 10px auto 10px;
    background-color: #000000;
}
#tab_area_b .title_day{
    width: 100%;
    margin: 0px auto 0px;
    background-color: #000000;
    padding-top: 12px;
    padding-bottom: 10px;
}
#tab_area_b .title_day p{
    text-align: center;
    color: #FFFFFF;
	font-feature-settings: "palt";
	font-family:"HiraKakuProN-W6","游ゴシック",YuGothic,"Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
#tab_area_b .sp_title_cap{
    font-feature-settings: "palt";
    width: 90%;
    margin: 0px auto 20px;
    font-size: 14px;
    text-align: justify;
}
@media only screen and (max-width:680px) {
#tab_area_b .title_day{
    margin: 12px auto 10px;
}
#tab_area_b .title_day p{
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    width: 90%;
    margin: 0px auto 0px;
}
#tab_area_b .title_day span{
    font-size: 80%;
}
}
@media only screen and (max-width:480px) {
#tab_area_b .title_day p{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
#tab_area_b .sp_title_cap{
    font-size: 11px;
}
}
@media only screen and (max-width:380px) {
#tab_area_b .title_day p{
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
}
/* # =================================================================
   # slide
# ================================================================= */
#slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#slide::before {
  content: "";
  display: block;
  padding-top: 38.54%; /* 1920:740 の比率 */
}

/* スライダーを親いっぱいに広げる */
#slide .slideer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#slide .slide_catchi{
  top: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 20%;
}
#slide .slide_youkyu{
  top: 30px;
  right: 30px;
  position: absolute;
  width: 10%;
}
#slide .slide_annei{
  top: 30px;
  left: 30px;
  position: absolute;
  width: 10%;
}
#slide .slide_debut{
  position: absolute!important;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 50%;
}
#slide .slide_debut img,
#slide .slide_catchi img,
#slide .slide_youkyu img,
#slide .slide_annei img,
.slide_l img{
  width: 100%;
}
/* 画像が枠いっぱいに表示されるように */
#slide .slideer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---- フェードイン用 ---- */
.pic img {
  width: 100%;
  opacity: 0;
  animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* # =================================================================
   # nav
# ================================================================= */
/* ナビゲーションバーのスタイル */
#tab_area_b nav {
    margin: 0;
    padding: 0; 
}

#tab_area_b .mahoroba_nav {
    background-color: #000;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#tab_area_b .mahoroba_nav ul {
    display: flex;
    padding: 0;
    margin: 0 auto;
    max-width: 1260px;
    list-style: none;
    width: 100%;
}

/* メニュー項目のスタイル */
#tab_area_b .mahoroba_nav li {
    position: relative;
    flex: 1;
    text-align: center;
    font-size: 24px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    line-height: 28px;
    font-family: 'Noto Serif JP', serif;
}

/* リンクのスタイル */
#tab_area_b .mahoroba_nav li a {
    display: block;
    padding: 30px 0px 35px;
    color: #C7A500;
    text-decoration: none;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* リンクホバー時の背景色 */
#tab_area_b .mahoroba_nav li a:hover {
    background-color: rgba(199, 165, 0, 0.2);
}

/* アイコンのスタイル */
#tab_area_b .mahoroba_nav li a .arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    color: #C7A500;
    opacity: 1; /* 通常時にも表示 */
    transition: color 0.2s ease; /* 色の変化をスムーズに */
}

/* ホバー時にアイコンの色を変更 */
#tab_area_b .mahoroba_nav li a:hover,
#tab_area_b .mahoroba_nav li a:hover .arrow {
    color: #fff;
}

@media only screen and (max-width:680px) {
#tab_area_b .mahoroba_nav li a {
    font-size: 18px;
    line-height: 22px;
}
}
@media only screen and (max-width:480px) {
#tab_area_b .mahoroba_nav li a {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0px 15px;
}
/* アイコンのスタイル */
#tab_area_b .mahoroba_nav li a .arrow {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #C7A500;
    opacity: 1; /* 通常時にも表示 */
    transition: color 0.2s ease; /* 色の変化をスムーズに */
}
}

@media only screen and (max-width:380px) {
    #tab_area_b .mahoroba_nav li a {
    font-size: 14px;
}
}
/* # =================================================================
   # read_bx
# ================================================================= */
#tab_area_b #read_bx{
    margin: 0px auto 0px;
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_logo{
    margin: 40px auto 30px;
    width: 100%;
    max-width: 880px;
}
#tab_area_b #read_bx .mahoroba_logo img{
    width: 100%;
    
}
#tab_area_b #read_bx .mahoroba_container{
    width: 100%;
    background: linear-gradient(0deg, #284623 0%, #284623 50%, #68272D 50%, #68272D 100%);
}
#tab_area_b #read_bx .mahoroba_bg{
    margin-left: auto;
    margin-right: auto;
    max-width: 1420px;
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_container_l{
    width: 33%;
}
#tab_area_b #read_bx .mahoroba_container_r{
    width: 67%;
}
#tab_area_b #read_bx .mahoroba_container_r img{
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_container_annei{
    padding: 10px;    
}
#tab_area_b #read_bx .mahoroba_container_yukyu{
    padding: 10px;    
}
#tab_area_b #read_bx .mahoroba_container_annei .title_annei{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    width: 100%;
    margin-top: 25px;
}
#tab_area_b #read_bx .mahoroba_container_yukyu .title_yukyu{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    width: 100%;
    margin-top: 60px;
}
#tab_area_b #read_bx .container_txt{
    color: #FFFFFF;
    text-align: left;
    font: 16px/30px 'Noto Serif JP', serif;
    margin-bottom: 15px;
}
#tab_area_b #read_bx .mahoroba_container_annei img,
#tab_area_b #read_bx .mahoroba_container_yukyu img{
    width: 100%;
}

@media only screen and (max-width:1430px) {
    
#tab_area_b #read_bx .mahoroba_container_l{
    width: 34%;
    margin-left: 3%;
}
#tab_area_b #read_bx .mahoroba_container_r{
    width: 60%;
    margin-right: 3%;
}
#tab_area_b #read_bx .mahoroba_container_annei .title_annei{
    margin-top: 20px;
}
#tab_area_b #read_bx .mahoroba_container_yukyu .title_yukyu{
    margin-top: 30px;
}
#tab_area_b #read_bx .container_txt{
    color: #FFFFFF;
    text-align: left;
    font: 14px/25px 'Noto Serif JP', serif!important;
    margin-bottom: 15px;
}
#tab_area_b #read_bx .mahoroba_container_annei img,
#tab_area_b #read_bx .mahoroba_container_yukyu img{
    width: 80%;
}
}

@media only screen and (max-width:1280px) {
   
#tab_area_b #read_bx .container_txt{
    text-align: justify;
    font: 14px/20px 'Noto Serif JP', serif!important;
} 
}
@media only screen and (max-width:1130px) {

#tab_area_b #read_bx .mahoroba_container{
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_container_annei{
    padding: 10px;    
    background: #68272D;
}
#tab_area_b #read_bx .mahoroba_container_yukyu{
    padding: 10px;  
    background: #284623;
}
#tab_area_b #read_bx .mahoroba_container_annei .title_annei{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    width: 100%;
    margin-top: 10px;
}
#tab_area_b #read_bx .mahoroba_container_yukyu .title_yukyu{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    width: 100%;
    margin-top: 10px;
}
#tab_area_b #read_bx .container_txt{
    color: #FFFFFF;
    text-align: justify;
    font: 16px/35px 'Noto Serif JP', serif;
    margin-bottom: 0px;
    margin-top: 15px;
}
#tab_area_b #read_bx .mahoroba_container_l{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#tab_area_b #read_bx .container_logobx{
    width: 20%;
    margin-left: 10%;
    }
#tab_area_b #read_bx .container_txtbx{
    width: 60%;
    margin-right: 10%;
    }
#tab_area_b #read_bx .point_img{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    }
#tab_area_b #read_bx .point_img img{
    width: 100%;
    }
}
@media only screen and (max-width:880px) {
    
#tab_area_b #read_bx .container_txt{
    color: #FFFFFF;
    text-align: justify;
    font: 14px/35px 'Noto Serif JP', serif;
    margin-bottom: 0px;
    margin-top: 15px;
}
#tab_area_b #read_bx .container_logobx{
    width: 25%;
    margin-left: 5%;
    }
#tab_area_b #read_bx .container_txtbx{
    width: 65%;
    margin-right: 5%;
    }
#tab_area_b #read_bx .point_img{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
}

@media only screen and (max-width:680px) {
    
#tab_area_b #read_bx .container_logobx{
    width: 35%;
    margin-left: 5%;
    }
#tab_area_b #read_bx .container_txtbx{
    width: 55%;
    margin-right: 5%;
    }
#tab_area_b #read_bx .container_txt{
    color: #FFFFFF;
    text-align: justify;
    font: 13px/18px 'Noto Serif JP', serif!important;
    margin-bottom: 0px;
    margin-top: 15px;
}
}
@media only screen and (max-width:420px) {
#tab_area_b #read_bx .container_txt{
    font: 10px/16px 'Noto Serif JP', serif!important;
    margin-bottom: 0px;
    margin-top: 15px;
}
}






#tab_area_b #read_bx .read_head{
    width: 100%;
    background-image: url(../images/top/bg.png);
    background-repeat: repeat;
}
#tab_area_b #read_bx .mahoroba_read_head{
    background-repeat: no-repeat;
    background-image: url(../images/top/photo.jpg);
    background-position: left center;
    position: relative;
    height: 380px;
    background-size: auto 380px;
}
#tab_area_b #read_bx .mahoroba_read_head .mahoroba_logo img{
    width: 100%;
}
#tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 100%;
    max-width: 1280px;
    
}
#tab_area_b #read_bx .read_l{
    width: 73%;
    position: relative;
  margin-top: 20px;
}
#tab_area_b #read_bx .read_l .read_area_bx{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #F7F1D9;
    max-width: 640px;
    border-radius: 10px;
}
#tab_area_b #read_bx .read_l .read_area_bx p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    margin: 15px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
#tab_area_b #read_bx .read_l img,
#tab_area_b #read_bx .read_r img {
width: 100%;
}
/* 右カラム 縦書き設定 + 中央揃え */
#tab_area_b #read_bx .read_r {
  width: 25%;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  display: flex;
  justify-content: top;  /* 左右センター */
  align-items: center;      /* 上下センター（必要なら） */
  margin-top: 40px;
  margin-right:2%;
}

/* 内部コンテナは普通に縦書きモードで OK */
#tab_area_b #read_bx .read_r_container {
  /* 特に変更なし */
}

#tab_area_b #read_bx .read_r_container p {
    font: 24px/1.5 'Noto Serif JP', serif;
    margin-top: 30px;
    margin-right:30px;
    margin-left: 30px;
}
/* # =================================================================
   # read_bx_annei
# ================================================================= */
#tab_area_b #read_bx_annei{
    width: 100%;
    margin: 60px auto 0px;
    max-width: 1160px;
    background-color: #68272D;
    padding: 25px;
    font-feature-settings: "palt";
}
#tab_area_b #read_bx_annei .read_annei_l{
    width: 48%;
    margin-right: 2%;
}
#tab_area_b #read_bx_annei .read_annei_r{
    width: 50%;
}
#tab_area_b #read_bx_annei img {
width: 100%;
}
#tab_area_b #read_bx_annei .read_bx_annei_txt{
    background-color: #F7F1D9;
    border-radius: 10px;
    padding: 15px 15px 10px;
}

#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    font-family: 'Noto Serif JP', serif;
    font-kerning: normal;
    font-feature-settings: "palt"!important;
    font-weight: 600;
}

@media only screen and (max-width:1560px) {
#tab_area_b #read_bx .mahoroba_bg{
    width: 100%;
    border-right: 0px solid #252D34;
}
}
@media only screen and (max-width:1430px) {
#tab_area_b #read_bx .mahoroba_bg{
    aspect-ratio: 1290 / 382; /* 縦横比を指定 */
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#tab_area_b #read_bx .mahoroba_read_head {
    background-image: url("../images/top/photo_tb.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1290 / 382; /* 縦横比を指定 */
    width: 100%;
    height: auto;
}
#tab_area_b #read_bx .mahoroba_read_head .mahoroba_logo img{
    display: none;
}
}

@media only screen and (max-width:1280px) {
    
#tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 90%;
    
}
#tab_area_b #read_bx .read_r_container p {
    font: 20px/20px 'Noto Serif JP', serif;
}

}
@media only screen and (max-width:880px) {
    
#tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 90%;
    
}
#tab_area_b #read_bx .read_r_container p {
    font: 16px/12px 'Noto Serif JP', serif;
}

}
@media only screen and (max-width:680px) {
#tab_area_b #read_bx .mahoroba_bg{
    width: 100%;
    border-right: 0px solid #252D34;
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 0px;
    aspect-ratio: auto; /* 縦横比を解除 */
} 
#tab_area_b #read_bx .mahoroba_bg img{
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_logo{
    margin: 30px auto 20px;
    width: 100%;
    max-width: 680px;
}
#tab_area_b #read_bx .sp_mahoroba_txt {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
#tab_area_b .sp_mahoroba_img{
    margin-bottom: 20px;
    margin-top: 30px;
    }
#tab_area_b .sp_mahoroba_img img{
    width: 100%;
    }
#tab_area_b #read_bx_annei {
    width: 90%;
        display: flex;
        flex-direction: column; /* 横並び→縦並びに切替 */
        align-items: center;    /* 中央揃え */
    }
#tab_area_b #read_bx_annei .flex {
        display: flex;
        flex-direction: column; /* 横並び → 縦並び */
        align-items: center;    /* 中央揃え */
    }
#tab_area_b #read_bx_annei .read_annei_l,
#tab_area_b #read_bx_annei .read_annei_r {
        width: 100%; /* 幅を100%に */
        margin: 0 0 15px 0; /* 下に余白を追加 */
    }

    /* 画像は親幅に合わせる */
#tab_area_b #read_bx_annei img {
        width: 100%;
        height: auto;
    }
#tab_area_b #read_bx_annei .read_bx_annei_txt{
    background-color: #F7F1D9;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px 15px 5px;
}
#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}
  
}
@media only screen and (max-width:420px) {
    
#tab_area_b #read_bx .sp_mahoroba_txt {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
    
#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 12px;
    line-height: 18px;
}

#tab_area_b #read_bx .read_head{
    width: 100%;
    background-image: url(../images/top/bg.png);
    background-repeat: repeat;
}
#tab_area_b #read_bx .mahoroba_bg{
    background-color: #284623;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#tab_area_b #read_bx .mahoroba_read_head{
    background-repeat: no-repeat;
    background-image: url(../images/top/photo.jpg);
    background-position: left center;
    position: relative;
    height: 380px;
    background-size: auto 380px;
}
#tab_area_b #read_bx .mahoroba_read_head .mahoroba_logo img{
    width: 100%;
}
#tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 100%;
    max-width: 1280px;
    
}
#tab_area_b #read_bx .read_l{
    width: 73%;
    position: relative;
  margin-top: 20px;
}
#tab_area_b #read_bx .read_l .read_area_bx{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #F7F1D9;
    max-width: 640px;
    border-radius: 10px;
}
#tab_area_b #read_bx .read_l .read_area_bx p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    margin: 15px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
#tab_area_b #read_bx .read_l img,
#tab_area_b #read_bx .read_r img {
width: 100%;
}
/* 右カラム 縦書き設定 + 中央揃え */
#tab_area_b #read_bx .read_r {
  width: 25%;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  display: flex;
  justify-content: top;  /* 左右センター */
  align-items: center;      /* 上下センター（必要なら） */
  margin-top: 40px;
  margin-right:2%;
}
}

/* 内部コンテナは普通に縦書きモードで OK */
#tab_area_b #read_bx .read_r_container {
  /* 特に変更なし */
}

#tab_area_b #read_bx .read_r_container p {
    font: 24px/1.5 'Noto Serif JP', serif;
    margin-top: 30px;
    margin-right:30px;
    margin-left: 30px;
}
/* # =================================================================
   # read_bx_annei
# ================================================================= */
#tab_area_b #read_bx_annei{
    width: 100%;
    margin: 60px auto 0px;
    max-width: 1160px;
    background-color: #68272D;
    padding: 25px;
    font-feature-settings: "palt";
}
#tab_area_b #read_bx_annei .read_annei_l{
    width: 48%;
    margin-right: 2%;
}
#tab_area_b #read_bx_annei .read_annei_r{
    width: 50%;
}
#tab_area_b #read_bx_annei img {
width: 100%;
}
#tab_area_b #read_bx_annei .read_bx_annei_txt{
    background-color: #F7F1D9;
    border-radius: 10px;
    padding: 15px 15px 10px;
}

#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    font-family: 'Noto Serif JP', serif;
    font-kerning: normal;
    font-feature-settings: "palt"!important;
    font-weight: 600;
}

@media only screen and (max-width:1560px) {
#tab_area_b #read_bx .mahoroba_bg{
    width: 100%;
    border-right: 0px solid #252D34;
}
}
@media only screen and (max-width:1430px) {
#tab_area_b #read_bx .mahoroba_bg{
    aspect-ratio: 1290 / 382; /* 縦横比を指定 */
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#tab_area_b #read_bx .mahoroba_read_head {
    background-image: url("../images/top/photo_tb.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1290 / 382; /* 縦横比を指定 */
    width: 100%;
    height: auto;
}
#tab_area_b #read_bx .mahoroba_read_head .mahoroba_logo img{
    display: none;
}
}

@media only screen and (max-width:1280px) {
#tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 90%;
}
#tab_area_b #read_bx .read_r_container p {
    font: 20px/20px 'Noto Serif JP', serif;
}

}
@media only screen and (max-width:880px) {
 #tab_area_b #read_bx .read_container{
    margin: 0px auto 0px;
    width: 90%;
    
}
#tab_area_b #read_bx .read_r_container p {
    font: 16px/12px 'Noto Serif JP', serif;
}

}
@media only screen and (max-width:680px) {
#tab_area_b #read_bx .mahoroba_bg{
    width: 100%;
    border-right: 0px solid #252D34;
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 0px;
    aspect-ratio: auto; /* 縦横比を解除 */
} 
#tab_area_b #read_bx .mahoroba_bg img{
    width: 100%;
}
#tab_area_b #read_bx .sp_mahoroba_txt {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
#tab_area_b .sp_mahoroba_img{
    margin-bottom: 20px;
    margin-top: 30px;
    }
#tab_area_b .sp_mahoroba_img img{
    width: 100%;
    }
#tab_area_b #read_bx_annei {
    width: 90%;
        display: flex;
        flex-direction: column; /* 横並び→縦並びに切替 */
        align-items: center;    /* 中央揃え */
    }
#tab_area_b #read_bx_annei .flex {
        display: flex;
        flex-direction: column; /* 横並び → 縦並び */
        align-items: center;    /* 中央揃え */
    }
#tab_area_b #read_bx_annei .read_annei_l,
#tab_area_b #read_bx_annei .read_annei_r {
        width: 100%; /* 幅を100%に */
        margin: 0 0 15px 0; /* 下に余白を追加 */
    }

    /* 画像は親幅に合わせる */
#tab_area_b #read_bx_annei img {
        width: 100%;
        height: auto;
    }
#tab_area_b #read_bx_annei .read_bx_annei_txt{
    background-color: #F7F1D9;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px 15px 5px;
}
#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}
  
}
/* # =================================================================
   # read_bx 運行
# ================================================================= */
#tab_area_b #read_bx_unko{
    width: 100%;
    margin: 40px auto 0px;
    max-width: 1430px;
}
#tab_area_b .mahoroba_map{
    width: 48%;
    margin: 40px auto 0px;
}
#tab_area_b .mahoroba_time{
    width: 48%;
    margin: 40px auto 0px;
}
#tab_area_b .mahoroba_calendar{
    width: 98%;
    margin: 40px auto 0px;
}
#tab_area_b .mahoroba_map img,
#tab_area_b .mahoroba_time img,
#tab_area_b .mahoroba_calendar img{
width: 100%;
margin-bottom: 10px;
}

#tab_area_b .mahoroba_time p{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    margin: 0px auto 0px;
    text-indent: -1em;
}
@media only screen and (max-width:1280px) {
    
#slide .slide_catchi{
    width:23%;
    top:10px;
}
#slide .slide_debut{
    max-width: 70%;
    }
#slide .slide_youkyu{
    width:13%;
    top:10px;
}
#slide .slide_annei{
    width:13%;
    top:10px;
}
}
@media only screen and (max-width:1080px) {
#tab_area_b #read_bx .read_l .read_area_bx{
    bottom: 20px;
    max-width: 65%;
    border-radius: 10px;
}
#tab_area_b #read_bx .read_l .read_area_bx p{
    font-size: 14px;
    line-height: 20px;
    margin: 12px;
    font-weight: 300;
}
#tab_area_b .mahoroba_time p{
    width: 95%;
    font-size: 12px;
    line-height: 16px;
} 
}
@media only screen and (max-width:1130px) {
#tab_area_b #read_bx2{
    width: 90%;
    margin: 0px auto 0px;
}
#tab_area_b .mahoroba_map,
#tab_area_b .mahoroba_time{
    width: 100%;
}
    
#tab_area_b #read_bx .read_l .read_area_bx p{
    font-size: 12px;
    line-height: 16px;
    margin: 10px;
}

#tab_area_b .mahoroba_map,
#tab_area_b .mahoroba_time,
#tab_area_b .mahoroba_calendar {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
}
@media only screen and (max-width:680px) {

#tab_area_b .mahoroba_map,
#tab_area_b .mahoroba_time,
#tab_area_b .mahoroba_calendar {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
}
@media only screen and (max-width:420px) {
#tab_area_b .mahoroba_time p{
    width: 100%;
    font-size: 10px;
    line-height: 16px;
    text-align: justify;
} 
}
/* # =================================================================
   # tabisugo
# ================================================================= */
#tabisugo{
    margin: 60px auto 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    background-image: url(../images/common/area-separator.png);
    background-repeat: repeat;
}
#tabisugo_bg{
    width: 100%;
    background-image: url(../images/common/bg.png);
    background-repeat: repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
#tabisugo .tabisugo_title{
    width: 350px;
    margin: 0px auto 0px;
}
#tabisugo .tabisugo_title img{
    width: 100%;
}
#tabisugo .tabisugo_bx{
    width: 100%;
    max-width: 780px;
    background-color: #F7F1D9;
    border-radius: 10px;
    margin: 20px auto 0px;
}
#tabisugo .tabisugo_read{
    text-align: center;
    color: #fff;
    font: 600 20px/40px 'Noto Serif JP', serif;
    padding-top: 20px;
    padding-bottom: 35px;
}
#tabisugo .tabisugo_list_bx{
    background-color: #FFFFFF;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 65px;
}
#tabisugo .tabisugo_area{
    width: 10em;
    margin-left: auto;
    margin-right: auto;
    background-color: #C7A500;
    padding: 8px 15px 8px;
    border-radius: 25px;
    color: #FFFFFF;
    text-align: center;
    font: 20px/30px 'Noto Serif JP', serif;
}
#tab_area_b #tabisugo .tabisugo_list_title{
    font: 600 35px/40px 'Noto Serif JP', serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
#tabisugo .tabisugo_list_txttitle{
    font: 400 26px/40px 'Noto Serif JP', serif;
    color: #C10000;   
    padding-bottom: 20px; 
}
#tabisugo .tabisugo_list_txt{
    text-align: justify;
    font-size: 18px;
    line-height: 28px;
}
#tabisugo .tabisugo_coupon_bx .tabisugo_list_txt{
    font-size: 16px;
    line-height: 24px;
}
#tabisugo .tabisugo_list_cap{
    text-align: right;
    font-size: 14px;
}
#tabisugo .tabisugo_list_left{
    width: 47%;
}
#tabisugo .tabisugo_list_right{
    width: 51%;
    margin-left: 2%;
}

#tabisugo .tabisugo_list_left2{
    width: 20%;
}
#tabisugo .tabisugo_list_right2{
    width: 78%;
    margin-left: 2%;
}

#tabisugo .tabisugo_coupon_bx p{
    margin: 0px;
    padding: 0px;
}

#tabisugo .tabisugo_coupon_bx{
    background-color: #F4EDCC;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
#tabisugo .tabisugo_list_txt .red{
    color: #FF0004;
    font-weight: bold;
}
#tabisugo .tabisugo_img img{
    width: 100%;
}
#tabisugo ul{
    width: 100%;
    margin: 0px;
    list-style: none; 
}
#tabisugo .tabisugo_list_btn{
    margin: 30px 0px 0px;
    padding: 0px;    
}
#tabisugo .tabisugo_list_btn li:nth-child(1){
    width: 49%;
    margin: auto 1% auto auto;
}
#tabisugo .tabisugo_list_btn li:nth-child(2){
    width: 49%;
    margin: auto auto auto 1% ;
}

#tabisugo .tabisugo_list_btn .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
	cursor:pointer!important;
    font: 600 20px/30px 'Noto Serif JP', serif;
    border-radius: 12px;
}
#tabisugo .tabisugo_buttun{
    background-color: #fff;
    color: #000000;
    padding: 5px 15px 5px 15px;
    border-radius: 15px;
    margin-right: 10px;
    font-size: 18px;
}
#tabisugo .tabisugo_list_btn .buttun a:hover{
  background-color: #C1272D;
}
#tabisugo .buttun-arrow-right a::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}

#tabisugo .tabisugo_list_allbtn{
    margin: 30px 0px 0px;
    padding: 0px;    
}
#tabisugo .tabisugo_list_allbtn li{
    width: 50%;
    margin: auto auto auto auto ;
}

#tabisugo .tabisugo_list_allbtn .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
	cursor:pointer!important;
    font: 600 20px/30px 'Noto Serif JP', serif;
    border-radius: 12px;
}
#tabisugo .tabisugo_list_allbtn .buttun a:hover{
  background-color: #C1272D;
}
#tabisugo .tabisugo_other_bx{
    background-color: #FFDEB7;
    padding: 25px;
    width: 100%;
}
#tabisugo .tabisugo_other_title{
    font: 600 24px/40px 'Noto Serif JP', serif;
    margin-bottom: 8px;
    text-align: center;
}
#tabisugo .tabisugo_other_title_info{
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

#tabisugo .tabisugo_other_left{
    width: 57%;
    margin-right: 3%;
}
#tabisugo .tabisugo_other_right{
    width: 40%;
}



@media only screen and (max-width:1280px) {


#tabisugo .tabisugo_list_bx{
    background-color: #FFFFFF;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 65px;
}
}
@media only screen and (max-width:980px) {
    
#tabisugo .tabisugo_list_left{
    width: 100%;
}
#tabisugo .tabisugo_list_right{
    width: 100%;
    margin-left: 0%;
} 
#tabisugo .tabisugo_list_left2{
    width: 100%;
}
#tabisugo .tabisugo_list_right2{
    width: 100%;
    margin-left: 0%;
}
}
@media only screen and (max-width:680px) {
    
#tabisugo .tabisugo_read{
    text-align: center;
    color: #fff;
    font: 400 18px/30px 'Noto Serif JP', serif;
    padding-top: 20px;
    padding-bottom: 35px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#tabisugo .tabisugo_list_btn li:nth-child(1){
    width: 100%;
    margin: auto auto auto auto;
}
#tabisugo .tabisugo_list_btn li:nth-child(2){
    width: 100%;
    margin: auto auto auto auto;
}
    
#tabisugo .tabisugo_list_allbtn li{
    width: 100%;
    margin: auto auto auto auto ;
}
#tabisugo .tabisugo_other_title{
    font: 600 20px/30px 'Noto Serif JP', serif;
}
#tabisugo .tabisugo_other_title_info{
    font-size: 16px;
    line-height: 20px;
}
#tabisugo .tabisugo_buttun{
    background-color: #fff;
    color: #000000;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 14px!important;
}
}

@media only screen and (max-width:420px) {

#tabisugo .tabisugo_list_btn .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
	cursor:pointer!important;
    font: 600 12px/20px 'Noto Serif JP', serif;
    border-radius: 10px;
}
#tabisugo .tabisugo_buttun{
    background-color: #fff;
    color: #000000;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 12px!important;
}
#tabisugo .tabisugo_list_txt{
    text-align: justify;
    font-size: 12px;
    line-height: 18px;
}
#tabisugo .tabisugo_coupon_bx .tabisugo_list_txt{
    font-size: 12px;
    line-height: 18px;
}
#tabisugo .tabisugo_other_title{
    font: 600 18px/24px 'Noto Serif JP', serif;
}
#tabisugo .tabisugo_other_title_info{
    font-size: 14px;
    line-height: 18px;
}
   
#tabisugo .tabisugo_other_left{
    width: 100%;
    margin-right: 0%;
}
#tabisugo .tabisugo_other_right{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
} 
#tabisugo .tabisugo_list_allbtn .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 20px;
    font: 600 14px/30px 'Noto Serif JP', serif;
}
}


/* # =================================================================
   # plan_bg
# ================================================================= */
#plan_bg{
    margin: 0px auto 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    background-color: #e7dddd;
}
#plan_bg .plan_bx{
    width: 100%;
    max-width: 1280px;
    margin: 40px auto 20px;
}
#plan_bg .plan_title{
    width: 100%;
    font: 600 55px/70px 'Noto Serif JP', serif;
    color: #68272D;
    border-radius: 10px;
    padding: 5px;
    margin: 30px auto 20px;
    text-align: center;
}
#plan_bg .osusume_plan_bx{
    width: calc(94% / 3);
    background-color: #fff;
    display : block; /* aタグの場合は必要 */
    text-decoration : none; /* aタグでリンクテキストの下線を消したい場合は必要 */
    outline : 1px solid #68272D; /* 線の太さ・線状・色 */
    outline-offset : -5px /* どれだけ内側に線を表示したいかを負の値で指定 */;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 25px;
}
#plan_bg .osusume_plan_bx_no{
    width: calc(94% / 3);
    display : block; /* aタグの場合は必要 */
    text-decoration : none; /* aタグでリンクテキストの下線を消したい場合は必要 */
    outline-offset : -5px /* どれだけ内側に線を表示したいかを負の値で指定 */;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 25px;
}
#plan_bg .hotel_bx{
    margin: 20px;
}
#plan_bg .hotel_photo{
    width: 100%;
    position: relative;    
}
#plan_bg .hotel_photo img{
    width: 100%; 
}
#plan_bg .hotel_photo span{
    width: 100%;
    position: absolute;
    left: 10px;
    top: 0px;
}
#plan_bg .hotel_photo span img{
    width: 100%;
    max-width: 50px;
}
#plan_bg .hotel_subbx{
    width: 100%;
}
#plan_bg .hotel_title{
    width: 100%;
    font: 600 26px/30px 'Noto Serif JP', serif;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 35px;
}
#plan_bg .hotel_title2{
    width: 100%;
    font: 600 22px/28px 'Noto Serif JP', serif;
    text-align: center;
    margin-bottom: 20px;
}
#plan_bg .hotel_left{
    width: 50%;
}
#plan_bg .hotel_left p{
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}
#plan_bg .hotel_left .indent{
    padding-left: 3.5em!important;
    
}
#plan_bg .hotel_a,
#plan_bg .hotel_b {
  display: inline-block; /* 幅を持たせるために必要 */
  width: 4em;           /* 幅を固定（両方同じ） */
  background-color: #68272D; /* hotel_a は後で上書き */
  color: #fff;
  font-size: 80%;
  padding: 0px 2px;
  margin-right: 5px;
  text-align: center;      /* 文字を中央揃え */
  box-sizing: border-box;  /* パディング含めて70pxに収める */
}

/* 個別の背景色を再指定 */
#plan_bg .hotel_a {
  background-color: #68272D;
}

#plan_bg .hotel_b {
  background-color: #C7A500;
}
#plan_bg .hotel_right{
    width: 50%;
}
#plan_bg .hotel_img img{
    width: 100%;
    
}
#plan_bg .hotel_cap{
    font-size: 12px;
    text-align: right;
}
#plan_bg .hotel_buttun_bg{
    background-color: #F0E7BD;
    width: 100%;
    padding: 12px;
    margin-top: 10px;
}
#plan_bg .hotel_buttun div:nth-child(1){
    width: 49%;
    margin: auto 1% auto auto;
}
#plan_bg .hotel_buttun div:nth-child(2){
    width: 49%;
    margin: auto auto auto 1% ;
}
#plan_bg .hotel_buttun_title{
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #68272D;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
}

#plan_bg .hotel_buttun_bg .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    background-color: #68272D;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer!important;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
}
#plan_bg .hotel_buttun_bg .buttun a:hover{
  background-color: #C1272D;
}
#plan_bg .hotel_buttun_bg .buttun-arrow-right a::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}



@media only screen and (max-width:1080px) {
#plan_bg .osusume_plan_bx{
    width: calc(96% / 2);
}
#plan_bg .osusume_plan_bx_no{
    display: none;   
}
    
    
    
#plan_bg .hotel_left{
    width: 100%;
}
#plan_bg .hotel_right{
    width: 100%;
    padding-top: 15px;
}
}
@media only screen and (max-width:680px) {
    
#plan_bg .osusume_plan_bx{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#plan_bg .osusume_plan_bx_no{
    display: none;   
}
    
    
#plan_bg .hotel_left{
    width: 50%;
}
#plan_bg .hotel_right{
    width: 50%;
    padding-top: 0px;
}
#plan_bg .hotel_cap{
    font-size: 10px;
    text-align: right;
}
#tabisugo .tabisugo_list_cap{
    text-align: right;
    font-size: 12px;
}
#tab_area_b #tabisugo .tabisugo_list_title{
    font: 600 30px/35px 'Noto Serif JP', serif!important;
}
}
@media only screen and (max-width:420px) {
    
#plan_bg .hotel_left p{
    font-size: 12px;
    line-height: 16px;
}
}
/* # =================================================================
   # end_buttun_bx
# ================================================================= */

#plan_bg .end_title{
    width: 100%;
    font: 600 40px/50px 'Noto Serif JP', serif;
    color: #68272D;
    border-radius: 10px;
    padding: 5px;
    margin: 30px auto 20px;
    text-align: center;
}
.end_buttun_bx{
    margin: 20px auto 25px;
    max-width: 1030px;
    text-align: center;
}
.end_buttun_bg{
    background-color: #fff;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 15px;
    margin-bottom: 15px;
}
#plan_bg .end_buttun_bx .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: #68272D;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer!important;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
#plan_bg .end_buttun_bx .buttun a:hover{
  background-color: #C1272D;
}
#plan_bg .end_buttun_bx .buttun-arrow-right a::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.pamf_title {
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: center;
}

.pamf_title span{
    font-size: 70%;
}
.pamf_title:before {
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 8px;
    content: "";
}

.pamf_buttun_bx{
    margin: 20px auto 25px;
    max-width: 1030px;
    text-align: center;
}
#plan_bg .pamf_buttun_bx .buttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 18px 0;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer!important;
    border-radius: 5px;
    font-size: 20px;
    line-height: 26px;
    margin-left: auto;
    margin-right: auto;
}
#plan_bg .pamf_buttun_bx .buttun a:hover{
  background-color: #C1272D;
}
#plan_bg .pamf_buttun_bx .buttun-arrow-right a::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}


@media only screen and (max-width:1030px) {
    .end_buttun_bx{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.pamf_buttun_bx{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.pamf_title {
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center;
}
#plan_bg .end_buttun_bx .buttun a{
    font-size: 14px;
    line-height: 20px;
}
}

.caption{
    width: 95%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 1030px;
    font-size: 14px;
}
@media only screen and (max-width:680px) {
    
.end_buttun_bx{
    margin: 20px auto 25px;
    max-width: 1030px;
    text-align: center;
}
#plan_bg .end_buttun_bx .buttun a{
    font-size: 10px;
    line-height: 14px;
    padding: 10px 0;
}
#plan_bg .end_buttun_bx .buttun-arrow-right a::after{
  right: 5px;
  width: 7px;
  height: 7px;
}
#plan_bg .hotel_buttun_title{
    text-align: center;
    font-size: 20px;
    line-height: 26px;
}
#plan_bg .end_title{
    width: 100%;
    font: 600 30px/30px 'Noto Serif JP', serif;
    color: #68272D;
    border-radius: 10px;
    padding: 5px;
    margin: 30px auto 20px;
    text-align: center;
}
.pamf_title {
    font-size: 20px;
}
.end_buttun_bg{
    background-color: #fff;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 10px;
    margin-bottom: 15px;
}
#tabisugo .tabisugo_list_bx{
    background-color: #FFFFFF;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 65px;
}
#plan_bg .plan_title{
    width: 100%;
    font: 600 40px/50px 'Noto Serif JP', serif;
    margin: 20px auto 20px;
}
}

@media only screen and (max-width:480px) {
  
#tabisugo .tabisugo_title{
    width: 70%;
    margin: 0px auto 0px;
}
#tabisugo .tabisugo_title img{
    width: 100%;
}
#plan_bg .end_title{
    font: 600 24px/30px 'Noto Serif JP', serif;
}  
.pamf_title {
    font-size: 16px;
}
#plan_bg .end_buttun_bx .buttun a{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0;
}
.end_buttun_bg{
    background-color: #fff;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 10px;
    margin-bottom: 15px;
}
#tabisugo .tabisugo_area{
    width: 10em;
    margin-left: auto;
    margin-right: auto;
    background-color: #C7A500;
    padding: 5px 10px 5px;
    border-radius: 10px;
    color: #FFFFFF;
    text-align: center;
    font: 14px/20px 'Noto Serif JP', serif;
}
#tab_area_b #tabisugo .tabisugo_list_title{
    font: 600 22px/26px 'Noto Serif JP', serif!important;
    padding-top: 20px;
    padding-bottom: 20px;
}
#tabisugo .tabisugo_list_txttitle{
    font: 400 20px/30px 'Noto Serif JP', serif;
    color: #C10000;   
    padding-bottom: 20px; 
}
#tabisugo .tabisugo_list_txt{
    text-align: justify;
    font-size: 12px;
    line-height: 18px;
}
#plan_bg .plan_title{
    width: 100%;
    font: 600 35px/40px 'Noto Serif JP', serif;
    margin: 20px auto 20px;
}
#plan_bg .hotel_cap{
    font-size: 10px;
    text-align: right;
}
.caption{
    font-size: 12px;
}
}



#tabisugo .tabisugo_allbtn{
    margin: 30px auto 0px;
    padding: 0px;
    width: 90%;
    max-width: 980px;
}

#tabisugo .tabisugo_allbtn .allbuttun a{
    position: relative;
    display: block;
    width: 100%;
    padding: 25px 0;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
	cursor:pointer!important;
    font: 600 24px/30px 'Noto Serif JP', serif;
    border-radius: 12px;
}
#tabisugo .tabisugo_allbtn .buttun-arrow-right a::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}

#tabisugo .tabisugo_allbtn .allbuttun a:hover{
  background-color: #fff000;
}

@media only screen and (max-width:420px) {
    
#tabisugo .tabisugo_allbtn .allbuttun a{
    width: 100%;
    padding: 15px 0;
    margin-bottom: 20px;
	cursor:pointer!important;
    font: 600 18px/30px 'Noto Serif JP', serif;
    border-radius: 12px;
}
#tabisugo .tabisugo_list_txttitle{
    font: 400 16px/20px 'Noto Serif JP', serif!important;
    padding-bottom: 15px; 
}
}

/* # =================================================================
   # movie
# ================================================================= */
#movie{
    margin: 0px auto 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    background-image: url(../images/common/area-separator.png);
    background-repeat: repeat;
}
#movie_bg{
    width: 100%;
    background-image: url(../images/common/bg.png);
    background-repeat: repeat;
    padding-top: 35px;
    padding-bottom: 70px;
}

#movie .movie_title{
    width: 100%;
    font: 600 35px/50px 'Noto Serif JP', serif;
    color: #DEC868;
    border-radius: 10px;
    padding: 5px;
    margin: 15px auto 20px;
    text-align: center;
}

#movie .movie_box{
    margin: 30px auto 20px;
    width: 980px;
    height: 551px;
}
#movie iframe{
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:980px) {
    
#movie .movie_box{
    margin: 30px auto 20px;
    width: 680px;
    height: 383px;
}
   
#movie .movie_title{
    width: 100%;
    font: 600 35px/50px 'Noto Serif JP', serif;
} 
    
}


@media only screen and (max-width:680px) {
  
#movie_bg{
    width: 100%;
    background-image: url(../images/common/bg.png);
    background-repeat: repeat;
    padding-top: 25px;
    padding-bottom: 30px;
}
  
#movie .movie_box{
    width: 380px;
    height: 214px;
    margin: 10px auto 20px;
}
   
#movie .movie_title{
    width: 100%;
    font: 600 20px/30px 'Noto Serif JP', serif;
    margin: 15px auto 10px;
} 
    
}


@media only screen and (max-width:380px) {
    
#movie .movie_box{
    width: 300px;
    height: 169px;
}
   
#movie .movie_title{
    width: 100%;
    font: 600 16px/24px 'Noto Serif JP', serif;
} 
    
}

.fukidashi{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}
.fukidashi::before {
  content: "";
  width: 2em;
  height: 2px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #DEC868;
}
.fukidashi::after {
  content: "";
  width: 2em;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #DEC868;
}

@media only screen and (max-width:420px) {
#tab_area_b #read_bx .sp_mahoroba_txt {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
#tab_area_b #read_bx_annei .read_bx_annei_txt p{
    font-size: 12px;
    line-height: 18px;
}
}