@charset "utf-8"; 


/***************
投稿ページスタイル
***************/
.font-L{font-size: 3rem;}
.single-title-bk{background:#DFDFDF; padding:2rem 0}
h2.single-title {position: relative;color: #000; text-align: center;ont-family:'メイリオ', 'Meiryo', sans-serif;font-weight: 900;font-style: normal; font-size: 3rem; line-height: 150%; padding:2rem 0 0 0; margin: 0 0 4rem 0;z-index: 100;}
h2.single-title::before { background-color: #000; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 50%; /* 線の中央寄せ */ position: absolute; transform: translateX(-50%); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.single-body{ padding:0 0 4rem 0;}
.single-box{position: relative; z-index: 100; background:#fff; border-radius: 0.5rem;  max-width: 1420px; margin:0 auto;padding:2rem;}
.single-box h3{text-align: left; font-weight: 900; font-size: 2rem; position: relative; margin: 3rem 0 1rem 0} 
.single-box h3::before { background-color: #7E0021; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 0; /* 線の中央寄せ */ position: absolute; transform: translateX(0); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}


/***************
特別企画投稿ページスタイル
***************/
.single-sp-body{background:#ffffff; margin-bottom: 6rem;}
.single-sp-body img{width: auto;}
.single-sp-body a{text-decoration: underline; color: #531213; transition: all .2s;}
.single-sp-body a:hover{opacity: 0.5;}
.single-sp-title-bk{background:#DFDFDF; padding:1rem 0}
h1.single-sp-title {position: relative;color: #000; text-align: center;ont-family:'メイリオ', 'Meiryo', sans-serif;font-weight: 900;font-style: normal; font-size: 3rem; line-height: 150%; padding:2rem 0 0 0; margin: 0 0 3rem 0;z-index: 100;}
h1.single-sp-title::before { background-color: #7E0021; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 50%; /* 線の中央寄せ */ position: absolute; transform: translateX(-50%); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.single-sp-box{position: relative; z-index: 100; background:#fff; border-radius: 0.5rem;  max-width: 1420px; margin:0 auto;padding:0 2rem;}
.single-sp-box h2{position: relative;color: #000; text-align: left;font-size: 2rem; line-height: 150%; padding: 1rem; margin: 4rem 0 0 0; border: solid thin #7E0021; border-left: solid 1rem #7E0021;}
.single-sp-box h2::before{background-color: rgba(0,0,0,0);}
.single-sp-box h3{text-align: left; font-weight: 900; font-size: 2rem; position: relative; margin: 3rem 0 1rem 0} 
.single-sp-box h3::before { background-color: #7E0021; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 0; /* 線の中央寄せ */ position: absolute; transform: translateX(0); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.ruby-p{ruby-position:under;}
.special-mainpic{max-width: 1000px; padding:4rem 0; margin: 0 auto; width: 90%;}
.special-mainpic img{width: auto;}
.sp-intro{text-align: center; line-height: 200%; padding:4rem 0 0 0; margin: 0 auto; max-width: 1420px; font-size: 2rem; font-weight: 900;}
.contest-sc{border:solid 0.1rem #000; border-radius: 1rem; padding:2rem;}
.box01{border-radius: 1rem; padding: 2rem 1rem; border: solid 0.1rem #D6C971; outline: solid 0.5rem #D6C971; outline-offset: 0.5rem; margin: 3rem 1rem 6rem 1rem }
.box02{border-radius: 1rem; padding: 2rem 1rem; border: solid 0.1rem #7C7C7C; outline: solid 0.5rem #7C7C7C; outline-offset: 0.5rem; margin: 3rem 1rem 6rem 1rem }
.box03{border-radius: 1rem; padding: 2rem 1rem; border: solid 0.1rem #BB692B; outline: solid 0.5rem #BB692B; outline-offset: 0.5rem; margin: 3rem 1rem 6rem 1rem }
.c-info{background:#DFDFDF; padding:1rem; border-radius: 1rem; margin: 1rem 0;}
.pict-box{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 1rem auto;}
.pict-box img{width: auto;  margin: 1rem;}
.pict-box-l{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.pict-box-l img{width: auto; margin: 1rem;}
.sp-single-list{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sp-box{border-radius: 10px;margin: 10px;background:#DFDFDF; width: calc((100% - 50px) / 3);}
.sp-box:nth-of-type(3n) {
margin-right: 0;/*右端に来る箱だけ右側の余白を消す*/
}
.sp-box a{text-decoration: none; color: #000000;}
.sp-box img{width: 100%;}
.sp-box-title{text-align: center;}
.award-name{margin: 1rem;}
.award-btn{background:#304686; border-radius: 2rem; width: 600px; margin: 2rem auto;}
.award-btn a{color: #fff; display: block; font-size: 2rem;padding:2rem; font-weight: 900; text-decoration: none;}
@media (max-width:720px) {		
/***************
投稿ページスタイル
***************/
.font-L{font-size: 2rem;}
.single-title-bk{background:#DFDFDF; padding:1rem 0}
h2.single-title {position: relative;color: #000; text-align: center;ont-family:'メイリオ', 'Meiryo', sans-serif;font-weight: 900;font-style: normal; font-size: 2rem; line-height: 150%; padding:2rem 0 0 0; margin: 0 0 3rem 0;z-index: 100;}
h2.single-title::before { background-color: #000; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 50%; /* 線の中央寄せ */ position: absolute; transform: translateX(-50%); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.single-box{position: relative; z-index: 100; background:#fff; border-radius: 0.5rem;  max-width: 1420px; margin:0 auto;padding:2rem;}
.single-box h3{text-align: left; font-weight: 900; font-size: 1.8rem; position: relative; margin: 3rem 0 1rem 0} 
.single-box h3::before { background-color: #7E0021; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 0; /* 線の中央寄せ */ position: absolute; transform: translateX(0); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.longurl{word-break: break-all; pading:1rem 0; text-align: justify;}

/***************
特別企画投稿ページスタイル
***************/
.single-sp-title-bk{background:#DFDFDF; padding:1rem 0}
h1.single-sp-title {position: relative;color: #000; text-align: center;ont-family:'メイリオ', 'Meiryo', sans-serif;font-weight: 900;font-style: normal; font-size: 2rem; line-height: 150%; padding:2rem 0 0 0; margin: 0 0 3rem 0;z-index: 100;}
h1.single-sp-title::before { background-color: #7E0021; /* 線の色 */ bottom: -0.5rem; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 50%; /* 線の中央寄せ */ position: absolute; transform: translateX(-50%); /* 線の中央寄せ */ width: 50px; /* 線の長さ */}
.single-sp-body img{width: 90%;}
.single-sp-box h2 {position: relative;color: #000; text-align: left;font-size: 2rem; line-height: 150%; padding: 1rem; margin: 0 0 2rem 0; border: solid thin #7E0021; border-left: solid 1rem #7E0021;}
.special-mainpic{max-width: 1000px; margin: 0 auto; width: 90%;text-align: center; padding:2rem 0;}
.special-mainpic img{width: 90%; margin: 0 auto;}
.sp-intro{text-align: justify; line-height: 150%; padding:2rem 1rem; margin: 4rem auto; max-width: 1420px; font-size: 1.6rem;}
.sp-single-list{display: flex; justify-content: center; flex-wrap: wrap;}
.sp-box{border-radius: 1rem;width: 90%; margin: 1rem;background:#DFDFDF;}
.sp-box img{width: 100%;}
.sp-box-title{text-align: center;}
.award-btn{background:#304686; border-radius: 2rem; width: 90%; margin: 2rem auto;}
.award-btn a{color: #fff; display: block; font-size: 2rem;padding:2rem; font-weight: 900;text-align: center;}
.pict-box{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 1rem auto;}
.pict-box img{width: 90%;  margin: 1rem auto;}
.pict-box-l{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.pict-box-l img{width: 90%; margin: 1rem auto;}
}