/* ---------------------------------------------------------------- *
		ページ設定(PC)
* ---------------------------------------------------------------- */

.cartoon_Bg1 {background:url(../image/top_bg1.gif);}
.cartoon_Bg2 {background:url(../image/top_bg2.gif);}

.mainimg2021 {height:500px;margin-top:70px;position:relative;background:#000;}

.mainimg2021 h2 {position:absolute;top:20%;left:0;right:0;width:650px;padding:40px;margin:auto; border:solid 5px #fff; line-height:160%;text-align:center;font-size:45px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.7);font-feature-settings:"palt";animation:text_anime 1s 0.8s ease-in-out forwards;z-index:1;opacity:0;}
@keyframes text_anime {0%{opacity:0;transform:scale(1.1, 1.1);}100%{opacity:1;transform:scale(1, 1);}}
.mainimg2021 h2 .text1 {font-weight:300;}
.mainimg2021 .bg {position:absolute;top:0;left:0;width:100%;height:500px;background:url(../../2021/image/mainimg.jpg) no-repeat center center #000;background-size:cover;animation:bg_anime 3s ease-in-out forwards;z-index:0;}
@keyframes bg_anime {0%{opacity:0;}30%{opacity:1;}50%{opacity:1;}100%{opacity:0.5;}}

.year2023 .bg {background:url(../../2023/image/mainimg.jpg) no-repeat center center #000;background-size:cover;}
@keyframes bg_anime {0%{opacity:0;}30%{opacity:1;}50%{opacity:1;}100%{opacity:0.5;}}

.cartoon_description {padding:80px 0; border-bottom:solid 1px #ccc;}
.cartoon_description h3 {font-size:28px;margin-bottom:30px;text-align:center;font-feature-settings:"palt";}
.cartoon_description p {font-size:16px;line-height:200%;text-align:center;}

.cartoon_section {padding:80px 0 50px 0;border-bottom:solid 1px #ccc;}

/* ---------------------------------------------------------------- *
   作品大(PC)
* ---------------------------------------------------------------- */

.cartoon_section .main_item {border:solid 1px rgb(216, 216, 216);background: #fff;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.cartoon_section .main_item .photo_tate {width:28%;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.cartoon_section .main_item .photo_yoko {width:50%;display:flex;align-items:center;justify-content:center;}
.cartoon_section .main_item .photo img {display:block;width:100%;padding:15px;}
.cartoon_section .main_item .text_area {width:50%;background:#fcfcfc;padding:40px;border-left:solid 1px #eee;}
.cartoon_section .main_item .text_area .award_title {font-size:20px;margin:10px 0 40px 0;font-weight:600;}
.cartoon_section .main_item .text_area .award_title i {font-size:35px;color:#ccc;margin-right:15px;}
.cartoon_section .main_item .text_area .award_title img {width:40px;margin-right:10px;}
.cartoon_section .main_item .text_area .pict_title {font-size:16px;margin:25px 0 20px 0;font-weight:500;}
.cartoon_section .main_item .text_area .name {font-size:25px;letter-spacing:4px;margin-bottom:40px;}
.cartoon_section .main_item .text_area .name .grade {font-size:14px;letter-spacing:0;margin-left:5px;}
.cartoon_section .main_item .text_area .comment_title {font-size:15px;margin-bottom:10px;}
.cartoon_section .main_item .text_area .comment_title i {font-size:20px;margin-right:7px;color:#ccc;}
.cartoon_section .main_item .text_area .comment {font-size:15px;line-height:180%;}

/* ---------------------------------------------------------------- *
   作品小(PC)
* ---------------------------------------------------------------- */

.cartoon_section .item {width:48.9%;border:solid 1px #ddd;background: #fff;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.cartoon_section .item .photo_tate {width:33%;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.cartoon_section .item .photo_yoko {width:50%;display:flex;align-items:center;justify-content:center;}
.cartoon_section .item .photo img {display:block;width:100%;padding:15px;}
.cartoon_section .item .text_area {width:50%;background:#fcfcfc;padding:20px;border-left:solid 1px #ddd;}
.cartoon_section .item .text_area .award_title {font-size:16px;margin:10px 0 30px 0;font-weight:600;}
.cartoon_section .item .text_area .award_title i {font-size:24px;color:#bbb;margin:0 5px 0 0;}
.cartoon_section .item .text_area .award_title img {width:30px;margin-right:10px;}
.cartoon_section .item .text_area .pict_title {font-size:14px;margin:25px 0 12px 0;font-weight:500;}
.cartoon_section .item .text_area .name {font-size:20px;letter-spacing:4px;margin-bottom:30px;}
.cartoon_section .item .text_area .name .grade {font-size:12px;letter-spacing:0;margin-left:0;}
.cartoon_section .item .text_area .comment_title {font-size:14px;margin-bottom:10px;}
.cartoon_section .item .text_area .comment_title i {font-size:18px;margin-right:7px;color:#ccc;}
.cartoon_section .item .text_area .comment {font-size:14px;line-height:180%;}
.noitem {width:48.9%;}

/* ---------------------------------------------------------------- *
   作品小 入選(PC)
* ---------------------------------------------------------------- */

.cartoon_section .item_mini {width:31.8%;border:solid 1px #ddd;background: #fff;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.cartoon_section .item_mini .photo_tate {width:45%;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.cartoon_section .item_mini .photo_yoko {width:60%;display:flex;align-items:center;justify-content:center;}
.cartoon_section .item_mini .photo img {display:block;width:100%;padding:15px;}
.cartoon_section .item_mini .text_area {width:40%;background:#fcfcfc;padding:15px;border-left:solid 1px #ddd;}
.cartoon_section .item_mini .text_area .award_title {font-size:16px;margin:10px 0 30px 0;font-weight:600;}
.cartoon_section .item_mini .text_area .award_title i {font-size:24px;color:#bbb;margin:0 5px 0 0;}
.cartoon_section .item_mini .text_area .pict_title {font-size:14px;margin:25px 0 12px 0;font-weight:500;line-height:160%;}
.cartoon_section .item_mini .text_area .name {font-size:18px;letter-spacing:2px;}
.cartoon_section .item_mini .text_area .name .grade {font-size:12px;letter-spacing:0;margin-left:0;display:block;margin-top:15px;}
.noitem_mini {width:31.8%;}

/* ---------------------------------------------------------------- *
   アーカイブ(PC)
* ---------------------------------------------------------------- */

.archives_btn .mainTitle {margin:100px 0 20px 0;}
.archives_btn .mainTitle .eng_text {font-size:30px;margin-right:15px;font-weight:bold;}
.archives_btn .menu li {width:24.9%;}
.archives_btn .menu li a {display:block;width:100%;padding:25px;color:#333;text-align:center;text-decoration:none;background:#fdd23e; border: #e7bc2d solid 1px;margin-bottom:2px;font-weight:bold;font-size:18px;}
.archives_btn .menu .noitem {width:24.9%;}








/* 以下、画面の横幅が800x以下の場合に適用されるCSS（スマホ） */

@media screen and (max-width:800px) {

.mainimg2021 {height:80vh;margin-top:60px;}

.mainimg2021 h2 {position:absolute;top:30%;left:0;right:0;width:80%;padding:40px;margin:auto; border:solid 5px #fff; line-height:160%;text-align:center;font-size:32px;}

.mainimg2021 .bg {width:100%;height:80vh;background:url(../../2021/image/mainimg_sp.jpg) no-repeat center center #000;background-size:cover;}
.year2023 .bg {background:url(../../2023/image/mainimg_sp.jpg) no-repeat center center #000;background-size:cover;}

.cartoon_description {padding:30px 10px;}
.cartoon_description h3 {font-size:23px;margin-bottom:15px;text-align:left;line-height:160%;}
.cartoon_description p {font-size:14px;line-height:170%;text-align:left;text-align:justify;text-justify:inter-ideograph;}
.cartoon_description p br {display:none;}

.cartoon_section {padding:30px 0 0 0;}

/* ---------------------------------------------------------------- *
   作品大(SP)
* ---------------------------------------------------------------- */

.cartoon_section .main_item {margin-bottom:30px;}
.cartoon_section .main_item .photo_tate {width:60%;}
.cartoon_section .main_item .photo_yoko {width:100%;}
.cartoon_section .main_item .photo img {padding:0;}
.cartoon_section .main_item .text_area {width:100%;padding:15px 20px 20px 20px;border-left:none;border-top:solid 1px #ccc;}
.cartoon_section .main_item .text_area .award_title {font-size:18px;margin:10px 0 30px 0;}
.cartoon_section .main_item .text_area .award_title img {width:30px;margin-right:10px;}
.cartoon_section .main_item .text_area .pict_title {font-size:14px;}
.cartoon_section .main_item .text_area .name {font-size:20px;letter-spacing:2px;margin-bottom:30px;}
.cartoon_section .main_item .text_area .comment_title {font-size:14px;margin-bottom:10px;}
.cartoon_section .main_item .text_area .comment_title i {font-size:18px;margin-right:7px;color:#ccc;}
.cartoon_section .main_item .text_area .comment {font-size:14px;line-height:160%;}

/* ---------------------------------------------------------------- *
   作品小(SP)
* ---------------------------------------------------------------- */

.cartoon_section .item {width:100%;margin-bottom:30px;}
.cartoon_section .item:last-of-type {margin-bottom:0;}
.cartoon_section .item .photo_tate {width:60%;}
.cartoon_section .item .photo_yoko {width:100%;}
.cartoon_section .item .photo img {padding:0;}
.cartoon_section .item .text_area {width:100%;padding:15px 20px 20px 20px;border-left:none;border-top:solid 1px #ccc;}
.cartoon_section .item .text_area .award_title {font-size:18px;margin:10px 0 30px 0;}
.cartoon_section .item .text_area .award_title img {width:30px;margin-right:10px;}
.cartoon_section .item .text_area .award_title i {font-size:20px;color:#bbb;margin:0 5px 10px 0;}
.cartoon_section .item .text_area .pict_title {font-size:13px;margin:20px 0 12px 0;}
.cartoon_section .item .text_area .name {font-size:20px;letter-spacing:2px;margin-bottom:30px;}
.cartoon_section .item .text_area .comment_title {font-size:14px;margin-bottom:10px;}
.cartoon_section .item .text_area .comment_title i {font-size:18px;margin-right:7px;color:#ccc;}
.cartoon_section .item .text_area .comment {font-size:14px;line-height:160%;}
.noitem {width:100%;}

/* ---------------------------------------------------------------- *
   作品小 入選(sp)
* ---------------------------------------------------------------- */

.cartoon_section .item_mini {width:100%;margin-bottom:30px;}
.cartoon_section .item_mini:last-of-type {margin-bottom:0;}
.cartoon_section .item_mini .photo_tate {width:60%;}
.cartoon_section .item_mini .photo_yoko {width:100%;}
.cartoon_section .item_mini .photo img {padding:0;}
.cartoon_section .item_mini .text_area {width:100%;padding:15px 20px 20px 20px;border-left:none;border-top:solid 1px #ccc;}
.cartoon_section .item_mini .text_area .award_title {font-size:18px;margin:10px 0 10px 0;}
.cartoon_section .item_mini .text_area .award_title i {font-size:20px;color:#bbb;margin:0 5px 10px 0;}
.cartoon_section .item_mini .text_area .pict_title {font-size:13px;margin:0 0 10px 0;}
.cartoon_section .item_mini .text_area .name {font-size:20px;letter-spacing:2px;margin-bottom:5px;}
.cartoon_section .item_mini .text_area .name .grade {display:inline;}
.noitem_mini {width:100%;}

/* ---------------------------------------------------------------- *
   アーカイブ(PC)
* ---------------------------------------------------------------- */

.archives_btn .mainTitle {margin:5% 0 20px 0;}
.archives_btn .mainTitle .eng_text {font-size:25px;}
.archives_btn .menu li {width:100%;}
.archives_btn .menu li a {padding:20px;font-size:16px;}
.archives_btn .menu .noitem {display:none;}

}