@charset "utf-8";

/* カルーセル */
.slider-for.slick-initialized.slick-slider {
  padding: 0;
  /* background-color: #d2d2d2; */
}
.slider-for h4 {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 700;
}
.slidType_thumb .slider-nav {
  margin-top: 20px;
}
.main_contents h2 {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  color: #167091;
}
.font_Mincho{
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
}
p {
  line-height: 24px !important;
}
.font_s {
  font-size: 12px;
}
.font_m {
  font-size: 2.5rem;
}


/*margin*/
.mgt20 {
  margin-top: 20px;
}
.mgt40 {
  margin-top: 40px;
}
.mgt80 {
  margin-top: 80px !important;
}
/*タブ切り替えレイアウト*/
.ctm_tabColor_set .tabs_parent > li.current, .ctm_tabColor_set .tabs_parent > li.current > a{background:#333333;} 
.ctm_tabColor_set .tabs_parent > li > a > span::after {
  display: inline-block;
}

.tmbBlock .contTxt {
  display: none !important;
}
.linear-gradient {
  background: linear-gradient(#E3FEFF, #FFFFFF);
  height: 340px;
  margin-top: -10px;
  padding-top: 10px;
}

.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {
  width: 200px !important;
}

/* ヒーローイメージ調整 */
.heroimgWrap.typeImg {padding-bottom: 0px;}
.heroimgWrap .bx-controls {bottom: 20px !important;}
.heroimgWrap.typeImg.heroimgWrap-titleImg .mainHeading {top: calc(50% - 20px);}

.videoControls {
  right: 50% !important;
  margin-left: 0px !important;
  margin-right: -20px;
}

/* コンテンツ幅 フル */
.contents{margin: 0 auto;}
.contentsInr{width:auto;padding:0px;}
/* コンテンツ幅 950px */

.contents_center{text-align: center;margin: 0 auto;}
.contents_wrap {margin: 0 auto;max-width: 950px;}

.tab_width {
  max-width: 950px;
}


.main_copy_wrap {
  text-align: center;
  margin: 80px 0px;
}
.main_copy_wrap >h2 {
  max-width: 450px;
  text-align: center;
  display: inline-block;
}




/*RESERVE*/
.reserve_wrap {
  display: flex;
  margin-top: 80px;
}
.reserve_head {
  font-size: 3rem;
}

.reserve_wrap .reserve_img_block, .reserve_wrap .reserve_text_block {
  width: 50%;
  text-align: left;
}
.reserve_text_block {
  color: #FFFFFF;
  height: auto;
  background-image: url(/jp/ja/dom/special/kyotango/img_sites/bg_blue.jpg);
  padding: 30px 50px;
}


/*PLAN*/
.plan_head_block {
  text-align: center;
  margin: 80px 0px;
}

.plan_head {
  max-width: 450px;
  margin: 30px auto;
}

.bkg_dot {
  border-left: 6px dotted #ccc;
}

.plan_ttl .ttlLv2 .heading {
  text-align: left;
}

.plan_inner_block{
  height: 100%;
}



/*見出し*/
.ctm_pageTtl .ttlLv2 {
  margin-top: 0px !important;
}
.ctm_pageTtl.hc01{
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  color:#333333;
  display: flex;
  margin-left: -80px;
  margin-top: -8px;
} 
.plan_ttl::before{
  padding-right: 20px;
  transform: scale(0.8);
  margin-top: -3px;
}
/*数字アイコン*/
.ic_01::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_01.png);
}
.ic_02::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_02.png);
}
.ic_03::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_03.png);
}
.ic_04::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_04.png);
}
.ic_05::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_05.png);
}
.ic_06::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_06.png);
}
.ic_07::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_07.png);
}
.ic_08::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_08.png);
}
.ic_09::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_09.png);
}
.ic_10::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_10.png);
}
.ic_11::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_11.png);
}
.ic_12::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_12.png);
}
.ic_13::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_13.png);
}
.ic_14::before{
  content: url(/jp/ja/dom/special/kyotango/img_sites/ic_14.png);
}

.plan_2col {
  padding-left: 43px;
}
.plan_txt_car {
  margin-left: -31px;
  padding: 56px 0px;
}
.plan_txt_car.plan_txt_park {
  padding: 0px;
}



/*RECOMMEND*/
.recommend_head {
  max-width: 700px;
  margin: 0 auto;
}
.recommend_head.rcm_head02 {
  max-width: 230px;
}

.rcm_ancor_wrap02 {
  max-width: 630px;
  justify-content: center;
  margin: 0 auto;
}

.ctm_pageTtl_ttlLv3 .ttlLv3 .heading {
  padding: 0px !important;
  border-left: none !important;
}

.ctm_pageTtl_ttlLv3 .ttlLv3 {
  padding-top: 0px !important;
  margin-bottom: 10px !important;
}

.rcm_check_wrap {
  position: relative;
  z-index: 100;
  padding-bottom: 40px;
}

.rcm_check_wrap::before {
  width: 1000%;
  background-color: #eee;
  display: block;
  height: 980px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  overflow: hidden;
}


.access_head_block {
  text-align: center;
  margin: 0 auto;
}

.access_head {
  margin: 0px auto 30px;
}
.access_head01 {
  max-width: 155px;
}
.access_head02 {
  max-width: 450px;
}



/* レスポンシブ SPサイズ */
@media all and (max-width:739px){
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {
  width: 250px !important;
}
.contentsInr .contentsUnit{padding:0 10px;overflow: hidden;}

.tab_scroll {
  background: none !important;
}

.videoControls {
  bottom: 12px !important;
}

.text_left_sp >p{
  text-align: left !important;
}
.main_copy_wrap {
  margin: 45px 0px;
}
.main_copy_wrap >h2 {
  max-width: 80vw;
}
.reserve_wrap .reserve_img_block, .reserve_wrap .reserve_text_block {
  width: 100%;
  text-align: left;
}
.reserve_wrap {
  flex-direction: column-reverse;
  margin-top: 40px;
}
.reserve_text_block {
  padding: 30px 14vw;
}
.reserve_txt {
  margin-top: 20px;
}
.reserve_head {
  font-size: 3.2rem;
  text-align: center;
}
.rcm_ancor_wrap02 {
  margin-top: 10px;
}

.rcm_check_wrap {
  padding: 0px 10px 40px;
  overflow: hidden;
}

.rcm_check_wrap::before {
  height: 2000px;
}

.plan_head, .recommend_head{
  max-width: 350px;
}
.recommend_head.rcm_head02 {
  max-width: 170px;
}

.plan_head_block {
  margin: 40px 0px;
}
.plan_head_block >p{
  text-align: left;
}

.plan_ab {
  margin-top: 86vw;
}

.plan_inner_block {
  margin-left: 30px;
  padding: 0px 40px 0px 0px;
}

.plan_inner {
  margin-left: 30px;
  padding-right: 40px;
}

.plan_2col {
  padding-left: 30px;
}

.plan_inner >.column >.plan_2col {
  padding-left: 35px;
}

.plan_ttl::before {
  padding-right: 0px;
  transform: scale(0.55);
  margin-top: -8px;
}

.plan_ttl.plan_ttl_br::before {
  margin-top: -16px;
}

.ctm_pageTtl.hc01 {
  margin-left: -66px;
  margin-top: -20px;
}

.plan_ttl .ttlLv2 .heading {
  font-size: 3.2rem;
  text-align: left;
  line-height: 1;
}
.plan_ttl .ttlLv2 .heading >span {
  font-size: 2rem;
}

.plan_btn >.btn {
  margin: 10px 0px !important;
}
.plan_txt_car {
  margin-left: -21px;
  padding: 40px 0px;
  width: 105%;
  max-width: 400px;
}


.contents_center >.linkbtn >.btn {
  width: 90vw !important;
}

.bkg_dot {
  border-left: 5px dotted #ccc;
}

.tmbWrap {
  margin-top: 10px !important;
}

.ctm_pageTtl_ttlLv3 .ttlLv3 {
  padding-top: 15px !important;
}
.mgt80 {
  margin-top: 40px !important;
}
}



@media (max-width: 450px) {
.plan_txt_car {
  margin-left: -4.8vw;
}
.reserve_text_block {
  padding: 30px 20px;
}
.reserve_txt {
  margin-top: 20px;
}
.access_head01 {
  max-width: 110px;
}
.access_head02 {
  max-width: 300px;
}
}







/* レスポンシブ PCサイズ */
@media all and (min-width:740px){
.main_copy_text >p {
  margin-top: 20px;
}
.reserve_image {
  height: 100%;
  object-fit: cover;
}

.reserve_txt {
  max-width: 436px;
  margin-top: 20px;
}

.plan_inner >.column >.plan_2col {
  padding-left: 49px;
}

.plan_ttl.plan_ttl_br::before {
  margin-top: -6px;
}

.btnBox .rcm_ancor_btn .btn {
  width: 300px;
}
.rcm_ancor_wrap02 {
  margin-top: 30px;
}
.rcm_ancor_wrap02 .clm_1_2col.colWrap .col:nth-of-type(n+2) {
  margin-left: 25px;
}

.rcm_check_2col .clm_1_2col.colWrap .col:nth-child(odd) {
  width: 38%;
  }
.rcm_check_2col .clm_1_2col.colWrap .col:nth-of-type(n+2) {
  width: 55%;
}
}

@media all and (min-width:1024px){
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {
  width: 300px !important;
}
}




@media all and (min-width:1480px){

.reserve_text_block {
  padding: 50px;
}
.reserve_txt {
  margin-top: 30px;
}
.reserve_head {
  font-size: 3.6rem;
}
}


.videoControls.disBlo.disNon {
display: block !important;
}
.reserve_banner_wrap {
  max-width: 436px;
}