@charset "UTF-8";
/* CSS Document */
html { margin-top: 0 !important; }
html body {position: relative;margin-top: 0 !important;}
body {width: 100%;margin: 0;padding: 0;font-family: "kozuka-gothic-pr6n", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #000000;background-color: #E6DDCC;}
div,section {box-sizing: border-box;}
p,h1,h2,h3,h4,h5,h6,th,td,a,i {margin: 0 auto;padding: 0;font-size: 1.2vw;line-height: 120%;font-weight: 300;box-sizing: border-box;}
img,video,iframe{margin: 0;padding: 0;vertical-align: bottom;}
ul,ol {list-style: none;}
a {text-decoration: none;color: #000000;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
a:hover {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
button {-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
/*----- anim-box -----*/
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes slideIn {
0% {transform: translateX(80%);opacity: 0;}
50% {opacity: 0.5;transform: translateX(0);}
100% {opacity: 1;}
}
@keyframes slideIn1 {
0% {transform: translateX(-80%);opacity: 0;}
50% {opacity: 0.5;transform: translateX(0);}
100% {opacity: 1;}
}
@keyframes slideIn2 {
0% {transform: translateY(-80%);opacity: 0;}
50% {opacity: 0.5;transform: translateY(0);}
100% {opacity: 1;}
}
@keyframes slideIn3 {
0% {transform: translateY(80%);opacity: 0;}
50% {opacity: 0.5;transform: translateY(0);}
100% {opacity: 1;}
}
.anim-box.slidein.is-animated {animation: slideIn 1s cubic-bezier(0.8, 1, 0.8, 1) 1 forwards;}
.anim-box.slidein1.is-animated {animation: slideIn1 1s cubic-bezier(0.8, 1, 0.8, 1) 1 forwards;}
.anim-box.slidein2.is-animated {animation: slideIn2 1s cubic-bezier(0.8, 1, 0.2, 1) 1 forwards;}
.anim-box.slidein3.is-animated {animation: slideIn3 1s cubic-bezier(0.8, 1, 0.2, 1) 1 forwards;}
.anim-box.fadein.is-animated {animation: fadeIn 1s cubic-bezier(0.8, 0, 0.2, 1) 1 forwards;}
.yureru-updown {animation: yureru-updown 2s infinite;}
@keyframes yureru-updown {
0% {transform: translate(0px, 2px);}
5% {transform: translate(0px, -2px);}
10% {transform: translate(0px, 2px);}
15% {transform: translate(0px, -2px);}
20% {transform: translate(0px, 2px);}
25% {transform: translate(0px, -2px);}
30% {transform: translate(0px, 0px);}
}
@keyframes voted-bounce {
0%   { transform: scale(1); }
50%  { transform: scale(1.2); }
100% { transform: scale(1); }
}
/*----- display -----*/
.pc {display: block;}
.tab {display: none;}
.sp {display: none;}
/*-- header --*/
header {width: 100%;margin: 0 auto;padding: 1.5vw 0;text-align: left;background-color: #fff;}
.head_logo_img {width: 15%;margin-left: 5%;}
/*-- main --*/
main {position: relative;}
/*-- content01 --*/
#content01 {width: 100%;padding: 7vw 0;background-color: #0097DA;}
.content01 {width: 75%;margin: 0 auto;}
.content01_to {display: block;width: 60%;margin: 0 auto;}
/* content01_01 */
.content01_01 {width: 100%;margin: 3vw auto 0;font-size: 0;}
.content01_01_box {display: inline-block;vertical-align: top;width: 23%;margin: 1vw 1% 0;background-color: #fff;font-size: 0;}
.content01_01_a {display: block;width: 100%;}
.content01_01_img {width: 100%;aspect-ratio: 4 / 5;object-fit: cover;}
.content01_01_01 {width: 100%;padding: 0.5vw 0.6vw 0.6vw;}
.content01_01_01_l {display: inline-block;vertical-align: middle;width: 25%;}
/*.content01_01_01_l button {display: block;width: 100%;padding: 0;background-color: rgba(0,0,0,0.00);border: solid 0;cursor: pointer;transition: transform 0.2s ease;}
.content01_01_01_l button:active {transform: scale(0.9);}
.vote_button.voted {animation: voted-bounce 0.4s ease;}
.vote_button img {transition: transform 0.3s ease;}
.vote_button:hover img {transform: scale(1.05);}
.content01_01_01_l button img {width: 100%;}*/
/* ボタン基本（既存ベース） */
.content01_01_01_l button {
    display: block;
    width: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0.00);
    border: solid 0;
    cursor: pointer;
    transition: transform 0.2s ease;
    position: relative; /* 追加：バースト配置のため */
    overflow: visible;
}

/* 通常クリックアニメーション（既存） */
.content01_01_01_l button:active {
    transform: scale(0.9);
}

/* 投票完了アニメーション用 */
.vote_button.voted {
    animation: voted-bounce 0.4s ease;
}

/* ボタン画像に hover 拡大 */
.vote_button img {
    transition: transform 0.3s ease;
}
.vote_button:hover img {
    transform: scale(1.05);
}

/* ボタン内の画像サイズ調整（既存） */
.content01_01_01_l button img {
    width: 100%;
}

/* ▼ はじけるハートエフェクト用 burst 要素 */
.heart-burst {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/wp-content/themes/original/img/heart-burst.png') no-repeat center center;
    background-size: contain;
    pointer-events: none;
    opacity: 0;
    transform: scale(1);
}

/* アニメーション発火 */
.vote_button.voted .heart-burst {
    animation: burst 0.4s ease forwards;
}

/* バーストアニメーション定義 */
@keyframes burst {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.8);
        opacity: 1;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.content01_01_01_r {display: inline-block;vertical-align: middle;width: 75%;padding-left: 0.5vw;}
.content01_01_01_r_t0 {font-size: 1vw;font-weight: 600;line-height: 100%;}
.content01_01_01_r_t {width: 100%;margin-top: 0.6vw;}
.content01_01_01_r_t1 {display: inline-block;vertical-align: middle;width: 75%;font-size: 0.9vw;font-weight: 600;line-height: 100%;}
.content01_01_01_r_t2 {display: inline-block;vertical-align: middle;width: 25%;font-size: 1vw;font-weight: 900;line-height: 100%;text-align: right;color: #C9003E;}
/* content01_02 */
.content01_02 {width: 100%;}
.pager {display: block;width: 100%;margin: 2vw auto 0;font-size: 0;}
.screen-reader-text {display: none;}
.pager .pagination {text-align: center;font-size: 1.1vw;}
.pager .pagination a {font-size: 1.1vw;}
.pager .pagination a:hover {text-decoration-line: underline;}
.nav-links{font-size: 0;}
.pagination .page-numbers{display:inline-block;width: 3vw;height: 3vw;padding: 0;margin: 0 0.5vw;font-size: 1vw;line-height: 3vw;box-sizing: border-box;background-color: #fff;border-radius: 50%;}
.pagination .current{font-size: 1vw;font-weight: 600;line-height: 3vw;background-color: #D4384B;color:#fff;}
.pagination .prev,.pagination .next{font-size: 3vw;}
.pagination .dots{width: 3.5vw;padding: 0;margin: 0;border-radius: 0%;border: solid 0;background-color: #0097DA;color: #343434;}
/* content01_03 */
.content01_03 {width: 100%;margin-top: 4vw;text-align: center;}
.content01_03 a {display: block;width: 30%;padding: 1.6vw 0;font-size: 1.1vw;font-weight: 600;border-radius: 10vw;background-color: #D4384B;color: #fff;border: solid 1px #D4384B;}
.content01_03 a:hover {background-color: #fff;color: #D4384B;}
/*----- footer -----*/
footer {width: 100%;padding: 9vw 0 1vw;background-color: #1A1311;color: #fff;}
.footer {width: 100%;margin: 0 auto;}
/* footer_01 */
.footer_01 {width: 50%;margin: 0 auto;font-size: 0;}
.footer_01_box {display: inline-block;vertical-align: middle;width: 49%;}
.footer_01_box:last-child {margin-left: 2%;}
.footer_01_box_l {display: inline-block;vertical-align: middle;width: 30%;text-align: center;}
.footer_01_box_l_t1 {display: inline-block;padding: 0.5vw 1.5vw;font-size: 1.1vw;background-color: #fff;color: #1A1311;border-radius: 5vw;}
.footer_01_box_r {display: inline-block;vertical-align: middle;width: 70%;}
.footer_01_box_r_a {display: block;width: 100%;}
.footer_01_box_r_a:hover {transform: scale(1.05,1.05);}
.footer_01_box_r_img {width: 100%;}
/* footer_02 */
.footer_02 {width: 95%;margin: 10vw auto 0;text-align: right;}
.footer_02 a {display: inline-block;vertical-align: middle;padding: 0 1vw;font-size: 1vw;border-right: solid 1px #fff;box-sizing: border-box;color: #fff;}
.footer_02 a:hover {text-decoration-line: underline;}
.footer_02 a:last-child {border-right: solid 0px #fff;}


@media screen and (max-width:960px) {
/*----- display -----*/
.pc {display: block;}
.tab {display: block;}
.sp {display: none;}
/*-- header --*/
header {padding: 1.5vw 0;}
.head_logo_img {width: 20%;}
/*-- main --*/
/*-- content01 --*/
.content01 {width: 90%;}
.content01_to {width: 70%;}
/* content01_01 */
.content01_01 {width: 100%;margin: 3vw auto 0;}
.content01_01_box {width: 31.3%;margin: 1vw 1% 1vw;}
.content01_01_01 {padding: 1vw 1vw 1vw;}
.content01_01_01_l {width: 25%;}
.content01_01_01_r {width: 75%;padding-left: 0.5vw;}
.content01_01_01_r_t0 {font-size: 1.6vw;}
.content01_01_01_r_t {margin-top: 0.6vw;}
.content01_01_01_r_t1 {width: 75%;font-size: 1.6vw;}
.content01_01_01_r_t2 {width: 25%;font-size: 1.6vw;}
/* content01_02 */
.pager {margin: 3vw auto 0;}
.pager .pagination {font-size: 1.7vw;}
.pager .pagination a {font-size: 1.7vw;}
.pagination .page-numbers {width: 5vw;height: 5vw;margin: 0 1vw;font-size: 1.6vw;line-height: 5vw;}
.pagination .current {font-size: 1.6vw;line-height: 5vw;}
.pagination .prev,.pagination .next {font-size: 1.6vw;}
.pagination .dots {width: 3.5vw;}
/* content01_03 */
.content01_03 {margin-top: 4vw;}
.content01_03 a {width: 50%;padding: 2vw 0;font-size: 1.7vw;}
/*----- footer -----*/
footer {padding: 9vw 0 1vw;}
/* footer_01 */
.footer_01 {width: 80%;}
.footer_01_box {width: 49%;}
.footer_01_box:last-child {margin-left: 2%;}
.footer_01_box_l {width: 30%;}
.footer_01_box_l_t1 {padding: 1vw 2.5vw;font-size: 1.7vw;}
.footer_01_box_r {width: 70%;}
/* footer_02 */
.footer_02 {width: 95%;margin: 10vw auto 0;}
.footer_02 a {padding: 0 1vw;font-size: 1.6vw;}
}


@media screen and (max-width:500px) {
/*----- display -----*/
.pc {display: none;}
.tab {display: none;}
.sp {display: block;}
/*-- header --*/
header {padding: 2vw 0;}
.head_logo_img {width: 30%;}
/*-- main --*/
/*-- content01 --*/
.content01_to {width: 70%;}
/* content01_01 */
.content01_01 {width: 100%;margin: 3vw auto 0;}
.content01_01_box {width: 48%;margin: 1vw 1% 1vw;}
.content01_01_01 {padding: 2vw 2vw 1.5vw;}
.content01_01_01_l {width: 25%;}
.content01_01_01_r {width: 75%;padding-left: 1vw;}
.content01_01_01_r_t0 {font-size: 3vw;}
.content01_01_01_r_t {margin-top: 2vw;}
.content01_01_01_r_t1 {width: 100%;font-size: 2.9vw;}
.content01_01_01_r_t2 {width: 100%;margin-top: 1.5vw;font-size: 3vw;}
/* content01_02 */
.pager {margin: 4vw auto 0;}
.pager .pagination {font-size: 3.1vw;}
.pager .pagination a {font-size: 3.1vw;}
.pagination .page-numbers {width: 7vw;height: 7vw;margin: 0 1vw;font-size: 3.1vw;line-height: 7vw;}
.pagination .current {font-size: 3vw;line-height: 7vw;}
.pagination .prev,.pagination .next {font-size: 3vw;}
.pagination .dots {width: 3.5vw;}
/* content01_03 */
.content01_03 {margin-top: 4vw;}
.content01_03 a {width: 100%;padding: 2.5vw 0;font-size: 3.1vw;}
/*----- footer -----*/
footer {padding: 9vw 0 3vw;}
/* footer_01 */
.footer_01 {width: 90%;}
.footer_01_box {width: 48%;}
.footer_01_box:last-child {margin-left: 4%;}
.footer_01_box_l {width: 30%;text-align: left;}
.footer_01_box_l_t1 {padding: 1vw 2.5vw;font-size: 3vw;}
.footer_01_box_r {width: 70%;}
/* footer_02 */
.footer_02 {width: 95%;margin: 10vw auto 0;text-align: center;}
.footer_02 a {padding: 0 1vw;font-size: 3vw;}
}