@charset "UTF-8";

#tankyu_campaign__header {
    position: relative;
    text-align: center;
}
#tankyu_campaign__header .sp_only,
.pic_cpanchor .sp_only {
    display: none;
}
#tankyu_campaign {
    background-color: #fff;
    padding: 15px 40px 80px;
}
#tankyu_campaign .campaign_span {text-align: right;}
#tankyu_campaign .campaign_span a {display: inline;text-decoration: underline;}
#tankyu_campaign .campaign_header {
    margin-top: 1em;
    text-align: center;
    font-size: 24px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
}
#tankyu_campaign .campaign_note {}
#tankyu_campaign .campaign_hotel_list {
    text-align: center;
}
#tankyu_campaign .campaign_hotel_list::after {
    content: "";
    display: table;
    clear: both;
}
#tankyu_campaign .campaign_hotel_list__item {
    float: left;
    width: 21%;
    margin: 2%;
}
#tankyu_campaign .campaign_hotel_list__name {
    margin-top: .6em;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
}
#tankyu_campaign .campaign_hotel_list__plan {

}

#tankyu_campaign form {
    width: 90%;
    margin: 0 auto;
}
#tankyu_campaign form h3 {
    margin-top: 1em;
    font-size: 18px;
    font-weight: bold;
}
#tankyu_campaign form h3 .enen_required {
    color: red;
    font-size: 80%;
    font-weight: normal;
}
#tankyu_campaign form h3 .enen_note {
    font-weight: normal;
    font-size: 75%;
    color: #666;
}
#tankyu_campaign form .other_header {
    margin-top: .5em;
    font-size: 15px;
}
#tankyu_campaign form .enen_answers {
    padding: 1% 2%;
    font-size: 15px;
}
#tankyu_campaign form .enen_answers > label {
    display: inline-block;
    margin-right: 1em;
    padding: .2em 0;
}
#tankyu_campaign form .enen_submit__btn {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    width: 60%;
    display: block;
    margin: 30px auto 0;
    background-color: #db850e;
    border-radius: 6px;
    color: white;
}
#tankyu_campaign form [type="text"],
#tankyu_campaign form [type="tel"], 
#tankyu_campaign form [type="email"], 
#tankyu_campaign form textarea, 
#tankyu_campaign form select {
  font-family: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 16px;
  -webkit-appearance: none;
}
#tankyu_campaign form [type="text"] {

}

#tankyu_okinawa .thanks_cnt {
    background-color: #fff;
    padding: 80px 0;
}
#tankyu_okinawa .thanks_cnt p {
    text-align: center;
    font-size: 16px;
}
#tankyu_okinawa .thanks_cnt a {
    text-decoration: underline;
    display: inline;
}

#campaign_summary {
    margin-top: 80px;
}
#campaign_summary a {
    display: inline;
    text-decoration: underline;
}
#campaign_summary table {
    margin-top: 30px;
    border-collapse: collapse;
}
#campaign_summary th,
#campaign_summary td {
    border: solid 1px #ddd;
    padding: 1em;
}
#campaign_summary th {
    background-color: #efefef;
    font-weight: bold;
    width: 25%;
}
#campaign_summary td {

}
@media screen and (min-width: 768px) {
    .about-section__list__img a {
        overflow: hidden;
        background-color: #000;
    }
    .about-section__list__img img {
        transition: all 2.6s;
    }
    .about-section__list__img a:hover img {
        transform:scale(1.1);
        opacity: .6;
    }
    .about-section__list__text {
        z-index: 9;
    }
    #tankyu_okinawa .pic_cpanchor {
        position: fixed;
        bottom: 80px;
        right: -200px;
        z-index: 9999;
        transition: right .25s linear;
    }
    #tankyu_okinawa .pic_cpanchor.active {
        right: 0;
    }

}

@media screen and (max-width: 767px) {
    #tankyu_okinawa .pic_cpanchor {
        position: fixed;
        bottom: -100px;
        left: 0;
        width: 77%;
        z-index: 999999999999;
        transition: bottom .25s linear;
    }
    #tankyu_okinawa .pic_cpanchor.active {
        bottom: 0;
    }
    .pic_cpanchor .sp_only {
        width: 250px;
        height: auto;
    }
    #tankyu_campaign__header .pc_only,
    .pic_cpanchor .pc_only {
        display: none;
    }
    #tankyu_campaign__header .sp_only,
    .pic_cpanchor .sp_only {
        display: block;
    }
    .pic_cpanchor .sp_only {
        margin: 0 4px; 
    }
    #tankyu_campaign {
        padding-left: 0;
        padding-right: 0;
    }
    #tankyu_campaign .campaign_span {
        text-align: center;
    }
    #tankyu_campaign .campaign_hotel_list__item {
        width: 48%;
        margin: 2% 1%;
    }
    #tankyu_campaign .campaign_hotel_list__item:nth-child(2n+1) {
        clear: left;
    }
    #tankyu_campaign .campaign_header {
        font-size: 17px;
    }
    #tankyu_campaign form h3 {
        font-size: 14px;
    }
    #tankyu_campaign form h3 .enen_note {
        font-size: 92%;
    }
    #tankyu_campaign form h3 .enen_required {
        font-size: 100%;
    }
    #campaign_summary table,
    #campaign_summary th,
    #campaign_summary td,
    #campaign_summary tr {
        display: block;
    }
    #campaign_summary th {
        width: 100%;
        border-bottom: none; 
    }
    #campaign_summary td {
        border-top: none;
    }
}

/* for youtube */

#yt_player01,
#yt_player02,
#yt_player03,
#yt_player04 {
    position: absolute;
    top: 0;
    left: 0;
}

/*.ytp-title {
    display: none!important;
}
.yt-box__wrap {
    position: relative;
}
.yt-box__wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    padding-top: 7.2%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 2;
}
.yt-box__wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    padding-bottom: 10%;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: white;
    z-index: 2;   
}*/