@charset "utf-8";

/*--------------------------------------------------------------
# top
--------------------------------------------------------------*/
.model-wrapper {
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
    min-width: 970px;
    max-width: 1246px;
}
.sub_title{
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    font-weight: normal;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.5), 0px 0px 9px rgba(0,0,0,0.10);
    display: flex;
    align-items: center;
    width: 30%;
    margin: 0px auto 100px;
    padding: 0px;
}
 
.sub_title:before,
.sub_title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #FFFFFF;
}
.sub_title:before {
    margin-right: 1rem;
}
.sub_title:after {
    margin-left: 1rem;
}
.nav_modelbx{
    margin: 60px auto 0;
    padding: 15px;
}
.nav_title{
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.model_row {
  margin-left: -5px!important;
  margin-right: -5px!important;
  display: flex;
}
.model_row:after {
  content: " ";
  display: table;
  clear: both;
}
.model_row .col-md-4,
.model_row .col-sm-4,
.model_row .col-xs-4,
.model_row .col-md-6,
.model_row .col-sm-6,
.model_row .col-xs-6,
.model_row .col-md-12,
.model_row .col-sm-12,
.model_row .col-xs-12{
  position: relative;
  min-height: 1px;
  padding-left: 5px!important;
  padding-right: 5px!important;
  width: calc(100% / 3);
}
.model-button.douou {
    background-color: #ff7896;
    color: #fff;
}
.model-button.dounan {
    background-color: #ff9600;
    color: #fff;
}
.model-button.doutou {
    background-color: #64BE8C;
    color: #fff;
}
.model-button.douhoku {
    background-color: #6482C8;
    color: #fff;
}

/*--------------------------------------------------------------
# 季節切り替え
--------------------------------------------------------------*/
.panel-summer {
    display: none;
}
.panel-winter {
    display: block;
}
.c-tab__wrap {
    margin-bottom: 40px;
}
.season-select {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.c-tab__list {
    display: flex;
    column-gap: 20px;
    position: relative;
}
.c-tab__list li {
    width: calc(100% / 2);
}
.c-tab label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.5em;
    border: solid 2px #195178;
}
.c-tab span {
    font-size: 24px;
    font-weight: bold;
}
.c-tab.is-selected label {
    color: #fff;
    background-color: #195178;
}
.c-tab.is-selected label::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #195178 transparent transparent transparent;
    display: block;
    position: absolute;
    top: 100%;
}
.sec-season input[name="season-radio"] {
    display: none;
}
/*--------------------------------------------------------------
# model
--------------------------------------------------------------*/
.model-button{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 140%;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    border-radius: 3px;
    width: 98%;
    height: 70px;
    font-weight: bold;
    position: relative;
    transition: 0.3s;
    margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    cursor: pointer !important;
    text-align: center;
}
.field_bx{
    width: 100%;
    margin: 0px auto;
    max-width: 1200px;
    padding-bottom:60px;
}
.model-button::before, .model-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #fff;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.model-button::before {
  transform: translateY(-50%) rotate(30deg);
}
.model-button::after {
  transform: translateY(-50%) rotate(-30deg);
}
.model-button:hover {
	opacity: 0.7!important;
}
.model-button:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}
.model-button:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}

.photo_bg h1{
    text-align: center;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 50px;
    font-weight: bold;
    margin: 0px auto;
    padding: 35px 50px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5), 0px 0px 9px rgba(0,0,0,0.10);
    background-color: rgba(0, 0, 0, 0.5);
    width: fit-content;
    border-radius: 5px;
}
.photo_bg{
    width: 100%;
    min-height: 400px;
    margin: 0px auto 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.p_course01{
    background: url(../_images/mv01.webp) no-repeat center ;
    background-size: cover;
}
.p_course02{
    background: url(../_images/mv02.webp) no-repeat center ;
    background-size: cover;
}
.p_course03{
    background: url(../_images/mv03_win.webp) no-repeat center ;
    background-size: cover;
}
.p_course04{
    background: url(../_images/mv04_win.webp) no-repeat center ;
    background-size: cover;
}
.course_bg{
    width: 100%;
    margin: 75px auto 0px;
    float: left;
    background-color: #FFFFFF;
    clear: both;
    padding-bottom: 20px;
}
.title_bx{
    width: 100%;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin-top: 0px;
}
.model_contents{
    width: 100%;
    max-width: 1120px;
    margin: 0px auto 20px;
    padding: 0px;
}
.model_contents .pict_box{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.course_title{
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    padding-top: 0px;	
    margin: 0px auto 10px;
}
.course_sub_title{
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    padding-top: 0px;	
    margin: 0px auto 40px;
}
.model_point01{
    width: 100%;
    max-width: 1120px;
    margin: 10px auto 20px;
    background-color: #ffccd7bd;
    padding: 20px;	
}
.model_point02{
    width: 100%;
    max-width: 1120px;
    margin: 10px auto 20px;
    background-color: #ffeacc;
    padding: 20px;	
}
.model_point03{
    width: 100%;
    max-width: 1120px;
    margin: 10px auto 20px;
    background-color: #bfe7bf;
    padding: 20px;
}
.model_point04{
    width: 100%;
    max-width: 1120px;
    margin: 10px auto 20px;
    background-color: #d2e6fd;
    padding: 20px;	
}
.model_point_title{
    width: 100%;
    margin: 0px auto 10px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.model_point_txt{
    width: 100%;
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}
.model_course_plan{
    width: 100%;
    max-width: 1120px;
    margin: 0px auto 20px!important;
    background-color: #FFFFFF;
    padding: 20px;
    padding-top: 0;
    float: none;
}

/*  1日目
============================================================================= */
.schedule_day{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    background-color: #666666;
    text-align: center;
    border-radius: 10px;
    margin-top: 40px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}
.schedule_access{
    font-weight: normal;
    font-size: 80%;
    line-height: 110%;
}
.model_course_schedule{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px auto;
    background-color: #FFFFFF;
    padding: 10px;
}
.model_course_schedule .model_course_planbx{
	width: 60%;
    position: relative;
}
.model_course_schedule .model_course_imgbx{
	width: 40%;
	text-align: center;
    position: relative;
}
.model_course_schedule .schedule_btn{
    width: 100%;
    margin: 10px auto;
}
.model_course_schedule_b .schedule_btn{
    width: 100%;
    margin: 10px auto;
}
.model_course_schedule_box{
    width: 90%;
    text-align: left;
    position: relative;
    margin: 0px;
    background-image: url(../_images/common/icon_line.gif);
    background-repeat: repeat-y;
    background-size: 15% auto;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}
.hotelplan {
    text-align: center;
    padding-top: 20px;
}
.dounan-txt a:link,
.dounan-txt a:visited{
    color: #ff9600!important;	
}
.douou-txt a:link,
.douou-txt a:visited{
    color: #ff6496!important;	
}
.douhoku-txt a:link,
.douhoku-txt a:visited{
    color: #6482c8!important;	
}
.doutou-txt a:link,
.doutou-txt a:visited{
    color: #64be8c!important;	
}
.dounan-txt a:hover,
.douou-txt a:hover,
.douhoku-txt a:hover,
.doutou-txt a:hover{
    color: #FF0004!important;	
}
.icon_pin,.icon_pin01,.icon_pin02,.icon_pin03,.icon_pin04,.icon_pin05,.icon_pin06,.icon_pin07,.icon_pin08,.icon_pin09,.icon_pin10,.icon_pin11,.icon_pin12,.icon_pin13,.icon_pin14,.icon_pin15{
    background-repeat: no-repeat;
    background-position: left top;
    width: 90%;
    height: auto;
    min-height: 90px;
}
.icon_pin{
    background-image: url(../_images/common/icon_pin.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 90%;
    background-color: #FFFFFF;
    height: auto;
    min-height: 42px;
}
#model_douou .icon_pin01{
    background-image: url(../_images/common/icon_douou_pin01.png);
}
#model_douou .icon_pin02{
    background-image: url(../_images/common/icon_douou_pin02.png);
}
#model_douou .icon_pin03{
    background-image: url(../_images/common/icon_douou_pin03.png);
}
#model_douou .icon_pin04{
    background-image: url(../_images/common/icon_douou_pin04.png);
}
#model_douou .icon_pin05{
    background-image: url(../_images/common/icon_douou_pin05.png);
}
#model_douou .icon_pin06{
    background-image: url(../_images/common/icon_douou_pin06.png);
}
#model_douou .icon_pin07{
    background-image: url(../_images/common/icon_douou_pin07.png);
}
#model_douou .icon_pin08{
    background-image: url(../_images/common/icon_douou_pin08.png);
}
#model_douou .icon_pin09{
    background-image: url(../_images/common/icon_douou_pin09.png);
}
#model_douou .icon_pin10{
    background-image: url(../_images/common/icon_douou_pin10.png);
}
#model_dounan .icon_pin01{
    background-image: url(../_images/common/icon_dounan_pin01.png);
}
#model_dounan .icon_pin02{
    background-image: url(../_images/common/icon_dounan_pin02.png);
}
#model_dounan .icon_pin03{
    background-image: url(../_images/common/icon_dounan_pin03.png);
}
#model_dounan .icon_pin04{
    background-image: url(../_images/common/icon_dounan_pin04.png);
}
#model_dounan .icon_pin05{
    background-image: url(../_images/common/icon_dounan_pin05.png);
}
#model_dounan .icon_pin06{
    background-image: url(../_images/common/icon_dounan_pin06.png);
}
#model_dounan .icon_pin07{
    background-image: url(../_images/common/icon_dounan_pin07.png);
}
#model_dounan .icon_pin08{
    background-image: url(../_images/common/icon_dounan_pin08.png);
}
#model_dounan .icon_pin09{
    background-image: url(../_images/common/icon_dounan_pin09.png);
}
#model_dounan .icon_pin10{
    background-image: url(../_images/common/icon_dounan_pin10.png);
}
#model_douhoku .icon_pin01{
    background-image: url(../_images/common/icon_douhoku_pin01.png);
}
#model_douhoku .icon_pin02{
    background-image: url(../_images/common/icon_douhoku_pin02.png);
}
#model_douhoku .icon_pin03{
    background-image: url(../_images/common/icon_douhoku_pin03.png);
}
#model_douhoku .icon_pin04{
    background-image: url(../_images/common/icon_douhoku_pin04.png);
}
#model_douhoku .icon_pin05{
    background-image: url(../_images/common/icon_douhoku_pin05.png);
}
#model_douhoku .icon_pin06{
    background-image: url(../_images/common/icon_douhoku_pin06.png);
}
#model_douhoku .icon_pin07{
    background-image: url(../_images/common/icon_douhoku_pin07.png);
}
#model_douhoku .icon_pin08{
    background-image: url(../_images/common/icon_douhoku_pin08.png);
}
#model_douhoku .icon_pin09{
    background-image: url(../_images/common/icon_douhoku_pin09.png);
}
#model_douhoku .icon_pin10{
    background-image: url(../_images/common/icon_douhoku_pin10.png);
}
#model_doutou .icon_pin01{
    background-image: url(../_images/common/icon_doutou_pin01.png);
}
#model_doutou .icon_pin02{
    background-image: url(../_images/common/icon_doutou_pin02.png);
}
#model_doutou .icon_pin03{
    background-image: url(../_images/common/icon_doutou_pin03.png);
}
#model_doutou .icon_pin04{
    background-image: url(../_images/common/icon_doutou_pin04.png);
}
#model_doutou .icon_pin05{
    background-image: url(../_images/common/icon_doutou_pin05.png);
}
#model_doutou .icon_pin06{
    background-image: url(../_images/common/icon_doutou_pin06.png);
}
#model_doutou .icon_pin07{
    background-image: url(../_images/common/icon_doutou_pin07.png);
}
#model_doutou .icon_pin08{
    background-image: url(../_images/common/icon_doutou_pin08.png);
}
#model_doutou .icon_pin09{
    background-image: url(../_images/common/icon_doutou_pin09.png);
}
#model_doutou .icon_pin10{
    background-image: url(../_images/common/icon_doutou_pin10.png);
}
#model_doutou .icon_pin11{
    background-image: url(../_images/common/icon_doutou_pin11.png);
}
#model_doutou .icon_pin12{
    background-image: url(../_images/common/icon_doutou_pin12.png);
}
#model_doutou .icon_pin13{
    background-image: url(../_images/common/icon_doutou_pin13.png);
}
#model_doutou .icon_pin14{
    background-image: url(../_images/common/icon_doutou_pin14.png);
}
#model_doutou .icon_pin15{
    background-image: url(../_images/common/icon_doutou_pin15.png);
}
#model_douou .icon_pin01{
    background-image: url(../_images/common/icon_douou_pin01.png);
}
#model_douou .icon_pin02{
    background-image: url(../_images/common/icon_douou_pin02.png);
}
#model_douou .icon_pin03{
    background-image: url(../_images/common/icon_douou_pin03.png);
}
#model_douou .icon_pin04{
    background-image: url(../_images/common/icon_douou_pin04.png);
}
#model_douou .icon_pin05{
    background-image: url(../_images/common/icon_douou_pin05.png);
}
#model_douou .icon_pin06{
    background-image: url(../_images/common/icon_douou_pin06.png);
}
#model_douou .icon_pin07{
    background-image: url(../_images/common/icon_douou_pin07.png);
}
#model_douou .icon_pin08{
    background-image: url(../_images/common/icon_douou_pin08.png);
}
#model_douou .icon_pin09{
    background-image: url(../_images/common/icon_douou_pin09.png);
}
#model_douou .icon_pin10{
    background-image: url(../_images/common/icon_douou_pin10.png);
}
.polaroid .icon_pinimg{
    position: absolute;
    width: 55px;
    top: -15px;
    left: 2px;
}
.polaroid {
    position: relative;
    width: 95%;
    margin: 20px auto;
    border: 2px solid #000;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
}
.polaroid img {
    width: 100%;
}
 
.polaroid p {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 16px;
}
.schedule_icon{
    margin-left: 60px;
    height: auto;
    float: left;
    width: 100%;
}
.schedule_txt_top{
    color: #646464;
    font-size: 16px;
    text-align: left;
    line-height: 18px;
    width: 100%;
    padding-top: 10px;
    margin-top: 0px;
}
.schedule_title{
    font-size: 20px;
    text-align: left;
    line-height: 22px;
    width: 100%;
    font-weight: bold;
    min-width: 400px;
    padding-top: 20px;
    padding-left: 10px;
}
.schedule_title a{
    color: #323743;
}
.course-a a:hover{
    color: #ff93ab;
}
.course-b a:hover{
    color: #ff9600;
}
.course-c a:hover{
    color: #78c878;
}
.course-d a:hover{
    color: #7db9ff;
}
.schedule_title_hotel{
    color: #646464;
    font-size: 20px;
    text-align: left;
    line-height: 22px;
    width: 100%;
    font-weight: bold;
    min-width: 400px;
    padding-top: 0px;
}
.icon_hotel{
    background-image: url(../_images/common/icon_hotel.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 90%;
    background-color: #FFFFFF;
    height: auto;
    min-height: 35px;
    margin-top: 20px;
}
.hotel-arrow {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 35px 16px 15px;
    color: #FFF !important;
    text-decoration: none;
    line-height: 1.2;
    border-radius: 8px;
    background: #195178;
    font-weight: bold;
}
.hotel-arrow:hover {
    opacity: .6;
}
.hotel-arrow::after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
    font-family: 'jtb-dom' !important;
    content: "\e905";
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
# theme
--------------------------------------------------------------*/
#theme{
    width: 100%;
    margin: 0px 0px 0px;
    padding: 0px;
}
.mgt10{
    margin-top: 10px;	
}
.mgt20{
    margin-top: 20px;	
}
.mgt30{
    margin-top: 30px;	
}
.mgt40{
    margin-top: 40px;	
}
.pgt10{
    padding-top: 10px;		
}
.pgt20{
    padding-top: 20px;		
}
.pgt30{
    padding-top: 30px;	
}
.pgt40{
    padding-top: 40px;	
}
.pgb10{
    padding-bottom: 10px;		
}
.pgb20{
    padding-bottom: 20px;		
}

/*  フッター
============================================================================= */
.dom-dp__bn {
    display: none;
}