@charset "UTF-8";
/* ===================================================================
  common.css
  ページ用スタイル
=================================================================== */
@import url("../../common/css/normalize.css");
@import url("../../common/css/common.css");
/*
page style
--------------------------------*/
.chg-contents {
    background: url(../images/pc_main_bg_0303.jpg) no-repeat left top / 100% auto,
                url(../images/pc_main_bg2.jpg) no-repeat left bottom / 100% auto;
    min-height: 988px;
    padding-bottom: 86px !important;
    box-sizing: border-box;
    margin-top: 10px !important;
}
.chg-contents .chg-ttl {
    height: 524px;
    margin-bottom: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chg-contents .chg-ttl .ttl-inner {
    width: 602px;
    height: 264px;
    background: url(../images/main_ttl.png?2025) no-repeat left center / contain;
    overflow: hidden;
    text-indent: -200vw;
}



.chg-contents .chg-intro-box {
    padding: 0 30px;
}
.chg-contents .chg-sub-ttl {
    font-size: 24px;
    color: #f97601;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #ccc solid;
    text-align: center;
}
.chg-contents .chg-intro-box p {
    line-height: 2;
    margin-bottom: 2em;
}

.chg-bnr-list {
    margin-bottom: 30px;
}
.chg-bnr-list li {
    margin-bottom: 10px;
}
.chg-bnr-list li:last-of-type {
    margin-bottom: 0;
}

.chg-bottom-contents .p-taikai {
    border: 4px solid #f97601;
    padding: 60px 0;
    margin-top: 50px;
    text-align: center;
}
.chg-bottom-contents .p-taikai .ttl2 {
    text-align: center;
    margin-bottom: 22px;
    line-height: 1;
    color: #f97601;
    font-size: 1.5em;
}
.chg-bottom-contents .p-taikai .ttl2::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #f97601;
    display: block;
    margin: auto;
    margin-top: 15px;
}
.chg-bottom-contents .p-taikai dl {
    display: inline-block;
    width: 765px;
    /*width: 700px;*/
}
.chg-bottom-contents .p-taikai dl dd, .chg-bottom-contents .p-taikai dl dt {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.chg-bottom-contents .p-taikai dl dd {
    width: 82%;
}
.chg-bottom-contents .p-taikai dl dt {
    width: 18%;
}
.chg-bottom-contents .p-taikai dl dt::before {
    content: "■";
    color: #f97601;
    font-size: 12px;
    margin-right: 5px;
}
.chg-bottom-contents .p-taikai dl + .ttl2 {
    margin-top: 50px;
}
.chg-bottom-contents .p-taikai .link_box_r {
    margin-top: 30px;
    display: block !important;
}

.chg-bottom-contents .link_box_r {
    text-align: center;
}
.chg-bottom-contents .link_box_r a {
    transition: all .5s ease;
    padding: 10px 30px;
    background-color: #f97601;
    display: inline-block;
    color: #fff !important;
}
.chg-bottom-contents .link_box_r a span {
    display: inline-block;
    padding-right: 25px;
    background: url(../../common/images/arrow.png) no-repeat 100% 50%;
}

.sp_only {
    display: none;
}

.p-banner {
  margin-top: 10px !important;
}

.p-banner ul li {
  position: relative;
  margin-bottom: 10px;
  float: left;
}

.p-banner ul li:nth-child(even) {
  margin-left: 10px;
}

.p-banner ul li.coming {
  background-color: #666;
}

.p-banner ul li.coming img {
  opacity: .6;
}

.p-banner ul li.coming::after {
  content: url(../../images/coming.png);
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
}

.p-banner ul li.end {
  background-color: #666;
}
.p-banner ul li.end img {
  opacity: .6;
}
.p-banner ul li.end::after {
  content: url(../../images/end.png);
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
}
.p-banner ul li.end a:hover {
  opacity: 1;
}
.l-contents .l-main-endInfo {
  padding: 0 30px;
  margin-bottom: 40px !important;
}
.l-contents .l-main-endInfo p {
  width: 100%;
}