@charset "utf-8";
/* スライド共通のスタイル */
.splide__slide img,
.splide__slide .absolute {
  transform: scale(.74); /* 左右のスライドを小さくする */
  transition: .7s; /* ゆっくり小さくさせる */
}
/* アクティブなスライドのスタイル */
.splide__slide.is-active img {
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
.splide__slide.is-active .absolute{
	transform: scale(1);
}
/* スライドのサイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}
/* レイアウトの為のスタイル */
.wrapper {
  margin-inline: auto;
  margin-top: 10px;
  max-width: 600px;
  width: 100%;
}
.splide__arrows.splide__arrows--ltr{
display: block;
}

.ijttway_slide .slide_wrap .slide_cont a .absolute{
	bottom: calc(7.5% + 16px);
	left: 16px;
	max-width: calc(100% - 32px);
}
.ijttway_slide .slide_wrap .slide_cont.is-active a .absolute{
	bottom: 16px;
}
.ijttway_slide .slide_wrap .slide_cont .big{
font-size: 2.5vw;
}
.ijttway_slide .slide_wrap .slide_cont .txt_bg_wh{
	font-size: .9vw;
	margin-bottom: 1.5em;
}
.ijttway_slide .slide_wrap .slide_cont .txt_bg_wh span{
	padding: 0 4px;
}
button.openModal.absolute{
	background-color: #1A1A1A;
	width: 60px;
	height: 60px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
button.openModal.absolute:before,
button.openModal.absolute:after{
	content: "";
	display: block;
	height: 1px;
	width: 20px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
button.openModal.absolute:before{
	top: -18px;
}
button.openModal.absolute:after{
	bottom: -18px;
}
button.openModal.absolute span{
	display: block;
	height: 1px;
	width: 20px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#modal1 .absolute.top{
	top: 0;
	left: 0;
}
.day_column.gridbox.column2{
	grid-template-columns:100px auto;
}
section:nth-child(1){
	position: relative;
	z-index: 10;
}
.button .black-button{
	font-size: 2rem;
}
.ijttway_detail .section_contents + .section_contents{
	margin-top: 40px;
}
.ijttway_detail .section_contents p.MsoNormal{
	margin-bottom: 1em;
}

/*****PC*****/
@media screen and (min-width: 1025px) {
#modal1 .absolute .txt_bg_bk{
	font-size: 4rem;
	margin-top: 24px;
}
#modal1 .absolute.top .txt_bg_wh{
	font-size: 3.6rem;
}
#modal1 .absolute.top .txt_bg_wh span{
	padding: 8px 16px;
}
.ijttway_detail .section_contents .numHeading.h2{
	font-size: 2.6rem;
    font-weight: bold;
    margin: 24px 0;
}
.ijttway_detail .section_contents .numHeading.h3{
	font-size: 2rem;
    font-weight: bold;
    margin: 24px 0;
}
.ijttway_detail .section_contents .numHeading.h4{
	    font-size: 1.8rem;
    font-weight: bold;
    margin: 16px 0;
}


}

/*****SP*****/
@media screen and (max-width: 1024px) {
	.ijttway_detail .section_contents .numHeading.h2{
	font-size: 2.2rem;
    font-weight: bold;
    margin: 24px 0;
}
.ijttway_detail .section_contents .numHeading.h3{
	font-size: 1.8rem;
        margin-top: 32px;
        line-height: 1.6;
}
.ijttway_detail .section_contents .numHeading.h4{
	    font-size: 1.6rem;
    font-weight: bold;
    margin: 16px 0;
}

}