@charset "utf-8";
img {
border:0;
margin:0 auto;
width:100%;
image-rendering:auto;
}

img.lazy { background:none !important;}

.txt_gray { color: #b5b5b5;}

/* --------------------------------------------
content_style PC
-------------------------------------------- */

/* cancelling */
.footer__nav__item {
border-right:1px solid #2f2f2f;
}
.footer__nav__item:last-child {
border-right:none;
}

.pc { display:block!important; }
.sp { display:none!important; }

#wrap_pokefes {
width: calc(100% - 40px);
max-width: 1020px;
margin-right: auto;
margin-left: auto;
margin-top:0;
margin-bottom:0;
line-height: 1.3;
}

.topic_box a {
color: #e14f3b;
}


.keyvisual {
max-width: 1020px;
/*display: flex;*/
justify-content: center;
margin: 0 auto;
}

.periodbox {
position: relative;
max-width: 520px;
background-color: #ffff00;
margin: -8em auto 4em;
border-radius: 120px;
padding: 15px 0;
text-align: center;
}
.periodbox p {
font-size: x-large;
font-weight: bold;
}
.periodbox p.subdate {
font-size: 16px;
font-weight:normal;
line-height: 1.7;
}


.sections {
padding: 100px 0 60px;
margin-top: -1em; /* 背景をkv下へ食い込ませる*/
}

.bg_anchor {
background-color: #e7e7c0;
background-image: url(../images/lp_pokefes/bg_anchor.png),url(../images/lp_pokefes/bg_anchor.png);
background-position: left -120px center, right -120px center;
background-repeat: repeat-y, repeat-y;
background-size: 25%;
}

.sections .datebox {
max-width: 700px;
margin: 20px auto 40px;
padding: 30px;
background-color: #fff;
border-radius: 12px;
}

.sections .category {
max-width: 700px;
margin: 0 auto;
padding: 20px 0;
}
.sections .category .tablebox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
.sections .category .tablebox li {
width: 100%;
box-sizing: border-box;
border-radius: 12px;
box-shadow: 0 5px 0 0 rgba(180, 180, 180, 15%);
background-color: #fff;
margin: 0 0 30px 0;
}
.sections .category .tablebox li.asidetxt {
box-shadow: none;
background-color:rgb(255 255 255 / 0);
margin: 20px 0;
font-size: x-large;
font-weight: bold;
text-align: center;
}
.sections .topic_box_head {
margin: 0.5em 0 2em;
font-size: xx-large;
font-weight: bold;
text-align: center;
color: #e14f3b;
}

.sections .category .tablebox .txt_area {
padding: 1.25em;
position: relative;
}
.sections .headline {
max-width: 700px;
justify-content: space-between;
background: #fff;
border-radius: 12px;
margin: 0 auto;
padding: 12px 0;
}
.sections .headline p {
font-size: xx-large;
font-weight: bold;
text-align: center;
}

.sections .category .tablebox .flexBox {
display: flex;
justify-content: flex-start;
}
.sections .category .tablebox .flexBox .icon {
width: 13%;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}
.sections .category .tablebox .ttl {
font-size: 26px;
padding: 0 0 0 18%;
width: 90%;
}
.sections .category .tablebox .flexBox .date {
font-size: 18px;
text-align: left;
margin: 10px 0;
}
.sections .category .tablebox .more {
width: 24px;
position: absolute;
top: 32%;
right: 5%;
transform: translate(0, 50%);
}

.waku { position: relative; }

.waku:before {
content: '';
top: 0;
left: 0;
width: 100%;/*指定幅*/
padding-top: auto;/*画像幅に対する高さ比*/
display: block;
}
.waku:after {/*画像の絶対配置*/
position: absolute;
content: '';
top: 0;
left:0;
display: block;
width: 100%;
height: 200px;
background-image: url("../images/lp_pokefes/section_end.png");
background-size: contain;
background-repeat: no-repeat;
}

.topic_box .topic_box-tag1,
.topic_box .topic_box-tag2,
.topic_box .topic_box-tag4,
.topic_box .topic_box-tag5 {
position: relative;
}
.topic_box .topic_box-tag1::after {
content: '';
position: absolute;
width: 200px;
height: 200px;
background: url("../images/lp_pokefes/img_sub_kirakira.png") no-repeat 0 0;
background-size: cover;
background-position: center;
top: -40%;
left: 5%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.topic_box .topic_box-tag2::after {
content: '';
position: absolute;
width: 200px;
height: 170px;
background: url("../images/lp_pokefes/img_sub_kirakira2.png") no-repeat 0 0;
background-size: cover;
background-position: center;
top: -30%;
left: 95%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.topic_box .topic_box-tag4::after {
content: '';
position: absolute;
width: 160px;
height: 160px;
background: url("../images/lp_pokefes/img_sub_kirakira4.png") no-repeat 0 0;
background-size: cover;
background-position: center;
top: -30%;
left: 95%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.topic_box .topic_box-tag5::after {
content: '';
position: absolute;
width: 180px;
height: 162px;
background: url("../images/lp_pokefes/img_sub_kirakira5.png") no-repeat 0 0;
background-size: cover;
background-position: center;
top: -50%;
left: 5%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}


.sections .headtitle {
max-width: 690px;
justify-content: space-between;
margin: 0 auto;
padding: 20px 0;
}
.sections .fesbox {
max-width: 900px;
margin: -50px auto 80px;
padding: 80px 30px 20px;
background-color: #ffff00;
border-radius: 20px;
}
.sections .otokubox {
max-width: 700px;
margin: 0 auto 40px;
padding: 0 30px;
text-align: center;
}
.sections .planbox {
margin: -3em 0 -1em;
background-color: #f0eeeb;
padding: 4em 0;
}

.infobox {
max-width: 900px;
margin: 0 auto 5em;
padding: 2em;
text-align: center;
background-color: rgb(203, 237, 247);
border-radius: 20px;
}


.sections .fesbox .topic_box {
max-width: 780px;
margin: 30px auto 70px;
padding: 30px;
background-color: #fff;
border-radius: 15px;
}
.sections .fesbox .topic_box .numicon {
max-width: 90px;
display: block;
margin: -70px auto 0;
}
.sections .subtxt_area {
max-width: 90%;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin: 4.12% auto;
}
.sections .subtxt_area p {
text-align: center;
}
.bullet {
margin: 0;
text-indent: -24px;
padding-left: 24px;
}
.bullet::before {
content: "※";
vertical-align: inherit;
margin-right: 10px;
}
.bullet_num {
margin: 0 0 0 15px;
text-indent: -36px;
padding-left: 20px;
counter-increment: my-counter;
}
.bullet_num::before {
content: "※"counter(my-counter);
vertical-align: inherit;
margin-right: 10px;
}
.sections .fesbox .topic_box p {
margin-bottom: 3.12%;
}
.sections .fesbox .topic_box p:last-child {
margin-bottom: 0;
}
.sections .fesbox .topic_box span {
color: #ff0000;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
}
.sections .topic_ttl {
font-size: 38px;
font-weight: bold;
text-align: center;
margin: 20px auto 30px;
}
.sections .topic_ttl span.point {
color: #222;
font-size: 38px;
background-color: #ffff00;
}


.sections dl.list {
width: 90%;
border: 0;
margin: 0 auto 20px;
border-collapse: collapse;
border-spacing: 0;
}
.sections dl.list dt {
font-size: 18px;
line-height: 1.7;
}
.sections dl.list dd { vertical-align: top; padding-bottom: 25px; }
.sections dl.list dd.head { font-size: 19px; font-weight: bold; padding-bottom: 10px;}
.sections dl.list dd.text { width: auto; line-height: normal; }

.sections .head_ended {
color: #e14f3b;
font-size: larger;
text-align: center;
}

.sections .btn_join,
.sections .btn_buy,
.sections .btn_buy_furusato {
max-width: 530px;
border-radius: 60px;
margin: 20px auto 40px;
padding: 15px;
}
.sections .btn_join {
background-color: #00b900;
}
.sections .btn_buy {
background-color: #e14f3b;
}
.sections .btn_buy_furusato {
background-color: #6eb5d1;
}
.sections .btn_join p,
.sections .btn_buy p,
.sections .btn_buy_furusato p {
color: #fff;
font-size: x-large;
font-weight: bold;
text-align: center;
}


.sections .ttl_pokemarunohi {
max-width: 900px;
justify-content: space-between;
margin: 40px auto;
padding: 0;
}
.sections .otokubox h3.ttl {
font-size: x-large;
font-weight: bold;
margin: 0 auto 20px;
}
.sections .otokubox span.point {
background-color: #ffff00;
}

.sections .ttl_irregular_notice {
max-width: 530px;
margin: 40px auto;
}




/* --------------------------------------------
content_style SP
-------------------------------------------- */
@media screen and (max-width:768px) {

/* cancelling */
ul.footer__nav__list {
width: 98%;
margin: 0 auto;
text-align: center;
display: inline-block;
}
li.footer__nav__item {
margin:10px 0 0 0;
text-align: center;
display: inline-block;
}

.pc { display:none!important; }
.sp { display:inline!important; }

img {width:100%;}

#wrap_pokefes {
width: 100%;
}

.periodbox {
width: 90%;
margin: -5.5em auto 3em;
padding: 15px;
}
.periodbox p {
font-size: 20px;
}

.sections {
padding: 60px 0;
}

.bg_anchor {
background-size: 50%;
}

.sections .headline {
max-width: 90%;
}
.sections .datebox {
margin: 20px 30px 40px;
}
.sections .fesbox {
padding: 80px 20px 20px;
border-radius: 0;
}

.sections .headtitle {
margin: 0 auto 30px;
padding: 0;
width: 100%;
}
.sections .category {
padding: 20px;
}


.sections .category .tablebox .ttl {
font-size: 20px;
}
.sections .fesbox .topic_box .numicon {
max-width: 70px;
margin: -60px auto 0;
}
.topic_box .topic_box-tag1::after {
width: 120px;
height: 120px;
top: -20%;
left: 0%;
}
.topic_box .topic_box-tag2::after {
width: 140px;
height: 120px;
top: -10%;
left: 93%;
}
.topic_box .topic_box-tag4::after {
width: 120px;
height: 120px;
top: -30%;
left: 95%;
}
.topic_box .topic_box-tag5::after {
width: 140px;
height: 120px;
top: -50%;
left: -3%;
}


.sections .topic_ttl {
font-size: 1.7em;
}
.sections .topic_ttl span.point {
font-size: 32px;
}

.sections .category .tablebox {
display: block;
margin-bottom: 40px;
}
.sections .category .tablebox li {
width: 100%;
margin-bottom: 20px;
}
.sections .category .tablebox li.asidetxt {
font-size: nomal;
margin: 40px 0 20px;
}
.sections .topic_box_head {
font-size: x-large;
}

.sections dl.list {
width: 100%;
}
.bullet_num {
text-indent: -37px;
padding-left: 37px;
}

.sections .btn_join, 
.sections .btn_buy {
margin: 0 auto 30px;
}
.sections .btn_join p,
.sections .btn_buy p {
font-size: unset;
}


.infobox {
margin: 0 auto 4em;
border-radius: 0;
}
.sections .ttl_irregular_notice {
width: 80%;
}
.sections .btn_buy_furusato {
margin: 0 30px 30px;
}


}