/* レイアウト */

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

background-size: 35px 35px; /* マスの大きさ */
background-image:
linear-gradient(to right, #fff 1px, transparent 1px),
linear-gradient(to bottom, #fff 1px, transparent 1px);
background-color: #f7f5ef; /* ベースの背景色 */
}

.container{padding: 3rem 1.5rem;}

.inner{
margin: 0 auto;
padding: 0;
max-width: 1200px;
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%;}

@media screen and (max-width:960px) {
.pc_on{display:none;}
}

/* 鹿児島からも応援 */

.oubosakuhin{
background-image: linear-gradient(180deg, #ffffff, #eceae8);
}

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

.oubosakuhinwaku{height:380px;}

@media print, screen and (max-width:768px) {
.oubosakuhinwaku{height:280px;}
}



.mbcmovie{
background-color: #f8f8fb;
}

.mbcmovie h2{
background-color :#33363B;
padding : .4em .8em;
color:#ffffff;
border-radius:10px;
}

.mbcmovie h3{
margin :1em 0;
padding : .4em .8em;
border-radius:10px;
border: 2px solid #ff5b00;
background-color :#fff;
color:#ff5b00;
text-align: center;
}

.mbcmovie ul{
margin :0;
padding :0;
list-style:none;
display:flex;
flex-wrap: wrap;
}

.youtube-list li{
margin:0 5px 5px 5px;
width: calc((100% - 30px) / 3);
}
.youtube_short-list li{
margin:0 5px 5px 5px;
width: calc((100% - 40px) / 4);
}

@media screen and (max-width:768px) {
.youtube-list li{
margin:0 0 5px 0;
width: 100%;
}
.youtube_short-list li{
margin:0 5px 5px 5px;
width: calc((100% - 20px) / 2);
}
}

.youtube, .youtube_short{
width: 100%;
margin: 0 auto 2em auto;
}

.youtube iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
}

.youtube_short iframe{
 aspect-ratio: 9 / 16;
 width: 100%;
 height: 100%;
}

/* 応募方法 */
.apply{
margin-top :2rem;
background:#ff5b00;
color:#fff;
padding : 1.5rem;
max-width: 960px;
}


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


.apply p{
padding: 1rem 0;
}

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

/* 応募要項 */

.points{
box-sizing: border-box;
background:#ffffff;
border: 2px solid #ff5b00;
max-width: 960px;
}

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

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


.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;
}

p.onegai{
margin : .8em auto 0 auto;
padding : .4em .8em;
color:#51b6f0;
text-align: center;
font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
font-weight:700;
}


.points a{
margin: 1em 0 .5em 0;
padding: 1rem 2rem;
display: inline-block;
background: #ff5b00;
color: #ffff66;
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);
}


/* オフィシャルサイト */

.official{
background-color :#fff;
}

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