@charset "utf-8";
/* CSS Document */

/* 共通 */
body{
  color: #000000;
}
img{
	vertical-align:top;
}
.contents_inner{
  width: 950px;
  margin: 0 auto;
}
.fw_bold{
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
}
.bg{
  background:url('../img/bg_main-top.png'),url('../img/bg_main-bottom.png');
  background-repeat: repeat-x,repeat-x;
  background-position:top,bottom;
  background-color: #090F27;
}

.sec_ttl{
  width: 570px;
  margin: 0 auto 60px;
}


/* ファーストビュー */
.mainvisual__wrap img{
  width: 100%;
  height: auto;
}
.schedule_wrap{
  text-align: center;
  background: transparent linear-gradient(90deg, #22236D 0%, #440E63 100%) 0% 0%;
  padding: 12px 0;
}
.schedule_wrap p{
  color: #ffffff;
  font-size: 20px;
  line-height: 1.5;
}

/* event__wrap */
.event__wrap{
  color: #ffffff;
  padding: 140px 0;
}
.event-goods__block{
  margin-bottom: 140px;
}
.event-goods__top{
  text-align: center;
}
.event-goods__top p{
  font-size: 20px;
}
.event-goods__items{
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.event-goods__item{
  width: 450px;
}
.event-goods__item p{
  font-size: 16px;
  margin-bottom: 16px;
}
.event-goods__heading{
  margin-bottom: 24px;
}
.event-content__item{
  text-align: center;
}
.event-content__item:not(:last-child) {
  margin-bottom: 100px;
}
.event-content__item h3{
  color: #63C0E9;
  font-size: 40px;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
  margin-bottom: 40px;
}
.event-content__item h3 span{
  font-size: 24px;
  color: #ffffff;
}

/* info__wrap */
.info__wrap{
  background: transparent linear-gradient(180deg, #FDFDFD 0%, #E0EDFE 47%, #E2EBFD 100%) 0% 0% no-repeat padding-box;
  padding: 80px 0;
}
.info__block{
  display: flex;
  margin-bottom: 80px;
  justify-content: space-between;
}
.info__txt{
  width: 350px;
}
.info__txt h4{
  font-size: 32px;
  margin-bottom: 32px;
}
.info__txt p{
  font-size: 16px;
}
.access__block h5{
  font-size: 24px;
  margin-bottom: 24px;
}

/* SS__wrap */
.SS__wrap{
  padding: 140px 0;
}
.sightseeing__wrap{
  margin-bottom: 90px;
}
.sightseeing__items{
  display: flex;
  justify-content: space-between;
    flex-wrap: wrap;
}
.sightseeing__items dl{
  width: 450px;
  margin-bottom: 56px;
}
.sightseeing__name{
  background: transparent linear-gradient(90deg, #EAF3FF 0%, #E4F0FF 49%, #98CEFC 100%) 0% 0% no-repeat padding-box;
  font-size: 24px;
  padding: 6px 12px;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
}
.sightseeing__txt{
  color: #ffffff;
  font-size: 16px;
  margin-top: 16px;
}
.sightseeing__txt span{
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 8px;
}

.okome__wrap{
  margin-bottom: 140px;
}
.okome__heading{
  color: #63C0E9;
  font-size: 24px;
  text-align: center;
  margin-bottom: 32px;
}
.okome__txt{
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 32px;
}
.okome-detail__block{
  position: relative;
  width: 625px;
  margin: 0 auto;
}
.okome-detail__block::before{
  position: absolute;
  content: "";
  display: block;
  width: 625px;
  height: 3px;
  background: transparent linear-gradient(90deg, #1E9CD7 0%, #2495D9 3%, #4C71E6 24%, #6A54F1 44%, #8140F8 64%, #8E34FD 83%, #9330FF 100%) 0% 0% no-repeat padding-box;
  top: -4px;
}
.okome-detail__block::after{
  position: absolute;
  content: "";
  display: block;
  width: 625px;
  height: 3px;
  background: transparent linear-gradient(270deg, #1E9CD7 0%, #2495D9 3%, #4C71E6 24%, #6A54F1 44%, #8140F8 64%, #8E34FD 83%, #9330FF 100%) 0% 0% no-repeat padding-box;
  bottom: -4px;
}

.okome-detail__inner{
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.okome-detail__lead{
  color: #63C0E9;
  font-size: 20px;
  margin-bottom: 32px;
}
.okome-detail__txt{
  color: #ffffff;
  font-size: 16px;
}

/* modelcourse__wrap */

.modelcourse__wrap{
  margin-bottom: 140px;
}
/* ---アコーディオン部分--- */
.accordion-click{
  background-color: #63C0E9;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding: 8px;
  cursor: pointer;
  position: relative;
}
.accordion-content{
  display: none;
}
.icon_open::before,
.icon_open::after {
  position: absolute;
  content: '';
  display: block;
  transition: all 0.4s;
  border-radius: 5px;
  background: #ffffff;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 3px;
  transform: translate(-50%, -50%);
}
.icon_open::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
/*＋、－切り替え*/
.icon_open.open::before {
  transform: translate(-50%, -50%) rotate(0deg);
}
/* ---アコーディオン部分ここまで--- */

/* アコーディオン中身 */
.accordion-inner{
  background-color: #ffffff;
  padding: 32px;
}
.day__block{
  display: flex;
}
.day__block:not(:last-child){
  margin-bottom: 40px;
}
.day__head{
  background-color: #63C0E9;
  padding: 16px;
  margin-right: 60px;
}
.day__head p{
  color: #ffffff;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
  writing-mode: vertical-rl;
  font-size: 20px;
  line-height: 1;
}
.day-schedule__inner{
  border-left: 2px solid #63C0E9;
  padding: 24px 0;
  margin-top: -6px;
}
.day-end,.day-start{
  border-left: 2px solid #ffffff;
}
.airport__area p,p.place__name{
  font-size: 24px;
  color: #63C0E9;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px;
}
.schedule__txt{
  font-size: 18px;
  color: #333333;
}
.airport__area{
  position: relative;
  padding: 16px 0 10px 50px;
}
.airport__area::before{
  display: block;
  content: "";
  background-image: url(../img/icon_air.svg);
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: -28px;
}
.access__area,.place__area{
  position: relative;
  padding: 0 0 20px 34px;
}
.place__area.day-start{
  padding: 0 0 0px 34px;
}

.place__area::before{
  display: block;
  content: "";
  background-image: url(../img/icon_point.svg);
  width: 31px;
  height: 31px;
  position: absolute;
  top: -3px;
  left: -17px;
}
.access__area::before{
  display: block;
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  top: 2px;
  left: -17px;
}
.access__area.bus::before{
  background-image: url(../img/icon_bus.svg);
}
.access__area.train::before{
  background-image: url(../img/icon_train.svg);
}
.access__area.taxi::before{
  background-image: url(../img/icon_taxi.svg);
}
.place__area.bicycle::before{
  background-image: url(../img/icon_bicycle.svg);
}
.schedule__flex{
  display: flex;
}
.flex__right{
  display: flex;
}
.flex__right>div{
  margin-left: 20px;
}


/* hotel__wrap */
.hotel-hokuto__block{
  background: transparent linear-gradient(360deg, #FFE97E 0%, #EEBE1D 34%, #EAA319 80%, #E58414 100%) 0% 0% no-repeat padding-box;
  padding: 40px 0;
  margin-bottom: 80px;
}
.hotel-hokuto__block h3{
  background-color: #ffffff;
  color: #DD241D;
  font-size: 28px;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 12px 0;
}
.hotel-hokuto__items{
  padding: 32px 16px 0;
  display: flex;
  justify-content: space-between;
}
.hotel-hokuto__item{
  background-color: #ffffff;
  width: 444px;
}
.hotel-hokuto__name,.hotel-hakodate__name{
  text-align: center;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
}
.hotel-hokuto__name span{
  background-color: #DD241D;
  display: block;
  color: #ffffff;
  font-size: 16px;
}
.hotel-hokuto__name p{
  color: #DD241D;
  font-size: 24px;
  padding: 16px 0;
}
.hotel-hokuto__cont{
  display: flex;
  justify-content: space-between;
  padding-right: 16px;
}
.hotel-hokuto__btn>.btnWT{
  margin-bottom: 12px;
  width: 138px;
}

.hotel-hakodate__block h3{
  background-color: #325EEF;
  color: #ffffff;
  font-size: 28px;
  font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 32px;
}
.hotel-hakodate__items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hotel-hakodate__item{
  background-color: #ffffff;
  width: 300px;
  margin-bottom: 32px;
}
.hotel-hakodate__name span{
  background-color: #325EEF;
  display: block;
  color: #ffffff;
  font-size: 16px;
}
.hotel-hakodate__name p{
  color: #325EEF;
  font-size: 20px;
  height: 68px;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hotel-hakodate__btn{
  padding: 12px 16px 16px;
}
.hotel-hakodate__btn>.btnWT{
  margin-bottom: 12px;
  width: 226px;
}
.hotel-hakodate__btn>.tripBox250{
  width: 268px;
}

/* car__wrap */
.car__wrap{
  padding: 80px 0 ;
}
.car__ttl{
  background-color: #63C0E9;
  font-size: 28px;
  padding: 16px 24px;
  color: #ffffff;
  margin-bottom: 32px;
}
.car__detail{
  display: flex;
}
.car__info p{
  font-size: 16px;
  color: #333333;
  margin-bottom: 24px;
}
.car__info{
  margin-left: 32px;
}

/* option__wrap */
.option__wrap{
  margin-bottom: 60px;
}
.option__ttl{
  text-align: center;
  font-size: 28px;
  color: #63C0E9;
  margin-bottom: 16px;
}
.option__txt{
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
.option__img img{
  width: 100%;
}

/* attention__wrap */
.attention__wrap h3{
  color: #ffffff;
  background-color: #666666;
  padding: 12px;
}
.attention__block{
  padding: 24px;
  border: 1px solid #666666;
  color: #333333;
}
.attention__block p:not(:last-child){
  margin-bottom: 16px;
}

/* 終売対応 */
.closetxt{
font-size:18px;
font-weight: bold;
color:#CC0000;
border:2px solid #CC0000;
padding:20px;
margin:5px auto;
max-width: 950px;
text-align: center;
}