@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');

.wrapper-tcon {
color:#262222;}
.contents-txt-tcon {}
.contents-txt-tcon p {
margin-bottom:1em;}

.block-tcon {
clear:both;
margin:2em 0;
padding:1.5em;
background:#fdecd2 url("../../images/bg01.jpg") repeat center center / 240px;
border-radius:0.5em;}

/*  ttl  ==========================*/

.ttl-tcon {
position:relative;
margin:0 0 3.6em 0;}
.ttl-tcon .img {
position:absolute;
width:225px;
right:-20px;
bottom:0;}
.ttl-tcon .txt {
margin:0 230px 0 0;}
.ttl-tcon .txt br {
display:none;}
.ttl-tcon h2 {
position:relative;
padding:0 0 0.3em 0;
margin:0 0 0.6em 0;
font-size:225%;
line-height:1.3;
font-weight:600;
letter-spacing:-0.025em;
border-bottom:2px solid #e48;}
.ttl-tcon h2::after {
content:"";
position:absolute;
width:11px;
height:11px;
right:-6px;
bottom:-6px;
background:#e48;
border-radius:50%;}
.ttl-02-c {
margin:0 0 1.6em 0;
padding:0.4em;
font-size:175%;
line-height:1.3;
font-weight:normal;
background:#fdecd2;
border-left:3px solid #f99000;}
.ttl-03-c {
position:relative;
z-index:1;
font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝',YuMincho,'HG明朝E','ＭＳ Ｐ明朝','MS PMincho','ＭＳ 明朝',serif;
padding:8px 0 8px 15px;
margin:0 0 36px 0;
font-size:175%;
line-height:1.3;
font-weight:500;}
.ttl-03-c::before {
content:"";
z-index:-1;
position:absolute;
width:70px;
height:70px;
background:#fee8ed;
left:-10px;
top:50%;
transform:translate(0,-50%);
border-radius:50%;}
.ttl-03-c::after {
content:"";
z-index:-1;
position:absolute;
width:calc(100% - 15px);
height:1px;
left:15px;
top:97%;
border-bottom:2px dotted #e48;}
.ttl-04-c {
position:relative;
display:inline-block;
font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝',YuMincho,'HG明朝E','ＭＳ Ｐ明朝','MS PMincho','ＭＳ 明朝',serif;
padding:12px 36px 12px 12px;
margin:0 0 24px 0;
font-size:118.75%;
line-height:1.3;
font-weight:500;
color:#fff;
background:#e48;
border-radius:6px;}
.ttl-04-c::before {
content:"";
position:absolute;
z-index:2;
top:50%;
right:12px;
width:8px;
height:8px;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
transform:translate(0,-50%) rotate(-45deg);}
.ttl-05-c {
display:inline-block;
padding:0 0 0.3em 0;
margin:0 0 1em 0;
font-size:112.5%;
line-height:1.3;
font-weight:600;
border-bottom:2px solid #e48;}
.ttl-06-c {
margin:0.75em 0;
font-size:81.25%;
line-height:1.5;
font-weight:600;}
.ttl-07-c {
text-align:center;
margin:2.5em 0 0 0;
padding:1.4em 0;
font-size:87.5%;
font-weight:normal;
border-top:1px solid #bebbbb;
border-bottom:1px solid #bebbbb;}
.ttl-08-c {
display:inline-block;
margin:0.75em 0;
padding:0 0 0.25em 0;
font-size:125%;
line-height:1.3;
font-weight:600;
border-bottom:2px solid #e48;}
.ttl-09-c {
position:relative;
padding:0 0 0.3em 0;
margin:0 0 1.25em 0;
font-size:162.5%;
line-height:1.3;
font-weight:600;
letter-spacing:-0.025em;
border-bottom:2px solid #e48;}
.ttl-09-c::after {
content:"";
position:absolute;
width:11px;
height:11px;
right:-6px;
bottom:-6px;
background:#e48;
border-radius:50%;}

@media only screen and (max-width:767px) {

.ttl-tcon h2 {
font-size:8vw;}
.ttl-tcon .img {
display:none;}
.ttl-tcon .txt {
margin:0;}
.ttl-02-c {
font-size:156.25%;}
.ttl-03-c {
font-size:156.25%;}
.ttl-04-c {
font-size:106.25%;}
.ttl-05-c {
font-size:100%;}
.ttl-08-c {
font-size:106.25%;}
.ttl-09-c {
font-size:137.5%;}

}

/* header ==================*/

.header-tcon {
padding:20px 0;
width:100%;}
.header-tcon .contents {
width:95%;}
.header-tcon .logo {
width:300px;}
.header-tcon .gmenu-tcon {
position:absolute;
width:calc(100% - 340px);;
right:0;
top:50%;
transform:translate(0,-50%);}
.header-tcon .gmenu-tcon ul {
width:100%;
justify-content:space-between;}
.header-tcon .gmenu-tcon ul li {
width:18%;}
.header-tcon .gmenu-tcon ul li a {
display:block;
padding:0 6px 0 8px;
line-height:0;
border-left:3px solid #262222;
transition:border 0.25s;}
.header-tcon .gmenu-tcon ul li a:hover {
border-left:3px solid #e48;}

@media only screen and (max-width:1023px) {

.header-tcon {
padding:2% 0;
width:100%;}
.header-tcon .logo {
margin:0 auto 2%;
width:60%;
max-width:300px;}
.header-tcon .gmenu-tcon {
position:static;
width:100%;
transform:translate(0,0);}
.header-tcon .gmenu-tcon ul li a {
padding:0 0 4% 0;
border-left:0;
border-bottom:2px solid #262222;}
.header-tcon .gmenu-tcon ul li a:hover {
border-left:0;
border-bottom:2px solid #e48;}
.header-tcon .gmenu-tcon ul li img {
width:85%;
max-width:90px;}

}

@media only screen and (max-width:767px) {

.header-tcon {
padding:15px 0;}
.header-tcon .logo {
margin:0 auto 15px;}

}

/* mainimg ================*/

.mainimg-tcon , .mainimg-comic {
text-align:center;
padding:75px 0;}
.mainimg-comic {
padding:90px 0 100px 0;}
.mainimg-tcon {
background-size:cover;
background-position:center center;}
.mainimg-comic {
background:url("../../images/comic00_2302.jpg") center center / cover;}
.mainimg-tcon .ttl {
position:relative;
vertical-align:bottom;
max-width:280px;
margin:0 auto 1.75em;}
.mainimg-tcon .ttl::after {
content:"";
position:absolute;
left:0;
bottom:-15px;
width:100%;
height:1px;
background:#262222;}
.mainimg-tcon h2 {
font-size:100%;
font-weight:600;
line-height:1.3;
letter-spacing:0.05em;}

@media only screen and ( max-width:1023px) {

.mainimg-tcon {
padding:9% 18%;}
.mainimg-comic {
padding:9% 4% 10% 4%;}

}

/* footer-con  ===============*/

.footer-tcon {
text-align:center;
padding-top:2em;
background:#f1ece5 url(../../images/bg01.jpg) repeat center center / 240px;}
.footer-tcon .logo {
margin:0 auto;
width:80%;
max-width:360px;}
.footer-tcon ul {
justify-content:center;
padding:2em 0;
width:100%;}
.footer-tcon ul li {}
.footer-tcon ul li a {
position:relative;
display:block;
padding:0 1em;
font-size:93.75%;
line-height:1.15;
color:#262222;
transition:color 0.25s;}
.footer-tcon ul li a::after {
content:"";
position:absolute;
right:0;
top:0;
width:1px;
height:100%;
background:#c9c5c3;}
.footer-tcon ul li:last-child a::after {
background:none;}
.footer-tcon ul li a:hover {
color:#e48;}
.footer-tcon .address {
padding:0.75em 0;
font-size:87.5%;
line-height:1.2;
color:#fff;
background:#4c4643;}
.footer-tcon .copyright {
padding:1.5em 0;
font-size:81.25%;
line-height:1.2;}

@media only screen and (max-width:1023px) {

.footer-tcon ul {
padding:2em 0 0 0;}
.footer-tcon ul li {
width:50%;
border-top:1px solid #c9c5c3;}
.footer-tcon ul li a {
padding:1em 0;}
.footer-tcon ul li:nth-child(2n) a::after {
display:none;}

}

@media only screen and (max-width:767px) {

.footer-tcon {
padding-top:30px;}

}

.btn-top {
text-align:center;
max-width:480px;
margin:3em auto 0;}
.btn-top a {
text-align:center;
position:relative;
display:block;
padding:1.2em 0;
font-size:112.5%;
line-height:1.2;
color:#fff;
font-weight:600;
white-space:nowrap;
background:#e48;
border:2px solid #e48;
transition:0.25s;
border-radius:0.5em;}
.btn-top a:hover {
background:#fff;
color:#e48;}
.btn-top a::before {
content:"";
position:absolute;
z-index:2;
top:50%;
right:12px;
width:9px;
height:9px;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
transform:translate(0,-50%) rotate(-45deg);}
.btn-top a:hover::before {
border-bottom:2px solid #e48;
border-right:2px solid #e48;}

/* post-tcon =========================== */

.post-tcon {
text-align:left;}
.post-tcon .entry-title {
position:relative;
padding:0 0 8px 0;
margin:0 0 16px 0;
font-size:200%;
line-height:1.3;
color:#e48;
font-weight:600;
letter-spacing:-0.025em;
border-bottom:2px solid #e48;}
.post-tcon .entry-title::after {
content:"";
position:absolute;
width:11px;
height:11px;
right:-6px;
bottom:-6px;
background:#e48;
border-radius:50%;}
.post-tcon .date {
font-size:87.5%;
line-height:1.3;
font-weight:600;
color:#595555;}
.post-tcon .body {
margin:3em 0 0 0;}
.post-tcon .body p {
margin-bottom:0em;}
.post-tcon .body img {
margin-top:1.1em;
margin-bottom:1.1em;}
.post-tcon .body h2 {
font-size:180%;
line-height:1.3;
margin:35px 0;}
.post-tcon .body h3 {
padding:0 0 3px 0;
margin:30px 0;
font-size:130%;
line-height:1.3;
border-bottom:1px solid #bebbbb;}
.post-tcon .body h4 {
font-size:120%;
line-height:1.3;
margin:20px 0;}
.post-tcon .body h5 {
font-size:100%;
line-height:1.3;
margin:20px 0;
padding:10px;
border-radius:5px;
background:#bebbbb;}
.post-tcon .body h6 {
text-align:center;
padding:20px 0;
margin:30px 0 0 0;
font-weight:normal;
border-top:1px solid #bebbbb;
border-bottom:1px solid #bebbbb;}

@media only screen and (max-width:480px) {

.post-tcon .body h2 {
font-size:160%;}

}

/* post-topics-l = enquete =============== */

.post-topics-l {
width:100%;
justify-content:space-between;}
.post-topics-l::after {
content:"";
display:block;
width:31%;}
.post-topics-l li {
padding:1.75% 0;
width:31%;}
.post-topics-l li .img {
position:relative;
width:100%;
aspect-ratio:4 / 3;
overflow:hidden;
border:1px solid #fff;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);
border-radius:0.6em;
transition:border 0.25s;}
.post-topics-l li .img:hover {
border:1px solid #e48;}
.post-topics-l li .img img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;}
.post-topics-l li .img .date {
position:absolute;
display:inline-block;
padding:0 11px;
left:0;
bottom:0;
font-size:68.75%;
line-height:22px;
background:#e48;
color:#fff;
border-radius:0 11px 0 0;}
.post-topics-l li h3 {
margin:0.85em 0 0 0;
line-height:1.4;
font-weight:600;
letter-spacing:-0.025em;}
.post-topics-l li h3 a {
color:#363333;}
.post-topics-l li h3 a:hover {
color:#e48;}

@media only screen and (max-width:800px) {

.post-topics-l li {
width:48%;}

}

@media only screen and (max-width:640px) {

.post-topics-l li h3 {
font-size:93.75%;}

}

/* index ===========================*/

.slick-slider {
opacity:0;}
.slick-initialized {
opacity:1 !important;}
.slick-prev {
z-index:100 !important;
left:15px !important;
top:44% !important;}
.slick-next {
z-index:100 !important;
right:15px !important;
top:44% !important;}
.slick-dotted.slick-slider {
margin-bottom:0 !important;}
.slick-dots {
position:absolute !important;
bottom:8px !important;}
.slick-dots li{
margin:0 !important;}
.slick-dots li button:before {
color:#fff !important;
opacity:0.5 !important;}
.slick-dots li.slick-active button:before {
opacity:1 !important;
color:#fff !important;}

.index00 {
position:relative;}
.index00 .slider {
position:relative;
margin:0 auto;
width:100%;
max-width:1300px;}
.index00 .slider .slider-index {
width:100%;}
.index00 .slider .slider-index .slick-slide {
width:100%;}

.index01 {
text-align:center;
background:url("../../images/index0101_pc_2301.jpg") no-repeat center 30% / 1600px;}
.index01 .txt {
margin:27px 0 0 0;
line-height:2;}
.index01 .txt p {
margin:0 0 1em 0;}
.index01 .img {
margin:35px 0 0 0;
display:none;}

.index01 .bnr-index {
margin:3.5% auto 0;
justify-content:space-between;
-ms-flex-pack:justify;
width:100%;
max-width:1150px;}
.index01 .bnr-index li {
position:relative;
margin:1.5% 0 0 0;
width:49%;}
.index01 .bnr-index li::after {
content:"";
position:absolute;
top:99.5%;
left:0.5%;
width:99%;
height:5px;
border-radius:50%;
background:rgba(0,0,0,0.1);
animation:shadow01 0.6s ease infinite alternate;}
.index01 .bnr-index li a .bnr-img {
animation:bound01 0.6s ease infinite alternate;}
@keyframes bound01{
0% {transform:translateY(0px);}
100% {transform:translateY(-6px);}
}
@keyframes shadow01 {
0%  {transform:scale(1);filter: blur(1px);}
100% {transform:scale(0.96);filter: blur(4px);}
}

@media only screen and ( max-width:1023px) {

.index01 {
background:none;}
.index01 .img {
display:block;}
.index01 .bnr-index {
max-width:640px;}
.index01 .bnr-index li {
width:100%;}

}

@media only screen and ( max-width:767px) {

.index01 .txt {
text-align:left;
font-size:93.75%;
line-height:1.8;}
.index01 .txt br {
display:none;}
.index01 .bnr-index {
margin:16px auto 0;}
.index01 .bnr-index li {
margin:14px 0 0 0;}

}

.index02 {
padding:70px 0;
background:#f1ece5 url("../../images/bg01.jpg") repeat center center / 240px;}
.index02.even {
background:#fff;}
.index02 .intro {
position:relative;
margin:0 auto 2%;
width:100%;
max-width:1050px;
line-height:1.6;}
.index02 .intro .img {
text-align:center;
position:absolute;
width:230px;
left:0;
top:50%;
transform:translate(0,-57.5%);}
.index02.even .intro .img {
left:auto;
right:0;}
.index02 .intro .ttl {
position:absolute;
text-align:center;
width:180px;
left:250px;
top:50%;
transform:translate(0,-50%);}
.index02.even .intro .ttl {
left:0;}
.index02 .intro .txt {
margin:0 0 0 460px;}
.index02.even .intro .txt {
margin:0 250px 0 210px;}
.index02 ul {
width:100%;
justify-content:space-between;}
.index02 ul::after {
content:"";
display:block;
width:31.3333%;
height:0;}
.index02 li {
padding:1.5% 0;
width:31.3333%;}
.index02 li a {
display:block;
line-height:1.5;
font-weight:600;
color:#000;
transition:0.3s;}
.index02 a:hover {
color:#e48;}
.index02 li a .img {
position:relative;
width:100%;
overflow:hidden;
margin:0 0 15px 0;
border:1px solid #fff;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
transition:0.3s;}
.index02 li a:hover .img {
border:1px solid #e48;}
.index02 li a .img img {
width:100%;
transition:transform 0.25s;}
.index02 li a:hover .img img {
transform:scale(1.05);}
.index02 li a .img::after {
content:"";
position:absolute;
width:19%;
right:0;
bottom:0;
aspect-ratio:1 / 1;
background:url(../../images/index02_arrow.png) no-repeat center center / cover;}
.index02 li a:hover .img .arrow img {
transform:scale(1);}

@media only screen and (max-width:1023px) {

.index02 {
padding:0 0 7% 0;}
.index02 .intro .img {
position:static;
width:195px;
margin:0 auto;
transform:translate(0,-20px);}
.index02 .intro .ttl {
position:static;
width:100%;
transform:translate(0,0);}
.index02 .intro .txt {
margin:1.5em 0 0 0;}
.index02.even .intro .txt {
margin:1.5em 0 0 0;}
.index02 li {
width:48.5%;}

}

@media only screen and (max-width:767px) {

.index02 {
padding:0 0 50px 0;}
.index02 .intro {
margin:0 auto 15px;
width:95%;}
.index02 .intro br {
display:none;}
.index02 ul {
width:95%;
margin:0 auto;}
.index02 li {
padding:2.5% 0;
width:100%;}

}

.index-movie {
text-align:center;}
.index-movie .intro {
position:relative;
margin:0 auto 2%;
width:100%;}
.index-movie .ttl {}
.index-movie .more {
position:absolute;
right:-2.5%;
top:50%;
width:30%;
max-width:150px;
transform: translate(0,-42.5%);}
.index-movie .more img {
width:100%;
background:#fff;
box-shadow:0 0 0 2px rgba(0,0,0,0.2);
border-radius:50%;
transition:background 0.25s;}
.index-movie .more img:hover {
background:#fee8ed;}
.index-movie ul {
justify-content:space-between;
width:100%;}
.index-movie li {
padding:1.5% 0;
width:32%;}
.index-movie ul .txt {
margin-top:0.5em;
font-size:81.25%;
line-heght:1.45;}
.index-movie ul .txt a {
font-weight:600;}

@media only screen and (max-width:1023px) {

.index-movie ul li {
width:48.5%;}

}

@media only screen and (max-width:767px) {

.index-movie .intro {
text-align:left;
margin:0 auto 15px;
width:95%;}
.index-movie ul {
margin:0 auto;
width:95%;}
.index-movie ul li {
padding:2.5% 0;
width:100%;}

}

/* enquete =====================================*/

.enquete_ttl01 {
position:relative;
margin:0 0 35px 0;
padding:10px 35px 10px 60px;
font-size:150%;
line-height:1.3;
color:#fff;
background:#ec7397 url("../../images/enquete_ttl01.png") no-repeat right center / contain;}
.enquete_ttl01 .num {
position:absolute;
display:block;
left:-10px;
top:50%;
text-align:center;
width:54px;
line-height:54px;
font-size:150%;
color:#ec7397;
background:#fff;
box-shadow:0 0 0 3px #ec7397;
border-radius:50%;
transform: translate(0,-50%);}
.enquete_ttl02 {
position:relative;
display:inline-block;
margin:0 auto 20px;
padding:11px 26px 11px 52px;
font-size:160%;
line-height:1.3;
letter-spacing:0.02em;
white-space: nowrap;
color:#000;
background:#fff;
border:3px solid #000;
border-radius:10px;
transform: translate(0,-50%);}
.enquete_ttl02 .underline {
background:linear-gradient(transparent 60%, #ffff00 60%);}
.enquete_ttl02::before {
content:"";
position:absolute;
z-index:2;
width:75px;
height:75px;
left:-30px;
top:50%;
background:url("../../images/enquete_ttl02.png") no-repeat right center / contain;
transform: translate(0,-50%);}
.enquete_ttl02::after {
content:"";
position:absolute;
z-index:2;
left:50%;
bottom:-9px;
width:11px;
height:11px;
background:#fff;
border-right:3px solid #000;
border-bottom:3px solid #000;
transform:translate(-50%,0) rotate(45deg);}

@media only screen and (max-width:480px) {

.enquete_ttl01 {
font-size:5vw;}
.enquete_ttl01 .num {
left:5px;
width:35px;
font-size:6.5vw;
line-height:35px;}
.enquete_ttl02 {
display:block;
width:95%;
margin:0 auto 15px;
padding:11px 0;
font-size:4.6vw;}
.enquete_ttl02::before {
display:none;}

}

.enquete01 {
text-align:center;
margin:15px 0;
background:#fceef1;}
.enquete01 ul {
width:100%;
justify-content:space-between;}
.enquete01 ul li {
width:47.5%;
font-size:90%;}
.enquete01 .img {
margin:25px 0 0 0;
transform: translate(0,50%);}
.enquete01 .img img {
box-shadow:0 0 0 2px #000;}
.enquete02 {
font-size:70%;
line-height:1.6;
font-weight:600;}

@media only screen and (max-width:800px) {

.enquete01 ul li {
width:100%;}
.enquete01 ul li:first-child {
margin:0 0 30px 0;}

}

.wp-polls-ans {
clear:both;
padding:40px 45px;
background:url("../../images/bg01.jpg") repeat left top / 240px;
border-radius:12px;}

@media only screen and (max-width:640px) {

.wp-polls-ans {
padding:25px;}

}

.wp-polls-btn01 {
text-align:center;
padding:20px 0 0 0;
border-top:1px solid rgba(0,0,0,0.25);}
.wp-polls-btn01 .Buttons {
cursor:pointer;
padding:0.8em 2.4em;
background:#e48 !important;
border:2px solid #e48 !important;
color:#fff !important;
transition:0.3s;}
.wp-polls-btn01 .Buttons:hover {
background:#fff !important;
border:2px solid #e48 !important;
color:#e48 !important;}
.wp-polls-btn02 {
text-align:center;
margin:20px 0 0 0;}
.wp-polls-btn02 a {
cursor:pointer;
padding:0.8em 1.2em;
background:#e48 !important;
border:1px solid #e48 !important;
color:#fff !important;
transition:0.3s;}
.wp-polls-btn02 a:hover {
background:#fff !important;
border:1px solid #e48 !important;
color:#e48 !important;}
.wp-polls-btn03 {
margin:10px 0 0 0;
font-size:80%;
line-height:1.2;
text-align:center}
.wp-polls-ttl01 {
display:inline-block;
padding:13px 22px 13px 22px;
background:url("../../images/bg01.jpg") repeat left top / 240px;
font-size:120%;
line-height:1.2;
font-weight:600;
white-space:nowrap;
border-radius:12px 12px 0 0;
transform:translate(0,12px);}
.wp-polls-ttl02 {
padding:0 0 4px 0;
font-size:160%;
line-height:1.4;
font-weight:600;
color:#e48;
border-bottom:2px dotted #e48;}
.wp-polls-ttl03 {
text-align:center;
padding:8px 0 0 0;
font-size:110%;
line-height:1.4;
font-weight:600;
border-top:1px solid #bebbbb;}
.wp-polls-ul {
margin:24px 8px !important;}
.wp-polls-ul li {
padding:3px 0;}
.wp-polls-ul li .pollbar {
margin:5px 0 0 0;
height:16px;
border:none;
border-radius:8px;
background:#f9ca22;}
.wp-polls-ul li:nth-child(1) .pollbar {
background:#ee8a01;}
.wp-polls-ul li:nth-child(2) .pollbar {
background:#f19808;}
.wp-polls-ul li:nth-child(3) .pollbar {
background:#f4ae14;}
.wp-polls-ul li:nth-child(4) .pollbar {
background:#f7c31e;}
.wp-polls-ul input[type="radio"]{
display:none;}
.wp-polls-ul input[type="radio"]+label {
cursor:pointer;
display:inline-block;
position:relative;
padding:0 0 0 28px;
line-height:30px;
white-space: nowrap;}
.wp-polls-ul input[type="radio"]+label::before {
content:"";
position:absolute;
display:block;
width:16px;
height:16px;
left:0;
top:50%;
transform:translate(0,-50%);
border:2px solid #aaa;
background:#FFF;
border-radius:50%;}
.wp-polls-ul input[type="radio"]:checked+label {
color:#900;}
.wp-polls-ul input[type="radio"]:checked+label::before {
border:2px solid #900;
background:#900;
border-radius:50%;}
.wp-polls-ul input[type="radio"]:checked+label::after {
content:"";
position:absolute;
display:block;
width:9px;
height:5px;
left:5px;
top:33%;
transform:rotate(-45deg);
border-bottom:2px solid #fff;
border-left:2px solid #fff;}
.wp-polls-ul input[type="checkbox"]{
display:none;}
.wp-polls-ul input[type="checkbox"]+label{
cursor:pointer;
display:inline-block;
position:relative;
padding:0 0 0 28px;
line-height:30px;}
.wp-polls-ul input[type="checkbox"]+label::before{
content:"";
position:absolute;
display:block;
width:16px;
height:16px;
left:0;
top:50%;
transform:translate(0,-50%);
border:2px solid #aaa;
background:#FFF;
border-radius:3px;}
.wp-polls-ul input[type="checkbox"]:checked+label{
color:#900;}
.wp-polls-ul input[type="checkbox"]:checked+label::before{
border:2px solid #900;
background:#900;
border-radius:3px;}
.wp-polls-ul input[type="checkbox"]:checked+label::after{
content:"";
position:absolute;
display:block;
width:9px;
height:5px;
left:5px;
top:33%;
transform:rotate(-45deg);
border-bottom:2px solid #fff;
border-left:2px solid #fff;}



/* comic  =================================*/

.comic01 {
font-family:'M PLUS Rounded 1c',sans-serif;
text-align:center;
position:relative;
background:#e48;
background-image:linear-gradient(45deg,#e48,#e8136e);
box-shadow:0 0 4px 0 rgba(0,0,0,0.3);}
.comic01 a {
display:block;
font-size:150%;
line-height:2.5em;
letter-spacing:-0.025em;
color:#fff;
white-space:nowrap;
text-shadow:1px 1px 0 rgba(0,0,0,0.15);}
.comic01::after {
content:"";
position:absolute;
left:50%;
top:100%;
width:0;
height:0;
border-style:solid;
border-width:13px 13px 0 13px;
border-color:#e48 transparent transparent transparent;
transform:translate(-50%,0);}

@media only screen and ( max-width:480px) {

.comic01 {
font-size:3.4vw;}

}

.comic02 {
text-align:center;
background-color:#fff;
background-image:repeating-linear-gradient(-45deg,#fff3db 0, #fff3db 5px,transparent 5px, transparent 10px);}
.comic02 ul {
justify-content:space-between;
width:100%;}
.comic02 ul.upper {
position:-webkit-sticky;
position:sticky;
z-index:100;
top:130px;}
.comic02 li {
width:32.5%;}
.comic02 li a {
font-family:'M PLUS Rounded 1c',sans-serif;
position:relative;
display:block;
font-size:140%;
line-height:2.9;
color:#fff;
letter-spacing:-0.025em;
white-space:nowrap;
background-color:#e48;
background-image:repeating-linear-gradient(-45deg,#e82e79 0, #e82e79 4px,transparent 4px, transparent 8px);
border:2px solid #fff;
text-shadow:1px 1px 0 rgba(0,0,0,0.15);
border-radius:12px;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
transition:border 0.25s;}
.comic02 li.current a {
pointer-events:none;
background-color:#ffaa22;
background-image:repeating-linear-gradient(-45deg,#ff9200 0, #ff9200 4px,transparent 4px, transparent 8px);}
.comic02 li.soon a {
pointer-events:none;
color:#f6a1c4;}
.comic02 li.soon a::after {
content:"ComingSoon";
position:absolute;
left:50%;
top:50%;
font-size:92%;
font-weight:normal;
letter-spacing:0.05em;
color:#fff;
transform:translate(-50%,-50%) rotate(-10deg);}
.comic02 li a:hover {
border:2px solid #ffaa22;}
.comic02 .img {
pointer-events:none;
position:relative;
padding:10px;
width:100%;
background:#fff;}
.comic02 .author {
justify-content:space-between;
align-items:center;
padding:23px;
background:rgba(255,255,255,0.5);
border:2px solid #ffc470;
border-radius:10px;}
.comic02 .author .icon {
text-align:center;
width:130px;}
.comic02 .author .icon img {
border-radius:0%;}
.comic02 .author .txt {
text-align:left;
width:calc(100% - 157px);
line-height:1.6;}
.comic02 .author .txt h2 {
margin:0 0 0.65em 0;
padding:0 0 0.15em 0;
font-size:156.25%;
line-height:1.3;
font-weight:600;
border-bottom:2px solid #e80;}
.comic02 .author .txt h2 span {
font-size:50%;}

@media only screen and ( max-width:1023px) {

.comic02 ul.upper {
position:static;}

}

@media only screen and ( max-width:767px) {

.comic02 li a {
font-size:3.3vw;
line-height:3;}
.comic02 .author .icon {
width:100%;}
.comic02 .author .txt {
margin:25px 0 0 0;
width:100%;
font-size:92%;}

}

/* guide voice data ==========================*/

.data-link {}
.data-link h4 {
margin:25px 0 10px 0;
font-size:120%;
line-height:1.4;
font-weight:600;}
.data-link h4::before {
content:"◆";
color:#f29ec1;}
.data-link a {
position:relative;
display:block;
padding:0 0 0 16px;
font-size:90%;
line-height:1.4;
word-break:break-all;}
.data-link a::before {
content:"";
position:absolute;
left:0;
top:48%;
width:10px;
height:1px;
background:#262222;}

.chart {
text-align:center;
margin:48px 0;}
.chart img {
border-radius:8px;}
.chart ul {
margin:36px 0 24px 0;
text-align:left;
justify-content:space-between;}
.chart li {
width:55%;}
.chart li.point {
width:40%;
font-size:90%;
line-height:1.7;}
.chart li.point .ttl {
display:inline-block;
margin:15px 0;
padding:10px;
font-size:120%;
line-height:1.3;
color:#fff;
background:#ee8800;
border-radius:8px;}

@media only screen and ( max-width:960px) {

.chart {
margin:36px 0;}
.chart ul {
margin:24px 0 16px 0;}
.chart li {
width:100%;}
.chart li.point {
width:100%;}
.chart li.point .ttl {
margin:12px 0;
padding:8px;}

}

.orihime01 {
position:relative;
margin:66px 0 55px 0;
padding:45px 25px 25px 25px;
background:#fdecd2;
border-radius:10px;}
.orihime01 .ttl {
position:absolute;
width:260px;
left:5px;
top:0;
transform:translate(0,-50%);}
.orihime01 .img {
float:left;
width:125px;}
.orihime01 .img img {
width:100%;
border-radius:50%;}
.orihime01 .txt {
margin:0 0 0 150px;}

@media only screen and ( max-width:640px) {

.orihime01 {
padding:32px 22px 22px 22px;}
.orihime01 .ttl {
left:50%;
transform:translate(-50%,-50%);}
.orihime01 .img {
float:none;
width:150px;
margin:0 auto;}
.orihime01 .txt {
margin:20px 0 0 0;}

}

.orihime02 {
margin:55px 0 0 0;
padding:25px;
background:#fff;
border-radius:10px;
border:3px dotted #f99000;}
.orihime02 .img {
float:left;
width:125px;}
.orihime02 .img img {
width:100%;
border-radius:50%;}
.orihime02 .txt {
margin:0 0 0 150px;}
.orihime02 .ttl {
font-size:90%;
line-height:1.6;
font-weight:600;
color:#ee4411;
padding:0 0 5px 0;
margin:0 0 12px 0;
border-bottom:1px solid #ee4411;}

@media only screen and ( max-width:640px) {

.orihime02 {
padding:22px;}
.orihime02 .img {
float:none;
width:150px;
margin:0 auto;}
.orihime02 .txt {
margin:20px 0 0 0;}

}

.photo {
text-align:center;
margin:3.25em auto;
width:90%;
font-size:81.25%;
line-height:1.5;}
.photo img {
margin-bottom:1.25em;
border:8px solid #fff;
box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
border-radius:3px;
transform:rotate(-1.5deg);}

.ttl-voice01 {
padding:12px;
margin:55px 0 40px 0;
font-size:150%;
line-height:1.3;
font-weight:normal;
background:#fee8ed;
border-radius:8px;}
.ttl-voice02 {
position:relative;
margin:35px 0 30px 0;
padding:0 0 5px 0;
font-size:120%;
line-height:1.6;
font-weight:600;
border-bottom:1px solid #e48;}
.ttl-voice02::after {
content:"";
position:absolute;
width:8px;
height:8px;
right:-4px;
bottom:-4px;
background:#e48;
border-radius:50%;}

.ttl-voice-ma {
margin:8px 0;
font-size:110%;
line-height:1.3;
font-weight:600;
color:#2bade1;}
.ttl-voice-fe {
margin:8px 0;
font-size:110%;
line-height:1.3;
font-weight:600;
color:#ed86b2;}

.guide-txt-pc {
display:block;}
.guide-txt-sp {
display:none;}

@media only screen and (max-width:767px) {

.guide-txt-pc {
display:none;}
.guide-txt-sp {
display:block;}

}