/* レイアウト */

main#oekaki{
margin : 0;
padding : 0;
font-family: 'Kosugi Maru', serif,  -apple-system, BlinkMacSystemFont, Arial, Meiryo, sans-serif;
}

.container{padding: 3rem 1.5rem;}

.inner{
margin: 0 auto;
padding: 0;
max-width: 960px;
padding: 1rem;
box-sizing: border-box;
border-radius:15px;
}

.inner h2{
font-size: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);
text-align: center;
}

.inner h3{
font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}

.inner p, .inner li{
font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
margin:0;
}


.inner .sm{font-size :90%;}



/* テーマ・プレゼント */
.theme{
background-image: url(image/theme_bg.png);
text-align: center;
}
.theme img{
margin :0 auto;
max-width:960px;
width:100%;
}

/* アナウンサー作 */
.ana{
text-align: center;
background-color :#d7f7ff;
background: repeating-linear-gradient( -45deg, #c3f0fc, #c3f0fc 20px, #d7f7ff 20px, #d7f7ff 40px );
}

.ana ul{
margin :0 auto;
padding : 0;
list-style: none;
max-width:960px;
}

.ana li{margin:10px;}

.ana img{border-radius:10px;}


.ana h2{
margin :0 auto 1em auto;
background-color :#0080ff;
padding : .4em .8em;
color:#ffffff;
border-radius:10px;
max-width:960px;
}

@media print, screen and (min-width:769px) {
.ana ul{display: flex;flex-wrap: wrap;}
.ana li{margin:5px;width:calc(50% - 10px);}
}


/* 応募要項 */
.points_bg{
background:
radial-gradient(circle, transparent 20%, #ffdcee 20%, #ffdcee 80%, transparent 80%, transparent),
radial-gradient(circle, transparent 20%, #ffdcee 20%, #ffdcee 80%, transparent 80%, transparent) 50px 50px,
linear-gradient(#ffe5f2 8px, transparent 8px) 0 -4px,
linear-gradient(90deg, #ffe5f2 8px, transparent 8px) -4px 0;
background-color: #ffdcee;
background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
.points{
box-sizing: border-box;
background:#ffffff;
border: 2px solid #d86c9e;
}

.points h2{
background-color :#d86c9e;
padding : .4em .8em;
color:#ffffff;
border-radius:10px;
}

.points h3{
margin : .8em auto 0 auto;
padding : .4em .8em;
background-color :#4da3ce;
border-radius:10px;
color:#ffffff;
}

.inner p.kikan{
font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}

.points p{
margin :0;
padding : 1em;
}

.points ul{
margin :1em;
padding : 1em 1em 1em -1em;
}

/* 応募方法 */
.apply{
margin-top :2rem;
background:#d86c9e;
color:#fff;
padding-bottom : 3rem;
}


.apply h2{
padding : .4em .8em;
border: 2px solid #fff;
border-radius:10px;
}

.apply h3{
padding :1.5em .4em .4em .4em;
color: #ffff66;
}

.apply p{
padding : .4em;
}

.apply a{
margin: 1em 0 .5em 0;
padding: 1rem 2rem;
display: inline-block;
background: #ffff66;
color: #d86c9e;
text-decoration: none;
font-weight: bold;
text-align: center;
border-radius: 30px;
border: 2px solid #fff;
font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}



/* 応募作品 */
.oubosakuhin{
background-image:  radial-gradient(#ffc107 2px, transparent 2px), radial-gradient(#ffc107 2px, #ffffe0 2px);
background-size: 40px 40px;
background-position: 0 0,20px 20px;
}

.oubosakuhin h2{
margin :0 auto 20px auto;
background-color :#ff8c00;
padding : .4em .8em;
color:#ffffff;
border-radius:10px;
text-align: center;
}