@charset "UTF-8";
@media screen and (min-width: 760px), print {
  html {
    scroll-padding-top: 80px;
  }
  .pcnone {
    display: none;
  }
  .App .slick-slide {
    opacity: 1;
    scale: 1;
    transition: 0.3s;
  }
  .App .slick-slide.slick-active {
    opacity: 1;
    scale: 1;
    transition: 0.6s;
  }
  .tabWrap {
    max-width: 1000px;
    margin: 0 auto;
    overflow-y: hidden;
  }
  .accordionLine .accordionParent {
    cursor: pointer;
  }
  .accordionLine .accordionParent:hover {
    border-radius: 0.25rem;
    background-color: var(--gray-bg-color);
    transition: all 0.3s ease-in-out;
  }
  .accordionLine .accordionParent.is-opened:hover {
    background-color: var(--theme-main-pale);
    transition: all 0.3s ease-in-out;
  }
  .ItemBox .slick-list .slick-slide {
    background-color: var(--gray-00-color);
    border-radius: 0;
    box-shadow: none;
  }
  .App .slick-slide.slick-current.slick-active{
    box-shadow: none;
  }
  .App .slick-slide.slick-active{
    box-shadow: none;
  }
  .ItemBox .slick-list .slick-slide img {
    width: auto;
    height: 100%;
    max-height: 176px!important;
    margin: 0 auto;
	  border-radius: 0.25rem;
  }
  .slick-dots {
    width: 100%;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab {
    justify-content: center;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab.is-many-tabs {
    justify-content: center;
  }
  .tableLine {
    gap: 1rem;
    padding: 1rem;
  }
  .tableLine .tableTitle {
    min-width: 70px;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .tableLine .tableContent {
    font-size: 1rem;
  }
  .tableLine .tableSubTitle {
    font-size: 1rem;
  }
  .tableLine .tableSubText {
    font-size: 0.75rem;
  }
  .tableLine.is-wide .tableContent .tableLine .tableTitle {
    font-size: 0.875rem;
  }
  .tableLine.is-wide .tableContent .tableLine .tableContent {
    font-size: 0.875rem;
  }
  .tableLine.is-wide:first-child {
    background-color: var(--gray-00-color);
    border-bottom: none;
    border-radius: 0.5rem;
  }
  .tableLine:last-child {
    border-bottom: none;
  }
  .tableLineWrap {
    width: 100%;
    display: flex;
    align-content: stretch;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 0;
  }
  .tableLineWrap .is-mini {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    border: 1px solid var(--main-border-color);
    gap: 0.125rem;
    padding: 0.5rem 0.25rem;
    border-radius: 0.25rem;
  }
  .tableLineWrap .is-mini .tableContent {
    font-size: 2rem;
    letter-spacing: normal;
  }
  .tableLineWrap .is-mini .tableContent .tableSubTitle {
    font-size: 0.875rem;
    letter-spacing: normal;
    padding: 0.125rem;
  }
  .tableLineWrap .is-mini .tableSubText {
    text-align: center;
    width: 100%;
  }
  .Section {
    padding: 2rem 1rem 6rem;
  }
  .Section p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .Section .SectionTextTitle {
    max-width: 550px;
    margin: 0 auto 3rem;
  }
  .Section .SectionBanner {
    padding: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
  .Section .SectionBanner img {
    max-width: 640px;
  }
  .Section .SectionTitleImage {
    max-width: 1000px;
    margin: 0 auto;
  }
  .Section .SectionButton {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 2rem 2rem;
    border: none;
  }
  .Section .SectionButton .Button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 1rem 0.5rem;
    border: none;
    border-radius: 25rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.2;
    cursor: pointer;
    border: 1px solid var(--main-border-color);
    transition: all 0.3s ease-in-out;
    color: var(--main-text-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .Section .SectionButton .Button:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    scale: 1.05;
    background-color: var(--theme-main-color);
    color: var(--white-color);
    border: 1px solid var(--theme-main-color);
  }
  .Section .SectionButton a:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .HeroSection {
    /* height: calc(100dvh - 16px); */
    height: auto;
    max-height: none;
    height: auto;
    background-color: var(--theme-main-color);
  }
  .HeroSection .slick-slide {
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    height: auto!important;
    /* max-width: 1200px; */
  }
  .HeroSlick {
    width: 100%;
    max-width: none;
    text-align: center;
    height: auto;
    margin: 0 auto;
  }
  .HeroSlick > div:not(:first-child) {
    display: none;
  }
  .HeroSlick > div{
    width: 100%;
    max-width: 1800px;
    max-width: 1200px;
    overflow: visible;
    margin: 0 auto;
    text-align: center;
    /* transition: all 0.3s ease-in-out; */
  }
  .HeroSection .HeroImage {
    width: auto;
    height: 100%;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    /* transition: all .3s; */
  }
  /* .HeroSection .HeroImage img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
    width: 2000px;
    height: 630px;
    text-align: center;
    transition: all 0.3s ease-in-out;
  } */
  .HeroSection .HeroImage.slick-slide {
    text-align: center;
    margin: 0 auto;
    margin: 0 0.25rem;
    position: relative;
    height: auto!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
  }
  .HeroSection .HeroImage.slick-slide img {
    position: static;
    top: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
    /* min-height: 630px; */
    text-align: center;
    margin: 0 auto;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .HeroSection .HeroImage.slick-slide{
    opacity:0.6;
  }
  .HeroSection .HeroImage.slick-slide.slick-current,
  .HeroSection .HeroImage.slick-slide.is-active-next {
    opacity: 1;
  }
  /* .slick-slider div { transition: none!important; } */
  .NavSection {
    background-color: var(--theme-main-color);
    border: none;
    padding: 1rem 1rem 1rem;
    z-index: 100000;
    bottom: 0;
    width: 100%;
    position: static;
  }
  .NavSection.is_absolute {
    position: static;
  }
  .NavSection .NavWrap {
    max-width: 900px;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 1rem;
  }

  .NavSection .NavWrap .ChangeDept {
    order: 2;
    width: auto;
    background-color: transparent;
    border-radius: 0.25rem;
    width: 100%;
    max-width: 220px;
    padding: 0 1rem;
    gap: 0.5rem;
  }
  .NavSection .NavWrap .ChangeDept :before {
    width: 4px;
    height: 4px;
    right: 1.5rem;
    top: auto;
    bottom: 1.25rem;
    z-index: 2;
  }
  .NavSection .NavWrap .ChangeDept select {
    background-color: var(--white-color);
    text-align: center;
    width: 100%;
  }
  .NavSection .NavWrap.is_fixed .ChangeDept {
    order: 2;
    flex-wrap: nowrap;
    max-width: 180px;
  }
  .NavSection .NavWrap.is_fixed .ChangeDept :before {
    width: 4px;
    height: 4px;
    right: 1rem;
    top: auto;
    bottom: 1.5rem;
  }
  .NavSection .NavWrap.is_fixed .ChangeDept span {
    width: 3rem;
    font-size: 0.625rem;
    text-align: center;
    line-height: 1;
    color: var(--sub-text-color);
    font-weight: normal;
  }
  .NavSection .NavWrap.is_fixed .ChangeDept select#deptSelect {
    width: 100%;
    padding: 0.5rem!important;
    font-size: 0.875rem!important;
    background-color: transparent;
    text-align: left;
  }
  .NavSection .NavWrap .JumpToSection {
    order: 1;
  }
  .NavSection .NavWrap .JumpToSection .SectionNav {
    display: flex;
    padding: 0 0;
    gap: 0.5rem;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem {
    padding: 0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    scale: 1.05;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem:hover .SectionNavItemIcon {
    color: var(--theme-main-color);
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem:hover .SectionNavItemLabel {
    color: var(--theme-main-color);
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem a {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem .SectionNavItemIcon {
    margin-bottom: 0;
    width: auto;
    padding: 0.25rem 0.5rem;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem .SectionNavItemIcon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem .SectionNavItemLabel {
    width: 100%;
    font-size: 1rem;
    height: auto;
    text-align: left;
  }
  .NavSection .NavWrap.is_fixed {
    position: fixed;
    top: 0.5rem;
    left: 50%;
    margin-left: -450px;
    z-index: 1000;
    display: flex;
    flex-wrap: nowrap;
    width: 900px;
    background-color: var(--white-color);
    /* border-bottom: 1px solid var(--main-border-color); */
    padding: 0.25rem 0.75rem;
    gap: 1rem;
    /* box-shadow: 0px 0px 6px var(--sub-border-color); */
    border-radius: 1rem;
    /* transition: all 0.3s ease-in; */
  }
  .NavSection .NavWrap.is_fixed .JumpToSection {
    width: 70%;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav {
    display: flex;
    padding: 0.25rem 0;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem {
    width: 100%;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: none;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem a {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.25rem;
    font-size: 0.75rem;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemIcon {
    margin-bottom: 0;
    width: auto;
    padding: 0.25rem 0.5rem;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemIcon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .NavSection .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemLabel {
    width: 100%;
    font-size: 0.875rem;
    height: auto;
    text-align: left;
    border-right: 1px solid var(--main-border-color);
    padding-right: 1.5rem;
  }
  .StorySection .SectionText {
    padding: 2rem;
    max-width: 1000px;
    margin: 0 auto;
  }
  .StorySection .SectionText .SectionTextTitle {
    max-width: 480px;
    margin: 0 auto 2rem;
  }
  .StorySection .SectionText .SectioTextImage img {
    width: auto;
    max-width: 320px;
  }
  .SearchSection {
    padding: 2rem 1rem 2rem;
  }
  .SearchSection .inner {
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  .SearchSection .btnSeach01 {
    padding: 0.5rem;
    font-size: 1.25rem;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .SearchSection .search_kaigaiBar button.btnSeach, .SearchSection .search_kaigaiBar p.btnSeach a {
    padding: 0.5rem;
    font-size: 1.25rem;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .search_kaigaiBar button.btnSeach,
  .search_kaigaiBar p.btnSeach a,
  #tab_kaigai_hotel .base_gadget a.forcia_search_hotel {
    padding: 0.5rem;
    font-size: 1.25rem;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .SearchSection .search_kaigaiBar {
    width: 100%;
    display: block;
    margin: 2% 0;
  }
  .search_kaigaiBar .serchBox.kaigaiS .serchBox {
    border: 3px solid var(--vivid-color);
    padding: 3rem;
    border-radius: 0.5rem;
  }
  #kaigai_dp_tour .content_wrap {
    padding: 0;
  }
  .search_kaigaiBar .gadget_left_box {
    width: 48%;
    float: left;
    margin: 0 2% 2% 0;
  }
  .search_kaigaiBar .gadget_right_box {
    width: 48%;
    float: left;
    margin: 0 0 2% 2%;
  }
  .search_kaigaiBar .btnSeach.mb15 {
    clear: both;
  }
  .search_kaigaiBar p.btnSeach {
    clear: both;
  }
  .search_kaigaiBar .serchBox.kaigaiS .base_gadget.content_wrap{
    padding: 0;
  }
  .search_kaigaiBar .content_wrap {
    padding: 0;
  }
  .search_kaigaiBar .content_wrap p.base_gadget {
    margin: 2rem 0 0;
  }
  .SearchSection .search_kaigaiBar .serchBox.kaigaiS > ul {
    width: 100%;
    padding: 0 2rem;
  }
  .SearchSection .search_kaigaiBar .serchBox.kaigaiS > ul li {
    padding: 1.25rem 0.25rem 1rem;
    font-size: 0.875rem;
    background: var(--gray-00-color);
    color: var(--main-text-color);
    border-radius: 0.25rem 0.25rem 0 0;
    transition: all 0.3s ease-in;
  }
  .SearchSection .search_kaigaiBar .serchBox.kaigaiS > ul li:hover {
    background: var(--vivid-color);
    color: var(--white-color);
    transition: all 0.3s ease-in;
    opacity: 0.8;
  }
  .SearchSection .search_kaigaiBar .serchBox.kaigaiS > ul li.select {
    background: var(--vivid-color);
    color: var(--white-color);
    font-weight: bold;
  }
.SearchSection .search_kaigaiBar .serchBox.kaigaiS select,
.SearchSection .search_kaigaiBar .serchBox.kaigaiS .btn.btn-secondary.dropdown-toggle.topDropdownModalButton,
.SearchSection .search_kaigaiBar .serchBox.kaigaiS #roomNum_wrap .selectedRoom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static !important;
    width: 95%;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--sub-border-color) !important;
    width: 100%;
    border-radius: 0.25rem;
    height: 40px;
    background: var(--white-color);
    font-size: 1rem;
}
.SearchSection .search_kaigaiBar .serchBox.kaigaiS .dropdown-toggle::after {display: none;}
.SearchSection .search_kaigaiBar .serchBox.kaigaiS #roomNum_wrap .selectedRoom {font-size: 1em;}
  .SearchSection .search_kaigaiBar input[type=text] {
    padding: 0.25rem 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--sub-border-color);
    height: 30px;
    border-radius: 0.25rem;
    box-sizing: content-box;
  }
  .SearchSection .tx10 {
    font-size: 0.75rem;
  }
  .SearchSection .tx_L {
    font-size: 0.75rem;
    padding: 0 4rem;
  }
  .SearchSection #kaigai_dp_tour #depday_wrap dd {
    width: 260px;
    border: var(--sub-border-color) solid 1px;
  }
  .SearchSection #kaigai_dp_tour .datePicker__dateText {
    line-height: 2;
    text-indent: 1%;
    font-size: 0.875rem !important;
  }
  .SearchSection .search_kaigaiBar .base_gadget input[type=text] {
    width: 240px;
    height: 20px;
    border-radius: 0;
    border: 1px solid var(--gray-60-color);
  }
  .SearchSection .search_kaigaiBar #kaigai_dp p.title {
    font-size: 0.75rem;
  }
  .SearchSection .select_radio_btn {
    display: flex;
    align-items: center;
  }
  .SearchSection .select_radio_btn p {
    width: 100%;
    font-size: 0.75rem;
    padding: 0;
  }
  .SearchSection .select_radio_btn p label {
    border: none;
  }
  #tab_kaigai_hotel .kaigaiTourWrap{display: flex;}
  #tab_kaigai_hotel .kaigaiTourL,#tab_kaigai_hotel .kaigaiTourR{width:50%;}
  #tab_kaigai_hotel dl dt {
      float: left;
      width: 150px;
    font-size: 12px;
  }
  #tab_kaigai_hotel input[type=text] {width: 200px;}
  #tab_kaigai_hotel .base_gadget_calendar {
      position: absolute;
      right: 12px;
      top: 3px;
  }
  #tab_kaigai_hotel .forcia_jinin div.room div.item p.title {
      float: left;
      width: 25%;
      font-size: 14px;
  }
  .SectionChangeDept {
    max-width: 1000px;
    margin: 0 auto;
  }
  .SectionChangeDept .SectionChangeDeptTitle {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5rem;
    padding: 2rem 0 1rem;
    padding: 3rem 1rem 1rem;
    line-height: 1.6;
  }
  .SectionChangeDept #switching_tab_menu li {
    width: calc(12.5% - 0.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0.25rem;
    border: 1px solid var(--main-border-color);
    background-color: var(--white-color);
    font-size: 1rem;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .SectionChangeDept #switching_tab_menu li:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    scale: 1;
    background-color: var(--theme-main-color);
    color: var(--white-color);
  }
/*  .ItemSection {
    padding: 2rem 0 4rem;
  }*/
  .Section .SectionTitle {
    font-size: 2rem;
    padding: 1rem 1rem 2rem;
    line-height: 1.4;
  }
  .ItemSection h3.SectionTitle {
    font-size: 1.4rem;
  }
  .ItemSection h3.SectionTitle span {
    font-size: 1.8rem;
  }
  .ItemSection .ItemIntroductionWrap {
    width: 100%;
    background-color: var(--bg-transparent-90);
    padding: 2rem 2rem;
    max-width: calc(1200px + 2rem);
    margin: 0 auto;
    border-radius: 1rem;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionWrapInner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    gap: 0;
    padding: 2rem 1rem;
    border: 4px solid var(--theme-main-color);
    border-radius: 0.5rem;
    background-color: transparent;
    max-width: 1200px;
    margin: 0 auto;
    background-color: var(--white-color);
  }
  .ItemSection .ItemIntroductionWrap .SectionButton {
    padding: 2rem 2rem 0;
    border: none;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine {
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionLTitle {
    width: 100%;
    font-size: 1rem;
    text-align: center;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionSet {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 0.5rem;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionSet .ItemIntroductionBox {
    width: 100%;
    height: 135px;
    padding: 1rem;
    border: 1px solid var(--yellow-color);
    background-color: var(--white-color);
    border-radius: 0.5rem;
    width: 144px;
    min-width: 144px;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionIcon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionIcon svg {
    width: 3rem;
    height: 3rem;
    fill: var(--yellow-color);
    /*color: var(--yellow-color);*/
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionName {
    display: block;
    text-align: center;
    font-size: 1rem;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine:nth-child(2) {
    width: 100%;
    max-width: 500px;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine:nth-child(2) .ItemIntroductionPlus.is-leftover {
    position: absolute;
    left: 33.3%;
    margin-left: -18px;
    z-index: 1;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem {
    max-width: 332px;
    background-color: var(--yellow-pale);
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem;
    margin-top: 0;
    margin-left: 0.5rem;
    border: none;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet {
    padding: 0rem 0.5rem 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--yellow-pale);
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox {
    border: 2px dotted var(--green-pale);
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox:before {
    display: none;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox:after {
    display: none;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionIcon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionIcon svg {
    width: 3rem;
    height: 3rem;
  }
  .ItemSection .ItemIntroductionWrap .ItemIntroductionLine.is-addItem .ItemIntroductionSet .ItemIntroductionBox .ItemIntroductionName {
    display: block;
    text-align: center;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap {
    padding: 1rem 0;
    max-width: 1000px;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab {
    gap: 1rem;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem {
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 2rem 0.5rem 0.5rem;
    border: none !important;
    background-color: var(--white-color);
    border-bottom: none;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    opacity: 1;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem .tabItemSvg svg {
    width: 2rem;
    height: 2rem;
    color: var(--theme-main-color);
    margin-top: 0.75rem;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem:hover {
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
    scale: 1.05;
    background-color: var(--theme-main-color);
    border: none !important;
    color: var(--white-color);
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem:hover a {
    opacity: 1;
    color: var(--white-color);
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem:hover .tabItemSvg svg {
    color: var(--white-color);
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap {
    padding: 4rem 2rem 2rem;
    background-color: var(--white-color);
    position: relative;
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader .SectionTextTitle {
    max-width: 1000px;
    margin: 0 auto 3rem;
    padding: 1rem;
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 0;
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap:hover {
    scale: 1.05;
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSetPrice {
    font-size: 1.1rem;
  }
  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSubTitle {
    display: inline-block;
    background-color: var(--theme-main-dark);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    color: var(--white-color);
    font-size: 0.75rem;
    top: 1.95rem;
    right: 1rem;
  }
  .ItemSection.ItemSectionHeader {
    padding: 2rem 0 0;
  }
  .ItemSection.ItemSectionHeader .SectionTitleImage {
    max-width: 1200px;
    margin: 1rem auto;
    border-radius: 0.25rem;
  }
  .ItemSection.ItemSectionHeader .SectionTitleImage img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    max-height: none;
  }

  .ItemSection.TentsukiSection{
    background:#FFFFFF;
    padding-top: 1rem;
  }

  .ItemSection.TentsukiSection .ItemIntroductionWrap {
    width: 100%;
    max-width: 1600px;
    padding: 0;
    background-color: #B91820;
    border-radius: 0;
  }

  .ItemSection.TentsukiSection .ItemIntroductionWrap .ItemIntroductionWrapInner {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding: 0 3rem;
  }

  .ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSet .ItemCard .ItemCardText .ItemCardTitle {
    font-size: 0.875rem;
}
.ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSet .ItemSetInner .ItemSetBody .ItemSetCardName {
  font-size: 0.875rem;
}

  .TentsukiIntroHeading{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .TentsukiIntroSince{
    width: 100%;
    color: #FFF;
    font-size: 1.5rem;
    padding: 1rem 0.5rem 0.5rem;
    text-align: center;
  }
  .TentsukiIntroSince span{
    font-size: 1.8rem;
  }
  .TentsukiIntroStartDate{
    width: 80%;
  }
  .TentsukiIntroStartDate .StartDateText01{
    font-size: 1rem;
  }
  .TentsukiIntroStartDate .StartDateText01 span{
    font-size: 0.875rem;
  }
  .TentsukiIntroStartDate .StartDateText02{
    font-size: 3.4rem;
  }
  .TentsukiIntroStartDate .StartDateText03{
    font-size: 1.2rem;
  }
  .TentsukiIntroTitle{
    padding: 1.8rem 1rem 0.5rem;
    font-size: 3.4rem;
    line-height: 0.875;
  }
  .TentsukiIntroTitle span{
    font-size: 1.4rem;
    text-align: center;
    line-height: 1;
  }
  .TentsukiIntroBody{
    width: 48%;
    padding: 1.5rem 0.5rem;
    gap: 0.5rem;
  }
  .TentsukiTourPointTitle{
    font-size: 1rem;
  }
  .TentsukiTourPointText{
    font-size: 0.875rem;
  }
  .TentsukiTourPointText span{
    font-size: 0.625rem;
    color: #666;
  }
  .TentsukiIntroResult{
    position: absolute;
    top: -1.25rem;
    right: -1rem;
    width: 48%;
    max-width: 260px;
  }


  .ItemBoxItemFooter{
    max-width: 1100px;
    margin: 2rem auto 0;
  }
  .ItemBoxItemFooter h4 {
    font-size: 1rem;
  }
  .ItemBoxUpgradeWrap{
    flex-wrap: nowrap;
    align-items: unset;
  }
  .ItemBoxUpgrade{
    gap: 0.5rem;
    padding: 0.75rem;
    align-items: flex-start;
  }
  .ItemBoxUpgradeText{
    display: block;
  }
  .ItemBoxUpgradeImage{
    width: 96px;
    min-width: 96px;
    height: 96px;
  }
  .ItemBoxUpgradeImage img{
    width: 96px;
    height: 96px;
  }

  .TentsukiSection .SectionBanner a > p{
    color: var(--main-text-color);
  }


  .DpSection {
    background-color: transparent;
    background-color: var(--dp-bg-transparent-70);
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap {
    padding: 2rem 2rem 2rem;
    max-width: calc(1200px + 2rem);
    margin: 2rem auto 4rem;
    border-radius: 1rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--dp-bg-transparent-80);
    position: absolute;
    z-index: -1;
    top: 1rem;
    left: 1rem;
    border-radius: 1rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto 3rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--theme-main-color);
    border: none;
    top: 50%;
    left: 0;
    margin-top: -2px;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader span {
    background-color: var(--white-color);
    border-radius: 50%;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader .SectionTextTitle {
    max-width: 480px;
    margin: 0 auto;
    padding: 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader .SectionTextTitle::before{
    display: none;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem {
    max-width: 1200px;
    margin: 0 auto;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap:hover {
    scale: 1.05;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSetPrice {
    font-size: 1.1rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap a .ItemSubTitle {
    display: inline-block;
    background-color: var(--theme-main-dark);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    color: var(--white-color);
    font-size: 0.75rem;
    top: 1.95rem;
    right: 1rem;
  }
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .SectionButton {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 3rem 2rem 1rem;
    border: none;
  }
  .DpSection .ItemBox .tabWrap {
    max-width: 960px;
  }
  .DpSection .ItemBox .tabWrap .tab {
    gap: 1rem;
    padding: 0 1rem 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: nowrap;
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem {
    width: 100%;
    max-width: 320px;
    flex-wrap: nowrap;
    gap: 2rem;
    background-color: var(--white-color);
    padding: 1rem;
    border-bottom: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    scale: 1.05;
    background-color: var(--theme-main-color);
    color: var(--white-color);
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem:hover a {
    opacity: 1;
    color: var(--white-color);
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem:hover a .tabItemSvg svg  {
    color: var(--white-color);
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem .tabItemImage {
    width: 100%;
    position: relative;
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem .tabItemImage img {
    min-width: 160px;
    min-height: 160px;
    border-radius: 36px 36px 8px 8px;
    overflow: hidden;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage .tabItemCopy {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    width: 100%;
    background-color: var(--white-color);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.125rem 0;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem:hover a .tabItemImage .tabItemCopy {
    color: var(--main-text-color);
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem a {
    color: var(--main-text-color);
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  .DpSection .ItemBox .tabWrap .tab .tabItem a p {
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }

.SectionContent .ItemBox p.tab-image__copyright {
	width: 100%;
	max-width: 900px;
	margin: auto;
}

  #AirHotel1 .ItemIntroductionWrap, #AirHotel2 .ItemIntroductionWrap, #AirHotel3 .ItemIntroductionWrap, #AirHotel4 .ItemIntroductionWrap, #AirHotel5 .ItemIntroductionWrap, #AirHotel6 .ItemIntroductionWrap, #AirHotel7 .ItemIntroductionWrap, #AirHotel8 .ItemIntroductionWrap {
    width: 100%;
    background-color: var(--white-color);
    padding: 2rem 2rem;
  }
  #AirHotel1 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel2 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel3 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel4 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel5 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel6 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel7 .ItemIntroductionWrap .ItemIntroductionWrapInner, #AirHotel8 .ItemIntroductionWrap .ItemIntroductionWrapInner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
    gap: 0;
    padding: 2rem;
    border: 4px solid var(--theme-main-color);
    border-radius: 0.5rem;
    background-color: var(--white-color);
    max-width: 760px;
    margin: 0 auto;
  }
  #AirHotel1 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel2 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel3 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel4 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel5 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel6 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel7 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine, #AirHotel8 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 4.5rem 130px;
  }
  #AirHotel1 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel2 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel3 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel4 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel5 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel6 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel7 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox, #AirHotel8 .ItemIntroductionWrap .ItemIntroductionWrapInner .ItemIntroductionLine .ItemIntroductionBox {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--yellow-color);
    background-color: var(--white-color);
    border-radius: 0.5rem;
    width: 100%;
    height: auto;
  }
  #AirHotel1 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel2 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel3 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel4 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel5 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel6 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel7 .ItemIntroductionWrap .ItemIntroductionMessage, #AirHotel8 .ItemIntroductionWrap .ItemIntroductionMessage {
    padding: 1rem;
    width: 100%;
    height: 70%;
    border-radius: 0.25rem;
    margin-top: 10%;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
  }
  #AirHotel1 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel2 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel3 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel4 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel5 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel6 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel7 .ItemIntroductionWrap .ItemIntroductionMessage:before, #AirHotel8 .ItemIntroductionWrap .ItemIntroductionMessage:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right: 8px solid var(--theme-main-color);
  }
  .SpotSection {
    padding: 2rem 0 3rem;
  }
  .SpotSection .SectionText {
    max-width: 1200px;
    margin: 0 auto;
  }
  .ImageMapWrap{
    position: relative;
    padding: 2rem;
    background-color: var(--map-bg-color);
    border-radius: 0.5rem;
    margin-bottom: 2rem;
  }
  .ImageMapWrap img{
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
  }
  .SpotSection .ImageMapWrap .SpotTitle {
    width: 112px;
    height: 112px;
    padding: 1rem 0.25rem 1.75rem;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35);
    transition: all 0.6s ease-in-out;
  }
  .ImageMapWrap .SpotTitle:hover {
    scale: 1.1;
    transition: all 0.3s ease-in-out;
  }
  .SpotSection .ImageMapWrap a .SpotTitle .SpotTitleJp {
    font-size: 1.75rem;
    letter-spacing: -1px;
    padding-top: 0.5rem;
    line-height: 1.2;
  }
  .SpotSection .ImageMapWrap a .triangle {
    position: absolute;
    bottom: 0.5rem;
    height: calc(10px / 2 * tan(45deg));
    width: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: var(--main-text-color);
  }
  .ImageMapWrap .SpotTitle.Spot01Button {
    margin-left: -23%;
    margin-top: -17.5%;
  }
  .ImageMapWrap .SpotTitle.Spot02Button {
    margin-left: 14%;
    margin-top: 6%;
  }
  .ImageMapWrap .SpotTitle.Spot03Button {
    margin-left: -22%;
    margin-top: 18%;
  }
  .SpotSection .SectionContent {
    padding: 3rem;
    background-image: url(../assets/spot_bg.png);
    background-repeat: repeat;
  }
  .SpotSection .SpotWrap {
    margin-bottom: 3rem;
    background-color: var(--white-color);
    background-color: var(--bg-transparent-b5);
    padding: 3rem 0 0;
    border-radius: 1rem;
    max-width: 1200px;
    margin: 0 auto 3rem;
    position: relative;
  }
  .SpotSection .SpotWrap:last-child {
    margin-bottom: 1rem;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 4rem 0;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader {
    width: 55%;
    position: relative;
    padding: 1rem 0;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotImage {
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle {
    width: 144px;
    height: 144px;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    padding-top: 0.25rem;
    font-size: 2.2rem;
    letter-spacing: -2px;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.8rem;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotSubTitle {
    width: 70%;
    position: absolute;
    bottom: -0.75rem;
    right: -1rem;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotSubTitle p span {
    font-size: 1.5rem;
  }
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotText {
    width: 45%;
    padding: 1rem 0 1rem 2rem;
    font-size: 1rem;
  }
  .SpotSection .SpotWrap .SpotBody {
    width: 100%;
    margin: 0.75rem 0 3rem!important;
    padding: 0.25rem 2rem 3rem 2rem;
    background-color: var(--bg-transparent-e4);
    background-image: unset;
    margin: 0 auto;
    border-radius: 0 0 1rem 1rem;
  }
  .SpotSection .SpotWrap .SpotBody .SpotInner {
    margin: 1rem auto 0;
  }
  .SpotSection .SpotWrap .SpotBody .slick-list {
    padding: 1rem 0 !important;
    min-width: 100%;
  }
  .SpotSection .SpotWrap .SpotBody .SpotInner .slick-prev {
    left: -0.75rem !important;
  }

  .SpotSection .SpotWrap .SpotBody .SpotInner .slick-next {
    right: -0.75rem !important;
  }
  .SpotSection .SpotWrap .SpotBody .SpotInner .SpotCard:hover {
    scale: 1 !important;
  }
  .SpotSection .SpotWrap .SpotBody .SpotInner .SpotCard .SpotImage {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: var(--gray-bg-color);
  }
  .SpotSection .SpotWrap .SpotBody .SpotInner .slick-dots {
    position: absolute;
    bottom: 0.5rem;
    width: calc(100% - 1rem);
  }
  .ArticleSection {
    padding: 4rem 0 2rem;
  }
  .ArticleSection::after{
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    background-color: var(--theme-main-pale);
    opacity: 0.75;
  }
  .Section.ArticleSection .SectionTitle {
    max-width: 740px;
  }
  .ArticleSection .SpotBody {
    width: 100%;
    margin: 0.75rem 0 2rem;
    padding: 0 0 1rem;
  }
  .ArticleSection .SpotBody .SpotInner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .ArticleSection .SpotBody .SpotInner .SpotCardContents {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    line-height: 1.25;
  }
  .ArticleSection .SpotBody .SpotInner .SpotCardContents .SpotCardTitle {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
  .ArticleSection .SpotBody .SpotInner .SpotCardContents .SpotCardSubText {
    width: 100%;
    font-size: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
  }
  .ArticleSection .SpotBody .SpotInner .slick-dots {
    position: absolute;
    bottom: -1.5rem;
    width: calc(100% - 2.5rem);
  }
  .BasicInformation .SectionContent {
    max-width: 800px;
    margin: 0 auto;
  }
  .QuestionAnswer {
    padding: 2rem 1rem 6rem;
  }
  .QuestionAnswer .SectionContent {
    max-width: 900px;
    margin: 0 auto;
  }
  .QuestionAnswer .SectionContent .accordionLine .accordionTitle {
    font-size: 1rem;
    font-weight: normal;
  }
  .QuestionAnswer .SectionContent .accordionLine .accordionText {
    font-size: 1rem;
  }
  .SpecialInformation .SectionContent {
    max-width: 1000px;
    margin: 0 auto;
  }
  .SpecialInformation .SectionContent .commonbnr li:hover {
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
    scale: 1.05;
  }
  .ContactSection .SectionContent {
    max-width: 1000px;
    margin: 0 auto;
  }
  .ContactSection .SectionContent .ItemWrap {
    flex-wrap: nowrap;
  }
  .ContactSection .SectionContent .contactBox {
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: none;
    background-color: transparent;
    border: none;
  }
  .ContactSection .SectionContent .contactBox a {
    min-height: 122px;
    padding: 1rem;
    height: auto;
    border: 1px solid var(--main-border-color);
    background-color: var(--white-color);
    border-radius: 0.5rem;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
  }
  .ContactSection .SectionContent .contactBox a:hover {
    scale: 1.05 !important;
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent {
    max-width: 900px;
    margin: 0 auto;
  }
  .RelationFooter .SectionContent .accordionLine {
    padding: 0.75rem 0.5rem;
    cursor: pointer;
  }
  .RelationFooter .SectionContent .accordionLine .accordionParent:hover {
    background-color: var(--gray-bg-color);
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionParent.is-opened:hover {
    background-color: var(--theme-main-pale);
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine {
    width: 100%;
    padding: 0.5rem 0.5rem;
    padding-right: 0;
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine:hover {
    background-color: var(--gray-bg-color);
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine:hover a {
    color: var(--vivid-color);
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine .accordionGrandchild {
    padding: 0;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine .accordionGrandchild a {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem;
    background-color: transparent;
    color: var(--main-text-color);
    transition: all 0.3s ease-in-out;
  }
  .RelationFooter .SectionContent .accordionLine .accordionChild .accordionLine .accordionGrandchild a img {
    width: 80px;
    height: 36px;
    border-radius: 0.5rem;
  }
  .RelationFooter .SectionContent .accordionLine .accordionTitle {
    font-size: 1rem;
    font-weight: normal;
  }
  .RelationFooter .SectionContent .accordionLine .accordionText {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1020px), print {
  .ItemSection .ItemIntroductionWrap .ItemIntroductionWrapInner {
    flex-wrap: nowrap;
  }
}