@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500&display=swap');
#cp2024 .tEB{font-family: 'Bodoni Moda', serif;}
#cp2024 .pink{color: #d91370;}
#cp2024 .gold{color: #c9ac21;}
#cp2024  .mTtl{background-image: url(/asset/cnt/themes/ag/img/common/logo_mark_pink.png); }
#cp2024  .mTtl .tEB{line-height: 1.3;}
#cp2024  .mTtl div{margin-bottom: 0;}
#cp2024{ background-image: linear-gradient(90deg, rgba(251, 213, 251, 1), rgba(149, 233, 243, 1)); color: #db2f6e; padding-bottom: 40px;}
#cp2024 .wrapW{background: url("/asset/cnt/themes/ag/img/event/cp2025/main.png") no-repeat top center; padding-top:1090px;}
#cp2024 .wrapW .intro{background-color: rgba(220,62,122,0.4); padding: 50px; margin-bottom: 40px;}
#cp2024 .wrapW .intro h3{font-size: 16px;}
#cp2024 .wrapW .guide,#cp2024 .wrapW .faq{background-color: rgba(255,255,255,0.7); padding: 40px 50px;}
#cp2024 .wrapW .guide .mTtl{margin-bottom: 0;}
#cp2024 .wrapW .guide ul li{float: left; width: 33.33%; padding:20px; line-height: 1.6;}
#cp2024 .wrapW .guide ul li h2{margin: 20px auto 10px auto;}
#cp2024 .wrapW .guide ul li h3{line-height: 1.2; margin: 15px auto;}
#cp2024 .wrapW .guide ul li p{text-align: left;}
#cp2024 .wrapW .guide ul li p:last-child{margin-top: 15px;}

#cp2024 .wrapW .guide ul.artist li{width: 50%;}
#cp2024 .wrapW .guide .more{margin-top: 20px;}
#cp2024 .wrapW .guide .more .tG24{line-height: 1.5; margin-top: 10px;}
#cp2024 .wrapW .gifts{background-color: rgba(255,255,255,0.7); padding: 40px 70px; margin-top: 30px;}
#cp2024 .wrapW .gifts .mTtl{margin-bottom: 10px;}
#cp2024 .wrapW .gifts .taLeft{line-height: 1.6;}
#cp2024 .wrapW .gifts .taLeft h2{margin-bottom: 10px;}
#cp2024 .wrapW .faq{margin-top: 30px;}

#cp2024 .more_btn a{background-color: #d91370;}


.cp_qa *, .cp_qa *:after, .cp_qa *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}
.cp_qa {border-top: 1px solid #3366cc;}
.cp_qa .cp_actab {position: relative;overflow: hidden;width: 100%; margin-bottom: 1px; color: #d91370; text-align:left;}
.cp_qa .cp_actab input {position: absolute;opacity: 0;}
.cp_qa .cp_actab label{font-family: 'Montserrat', sans-serif; font-weight: 500; line-height:1.4; font-size: 18px; color: #d91370; position: relative; display: block; margin: 0 0 0 0; padding: 1em 2em 1em 1em; cursor: pointer; }
.cp_qa .cp_actab .cp_actab-content {overflow: hidden;max-height: 0;-webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; color: #000;}
.cp_qa .cp_actab .cp_actab-content div {margin:0 1em 1em 3em; line-height: 1.5;}
.cp_qa .cp_actab input:checked ~ label {}
.cp_qa .cp_actab .cp_actab-content div a{color:#d91370; text-decoration: underline; }
.cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 500px;}
.cp_qa .cp_actab label::after {line-height: 1.6;position: absolute;top: 50%;right: 0;display: block;width: 3em;margin-top: -12.5px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-align: center;}
.cp_qa .cp_actab input[type=checkbox] + label::after { content: "\f13a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px;}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {-webkit-transform: rotateX(180deg);transform: rotateX(180deg); content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px;}

@media screen and (max-width:768px) {
#cp2024 .wrapW{background: url("/asset/cnt/themes/ag/img/event/cp2025/main_sp.png") no-repeat top center; background-size:100% auto; padding-top: 650px;}
#cp2024  .mTtl .tEB{font-size: 20px; line-height: 1.2; margin-bottom: 2px;}
#cp2024 .wrapW .intro{padding: 30px; text-align: left;}
#cp2024 .wrapW .intro h3{font-size: 14px;}
#cp2024 .wrapW .guide,#cp2024 .wrapW .faq{padding: 30px; }
#cp2024 .wrapW .guide ul li,#cp2024 .wrapW .guide ul.artist li{float: none; width: 100%; padding: 20px 0;}
#cp2024 .wrapW .guide ul li img{width: 150px;}
#cp2024 .wrapW .gifts{padding: 30px; }
#cp2024 .wrapW .gifts img{float: none;}
}