@charset "Shift_JIS";


.date{
	color: #646464;
}

.text_link{
    color: #2a90d1;
    text-decoration: underline;
    cursor: pointer;
}
.text_link:hover{
    text-decoration: none;
}

/*======================================================
	PCサイズ（641px以上）ここから
======================================================*/

@media screen and (min-width:641px), print{
	
.howto{
	width:100%;
	margin: 0 auto;
	margin-top:20px;

}
.howto p{
	text-align:center;
	font-size:1.1rem;
	line-height: 1.5;
}

	
.howto img{
	width:100%;
}

.geinin{
	width:100%;
	display:flex;
	text-align: center;
	margin-top:30px;
	justify-content: space-around;
}

.geinin img{
	width:35%;
/*	margin-right:12px;*/
}

	

#tokuban_content{
    background-color: #ededed;
    padding-bottom: 30px;
}

/*メイン*/
#tokuban_content .page_main{
    text-align: center;
    background-color: #ffffff;
    padding: 35px 40px 40px;
    margin-bottom: 30px;
}
#tokuban_content .page_main .text{
	width:850px;
    text-align: left;
    line-height: 1.6em;
    margin: 15px auto;
    letter-spacing: -0.01em;
}
#tokuban_content .page_main .text-top{
    text-align:center;
	font-weight:bold;
	font-size:1.8rem;
	letter-spacing: -0.01em;
	color:#C41114;
	border-bottom: 1px solid #C41114;
}

#tokuban_content .page_main .text-a{
    text-align:center;
	font-weight:bold;
	font-size:1.5rem;
	letter-spacing: -0.01em;
	margin-top:20px;
}
	
/* パソコンで見たときは"pc-br"のclassがついたところで改行される */
	.pc-br { display: block; }
	.sp-br { display: none; }


#tokuban_content .page_main .text_midashi01{
    font-size: 20px;
    font-weight: bold;
    color: #CC0000;
}
#tokuban_content .page_main .text_midashi02{
    font-size: 18px;
    font-weight: bold;
    color: #29a8df;
}
#tokuban_content .sub_title{
    margin: 20px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}	

/*動画*/
#tokuban_content .video {
    width: 570px;
    height: 320px;
    margin: 50px auto 25px;
}
#tokuban_content .video video{
    width: 570px;
    height: 320px;
}
	
/*企業動画*/
#tokuban_content .video_company {
    width: 500px;
    height: 281px;
    margin: 0 0 40px;
}
#tokuban_content .video_company video{
    width: 500px;
    height: 281px;
}		
	
/*番組ロゴ*/	
.mainimage {
	width:700px;
    margin: 0 auto;
    text-align: center;
}
.mainimage img{
	width:100%;
}	


/*-応募基準-*/
#tokuban_content .page_main #criteria{
    text-align: left;
    margin-bottom: 50px;
	margin-top: 40px;
}
#tokuban_content .page_main #criteria .wrapper{
    margin-bottom: 20px;
}
#tokuban_content .sub_midashi{
    background-color: #ededed;
    padding: 6px 0 5px 10px;
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #5A5A5A;
}	
	
#criteria dl {
    display: table;
    width: 100%;
    margin: 0 auto;
}
#criteria dl:nth-child(2) dt,
#criteria dl:nth-child(2) dd {
    border-top: 1px dotted #000000;
}
#criteria dt {
    text-align: center;
    width: 110px;
    background-color: #e4e4e4;
    vertical-align: middle;
}
#criteria dt, #criteria dd {
    padding: 10px;
    display: table-cell;
    border-bottom: 1px dotted #000000;
}
#criteria dd {
    width: 510px;
    line-height: 1.6em;
}
#criteria p{
    margin-bottom: 10px;
}

/*一覧ページへ戻る*/
#back_btn .button_left{
/*    border-color: #3177e3;
    color: #3177e3;
    background-color: #FFFFFF;
    background-image: url(../../../images/ar_bl1.png);*/
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}
/*#back_btn .button_left:hover{
    color: #FFFFFF;
    background-color: #3177e3;
    background-image: url("../../../images/ar_whl.png");
}*/

}

/*注意書き*/
.h3-alert{
	color:#de1f1f;
	margin-top:40px;	
	text-align: left;
    font-size: 20px;
    font-weight: bold;
    width: 100%;

}	

.alert{
	text-align:left;
	line-height:1.5rem;
	border: 2px solid #de1f1f;

}

.alert ul{
	margin:25px 25px;
}

.alert ul li{
  margin-left: 1em;
  text-indent: -0.6em;
  margin-bottom: 0.6em;
}

.alert ul li::before{
  content: "※";
  display: inline-block;
  margin-right: 0.25em;
}


/*======================================================
	SPサイズ（640px以下）ここから
======================================================*/

@media screen and (max-width: 640px){
#main{
	margin-top:80px;
}	

.midashi{
	font-size:1.3rem;
}
/*キャスト*/
.cast{
	margin:30px 0 40px 0;	
}

.cast h3{
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    border-bottom: 3px solid #cfcfcf;
    position: relative;
    margin-bottom: 15px;
}
.cast h3::after{
  content: "";
  display: block;
  border-bottom: 3px solid #999999;
  width: 40px;
  position: absolute;
}
	
	

.howto{
	width:100%;
	margin: 0 auto;
	margin-top:10px;
}
	
.howto img{
	width:100%;
}

.geinin{
	width:100%;
	display:block;
	text-align: center;
	margin-top:30px;
}

.geinin img{
	width:280px;
}


.ad_sp{
	text-align: center;
	margin: 2em 0;
}

.page_main{
    background-color: #ffffff;
    padding: 15px 10px;
}

/*メイン*/
#tokuban_content{
    background-color: #ededed;
    padding-bottom: 30px;
}
#tokuban_content .page_main{
    margin-bottom: 30px;
}
#tokuban_content .page_main .text{
    text-align: left;
/*    line-height: 1.6em;*/
    margin: 8px auto;
	font-size:0.9rem;
}
#tokuban_content .page_main .text-top{
    text-align:center;
	font-weight:bold;
	font-size:1.2rem;
	letter-spacing: -0.01em;
	color:#C41114;
	border-bottom: 1px solid #C41114;

}

#tokuban_content .page_main .text-a{
    text-align:center;
	font-weight:bold;
	font-size:1.1rem;
	margin-top:10px;
}
	
/* すまほで見たときは"sp-br"のclassがついたところで改行される */
	.pc-br { display:none; }
	.sp-br { display:block; }
	

#tokuban_content .page_main .text_midashi01{
    font-size: 20px;
    font-weight: bold;
    color: #CC0000;
}
#tokuban_content .page_main .text_midashi02{
    font-size: 18px;
    font-weight: bold;
    color: #29a8df;
}
#tokuban_content .sub_title{
    margin: 10px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}		
	
/*番組ロゴ*/	
.mainimage {
	width:340px;
    margin: 0 auto;
    text-align: center;
}
.mainimage img {
    width: 100%;
    height: auto;
}
	
/*動画埋め込み*/
#tokuban_content .page_main #movie{
    width: 100%;
    height: 175px;
    background-color: #5a5a5a;
    margin: 20px auto;
    color: #ffffff;
}
/*動画*/
#tokuban_content .video {
    width: 100%;
    height: auto;
}
#tokuban_content .video video{
    width: 100%;
    height: 100%;
    margin: 14px 0;	
}
	
/*企業動画*/
#tokuban_content .video_company {
    width: 100%;
    height: auto;
}
#tokuban_content .video_company video{
    width: 100%;
    height: 100%;
    margin: 0 0 10px 0;
}	

/*-応募基準-*/
#tokuban_content .page_main #criteria{
    text-align: left;
    margin-bottom: 30px;
	margin-top: 25px;
}
#tokuban_content .page_main #criteria .wrapper{
    margin-bottom: 20px;
}
#criteria dl {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}
#criteria dl:last-of-type{
    border-bottom: 1px dotted #000000;
}
#criteria dt {
    text-align: center;
    width: 95%;
    background-color: #e4e4e4;
    border-bottom: 1px dotted #000000;
}
#criteria dl dt{
    border-top: 1px dotted #000000;
    width: 100%;
    padding: 10px 0;
}
#criteria dd {
    padding: 10px 0 15px;
    display: inline-block;
    line-height: 1.6em;
}
#criteria p{
    margin-bottom: 10px;
}

/*一覧ページへ戻る*/
#back_btn .button_left {
/*    border-color: #3177e3;
    color: #3177e3;
    background-color: #FFFFFF;
    background-image: url(../../../images/ar_bl1.png);*/
    background-position: left 25px center;
    margin: 20px auto;
    font-weight: bold;
    text-align: center;
    padding: 10px auto;
    font-size: 16px; 
}
	
/*注意書き*/
.h3-alert{
	color:#de1f1f;
	margin-top:25px;	
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    width: 100%;

}	

.alert{
	text-align:left;
	line-height:1.5rem;
	border: 2px solid #de1f1f;

}

.alert ul{
	margin:15px 15px;
}

.alert ul li{
  margin-left: 0.9em;
  text-indent: -0.6em;
  margin-bottom: 0.6em;
}

.alert ul li::before{
  content: "※";
  display: inline-block;
  margin-right: 0.25em;
}



}
