@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }


/* h2-------------------------------------------------- */
.m_h {
    position: relative;
}
.m_txt::after {
    content: attr(code);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: #D7000F;
    font-size: 0.75em;
}

/* h3-------------------------------------------------- */
.m_under{
    padding: 0.25em 0em;
    margin-bottom: 0.2em;
    border-bottom: 3px solid #D7000F;
    border-image: linear-gradient(to right, #D7000F 0%, #7800D4 100%) 1;
}

/* black_h-------------------------------------------------- */
.black_h{
    padding: 0.25em;
}

/* button-------------------------------------------------- */
.tgs_bt{
    position: relative;
    border-radius: 100vh;
    background: linear-gradient(to right, #D7000F, #7800D4);
    text-align: center;
    font-weight: bold;
    transition: 0.3s;
}
.tgs_bt:hover{
    transform: translateY(-5px);
    box-shadow: #c6c6c6 0px 10px 5px;
}
.tgs_bt a{
    color: #fff;
    text-decoration: none;
    display: block;
}


/*
/* section_kv
/* -------------------------------------------------- */
.section_kv {
    padding-bottom: 0;
    background: url(/contents/event/a1021600/img/mv_bk.jpg) #fff;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (max-width: 699px) {
    .section_kv {
        padding-bottom: 0;
        background:#fff;
    }
}

/*
/* section_navi
/* -------------------------------------------------- */

.section_navi{
    background: linear-gradient(to right, #D7000F, #7800D4);
    font-weight: bold;
    font-size: 1.25em;
}
.section_navi .navi-tgs a{
    color: #fff;
    text-decoration: none;
    padding: 1.5em 0;
    display: block;
}

.navi-tgs {
    display: inline-block;
  }
.navi-tgs a {
    position: relative;
}
.navi-tgs a::after {
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    background: #fff;
    bottom: 20px;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.navi-tgs a:hover::after {
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}

@media screen and (max-width: 699px) {
    .section_navi{
        font-size: 1em;
    }
    .section_navi .navi-tgs a{
        padding: 0.5em 0;
    }
    .navi-tgs a::after {
        bottom: 0px;
    }
}

/*
/* section_informaion
/* -------------------------------------------------- */

.section_information .day{
    border-top:3px solid #000 ;
    border-bottom:3px solid #000 ;
}
.info_list a{
    text-decoration: none;
    color: #000;
}
.info_list a:hover{
    text-decoration: underline;
}
.info_list dt{
    background-color: #000;
    color: #fff;
    text-align: center;
    margin-top:0.3em;
    margin-right: 0.8em;
    padding: 0.5em 0;
}
.info_list dd{
    margin-top:0.3em;
    padding: 0.5em 0;
}

.bg_gray{
    background-color: #ECEFEF;
}

.section_information .liner{
    vertical-align: sub;
    margin-left: 0.2em;
}

@media screen and (max-width: 699px) {
    .info_list dt{
        margin-top:0.75em;
        margin-right: 0;
        padding: 0;
    }
    .info_list dd{
        padding: 0;
    }
    
}

/*
/* section_model
/* -------------------------------------------------- */

.section_model{
    border-top: 5px solid #000;
    background: url(/contents/event/a1021600/img/section_model_bg.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.model_content{
    border-radius: 10px;
    box-shadow: 0px 0px 10px #bfc4c5;
    transition:0.5s;
    position: relative;
    background-color: #fff;
    transition:0.5s;
}
.model_content:hover{
    transform: translateY(-5px);
    box-shadow:0px 10px 5px rgba(118, 113, 113, 0.5);
    background-color: #fff4f4;
}
.model_content a{
    text-decoration: none;
    color: #000;
    display: block;
    padding: 1.5em;
}
.model_content::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(/contents/event/a1021600/img/section_model_linkicon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.icon_pctype{
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 50px;
    padding: 0.2em 0.7em;
}
.icon_tgs_coupon{
    background-color: #D7000F;
    border-radius: 50px;
    padding: 0.2em 0.7em;
    color: #fff;
    margin-left:0.5em ;
}

@media screen and (max-width: 699px) {
    .section_model{
        background-size: 200%;
        background-position: top center;
    }
    .model_content{
        box-shadow: 0px 0px 5px #dae1e2;
    }
    .model_content a{
        padding:  0.8em 2em 0.8em 0.8em;
    }
    .model_content::after{
        width: 16px;
        height: 16px;
        right: 2%;
    }
}

/*
/* section_coupon
/* -------------------------------------------------- */

.section_coupon{
    border-top: 5px solid #000;
    background: url(/contents/event/a1021600/img/section_coupon.jpg) #D7000F;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.m_h_coupon {
    position: relative;
    color: #fff;
}
.m_txt_coupon::after {
    content: attr(code);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: #fff;
    font-size: 0.75em;
}

.toggle_coupon{
    border-radius: 50px;
    border: solid 2px #fff;
}
.m_under_coupon{
    padding: 0.25em 0em;
    margin-bottom: 0.2em;
    border-bottom: 3px solid #fff;
}
.icon_tgs_display{
    border: 1px solid #D7000F;
    background-color: #fff;
    border-radius: 50px;
    padding: 0.2em 0.7em;
    color: #D7000F;
    margin-left:0.5em ;
}

.section_coupon .tgs_price{
    border-top: 1px dotted #000;
    padding-top: 0.25em;
    margin-top: 0.5em;
    width: 90%;
}
.section_coupon  .tgs_price_off{
    background: #D7000F;
    padding: 0 0.5em;
    color: #fff;
    font-weight: bold;
    margin: 0 0.6em;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
}
.section_coupon  .tgs_price_off:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #D7000F;
}
.section_coupon  .tgs_price_result{
    color: #D7000F;
}

  @media screen and (max-width: 699px) {
    .section_coupon{
        background-size: 200%;
        background-position: top center;
    }
    .section_coupon .tgs_price{
        width: 100%;
    }
    .section_coupon  .tgs_price_off{
        padding: 0 0.5em;
        margin: 0 0.7em 0 0;
        font-size: 0.8em;
    }
    .section_coupon  .tgs_price_off:before{
        margin-top: -3px;
        border: 3px solid transparent;
        border-left: 5px solid #D7000F;
    }
  }


/*
/* section_campaign
/* -------------------------------------------------- */

.section_partner,
.section_campaign{
    border-top: 5px solid #000;
}
.section_campaign .onemore{
    background: linear-gradient( 45deg, #64027B, #990308);
}
.section_campaign .onemore p,
.section_campaign .onemore h5{
    text-shadow: 0px 0px 5px #000;
}
.section_campaign .onemore a{
    color: #fff;
    font-weight: bold;
}
.section_campaign .onemore a:hover{
    text-decoration: underline;
}
.campimg_shadow{
    box-shadow: 0px 0px 20px #e3e3e3;
}
.sns-campaign{
    background-color: #ECEFEF;
}
.tgs_camp_kiyaku{
    max-height: 220px !important
}
.sns_present_catch{
    background: #D7000F;
    border-radius: 20px 20px 0 0 ;
    position: relative;
}
.sns_present_catch::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #D7000F;
}
.sns_present_area{
    border: #D7000F solid 2px;
    border-radius:  0 0 20px 20px;
    background: url(/contents/event/a1021600/img/section_campaign_sns_bkimg.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.winning{
    background: #D7000F;
    padding: 0.2em 2.5em;
    border-radius: 100vw;
    color: #fff;
}
.section_campaign .camp_oubo{
    border: 1px solid #000;
}
.section_campaign .camp_oubo a{
    text-decoration: none;
    color: #000;
}
.section_campaign .camp_oubo a:hover{
    text-decoration: underline;
}

.section_campaign .camp_oubo th{
    background: #000;
    color: #fff;
}
.section_campaign .camp_oubo td{
    background: #fff;
}
.section_campaign .camp_oubo td,
.section_campaign .camp_oubo th{
    padding: 1em;
    border-bottom: 1px #bfc0c0 solid;
    font-weight: bold;
}

@media screen and (max-width: 699px) {
    .sns_present_catch{
        border-radius: 10px 10px 0 0 ;
    }
    .sns_present_area{
        border-radius:  0 0 10px 10px;
    }
    .section_campaign .camp_oubo td,
    .section_campaign .camp_oubo th{
    padding: 0.5em;
    border-bottom:none;

    }
}

/*
/* section_partner
/* -------------------------------------------------- */

.section_partner .partner_booth a{
    color: #000;
    text-decoration: none;
}
.section_partner .partner_booth a:hover{
    text-decoration: underline;
}

.section_partner .partner_booth td,
.section_partner .partner_booth th{
    padding:0.7em;
    border-bottom: 1px solid;
}

.white_line_tbl{
    border-left:1px solid #fff;
}