<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

*{margin:0; padding:0;}

p,a,h1,h2,h3,h4,a,li{
text-decoration:none;
font-size:14px;
font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
ul,ol,li{list-style:none;}

body{
width:100%;
}

p.font-red{
color:red;
}

p.confirm-check{
display: none;
}

.mgb50{margin-bottom: 50px !important;}


.entry-button img,
.event-conditions p.detail-button img,
.entry-step p.event-entry-button img,
.schedule-entry-button img,
.page-top img{
background-color:#fff;
}

.entry-button img:hover,
.event-conditions p.detail-button img:hover,
.entry-step p.event-entry-button img:hover,
.schedule-entry-button img:hover{
opacity:0.7;
}

.sec-in{
width:980px;
margin:0 auto;
}
.wraper{
width:100%;
margin:0 auto;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}

.slick_container {
    width:90%; /* 任意の値 */
    margin:0 auto; /* 任意の値 */
    position:relative;
}

 .slick-prev, .slick-next {
    width:60px; /* 画像幅 */
    height:34px /* 画像高さ */
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}
.slick-prev{left:20px; /* 任意の値 */}
.slick-next{right:20px; /* 任意の値 */}

.slick-arrow{z-index:10;/* 値は適当に */}

section.head{
background:url(../img/header_back2020_2.png)top center no-repeat;
height:166px;
margin:0 auto;
background-size:contain;
}

	
.head-index{
/*width:1300px;*/
width:1040px;
}
.sec-in-head{
position:relative;
/*width:1300px;*/
width:1024px;	
}
.logo-link a{
height:170px;
width:350px;
display:block;
}
.head-icon{
width:360px;
position:absolute;
top:20px;
/*left:410px;*/
/*left: 300px;　0319*/
left: 270px;	
}
.head-icon ul{
width:150px;
margin-left:auto;
display:block;
padding-right:10px;
text-align:right;
}
.head-icon ul li{
width:33px;
display:inline-block;
padding-left:10px;
}
h1.head-catch{
font-family:'ヒラギノ丸ゴ';
text-align:right;
padding-right:10px;
}
h1.head-catch span.catch-a{
color:#e65a89;
}
h1.head-catch span.catch-b{
color:#01a2f0;
}
.entry-button{
width:252px;
position:absolute;
/*top:30px;
right:0;*/
top:35px;
right:110px;
}
.entry-button img{
width:252px;
}
.archive-button{
width:190px;
position:absolute;
top:35px;
right:200px;	
	
}
.archive-button img{
width:190px;
}

/*追加2020*/
.archive-button2{
width:190px;
position:absolute;
top:35px;
right:0;
}
.archive-button2 img{
width:190px;
}


ul.g-nav{
/*background:url(../img/g-nav_back.png)top right no-repeat;*/
xwidth:780px;
position:absolute;
/*top:133px;*/
top:135px;	
right:0;
text-align:right;
font-size: 0;
padding-right: 7px;
}
ul.g-nav li{
display:inline-block;
/*padding:3.5px 25px 0px 31px;*/
padding:3.5px 19px 0px 18px;
}
ul.g-nav li:last-child{
border-right:none;
padding-right:0;
}
ul.g-nav li a{
border-bottom: 5px solid #fff;
color:#969696;
display:block;
font-size:14px;
font-family:'Hiragino kaku Gothic Pro',Arial,sans-serif;
font-weight:bold;
padding-bottom:0px;
}
.safari ul.g-nav li a{
font-family:'Hiragino kaku Gothic Pro';
font-weight:bold;
}
ul.g-nav li a:hover{
border-bottom:none;
border-bottom: 5px solid #fff100;
color:#000;
}

/*追加☆該当ページ*/	
	body.home ul.g-nav li.menu01 a{color:#000;}
	body.page_outline ul.g-nav li.menu02 a{color:#000;}
	body.page_method ul.g-nav li.menu03 a{color:#000;}
	body.page_smartphone ul.g-nav li.menu04 a{color:#000;}
	body.page_entry ul.g-nav li.menu05 a{color:#000;}
	body.page_contact ul.g-nav li.menu06 a{color:#000;}


section.view{
max-width:none;
margin:0 auto;
padding-bottom:37px;
max-width:none !important;
}
section.view img{
width:100%;
display:block;
margin:0 auto;
}

.examination-txt-area{
width: 76%;
text-align: center;
margin: 0px auto 45px;
color: red;
line-height: 3em;
}
.examination-txt-area p{
font-size: 24px;
font-weight: bold;
color: #000;
}
.examination-txt-area h2{
font-size: 36px;
}
.examination-txt-area p.examination-notes{
font-size: 16px;
font-weight: normal;
color:#ff0000;
line-height:1.3em;
margin-bottom: 10px;
}

section.event-outline-content{
	background:url(../img/index_img/event_outline_back03.png)top center no-repeat;
	}
.win.gecko .event-outline-index{
	padding-bottom:15px;
	}
@media all and (-ms-high-contrast: none){
	.event-outline-index{
	padding-bottom:19px !important;
	}
}

.win.chrome .event-outline-index{
padding-bottom:16px;
}

.event-outline{
padding:0 0 16px;
width:1024px;
margin:0 auto;
}
.mac.chrome .event-outline{
padding-bottom:16px;
}
.mac.gecko .event-outline{
padding-bottom:17px;
}
.win.gecko .event-outline{
padding-bottom:14px;
}
.win.chrome .event-outline{
padding-bottom:16px;
}
.event-outline img{
width:56%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.event-outline img{
height: 63px;
}
}

.event-outline-tab-out img{
height: 62px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.event-outline-tab-out img{
height: 62px;
}
}


section.event-outline-content .outline-content-in{
/*background:url(../img/index_img/index_back.png) top left no-repeat;*/
width:1024px;
margin:0 auto; 
}



/*イベント名*/
.event-name{
width:76%;
padding-top:24px;
margin-bottom:20px;
display:block;
margin-left:auto;
}

.safari .evetn-name {
margin-bottom:20px;
}

_::-webkit-full-page-media, _:future, :root .event-name {
	margin-bottom:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.event-name {
		(; margin-bottom:0;)
	}
}

.event-name h2{
	font-size:28px;
	padding: 10px 0 18px;
	line-height: 44px;
	}
.event-name-index h2{
padding-left:8px;
}

@media all and (-ms-high-contrast: none){
	.event-name h2{
	padding:21px 0 32px;
	}
}


.event-name h2 span{
font-size:20px;
}
/*応募期間*/
.event-schedule{
width:76%;
/*margin-bottom:20px !important;*/
display:block;
margin-left:auto;
}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .event-schedule { 
        padding-top:30px;
    }
    .event-thema{
    padding-top:0;
    }
}}


@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.event-schedule {
		(; margin-bottom:0px ;)
	}
	

}

.event-schedule h2{
	font-size: 28px;
	padding: 20px 0 26px;
	line-height: 36px;
	}

.event-schedule h2{
_padding-top:5px;
*padding-top:5px;
padding-top:5px\9;
}

.event-schedule-index h2{
padding-left:10px;
}
@media all and (-ms-high-contrast: none){
.event-schedule h2{
padding-top:5px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.event-schedule h2{
		(; padding:0 0 25px 0 ;)
	}
}

/*テーマ*/
.event-thema{
	width:76%;
	padding-bottom:85px;
	display:block;
	margin-left:auto;
	padding-top:20px;
	}
.mac.gecko .event-thema{
	padding-bottom: 60px; 
	}

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .event-thema{
    padding-top:0;
    }
}}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.event-thema {
		(; padding-bottom: 70px ;)
	}
}

.event-thema p{
    font-size: 16px;
    line-height: 31px;
    padding: 10px 0 28px;
	}
.event-thema-index p{
	padding-left:10px;
	white-space:nowrap;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.event-thema p{
	padding-bottom:18px;
	}
}

/*応募条件*/
.event-conditions{
width:820px;
margin:0 auto;
padding-bottom:110px;
}


.department-number{
position:absolute;
}
.department-number01{
color:#e65a89;
font-size:50px;
font-weight:bold;
vertical-align:top;
line-height:52px;
}
.event-conditions-in01,.event-conditions-in02{
background-color:#e65a89;
margin-left:80px;
}
.event-conditions-in01{
width:654px;
margin-top:30px;
margin-bottom:40px;
background-color:#e65a89;
}
.event-conditions-in01 h3,.event-conditions-in01 p{
color:#fff;
padding-bottom:16px;
}
.event-conditions-in01 h3,.event-conditions-in02 h3{
font-size:33px;
padding: 3px 0 0;
}
.event-conditions-in01 p,.event-conditions-in02 p{
font-size:16px;
line-height:26px;
padding:0 0 16px 20px;
}
.event-conditions-in01 img{
display:block;
width:500px;
padding-bottom:14px;
}
.department-number02{
color:#01a2f0;
font-size:50px;
font-weight:bold;
vertical-align:top;
line-height:52px;
}
.event-conditions-in02{
width:654px;
margin-bottom:50px;
background-color:#01a2f0;
}
.event-conditions-in02 h3,
.event-conditions-in02 p{
color:#fff;
}
.event-conditions-in02 img{
display:block;
width:500px;
padding-bottom:14px;
}
.event-conditions p.detail-button{
display:block;
margin:0 auto;
width:376px;
}
.event-conditions p.detail-button img{
width:370px;
}
.conditions-thema_sub{
	width:70%;
	padding-bottom:0;
	display:block;
	margin-left:auto;	
}
.conditions-thema_sub h2{
	font-size: 28px;
}
/*応募方法*/
.event-entry-index{
/*padding-top:24px; */
}
.event-entry{
width:76%;
margin-left:auto;
margin-bottom:20px;
}

.event-entry p{
border-bottom:1px solid #000;
font-size:18px;
line-height:31.2px;
border-bottom:none;
}
p.entry-step-head{
margin-top: 32px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
p.entry-step-head{
//margin-top: 66px;
margin-top: 80px;

}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
p.entry-step-head-out{
margin-top: 106px;
}
}
_::-webkit-full-page-media, _:future, :root p.entry-step-head{
margin-top:72px;
}
_::-webkit-full-page-media, _:future, :root p.entry-step-head-out{
margin-top:110px;
}

.event-entry p span{
color:red;
padding:14px 0px;
display:block;
}
.entry-step{
width:900px;
margin-left:22px;
padding-left:40px;
padding-bottom:180px;
}

.entry-step ul{
padding-bottom:58px;
padding-left:80px;
}
.entry-step ul li{
display:inline-block;
}
p.event-entry-button{
width:371px;
margin:0 auto;
}
p.event-entry-button img{
width:370px;
}

.sec-in-800{
width:800px;
margin:0 auto;
}
/*賞品*/
section.prize{
background:linear-gradient(90deg,#e65296 0%,#e65296 50%,#00a0e8 50%,#00a0e8 100%);
width:100%;
}
.sec-in-prize{
background:linear-gradient(90deg,#e65296 0%,#e65296 50%,#00a0e8 50%,#00a0e8 100%);
width:1040px;
margin:0 auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	section.prize {
		padding-bottom:2px;
	}
}

.sec-in-800{
width:790px;
margin:0 auto;
}
.sec-in-prize ul{
font-size:0;
}
.sec-in-prize ul li{
display:inline-block;
vertical-align:top;
}
.sec-in-prize ul li h3,.sec-in-prize ul li p{
color:#fff;
}
.sec-in-prize ul li h3{
padding-bottom:12px;
text-align:center;
font-size:33px;
}
.sec-in-prize ul li p{
line-height:18px;
white-space:nowrap;
}
.sec-in-prize ul li img{
padding-bottom:10px;
}
.prize-cm{
width:334px;
padding:30px 0px 42px;
}
.prize-cm-in{
width:330px;
}
.prize-img{
width:120px;
text-align:center;
}
.prize-common{
width:334px;
padding:30px 0px 42px;
}
.prize-common-in{
width: 330px;
margin-left:auto;
padding-left:19px;
}
.prize-cm p,.prize-common p{
font-size:13.4px;
}
.prize-common p span{
display:block;
text-indent:1em;
}

/*審査員*/
section.committee{
width:100%;
border-top:solid 2px #000;
border-bottom:solid 2px #000;	
background-color:#c3d62c;
margin:0 auto;
	
/*追加*/
  background-image:  url(../img/bg_shinsa1.png), url(../img/bg_shinsa2.png);
  background-position: left bottom, right top;
  background-repeat: no-repeat;	
}

/*追加*/
@media screen and (max-width: 768px){
	
section.committee{
background-image:  url(../img/bg_shinsa_sp1.png), url(../img/bg_shinsa_sp2.png), url(../img/bg_shinsa_sp3.png), url(../img/bg_shinsa_sp4.png);
background-position: left top, right top, left bottom, right bottom;
background-size:30%,20%,20%,20%;	
}
	
}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
	section.committee{
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	padding-bottom:3px;
	}
}
.sec-in-committee{
width:800px;
margin:0 auto;
/*background-color:#c3d62c;*/
}

@supports (-ms-ime-align:auto) {
	.sec-in-committee{
	margin-top:-1px;
	}
}
.win.chrome .sec-in-committee{
margin-top:-1px;
}

.committee-tab{
background-color:#000;
color:#fff;
text-align:center;
width:172px;
padding:4px 0px;
margin-bottom:26px;
}
.committee-tab p{
font-size:18px;
}
.guest-com h4{
font-size:24px;
padding-bottom:18px;
}
.guest-com table{
margin-bottom:30px;
}
.guest-com table tr{
display:block;
width:870px;
vertical-align:top;
margin-bottom:46px;
}
.guest-com table tr.guest-com02{
margin-bottom:6px;
}
.guest-com table th{
width:240px;
text-align:left;
}
.guest-com table td{
width: 554px;
}
.guest-com table td p.com-profile{
font-size:19px;
font-weight:bold;
padding-bottom:12px;
}
.guest-com table td p.com-profile span{
font-size:14px;
line-height:20px;
vertical-align:top;
display:block;
}
.guest-com table td p.com-profile span.guest-com-name{
font-size:26px;
line-height:31px;
display:inline-block;
}
.guest-com table td p.com-txt01{
font-size:13.3px;
line-height:31px;
padding-bottom:14px;
text-align:justify;
}
.guest-com table td p.com-txt02{
font-size:13px;
line-height:22.8px;
width:450px;
}
.com{
padding-bottom:10px;
border-top:2px solid #000;
}
.com ul{
width:800px;
padding:37px 0px 27px;
}
.com ul li{
display:inline-block;
padding-top:6px;
padding-right:116px;
font-weight:bold;
font-size:19px;
vertical-align:middle;
}
.com ul li.com-member{
padding-top:0;
padding-right:30px;
text-indent:-0.8em;
}
.com ul li h4{
font-size:24px;
}
.com ul li span{
font-size:14px;
line-height:0;
}
.com ul li span.com-name{
font-size:24px;
}
.com ul li:last-child{
padding-right:0;
}
p.committee-txt{
/*text-align:center;*/
padding:40px 0px 50px;
font-weight:bold;
font-size:30px;
}
p.committee-txt span{
font-size:17px;
display:block;
}

.judge_area {
    padding-bottom: 30px;
}
.judge_area img {
    float: left;
}
.judge_area div {
    overflow: hidden;
}
.judge_area div p {
    overflow: hidden;
    padding-left: 30px;
    padding-top: 30px;
    font-weight: bold;
}


/*スケジュール*/
section.schedule{
width:100%;
/*border-bottom:2px solid #000;*/
margin:0 auto;
margin-bottom:0px;
}
p.schedule-list{
padding-top:20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	section.schedule{
	/*border-bottom:2px solid #000;*/
	}
}
.sec-in-schedule{
width:800px;
}
.schedule-tab{
background-color:#000;
color:#fff;
text-align:center;
width:176px;
padding:4px 0px;
}
.schedule-tab p{
font-size:18px;
}
ul.schedule-img{
font-size:0;
width:830px;
padding-top:25px;
}
ul.schedule-img li{
display:inline-block;
}
.schedule-catch{
border-bottom:2px solid #7f7f7f;
margin-bottom:60px;
}
.schedule-catch p{
text-align:center;
padding:14px 0px 0px;
font-size:25px;
font-weight:bold;
}
.schedule-catch p:before{
content:url(../img/icon_play.png);
padding-right:16px;
}
.schedule-entry-button{
text-align:center;
padding-bottom:24px;
}
.entry-notes{
color: #000;
text-align: center;
font-size: 22px;
line-height: 36px;
margin-bottom: 30px;
font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.schedule-entry-button{
	padding-bottom:35px;
	}
}

.schedule-entry-button img{
width:370px;
}

.foot-banner{
text-align:center;
width:980px;
padding-bottom:60px;
margin:0 auto;
}
.foot-banner img{
 background-color:#fff;
}
.foot-banner img:hover{
opacity:0.8;
}

section.foot{
width:100%;
background-color:#fff100;
padding:38px 0px;
	
/*追加*/
  background-image:  url(../img/bg_fooder1.png), url(../img/bg_fooder2.png);
  background-position: left bottom, right bottom;
  background-repeat: no-repeat;		
}

/*追加*/
@media screen and (max-width: 768px){
	
section.foot{
margin-top: -40px;
background-image:  url(../img/bg_fooder_sp1.png), url(../img/bg_fooder_sp2.png), url(../img/bg_fooder_sp3.png), url(../img/bg_fooder_sp4.png);
background-position: left top, right top, left bottom, right bottom;
background-size:20%, 20%, 20%, 20%;}
	
}

.sec-in-foot{
width:860px;
margin:0 auto;
}
.foot-logo{
width:230px;
display:inline-block;
vertical-align: top;
}
.foot-logo img{
border-radius:20px;
width:90%;
}
.foot-logo p.copyright{
width:210px;
font-size:10px;
}
.foot-info{
width:610px;
display:inline-block;
vertical-align:bottom;
}

.foot-nav{
border-bottom:1px solid #000;
padding-bottom:25px;
margin-bottom:16px;
}
.foot-nav ul{
xbackground:url(../img/f_nav_back.png)top right no-repeat;
xbackground-position:0px 4px;
xbackground-size:contain;
margin-bottom:10px;
}
.foot-nav li{
display:inline-block;
}
.foot-nav li:nth-child(1){
padding-right:6px;
}
.foot-nav li:nth-child(2),.foot-nav li:nth-child(3),.foot-nav li:nth-child(4),.foot-nav li:nth-child(5){
padding:0px 6px;
}
.foot-nav li:nth-child(6){
padding-left:6px;
}
.foot-nav li a{
color:#000;
text-decoration:underline;
font-family:'Hiragino Kaku Gothic Pro',Arial, sans-serif;
font-size:13px;
text-decoration:none;
}
.safari .foot-nav li a{
font-family:'Hiragino Kaku Gothic Pro';

}
.foot-nav li a:hover{
text-decoration:underline;
}
.foot-nav01 li{
padding-right:44px;
}
.foot-nav01 li:nth-child(3){
padding-right:0;
}
.foot-nav01 li.foot-nav-outline{
padding-right:84px;
}
.foot-nav02{
margin-left:86px
}
.foot-nav02 li{
padding-right:152px;
}
.foot-nav02 li:nth-child(2){
padding-right:0;
}
.foot-nav02 li.foot-nav-entry{
padding:3px 192px 4px 0;
}
.foot-nav03{
margin-left:86px;
}
.foot-nav03 li{
padding-right:180px;
}
.foot-nav03 li:nth-child(2){
padding-right:0;
}
.foot-nav03 li.foot-nav-prize{
padding-right:220px;
}
.foot-info h4.foot-catch{
width:397px;
display:inline-block;
padding-top:4px;
vertical-align:top;
font-size:20px;
font-weight:normal;
}
.foot-info h4.foot-catch span{
font-size:10px;
padding-left:8px;
font-size:12px;
}
.foot-info ul.foot-icon{
width:157px;
display:inline-block;
}
.foot-info ul.foot-icon li{
display:inline-block;
padding-right:3px;
width:26%;
}
.foot-info p.contact-info{
font-size: 14px;
text-indent: -8px;
padding: 0 0 0 3px;
}
.foot-icon-pc{
width:27%;
}
.foot-icon-pc img{
width:100%;
}

/*追加と修正*/
.page-top {
position: fixed;
right:6px;
}


.page-top img{
background-color:#fff;
}
.page-top img:hover{
opacity:0.7;
}


/*パンくず*/
.topicspath{
width:1024px;
margin:0px auto 36px;
}
.topicspath li{
display:inline-block;
}

.topicspath li,.topicspath a{
font-size:14px;
}
.topicspath li i{
color:#c7e52f;
}


/*しんまい動画コンクールとは---------
--------------------------------*/
section.page-tab{
background:url(../img/outline_img/page_tab.png)top center repeat-x;
width:100%;
height: 139px;
text-align:center;
margin:0px auto;
}
section.page-tab h2{
font-size:40px;
padding-top:40px;
}
.mac.gecko section.page-tab h2{
padding-top:33px;
}

/*追加*/
@media only screen and (max-width: 800px){
	section.page-tab h2{font-size:130% !important;}
	}

section.event-outline-under{
margin-bottom:50px;
}

.outline-bar-back{
background: url(../img/outline_img/outlinebar_back.png)top left no-repeat;
background-position: 50% 1.2px;
}
.event-outline-under-top{
background:url(../img/outline_img/outline_back_warp02.png)top center no-repeat;
}

.event-outline-under-top-in{
background:url(../img/outline_img/outline_back3.png)top center no-repeat;
height:3650px;
}

_::-webkit-full-page-media, _:future, :root .event-outline-under-top-in {
	padding-bottom:6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.event-outline-under-top-in {
		(; padding-bottom: 9px ;)
	}
}

.event-outline-tab{
padding:1px 0 16px;
}
.event-outline-under-center{
background:url(../img/outline_img/outline_back_under_center.png)top center repeat-y;
}
.outline-content-under{
	width:1024px;
	margin:18px auto 0;
	padding: 0 0 14px;
	}
.mac.chrome .outline-content-under{
padding-bottom:16px;
}

#event-conditions-link-sp{
padding-top:100px;
margin-top:-100px;
}
.event-thema-under{
padding-bottom:65px;
}
.event-conditions-under{
padding-bottom:30px;
}
.event-conditions-content-under{
padding-top:40px;
}
.event-conditions-in01-under{
margin-top:0;
}
.event-conditions-in01-under,.event-conditions-in02-under{
margin-bottom:0;
}

.conditions-cm-note,.conditions-common-note{
width:654px;
margin:30px 80px 46px;
}
.conditions-common-note{
margin-bottom:56px;
}
.conditions-cm-note p,.conditions-common-note p{
width:600px;
display:block;
margin:auto;
}
.conditions-cm-note span,.conditions-common-note span{
display:block;
}
.conditions-cm-note span{
line-height:18px;
padding-bottom:18px;
}
.conditions-common-note p{
padding:8px 0px;
}
.conditions-common-note span{
line-height:18px;
}
.conditions-common-note span:nth-child(2){
padding:10px 0px;
}
.conditions-common-note{
background-color:#fff100;
padding:2px 0px;
}

.event-outline-under-bottom{
background:url(../img/outline_img/outline_under_bottom_back.png)top right no-repeat;
}
.event-outline-under-bottom-in{
background:url(../img/outline_img/outline_back_under_bottom.png)top center no-repeat;
height:33px;
}

.sec-in-prize-under ul{
padding-bottom:10px;
}
.sec-in-prize-under ul li img{
padding-bottom:20px;
}
.prize-cm-under p,.prize-common-under p{
font-size:11.4px;
}

.com-under{
padding-bottom:30px;
}
.com-under ul{
padding:30px 0 17px;
}
section.schedule-under{
margin-bottom:0;
border-bottom:none;
}

.event-entry-out{
margin-left: 120px;
}
.event-entry-out p{
padding-left: 32px;
}
.entry-step-out{
padding-bottom: 40px;
}

.entry-step-out ul{
padding-left: 0;
}

/*method.html*/
section.method-all-back{
background:url(../img/method_img/method_all_back.png)top center no-repeat;
}

.method-outline-top{
background:url(../img/method_img/method_back.png)top left no-repeat;
xbackground-size:cover;
width:1024px;
height:2153px;
margin:0 auto;
margin-bottom:60px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.method-outline-top{
		background-position-y:0px;
		height:2153px;
	}
}

.win.chrome .method-outline-top{	
	background-position-y:0px;
	height:2153px;
}

.method-event-entry{
width:87%;
padding-top:24px;
color:#000;
}
.method-entory-step{
padding:30px 0 30px;
margin: 0 auto;
width:800px;
}
.method-entory-step ul{
padding-bottom:0;
padding-left:0;
font-size:0;
}
.method-condition-under{
padding:60px 0px 100px 0px;

}

.method-content-under{
width:746px;
margin:0 auto;
padding-top:16px;
}
.method-outline-center{
padding-bottom:68.4px;
}
@-moz-document url-prefix(){
	.method-outline-center{
	padding-bottom:58.4px;
	}
}


.method-conditions01{
margin-bottom:50px;
}
.method-conditions01,.method-conditions02{
margin-left:0;
width:740px;
height:420px;
box-sizing:border-box;
}
.method-conditions01 h3,.method-conditions02 h3{
padding-bottom:12px;
}
.method-conditions01 img,.method-conditions02 img{
width:80%;
}
.method-notes h3{
font-size:22px;
}
.method-notes ul{
margin-left:1em;
margin-bottom:80px;
}

_::-webkit-full-page-media, _:future, :root .method-notes ul {
	margin-bottom:40px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.method-notes ul {
		(; margin-bottom:40px ;)
	}
}

.method-notes ul li{
	text-indent:-1em;
	padding-bottom:10px;
	font-size:14px;
	line-height: 1.6;
	}

.win.gecko .method-notes ul{
margin-bottom:35px;
}

.mac.gecko .method-notes ul{
margin-bottom:50px;
}

.mac.gecko .method-notes ul li{
line-height:24px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.method-notes ul li {
		(; padding-bottom:0 ;)
	}
}
.method-notes ul li:before{
content:'●';
font-size:16px;
color:#fff100;
}
.method-notes p{
line-height:34px;
}
.method-outline-bottom-in{
height:44px;
width:1024px;
margin:auto;
margin-bottom:45px;
}

.deadline{
font-size: 28px;
text-align: center;
color: red;
line-height: 46px;
}
.deadline-bottom{
margin-bottom: 40px;
}

/*追記 video*/


.index-video{
width: 654px;
margin: 50px auto 0;
}
.index-video h3,
.out-video h3{
font-size: 20px;
border-bottom: 3px solid #fff100;
margin-bottom: 20px;
}
.index-video p,
.out-video p{
line-height: 30px;
font-size: 15px;
}

.out-video{
width: 654px;
margin: 10px auto 40px;
}

/*ここまで*/



/*web投票開始-----------------
----------------------------*/
.nominate-view{
width: 100%;
margin-bottom: 30px;
}

/*.nominate-view-in{
width: 75%;
margin: 0 auto;
padding-top: 130px;
}
.nominate-view-in h2{
font-size: 70px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.nominate-view-in h2:nth-child(1){
text-align: left;
margin-bottom: 80px;
}
.nominate-view-in h2:nth-child(2){
text-align: right;
}*/

.nominate-list h3{
font-size: 38px;
text-align: center;
margin: 60px 0 60px 0;
}

.dep{
width: 100%;
text-align: center;
margin-bottom: 40px;
}

.cm-video-list h3,
.common-video-list h3{
font-size: 34px;
text-align: center;
margin: 70px 0 30px 0;
}

.cm-video-list h4,
.common-video-list h4{
font-size: 38px;
text-align: center;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
display: inline;
padding-bottom: 8px;
}

.cm-video-list h4{
border-bottom: 4px solid #EB74AB;
}

.common-video-list h4{
border-bottom: 4px solid #33B3EC;
}

.cm-video-list,
.common-video-list{
margin-bottom: 40px;
}

/*
.cm-video-list ul,
.common-video-list ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap:wrap;
margin-bottom: 20px;
}

.cm-video-list ul li ul li,
.common-video-list ul li ul li{
width: 30%;
margin-bottom: 30px;
}
*/

.cm-video-list ul,
.common-video-list ul{
	width: 980px;
	overflow: hidden;
	box-sizing: border-box;
	}

.cm-video-list ul li ul li,
.common-video-list ul li ul li{
	width: 30%;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	vertical-align: top;
	margin: 0 4% 40px 0;
	}

.cm-video-list ul li ul li:nth-child(3n),
.common-video-list ul li ul li:nth-child(3n){
	margin: 0 0 0 0;
	} 

.video-img {
	overflow: hidden;
	width: 100%;
	/*height: 180px;*/
	}
	
/*.video-img img {
display: block;
transition-duration: 0.3s;
}
.video-img img:hover {
transform: scale(1.1);
transition-duration: 0.3s;
}*/

.video-img iframe{
width: 100%;
height: 200px;
}
.video-img iframe a{
display: block;
}

.video-date{
	font-size: 13px;
	line-height: 22px;
	text-align: left !important;
	box-sizing: border-box;
	width: 100%;
	}

.video-list01 .video-date{
height: 400px;
}
.video-list02 .video-date{
height: 400px;
}
.video-list03 .video-date{
height: 300px;
}
.video-list04 .video-date{
height: 260px;
}
.video-list05 .video-date{
height: 348px;
}
.video-list06 .video-date{
height: 400px;
}
.video-list07 .video-date{
height: 355px;
}
.video-list08 .video-date{
height: 400px;
}
.video-list09 .video-date{
height: 300px;
}
.video-list10 .video-date{
height: 270px;
}
.video-date tr{
	display: block;
	}

.video-date tr th{
width: 100% !important;
display: block;
vertical-align: top;
text-align: left !important;
background: #efefef;
padding: 3px 0;
margin: 0 0 10px;
}
.video-date tr td{
padding-bottom: 6px;
display: block;
vertical-align: top;
text-align: left !important;
}

td.long_title{
	font-size: 12px;
	}

/*td.m_comment{
	height: 8em !important;
	}*/

.preview-button{
width: 100%;
background-color: red; 
text-align: center;
height: 40px;
}
.cm-voting-button,.common-voting-button{
width: 100%;
text-align: center;
height: 40px;
margin: 16px 0 30px;
}

.cm-voting-button{
background-color: #e65296;
}
.common-voting-button{
background-color: #00a0e8;
}
.cm-voting-button a,.common-voting-button a{
color: #fff;
font-size: 16px;
line-height: 41px;
display: block;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}



.preview-button:hover,
.video-thum:hover{
opacity: 0.6;
}
.preview-button{
color: #fff;
font-size: 16px;
line-height: 41px;
display: block;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.thanksmess{
text-align: center;
font-size: 36px;
font-weight: bold;
line-height: 1.6em;
margin-bottom: 40px;
padding: 10px 0;
color: #000;
background: #C4D72D;
}

.premium{
text-align: center;
font-size: 36px;
font-weight: bold;
line-height: 1.6em;
margin-bottom: 40px;
padding: 15px 0;
color: #000;
background: #FEF54D;
}

.vote-button{
height: 80px;
background-color: red;
text-align: center;
}
.cm-video-list .vote-button{
background-color: #e65296;
margin: 0 0 100px;
}

.common-video-list .vote-button{
background-color: #00a0e8;
}
.vote-button:hover{
opacity: 0.8;
}
.vote-button a{
color: #fff;
font-size: 28px;
line-height: 82px;
display: block;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/*モーダル*/
.modal{
display: none;
}
.modalBody{
position: fixed;
z-index:1000;
background: #000;
width: 690px;
left: 50%;
top: 25%;
height: auto;
padding-bottom: 50px;
}
.modalBody iframe{
width: 90%;
height: 400px;
display: block;
margin: 0 auto;
}
.modalBody .close{
color: #fff;
font-size: 60px;
line-height: 40px;
text-align: right;
padding-top: 10px;
}

/*投票フォーム*/
.vote-form #char-radio label:nth-child(1){
background-color: #e65296;
padding:10px 14px;
}
.vote-form #char-radio label:nth-child(2){
background-color: #00a0e8;
padding:10px 14px;
}
.vote-form select{
height: 50px !important;
width: 100%;
padding-left: 14px;
padding-right: 40px;
margin-top: -6px;
margin-bottom: -10px;
}
.premium-form{
font-size: 36px;
line-height: 56px;
margin-bottom: 0;
color: #000000;
}

/*email.html-------------
-------------------------*/
.form-vote-thanks{
width: 746px;
margin: 0 auto 60px;
text-align: left;
}

.form-vote-thanks h2{
font-size: 28px;
text-align: center;
margin-bottom: 50px;
}

/* ------------------------------------
web結果発表
------------------------------------ */
.dep_link {
width: 700px;
margin: 40px auto 20px;
}

.dep_link .dep {
display: inline-block;
text-align: center;
width: 49%;
margin-bottom: 60px;
}

.dep_link .dep_cm h4 {
border-bottom: 4px solid #EB74AB;
}

.dep_link .dep_common h4 {
border-bottom: 4px solid #33B3EC;
}

.dep_link .dep_cm h4:hover,
.dep_link .dep_common h4:hover {
border-bottom: none !important;
}

.dep_link .dep h4{
color: #000;
font-size: 60px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
display: inline-block;
}

#dep01 {
background-color: #EB74AB;
padding: 6px 0;
}

#dep02 {
background-color: #33B3EC;
padding: 6px 0;
}

#dep03 {
background-color: #c1d62f;
padding: 6px 0;
}

#dep01 h4,
#dep02 h4,
#dep03 h4{
border-bottom: none;
color: #fff;
font-size: 38px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.top_award {
width: 640px;
margin: 0 auto 40px;
}

.top_award .video-img {
width: 640px;
height: 391px;
margin-bottom: 10px;
}

.top_award .video-img img {
width: 100%;
}

.tab_sp_award {
text-align: center;	
}

.cm-video-list .sp_award,
.common-video-list .sp_award {
font-size: 0;
width: 100%;
margin: auto;
}

.common-video-list .sp_award_common {
margin-bottom: 40px;
}

.sp_award li {
width: 294px;
margin-bottom: 52px;
display: inline-block;
vertical-align: top;
}

.sp_award li:nth-child(1),
.sp_award li:nth-child(2),
.sp_award li:nth-child(4) {
margin-right: 46px;
}

.sp_award_cm .video-date {
height: 400px;
}

.sp_award_common .video-date {
height: 360px;
}

.top_award_cm .none .video-date,
.top_award_common .none .video-date {
margin-bottom: 20px;
}

.sp_award_vote .video-date {
height: 450px;
}

.sp_award_common,
.sp_award_vote {
width: 640px !important;
margin: auto;
}

.sp_award_common li:nth-child(2),
.sp_award_vote li:nth-child(2){
margin-right: 0;
}

.sp_award li .video-img {
margin-bottom: 16px;
}

.cm-video-list #award h3,
.common-video-list #award h3{
font-size: 38px;
vertical-align: middle;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.cm-video-list #award h3 span,
.common-video-list #award h3 span {
display: inline-block;
width: 60px;
vertical-align: middle;
padding-right: 4px; 
}

.dep_03_list_tab {
text-align: center;
font-size: 30px;
margin-bottom: 10px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.dep_03_list_tab span {
display: inline-block;
width: 60px;
}

.dep_03_list_tab img {
vertical-align: bottom;
}

/* ------------------------------------
cmができました
------------------------------------ */


#index_20181022 .nominate-view img {
width: 100%;
}
/*
.sec_in_1022 {
width: 752px !important;
}*/

.winners {
background: #EB74AB;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,1);
width: 160px;
color: #fff;
text-align: center;
margin: 0 auto 10px;
padding: 10px 0;
font-size: 18px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.top_award_20181022 {
width: 560px;
margin: 0 50px 40px 0;
display: inline-block;
vertical-align: top;
}

.top_award_20181022 .video-img {
width: 560px;
height: auto;
}

.top_award_20181022 img {
width: 100%;
}

.award_cm_box {
width: 360px;
display: inline-block;
}

.award_cm_box ul {
width: 100% !important;
}

.award_cm_box ul li:first-child {
margin-bottom: 60px;
}

.award_cm_box ul li p {
height: auto;
}

.tb_award {
width: 180px;
background-color: #fff100;
color: #000;
text-align: center;
margin: 0 auto 10px;
padding: 10px 0;
font-size: 18px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.award_cm_box img {
width: 100%;
}

@media(min-width:740px){
	.none-pc{display:none;}
}

/* -----------------------------------------
sp
----------------------------------------- */

@media(max-width:739px){

img{width:100%;}
.none-sp{display:none;}

/*ナビ*/
.slidenav{
width:100%;
height:100%;
background:rgba(255,241,0,0.9);
position:fixed;
z-index:9999;
}
.slidenav ul.slidebox{
width:85%;
margin:0 auto;
padding:64px 0 34px;
}
.nav-entry-button{
width:73%;
margin:0 auto;
}

.slidenav ul.slidebox li{
border-bottom:1px solid #fff;
padding:10px 0px;
text-align:center;
}
.slidenav ul.slidebox li a{
color:#000;
font-size:18px;
}
.wraper{
position:relative;
z-index:1;
}


section.head{
width:100%;
height:auto;
/*height:60px;*/
background-size:cover;
position:fixed;
z-index: 999;
background-color:#fff;
background-position:0px;
}
	
.sec-in-head{
width:100%;
}
.logo-link a{
width:40%;
height:58px;
}
h2.head-catch-sp{
width:40%;
display:block;
position:absolute;
left:40%;
top:6px;
}
p.menu-button{
width:12%;
position:absolute;
right:14px;
top:7px;
}
.mac.gecko  section.page-tab h2{
padding-top:2px;
}

/*view*/
section#simple-sp{
padding-top:16.8%;
}

/*追加*/
@media screen and (min-width: 375px){
section#simple-sp{padding-top:15.8%;}	
}
	
section.view img{
width:100%;
}

.examination-txt-area{
	width: 95%;
	margin: 10px auto 30px;
	}
	.examination-txt-area h2{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 10px;
		}
	.examination-txt-area p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
		}
	.examination-txt-area p.examination-notes{
		font-size: 12px;
		line-height: 20px;
		width: 90%;
		margin: 0 auto 20px;
		text-align: left;
		}
	.examination-txt-area .examination-up-link a{
		font-size: 13px;
		}

.event-outline-sp{
padding-top:140px;
padding-bottom:24px;
margin-top:-140px;
}

section.event-outline-content-sp{
background:url(../img/img_sp/index_all_back05.png)top left no-repeat;
background-size: 414px;
}
.outline-content-in-sp{
padding-top:100px;
background:url(../img/img_sp/index_back_sp.png)top center no-repeat;
box-sizing:border-box;
background-size: 414px;
height: 3380px;
margin: 0 0 50px; 
}
.outline-content-txt{
width: 82%;
margin:0 auto;
}

.method-content-under{
width: 100%;	
/*margin-left: 8px;*/
}
/*イベント名*/

.event-name-sp{
	margin-bottom: 120px;
	}
.event-name-sp h2{
	font-size: 20px;
	line-height: 26px;
	width: 100%;
	margin: 0 auto;
	}
.event-name-sp h2 span{
display:block;
font-size:16px;
}
/*応募期間*/
.event-schedule-sp{
	margin-bottom: 110px;
	}
.event-schedule-sp h2{
	font-size:20px;
	line-height:28px;
	}
/*テーマ*/
.event-thema-sp{
	margin: 0 0 80px;
	height:260px;
}
.event-thema-sp p{
font-size:13.4px;
text-align:justify;
line-height:24px;
}
/*応募条件*/

.event-conditions-sp{
	color:#fff;
	margin-bottom: 80px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.event-conditions-sp{
	margin-bottom: 100px;
	}
}



.conditions-in-sp{
width:90%;
margin:0 auto;
padding:15px 0px;
}
.conditions-in-sp h3{
padding:10px 0px 4px;
text-indent:-0.5em;
font-size:24px;
}
.conditions-in-sp p{
font-size:13px;
line-height:22px;
padding-bottom:10px;
}
/*.conditions-in-sp img{
height:140px;
}*/
.department-number01-sp{
color:#e65a89;
font-size:40px;
line-height:48px;
font-weight:bold;
}
.event-conditions-in01-sp{
background-color:#e65a89;
margin-bottom:36px;
}
.department-number02-sp{
color:#01a2f0;
font-size:40px;
line-height:48px;
font-weight:bold;
}
.event-conditions-in02-sp{
background-color:#01a2f0;
margin-bottom:38px;
}
.detail-button{
width:90%;
margin:0 auto;
}

/*応募方法*/
#entry-step-sp{
padding-top:140px;
margin-top:-100px; 
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#entry-step-sp{
	margin-top:-60px; 
	}
}

.event-entry-sp p{
font-size:13.4px;
text-align:justify;
line-height:24px;
padding-bottom:24px;
}
.event-entry-sp p span{
color:red;
display:block;
padding:10px 0px;
}

.entry-step-sp ul li{
width:70%;
margin:0 auto;
}
.entry-step-sp ul li.step01{
background:url(../img/img_sp/event_step01_sp.png)top left no-repeat;
padding-bottom:105px;
background-size:contain;
}
.entry-step-sp ul li.step02{
background:url(../img/img_sp/event_step02_sp.png)top center no-repeat;
padding-bottom:105px;
background-size:contain;
}
.entry-step-sp ul li.step03{
background:url(../img/img_sp/event_step03_sp.png)top center no-repeat;
padding-bottom:105px;
background-size:contain;
}
.entry-step-sp ul li.step04{
background:url(../img/img_sp/event_step04_sp.png)top center no-repeat;
padding-bottom:82px;
background-size:contain;
}

p.event-entry-button{
width:90%;
margin:0 auto;
}
p.event-entry-button img{
width:100%;
}

.entry-step-sp{
padding-bottom:25px;
padding-left:0;
width:100%;
}
.entry-step-sp ul{
width: 260px;
margin:0 auto;
}

/*賞品*/
.prize-sp{
padding-top:80px;
margin-top:-80px;
}
.sec-in-prize-sp{
color:#fff;
}
.prize-cm-in-sp,.prize-common-in-sp{
width:80%;
margin:0 auto;
}
.sec-in-prize-sp h3{
text-align:center;
padding:22px 0px 12px;
font-size:26px;
}
.sec-in-prize-sp img{
padding-bottom:6px;
}
.sec-in-prize-sp p{
font-size:12px;
line-height:16px;
padding-bottom:38px;
white-space:nowrap;
}
.sec-in-prize-sp span{
text-indent:1em;
display:block;
}
.prize-img-sp{
width:29.5%;
margin:0 auto;
}
.prize-img-sp img{
vertical-align:bottom;
padding-bottom:0;
}
.prize-cm-sp{
background-color:#e65296;

}
.prize-common-sp{
background-color:#00a0e8;
}

/*審査員*/
#committee{
border-bottom:3px solid #000;
}
#committee-sp{
padding-top:59px;
margin-top:-59px;
}
.sec-in-committee{
width:90%;
}
.committee-tab{
margin:0px auto 40px;
}
.committee-tab p{
font-size:22px;
line-height:34px;
}
p.committee-txt span{
font-size:12px;
}
.guest-com h4{
text-align:center;
padding-bottom:14px;
font-size:18px;
}
.guest-com table, .guest-com table tbody{
width:100%;
display:block;
}
.guest-com table tr{
width:100%;
display:block;
margin-bottom:22px;
}

.guest-com table tr th{
width:57%;
display:block;
margin:0 auto;
margin-bottom:6px;
}
.guest-com table tr td,.guest-com table tr td p.com-txt02{
width:100%;
display:block;
font-size:12.6px;
}
.guest-com table td p.com-profile{
text-align:center;
padding-bottom:12px;
line-height:20px;
font-size:16px;
}
.guest-com table td p.com-profile span{
font-size: 14px;
line-height:20px;
}
.guest-com table td p.com-profile span.guest-com-name{
font-size:20px;
line-height:20px;
}
.guest-com table td p.com-txt01{
line-height:22px;
padding-bottom:22px;
font-size:12.6px;
}
.guest-com table td p.com-txt02{
line-height:22px;
letter-spacing:-0.4px;
text-align:justify;
font-size:12.6px;
}

.com{
border-top:1px solid #000;
padding-bottom:0px;
}
.com ul{
width:100%;
text-align:center;
padding:30px 0px 20px;
}
.com ul li,.com ul li.com-member{
padding-right:0;
display:block;
padding-bottom:30px;
}
.com ul li{
line-height:42px;
padding-bottom:30px;
font-size:16px;
}
.com ul li:last-child{
padding-bottom:0;
}
.com ul li span{
display:block;
}
.com ul li span.com-name{
font-size:18px;
display:inline-block;
}
.com ul li.com-member h4{
font-size:18px;
text-indent:0.2em;
}
p.committee-txt{
font-size:19px;
padding:0px 0px 40px;
}

/*スケジュール*/
section.schedule{
margin-bottom:50px;
}
.sec-in-schedule{
width:89%;
margin:0 auto;
}
.schedule-tab{
margin:0px auto 36px;
padding:4px 0px;
}
.schedule-tab p{
line-height:36px;
}
.schedule-img-sp{
margin-bottom:40px;
}
.schedule-catcy{
margin-bottom:50px;
}
.schedule-catch-sp{
margin-bottom:36px;
}
.schedule-catch p{
padding-top:8px;
font-size:22px;
}
.schedule-catch p:before{
content:none;
}
.schedule-entry-button{
padding-bottom:40px;
width:90%;
margin:auto;
}
.schedule-entry-button img{
width:100%;
}
.entry-notes{
font-size: 16px;
line-height: 28px;
}

.foot-video{
width:100%;
text-align:center;
padding-bottom:50px;
}
.foot-video img{
width:89%;
}


/* ---------------------------
outline.html
----------------------------*/
.topicspath{
width:85%;
}
.topicspath li,.topicspath a{
font-size:12px;
}
.wraper-under{
top:60px;
}
.outline-content-sp{
/*background: url(../img/outline_img/outline_all_back03.png)top left no-repeat;*/
background-size: auto auto;
background-size: 414px;
margin-bottom: 40px;
}

.outline-in-sp{
    padding-top: 100px;
    background: url(../img/outline_img/outline_back_sp.png)top center no-repeat;
    background-size: auto auto;
    box-sizing: border-box;
    background-size: 414px;
    height: 4090px;
}
.conditions-cm-note-sp{
color:#000;
width:100%;
margin:30px 0px 30px;
}
.conditions-cm-note-sp p{
width:100%;
font-size:12.8px;
}
.conditions-common-note-sp{
width:100%;
color:#000;
margin:30px 0px 30px;
padding:2px 12px;
box-sizing:border-box;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.conditions-common-note-sp{
	margin-bottom: 90px;
	}
}

.conditions-common-note-sp p{
width:100%;
}
.committee-outline{
margin-top:60px !important;
}

.event-entry-sp-out p{
color: #000;
}
.mt-50{
margin-top: 80px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
 .mt-50-out {
margin-top: 120px;
 }
}

_::-webkit-full-page-media, _:future, :root .mt-50-s{
margin-top: 80px;
}

.method-condition-under{
width:100%;
padding:0px 0px 20px 0px;
}
.method-outline-sp01{
/*background:url(../img/method_img/method_all_back_sp02.png)top left no-repeat;*/
background-size:cover;
margin-bottom:60px;
}
.event-outline-back-under-sp{
/*background:url(../img/method_img/method_back_sp.png)top center no-repeat;*/
background-size:414px;
box-sizing:border-box;
}
.event-conditions-content-under{
padding-top:0px;
}

.method-event-entry{
width:100%;
padding-bottom:24px;
}
.method-event-entry p{
font-size:13.4px;
line-height: 24px;
/*margin-top:66px;*/
}
.method-event-entry p span{
color:red;
display:block;
padding:16px 0px;
}
.method-conditions-sp-under{
padding-bottom: 0;
}
.method-conditions01,.method-conditions02{
width:100%;
height:0%;
padding-bottom:24px;
}
.method-conditions01 h3,.method-conditions02 h3{
font-size:18px;
}
.method-notes{
width:100%;
margin-right:31px;
color:#000;
/*padding-bottom:60px;*/
}
.method-notes ul li:nth-child{
padding-bottom:10px;
}

.mac.gecko .method-notes ul{
margin-bottom: 20px;
}

.method-notes h3{
font-size:18px;
}
.method-notes p{
font-size: 14px;
line-height: 24px;
padding-bottom: 10px;
}
.method-notes ul{
text-align:justify;
margin-bottom:40px;
}
section.page-tab{
background-size:cover;
height:70px;
}
section.page-tab h2{
padding-top: 0px;
font-size: 28px;
line-height: 70px;
}
.prize-cm-shedule,.prize-common-sp{
font-size:12px;
}

.foot-banner-sp{
width:90%;
text-align:center;
padding-bottom: 40px;
margin:0 auto;
}


.deadline-sp{
color: red;
text-align: center;
line-height: 37px;
font-size: 22px;
}
/*footer*/
section.foot{
padding:30px 0 20px;
}
.sec-in-foot{
width:100%;
}
.safari .sec-in-foot{
width:100%;
}
.foot-logo{
width:100%;
border-bottom:1px solid #000;
margin-bottom:24px;
}
.foot-logo img{
width:90%;
display:block;
margin:0 auto;
margin-bottom:24px;
}
.foot-catch{
text-align:center;
font-size:22px;
font-weight:normal;
line-height:28px;
}
.foot-catch span{
display:block;
font-size:14px;
}
.foot-logo-in{
padding-bottom:14px;
}


.foot-logo-in,.foot-info-in{
width:85%;
margin:0 auto;
}
.foot-info{
width:100%;
}
.safari .foot-info{
width:100%;
}
.foot-info ul.foot-icon{
display:block;
margin:0 auto;
width:58%;
padding-bottom:10px;
padding-left:22px;
}
.foot-info ul.foot-icon li{
width:26%;

}
.foot-info ul.foot-icon li:last-child{
padding-right:0;
}
.foot-info ul.foot-icon li a img{
width:100%;
}
.foot-info h4.foot-catch{
width:100%;
}
.foot-info p.contact-info,.copyright{
text-align:center;
font-size:14px;
line-height:26px;
}
.foot-info p.contact-info{
padding-bottom:14px;
}
.copyright{
line-height:20px;
}
.foot-info p.contact-info span{
text-indent:0.4em;
display:block;
}

.page-top{
display:none;
}


/*追記 video*/

.index-video,
.out-video{
width: 100%;
margin-bottom: 20px;
}
.index-video iframe,
.out-video iframe{
width: 100%;
height: 200px;
}
.index-video h3,
.out-video h3{
color: #000;
margin: 90px 0 0;
}
.index-video p,
.out-video p{
color: #000;
font-size: 12px;
line-height :24px;
}
/*ここまで*/



/*web投票開始-----------------
----------------------------*/
.nominate-view{
height: auto;
padding-top: 17vw;
}

.nominate-view-in{
padding: 0vw 0 10vw;
}

.nominate-view-in h2{
font-size: 7vw;
}

.nominate-view-in h2:nth-child(1){
margin-bottom: 10vw;
}

.nominate-list .sec-in{
width: 90%;
}

.nominate-list h3{
font-size: 26px;
margin: 20px 0 20px;
line-height: 1.6;
}

.cm-video-list h3{
font-size: 26px !important;
text-align: center;
margin: 40px 0 0;
}

.cm-video-list h4,
.common-video-list h4{
font-size: 7vw;
}

.cm-video-list ul,
.common-video-list ul{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	}



.cm-video-list,
.common-video-list{
	margin-bottom: 20px;
	}

.cm-video-list ul li ul li,
.common-video-list ul li ul li{
	width: 100%;
	margin: 0 0 20px;
	}

.cm-video-list ul li ul li:nth-child(3n),
.common-video-list ul li ul li:nth-child(3n){
	margin: 0 0 20px;
	} 

.video-date{
font-size: 16px;
margin-top: 14px;
}

.video-list01 .video-date,
.video-list02 .video-date,
.video-list03 .video-date,
.video-list04 .video-date,
.video-list05 .video-date,
.video-list06 .video-date,
.video-list07 .video-date{
height: auto;
}

td.long_title{
	font-size: 13px;
	}

.modalBody{
width: 100%;
left: 0;
margin-left: 0 !important;
margin-top: -75px !important;
}

.modalBody .close{
padding-top: 10px;
}

.modalBody iframe{
width: 100%;
}


.thanksmess{
font-size: 22px;
line-height: 1.6em;
margin-bottom: 40px;
padding: 10px 0;
}

.premium{
font-size: 18px;
line-height: 30px;
}
.vote-button{
height: 70px;
}
.vote-button a{
line-height: 70px;
}

/* ----------------------
web結果発表
------------------------ */
.result-list .sec-in {
width: 90%;
}

.dep_link {
width: 80%;
margin: 25px auto 30px;
}

.dep_link .dep {
width: 48%;
}

.dep_link .dep_cm h4:hover {
border-bottom: 4px solid #EB74AB !important;
}

.dep_link .dep_common h4:hover {
border-bottom: 4px solid #33B3EC !important;
}

.dep_link .dep {
margin-bottom: 0px;
}

#dep01_link,
#dep02_link {
padding-top: 60px;
margin-top: -60px;
}

#dep01,
#dep02,
#dep03 {
padding: 10px 0/9;
}

	@media all and (-ms-high-contrast: none){
		#dep01,
		#dep02,
		#dep03 {
		padding: 10px 0;
		}
	}

	.dep_link .dep h4 {
	font-size: 18px;
	}

	.top_award {
	width: 100%;
	}

	.top_award .video-img {
	width: 100%;
	height: auto;
	margin: 0;
	}

	.sp_award li {
	width: 100%;
	display: block;
	}

	.sp_award_common,
	.sp_award_vote {
	width: 100%;
	}

	.sp_award_common,
	.sp_award_vote {
	width: 100% !important;
	}

	.sp_award_cm .video-date,
	.sp_award_common .video-date,
	.sp_award_vote .video-date {
	height: auto;
	}

	.sp_award li:nth-child(1),
	.sp_award li:nth-child(2),
	.sp_award li:nth-child(4) {
	margin-right: 0;
	}

	/*投票フォーム*/
	form .vote-form-button{
	width: 80%;
	display: block;
	margin: 0 auto;
	}

	.form-inst-vote p{
	font-size: 15px !important;
	}
	.vote-form-button input{
	width: 100%;
	}

	.form-sub-vote{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	}

	#char-radio{
	padding-left: 2px !important;
	}

	.check_ph img{
	width: 10%;
	margin-bottom: -1px;
	}

	.check_ph #captcha_image{
	width: 95%;
	display: block;
	margin: 0 auto;
	float: none !important;
	}

	#captcha_image_audio_controls{
	float: left;
	}

	.check_ph img.captcha_play_image{
	width: 70%;
	}

	.form-vote-thanks{
	width: 90%;
	margin: 0 auto 30px;
	}

	.form-vote-thanks h2{
	font-size: 20px;
	margin-bottom: 16px;
	}

/* ----------------------
cmができました
------------------------ */
.top_award_20181022 {
margin-right: 0;
margin-bottom: 20px;
}

.award_cm_box {
width: 100%;
margin-bottom: 80px;
}

.award_cm_box ul li:first-child {
margin-bottom: 40px;
}





}/* sp_style_end */

/* ------------------------
add 20180824
--------------------------- */
.best_award{
	font-size: 52px !important;
}


/* -----------------------------------------
sp
----------------------------------------- */
@media(max-width:739px){
	.best_award{
	font-size: 32px !important;
	margin: 0 0 0 !important;
	}

.cm-video-list h3,
.common-video-list h3 {
    font-size: 26px !important;
    text-align: center;
    margin: 0px 0 10px 0;
	}
}

/*-----------------------------------------------
☆追加　共通
----------------------------------------------- */
.inner{
margin:0 auto;
width:960px;
}

.inner a:hover {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

#content{
font-size:16px;
font-family:'Hiragino kaku Gothic Pro',Arial,sans-serif;
line-height:1.8;	
}

.btn_en a:hover img{ 
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}

.clears{clear:both;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* 改行設定 */
/* パソコン改行  &lt;br class="br-pc"&gt; */
/* スマホ改行     &lt;br class="br-sp"&gt; */
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }	
	
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_title { display: block !important; }
.sp_title { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 650px) {
.pc_title { display: none !important; }
.sp_title { display: block !important; }
}


.parts_center {text-align: center;    }
.parts_right {text-align: right;    }
.parts_left {text-align: left !important;  }
.pc-center{text-align: center;   }


.kome{
padding-left:1em;
text-indent:-1em;
}

.font-size-s{font-size:80% !important;}
.font-size-s90{font-size:90% !important;}
.font-size-b110{font-size:110% !important;}
.font-size-b120{font-size:120% !important;}
.font-size-b150{font-size:150% !important;}
.font-size-b150{font-size:150% !important;}
.font-300{font-size:300% !important;}

.space-bottom30{padding-bottom:30px !important;}
.space-bottom50{padding-bottom:50px !important;}
.space-bottom-50{margin-bottom:-50px !important;}
.space-top10{padding-top:10px !important;}
.space-top20{margin-top:20px !important;}
.space-top40{padding-top:40px !important;}

.line_bottom_pc{border-bottom: solid 1px #000;}
.bg_y{background-color: #fff100; }
.font_red{color: #c40018;}

img.aligncenter {
display: block;
margin:5px auto 40px 0;
}

img.alignright{
margin:0 0 25px 25px;
float:right;
}

img.alignleft{
margin: 0 25px 25px 0;
float: left;
}


@media only screen and (max-width: 959px) {
	
.inner{width:100%;}	
.postWrap img{max-width:100%;height:auto;}
.postWrap{padding:0px 20px;}

}

@media screen and (max-width: 768px){
	.ph_img img{width:90%;height:auto;max-width:400px;}
	.line_bottom_pc{border-bottom: none;}
	.pc-center{text-align:left;}
}	

/*-----------------------------------------------
☆追加　ボタン
----------------------------------------------- */
.link_button{  
clear:both;
    margin:30px auto 50px;
	text-align:center;
}

.link_button li{  
	display:inline;
	text-align:center;
	/*
	background-color:#969696;
	margin: 0px 10px;
	padding:20px 0px 18px !important;
	*/
}

/*
.link_button li a{  
	color:#fff;
	padding:0 105px !important;
	line-height:120%;
	font-size:120%;
}

.link_button li a:hover{
    background-color:#000;
	padding:17px 105px 18px !important;
}
*/

	
.link_box{  
clear:both;
    margin:10px auto;
	text-align:center;
	width:90%;
	background-color:#969696;
}
.link_box a{
	color:#fff;
	display:block;
	padding:10px;
	text-decoration: none !important;
	font-size: 130%;
}
.link_box a:hover{
	background-color:#000;
    /*background-color:rgba(176,221,169,0.5);*/
}
	

/*-----------------------------------------------
追加☆　見出し
----------------------------------------------- */
#content h2 {
  position: relative;
  padding: 10px 46px 10px 42px;
  background: #fff100;
  font-size: 20px;
  color: #2d2d2d;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-2;
text-align: right;	
}

#content h2:before {
  position: absolute;
  content: '';
  left: -0px;
  top: -0px;
  width: 0;
  height: 0;
  border: none;
  z-index: -1;
}

#content h2:after {
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

@media only screen and (max-width: 800px){
	#content h2 {margin-right: 40%;}
	}

/*-----------------------------------------------
追加☆　本文
----------------------------------------------- */
.box-set {
    padding:10px 0px 20px 0px;
}
.box-l {
float: left;
width:31%;
}
.box-r {
float: right;
 width:66%;
margin-left: 3%;
margin-bottom: 5px;
}

.box-r li{
display: inline-block;
vertical-align: middle;
margin-left: 10px;	
}

.box-r h3{font-size: 160%;line-height:1.5;}
  

@media only screen and (max-width: 800px){
.box-set {padding:0px 20px;}	
.box-l{float:none;width:100%;height:auto; text-align:center;margin:auto;}
.box-r{float:none;width:100%;height:auto;margin: -10px 0;}
.box-r h3{font-size: 105%;}
.box-r li img{width: 45%;height: auto;}	
.box-r li.list_sp{display: inline;}
.box-r li.list_title_sp{white-space:nowrap;display: block;text-align: center;padding-bottom: 5px;}		
	}

/*-----------------------------------------------
追加☆
----------------------------------------------- */
.shinmai li{
    display: inline-block;  /* インラインブロック化 */
    vertical-align: bottom; /* 下端を揃える */
    margin: 5px 0px 0px;
	font-size: 105%;
}

.shinmai li.shinmai_img{
width: 300px;
}
.shinmai li.shinmai_text{
width: 480px;
} 

@media only screen and (max-width: 959px) {
	.shinmai li{display:block;padding: 0px;}
	.shinmai li.shinmai_img{width: 100%; text-align: center;display:none;}
	.shinmai li.shinmai_text{width: 100%;padding-left: 10px;margin-top: -20px;}
	
	} 


/*-----------------------------------------------
追加☆
----------------------------------------------- */
.tyuui_set{
	width: 795px;
}

.tyuui{
	padding-bottom: 5px;
}

.tyuui dl {
	text-align: left;
	padding: 10px 100px;
	margin-bottom: 20px;
	color: black;
}
.tyuui dt {
	width: 70px;
	margin: 10px 0px 0px;
	font-weight: 300;
}
.tyuui dd {
	margin: -20px 0px 0px 70px;
}

@media only screen and (max-width: 959px) {
	
	.tyuui_set{
	width: 100%;
}
	
	.tyuui dl {
	padding: 10px 20px;
}
	
	} 


/*-----------------------------------------------
追加☆ボタン
----------------------------------------------- */
a.btn-y{
  padding: 0.8em 0.5em;
  margin: 10px auto;
  display: block;
  color: #000 !important;
  background: #fff100;
  text-decoration: none;
  font-weight: bold;
  font-size:120%;
  text-align:center;
  text-decoration:none !important;
	border: solid 3px #000;
}
a.btn-y:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 5px;
  background: url(../img/arow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
a.btn-y:hover {
    background: #FFF;
}
 
@media screen and (min-width: 768px){
  a.btn-y{
    padding: 0.5em 2em;
    margin: 10px auto;
    font-size:20px;
    display:inline-block;
    }
  a.btn-y:before {
        margin: -3px 0 0 10px;
    }
}



footer {
  position: relative;
}

/*-----------------------------------------------
サムネイル☆追加
----------------------------------------------- */	
.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 10px;
  padding: 0;
line-height:1.8;
 
}

.block-grid li:last-child{
	/*
  float: left;
  margin: 0 0% 0px 0 ;*/
}

.block-grid li a:hover img{ 
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}


@media only screen and (max-width: 700px){
.block-grid {}
		
}

/*-----------------------------------------------
サムネイル4☆追加(2020年10月の応募一覧用)
----------------------------------------------- */
.block-grid-4  {padding: 0px 0 0 0px;}
.block-grid-4 li {
  float: left;
  margin: 0 1% 20px;
  padding: 0;
}

.block-grid-4 li.ippan{
height: 200px;
}

.block-grid-4 li img{}


@media (min-width: 750px){/*750以上の画面サイズの指示*/
  .block-grid-4 li {/*4カラム*/
    width: 22.5%;/*100割る4は25％引くマージン1％*/
  }
  .block-grid-4 li:nth-child(4n+1) {/*5目から次の行へ*/
    clear: both;
  }
}

@media (max-width:750px){/*750以下の画面サイズの指示*/
.block-grid-4  {padding: 10px 0px;}
.block-grid-4 li {
	
	 float:none;
	display: inline-block;
	 vertical-align: top;
	 /*margin:0 auto;text-align:center;width: 100%;*/
  }

.block-grid-4 li.gakusei{
height: 160px;
}	
.block-grid-4 li.ippan{
height: 160px;
}	
  
}

/*-----------------------------------------------
サムネイル２☆追加(2020年10月の応募一覧用)
----------------------------------------------- */
.block-grid-2-2020  {padding: 0px 0 0 0px;}
.block-grid-2-2020 li {
  float: left;
  margin: 0 1% 20px;
  padding: 0;
}

.block-grid-2-2020 li img{}


@media (min-width: 750px){/*750以上の画面サイズの指示*/
.block-grid-2-2020 li {/*4カラム*/
    width: 48%;/*100割る2は50％引くマージン1％*/
  }
.block-grid-2-2020 li:nth-child(2n+1) {/*5目から次の行へ*/
    clear: both;
  }
}

@media (max-width:750px){/*750以下の画面サイズの指示*/
.block-grid-2-2020  {padding: 10px 0px;}
.block-grid-2-2020 li {
	 float:none;
	display: inline-block;
	 vertical-align: top;
  }

}



/*-----------------------------------------------
サムネイル2☆追加(応募作品以前の指定)
----------------------------------------------- */	
.block-grid-2 li {
  float: left;
  margin: 0px 2% 30px;
  padding: 0;
  width: 420px;
  height: 300px;
}
/*
.block-grid-2 li img{
    width: 100%;
	height:auto;
}
*/



@media (min-width: 750px){/*750以上の画面サイズの指示*/
  .block-grid-2 li {/*2カラム*/
    width: 46%;/*100割るは50％引くマージン3％*/
  }
  .block-grid-2 li:nth-child(2n+1) {/*3目から次の行へ*/
    clear: both;
  }
}

@media (max-width:750px){/*750以下の画面サイズの指示*/
 .block-grid-2 li {
	 float:none;
	 margin: 0px auto 20px;width: 100%;text-align: center;
  }

}




/*-----------------------------------------------
ノミネート作品☆追加（2020.9月）
----------------------------------------------- */
.cm-video_inner{
margin:0 auto;
width:1020px;
}

.cm-video_inner800{
margin:0 auto;
width:800px;
}

@media only screen and (max-width: 1000px) {
.cm-video_inner{width:100%;}
.cm-video_inner800{width:100%;}	
}

.cm-video-list2020 h3{
font-size: 26px !important;
text-align: center;
margin: 40px 0 0;
}

.cm-video-list2020 h4{
padding: 15px 10px 10px;
margin: 30px 10px;
text-align: center;	
border-radius:40px;	
}

.cm-video-list2020 h4 img{
height: 38px;width: auto;
}

.cm-video-list2020 h4.title_gakusei{
background-color: #E65296;
}

.cm-video-list2020 h4.title_ippan{
background-color: #00A0E8;
}

@media screen and (max-width: 480px) {
.cm-video-list2020 h4 img{
height: 26px;width: auto;
}	
}

.cm-video-list2020 li{
display: inline-block;
margin: 20px 10px 0px;	
}

.cm-video-list2020 li img{
height: 140px; width: auto;
}

.cm-video-list2020 p{
padding-top: -10px!important;	
}
.cm-video-list2020 p img{
height: 2px; width: auto;
}

@media only screen and (max-width: 600px) {
.cm-video-list2020 p{
margin-top: initial;	
}	
.cm-video-list2020 p img{
height: 30px; width: auto;
}
}

/*-----------------------------------------------
モーダルウィンドウ☆追加
----------------------------------------------- */
.modal_trigger {
  margin: 20px auto;
/*
  display: -webkit-box;
  display: -ms-flexbox;
 	 display: flex;
*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal_trigger li {
  /*border: 2px solid;*/
  border-radius: 10px;
  cursor: pointer;
  padding: 0px;
  color: #fff;
  /*max-width: 300px;*/
  text-align: center;
  position: relative;
  overflow: hidden;
/*background: #E65296;	*/
}



.modal_trigger  li.gakusei {
border-color:#E65296;
background: #E65296;
border: 2px solid #E65296;	
}

.modal_trigger  li.ippan {
border-color:#00A0E8;
background: #00A0E8;
border: 2px solid #00A0E8;	
}

.modal_trigger  li.taisyou, .modal_trigger  li.tokubetu {
border-color:initial; 
background: initial; 
color: #000;
}

.modal_trigger  li.taisyou img{
border: 3px solid #FFD700;
border-radius: 10px;
width: 97%;	height: auto;
}

.modal_trigger  li.tokubetu img{
border: 3px solid #C3D72C;
border-radius: 10px;
width: 97%;	height: auto;
}


.modal_trigger li img {/*height: 170px;*/width: auto;}

.modal_trigger li::before {
  content: '';
  /*display: inline-block;*/
  width: 100%;
  height: 100%;
  /*background: #000;*/
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: -1;
  opacity: 0;
}

.modal_trigger li:hover {
  /*color: #fff;*/
}

.modal_trigger li:hover::before {
  -webkit-animation: slideRightBg ease .2s forwards;
          animation: slideRightBg ease .2s forwards;
}

.modal_trigger li + li {
  /*margin-left: 20px;*/
}

.modal_trigger  h3{
font-size: 130%;
margin-bottom: 10px;	
}

.tokubetu  h3{
text-align: left!important;	
}

@media screen and (max-width: 480px) {
.modal_trigger  h3{
font-size: 100%;	
}	
}	

@-webkit-keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}



.modal_box {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.modal_bg {
  background-color: rgba(30, 30, 30, 0.9);
  height: 100%;
  width: 100%;
}

.modal_inner {
  background-color: #fff;
  left: 50%;
  padding-top:0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*max-width: 900px;*/
 border-radius: 15px;
width: 880px;	
}

.gakusei_color {
border: 3px solid #E65296;
background:  #E65296;	
}

.ippan_color {
border: 3px solid #00A0E8;
background:  #00A0E8;	
}

.taisyou_color {
border: 3px solid #FFD700;
background:  #FFD700;	
}

.tokubetu_color {
border: 3px solid #C3D72C;
background:  #C3D72C;	
}

.taisyou_color span{
color: #FFD700;	
font-size: 120%;	
}

.tokubetu_color span{
color: #C3D72C;	
font-size: 120%;	
}

.modal_inner iframe{
width: 680px;
height: 400px;
display: block;
margin: 0 auto;
padding: 20px;	
}

.modal_inner h3{
color: #fff;
padding: 10px;
font-size: 120%;
text-align:center;
}

.taisyou_color h3, .tokubetu_color h3{
color: #000;
padding: 10px;
font-size: 120%;
text-align:center;
}


.modal_block {
background-color: #fff;
border-radius: 14px 14px 0 0;	
}

.modal_block p{
  padding: 20px 95px 20px;	
}

.modal_close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 2rem;
}

.modal_close img{
  width: 40px;height: auto;	
}

.back{
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 220px;	
}

.back img{
  width: 65px;height: auto;	
}

.next{
  cursor: pointer;
  position: absolute;
right: 20px;
  top: 220px;	
}

.next img{
  width: 65px;height: auto;	
}

@media screen and (max-width: 480px) {
  .modal_trigger {
	  margin-left: 5%;
	 /* 
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	  */
  }
  .modal_trigger li {
    width: 42%; 
	 margin:3% 2%; 
	   /*
    margin-top: 20px;
    max-width: inherit;
	  */ 
  }
	
.modal_trigger li.taisyou {
width: 95%;
margin:3% 0% 3% 0% !important; 
  }	
	
.modal_trigger li.tokubetu {
width: 45%;
margin:3% 3% 3% 0% !important; 
  }		
	
	
.modal_trigger li img {height: 100px;width: auto;}	
.modal_trigger li + li {
    /*margin-left: 1%;*/
  }
  .modal_inner {
    width: 90%;
    padding:0px 0px;
  }
	
.gakusei_color {
border: 3px solid #E65296;
background:  #E65296;
border-radius: 15px;		
}	
	
.modal_inner iframe{
width:initial;
height:initial;
display: block;
margin: 0 auto;
padding: 10px 0px 0px;	
width: 326px;
height: 250px;	
}
	
.modal_inner h3{
color: #fff;
padding: 10px;
font-size: 100%;
}
.taisyou_color h3, .tokubetu_color h3{
color: #000!important;
}	
	
.modal_block {
overflow:scroll;
width: 100%;	
height: 400px;		
}	
.modal_block p{
  padding: 10px;	

}
	
  .modal_close {
    position:initial;
  right:initial;
  top:initial;
  font-size: 2rem;
	 width: 50px; 
	  text-align: center;
	  margin: auto;
  }
	
.back{
  display: none;	
}

.next{
  display: none;	
}
	
	
}


@media screen and (max-width: 320px) {
.modal_trigger li img {height: 80px;width: auto;}	

	
.modal_inner iframe{
padding: 10px 0px 0px;	
width: 260px;
height: 170px;	
}
	
.modal_block {	
height: 300px;		
}	
	
}

/*追加（2020年10月21日追加）*/
.taisyou-title{text-align: center;}
.taisyou-title h3 {
	font-size: 300%;
}

.taisyou-title h3:before {
content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 60px;/*画像の幅*/
  height: 52px;/*画像の高さ*/
  background-image: url("../img/icon_taisyou.png");
  background-size: contain;
  vertical-align:text-bottom;
background-repeat: no-repeat;
padding-right : 10px;/*文字との隙間*/	
}


.tokubetu-title{text-align: center;}
.tokubetu-title h3 {
	font-size: 300%;
}

.tokubetu-title h3:before {
content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 60px;/*画像の幅*/
  height: 52px;/*画像の高さ*/
  background-image: url("../img/icon_tokubetu.png");
  background-size: contain;
  vertical-align:text-bottom;
background-repeat: no-repeat;
padding-right : 10px;/*文字との隙間*/	
}

@media screen and (max-width: 480px) {
	
.taisyou-title h3 {
font-size: 200%;margin-bottom: -20px;margin-top: -20px;
}

.taisyou-title h3:before {
width: 40px;/*画像の幅*/
height: 35px;/*画像の高さ*/
vertical-align:text-bottom;
padding-right : 5px;/*文字との隙間*/	
}
	
.title-First{margin-top: 40px!important;}		
	
.tokubetu-title h3 {
font-size: 200%;margin-bottom: -20px;margin-top: -20px;
}

.tokubetu-title h3:before {
width: 40px;/*画像の幅*/
height: 35px;/*画像の高さ*/
vertical-align:text-bottom;
padding-right : 5px;/*文字との隙間*/	
}
	
	
	
}

</pre></body></html>