@charset "UTF-8";
*, *::before, *::after{ box-sizing:border-box; margin:0; padding:0}
body{ background: #d33066; color: #fff; line-height: 1.7; overflow-x: hidden; font-family: monopin-j, sans-serif;font-weight: 400; font-style: normal}
img{ max-width: 100%; display: block}
a{text-decoration: none}
.col{ list-style: none; display: flex; flex-wrap: wrap; width: 100%}
sup, .notes, .ebtn span{ font-size: .8rem; font-weight: normal}
.notes{ display: block; line-height: 1.4}
.right{ text-align: right}
.lead{ font-weight: bold; margin-bottom: 30px; text-align: center}
.red{ color: #d33066}


/* font */
.catch-main{ font-family: "fot-cezanne-pron", sans-serif; font-weight: 500; font-style: normal}
h2, h3, .money, .hcopy{ font-family: fot-udkakugoc80-pro, sans-serif; font-weight: 700; font-style: normal}

/* section - footer */
section, header, footer{ position: relative; overflow: hidden}
section::before, section::after, footer::before{ content: ""; position: absolute; left: 50%;
transform:translateX(-50%);
width:120%; /* 100vw (140vw ) */
pointer-events: none;
z-index:1; background-repeat: no-repeat; background-position: center; background-size: contain; max-width:1500px;}
section::before, footer::before{ top: 0}
section::after{ bottom: 0}
section.prize-section, section.judge-section, section.faq-section{ background: #000} /* #f4d6c5 */
/*section.entry-section, header, footer{ background: #d33066}*/
section.ttl-section::after{ aspect-ratio:1800/ 703; background-image: url("ink-header-bottom.png")}
section.prize-section::before{ aspect-ratio:1800 / 261; background-image: url("ink-prize-top.png")}
section.judge-section::after{ aspect-ratio:1800 / 300; background-image: url("ink-judge-bottom.png")}
section.entry-section::before{ aspect-ratio:1800 / 600; background-image: url("ink-entry-top.png")}
section.entry-section::after{ aspect-ratio:1800 / 428; background-image: url("ink-entry-bottom.png")}/*bottom:-100px*/
section.faq-section::before{ aspect-ratio:1800 / 241; background-image: url("ink-faq-top.png")}
section.faq-section::after{ aspect-ratio:1800 / 259; background-image: url("ink-faq-bottom.png")}
footer::before{ aspect-ratio:1800 / 133; background-image: url("ink-footer-top.png")}

section{ padding: 50px 0 100px}
.inner{ position: relative; z-index: 2; width: 88%; margin: auto; max-width: 1100px}


/* ---------- HEADER ---------- */
/*header{ min-height: 100vh; display: flex; align-items: center; justify-content: center}*/
.diagonal{ transform: rotate(-2deg); transform-origin: left center; padding-left: 50px}
.hcopy{ font-size: clamp(1.5rem,3.5vw,3.5rem); color: #fff; line-height: 1}
.orange{ color: #10ffd1; font-size: clamp(.79rem,.1vw,.1rem); letter-spacing: .09em; padding-bottom: 15px}
.header-inner{ width: 100%; /*max-width: 900px; */background: #000; text-align: center; padding: 50px 50px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%)}


h1{ width: min(100%,760px); margin: 30px auto}



/* ---------- TITLES ---------- */
h2{ text-align: center; font-size: clamp(3rem,6vw,6rem); margin: 40px auto; line-height: 0.9em; background: #ff3b7c; background: linear-gradient(151deg, rgba(255, 59, 124, 1) 40%, rgba(211, 48, 102, 1) 59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent}
h2.h2entry{ background: linear-gradient(151deg, rgb(255, 172, 200) 40%, rgb(255, 255, 255) 59%); -webkit-background-clip: text; -webkit-text-fill-color: transparent}
h3{ text-align: center; color: #e31e5f; line-height: 1.4}
h3 span{ font-size: clamp(1.5rem,3vw,3rem)}


/* ---------- ttl ---------- */
.leadarea{ text-align: center; margin: 0 auto}
.catchcopy{ padding: .25em; font-size: clamp(1.4rem,2.4vw,2.4rem); line-height: 1.8; background: #000; color: #fff; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone}
.lead{ color: #fff; margin: 20px 0 0; font-size: 1.15em}


/* ---------- PRIZE ---------- */
.prize{ gap: 40px; width: 100%; max-width: 900px; margin: 0 auto}
.prize > li{ border-radius: 8px; padding: 20px; width: 100%; border: 1px solid #ffcadc;/* background: rgba(255,255,255,0.4)*/}

ul.prizein{ gap: 15px; flex-direction: column}
ul.prizein li{ text-align: center; font-weight: bold; font-size: 120%}
ul.prizein li br{ display: none}
ul.prizein li strong{ display: block; font-size: 1.2rem}
.money{ margin: 0 3px; font-size: clamp(3.5rem,7vw,7rem); background: linear-gradient(148deg, rgba(255, 211, 77, 1) 0%, rgba(222, 176, 49, 1) 50%, rgba(237, 221, 83, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent}


/* ---------- JUDGE ---------- */
.judge{ gap: 4%; margin: 30px 0}
.judge > li{ width: 22%; text-align: center}
.slogo{ width: 50%; display: block; margin: 6px auto}



/* ---------- ENTRY ---------- */
.steps{ margin: 0 auto; gap: 40px 4%; color: #fffaf7; flex-direction: column}
.steps li > div{ margin-left: 130px}
h4{ font-family: "hansson-stencil-mn", sans-serif; font-weight: 700; font-style: normal; font-size: 2.2rem; display: flex; align-items: center; gap: 10px; color: #ff4b86}
h4::after{content: ""; flex: 1; height: 1px; background: #ff4b86}
.btnarea{ margin-top: 15px}
.ebtn{ background: #1DE5DC; padding: 8px 40px; border-radius: 30px; color: #0e3436; display: inline-block; font-size: .95em; font-weight: bold; line-height: 1.2; text-align: center}
.entry-section dl{ font-size: .95em}
.entry-section dd{ margin: 0 0 1em 1em}
.entry-section dd ul{ margin-left: 1em}
.entry-section dd li{ margin-bottom: .2em}
.rule{ margin: 10px 0 0}
.rule dt{ background: #fff7fa; color: #e31e5f; padding: 4px 10px; display: inline-block; line-height: 1; border-radius: 4px; margin: 10px 0 5px}
.guideline{ width: 100%; margin: 40px auto 0; background: #fff7fa; color: #000; padding: 20px; border-radius: 6px}
.guideline dt{ padding-bottom: 10px; color: #e31e5f}
.guideline dt:not(:first-child){ border-top: 1px solid #e31e5f; padding-top: 1em}
.guideline li::marker{ color: #e31e5f}
a.blink{ border-bottom: 1px solid #fff; padding-bottom: 1px; color: #fffaf7}

/* ---------- FAQ ---------- */
details{ border-bottom: 1px solid #e31e5f}
summary{ padding: 1em 0; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center/*; background: rgba(255,255,255,0.1)*/}
summary::-webkit-details-marker{ display: none}
summary::after{ content: "+"; font-size: 2rem; transition: transform 0.3s; color: #e31e5f}
details[open] summary{ padding-bottom: 0}
details[open] summary::after{ transform: rotate(45deg)}

details p { padding: 0 1rem 1rem 0; margin: 0; /*background: rgba(255,255,255,0.3); */color: #ffcdde}


/* ---------- FOOTER ---------- */
footer{ background: #fff; color: #000}
footer strong{ display: inline-block; margin-bottom: 10px}
.copy{ font-size: .6rem; text-align: center; margin-bottom: 30px; color: #e31e5f}
.foot{ gap: 60px 10%; margin: 100px auto 40px; font-size: .9em}
.foot li{ width: 45%}
footer img{ max-width: 50%; padding-bottom: 30px}
footer a{ color: #000}

/* ---------- RESPONSIVE ---------- */
@media(max-width:768px){
.header-inner{ padding: 30px 20px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%)}
.diagonal{ padding-left: 0}
	.orange{ letter-spacing: 0}
.leadarea{ text-align: left}
.lead{ font-size: 1em; text-align: left}

h2{ margin: 20px auto}
.hdtx3:last-child{ margin-bottom: 0}
/*section::before, section::after, header::after, footer::before{ width:135%}*/
/* 高さ微調整
section.prize-section::before,
section.prize-section::after{
bottom:-120px;
}
*/
section.prize-section::before{ aspect-ratio:1100 / 261; background-image: url("ink-s-prize-top.png")}
section.judge-section::after{ aspect-ratio:1100 / 300; background-image: url("ink-s-judge-bottom.png")}
section.entry-section::before{ aspect-ratio:1100 / 600; background-image: url("ink-s-entry-top.png")}
section.entry-section::after{ aspect-ratio:1100 / 428; background-image: url("ink-s-entry-bottom.png")}
section.faq-section::before{ aspect-ratio:1100 / 241; background-image: url("ink-s-faq-top.png")}
section.faq-section::after{ aspect-ratio:1100 / 259; background-image: url("ink-s-faq-bottom.png")}
footer::before{ aspect-ratio:1100 / 133; background-image: url("ink-s-footer-top.png")}

ul.prizein li br{ display: block}
.judge{ gap: 20px 6%}
.judge li{ width: 47%}
.foot{ width: 90%}
.steps, .steps li, .foot li, .guideline{ width: 100%}
.steps li > div, .entry-section dd ul{ margin-left: 0}
h4{ font-size: 1.7rem}
}