@charset "utf-8";

/* CSS Document */

body{margin: 0;}
body{font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#333333;}

#df_content div,#df_content p,#df_content span,#df_content h1,#df_content h2,#df_content h3,#df_content h4,
#df_content h5,#df_content ul,#df_content li,#df_content dl,#df_content dt,#df_content dd,#df_content table,#df_content tr,#df_content td,
#df_content figure,#df_content figcaption,#df_content img,#df_content b,#df_content section,#df_content header
{
box-sizing:border-box;
padding:0;
margin:0;
}

#df_content{
	width:100%;
	max-width: 840px !important;
	margin: 0 auto;
	line-height: 25px;
	letter-spacing: 1.2px;}

#df_content_in{font-size: 16px;}

ul{list-style:none;padding:0;margin:0;}

/* 共通設定 */

#df_content a:link {color: #705112; }#df_content a:visited {color: #333333; }A:active {color: #333333; }#df_content a:hover {color: #FFF; }

img{*border:0;border:0;}

/*お知らせ*/

.osrs{clear: both;text-align: center;margin:15px auto!important;position: relative;max-width:500px;font-size:14px;}
.osrs font{margin-bottom:20px!important;display: block;}

/* header タイトル */

#df_content header{
	width:100%
	max-width:1100px;
	margin:0 auto;
	background: url(bk.gif) no-repeat center top;
	padding:20px 30px;
	position: relative;}

#df_content header::before {
	content: "";
	width: 159px;
	height: 239px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 19px;
	top: 0;
}

.day{width:400px;}

@media all and (-ms-high-contrast: none) {
  /* IE用 */
	
#df_content_in h1 img{display: none!important}
	
#df_content_in h1 {
    display: block;
    box-sizing: border-box;
    background: url(title.png) no-repeat center center;
    background-size: 540px;
    width: 1000px !important;
    height: 380px !important;
    margin: 0 auto;
    padding: 20px;
}
	#article_header h1 img {
    margin: -12px auto 16px !important;
    width: 270px!important;
}
	
#df_content_in .article_title h1 {
    display: block;
    box-sizing: border-box;
    background: none!important;
    background-size: 540px;
    width: 500px !important;
    height: 180px !important;
    margin: 0 auto;
    padding: 10px;
}
	
#df_content_in .article_title h1 img{display: block!important}
}  /* IE用 ここまで*/


#df_content_in h1 {width:100%;text-align: center;margin:0;}

#df_content_in h1 img {
	margin: 20px;
	padding-right: 33px;
	width: 590px;
}

.lead_img{
	width: 220px;
	text-align:center;
	display: block;
	float:right;
}
.lead_img img{
	height:140px;
}
.lead_txt{
	font-size:12px;
	width: 380px;
	padding:20px!important;
	line-height: 1.5rem;
	display: block;
	position: absolute;
	left:0;
	top:0;
}

#df_content_in header dl dt{
	text-align:center;
	color: #FFFFFF;
	background: #049dbf;
	font-weight: 500;
	padding:1px;}

#df_content_in header dl dd{
	padding:0;
	margin:5px 0px;
	text-align:center;
	font-weight:700;}

#df_content_in header p{
	font-size:12px;
}


/*index以外のヘッダー*/
#article_header
{height:180px;
background: url(article_bk.gif) no-repeat center top!important;}

#df_content #article_header::before {
	content: "";
	width: 127px;
	height: 159px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 187px;
	top: 0;
	box-sizing: border-box;
}
#article_header  h1 {
	text-align: center;}

.article_title{
	width:630px;
	margin:0 auto!important;
	box-sizing: border-box;}

#article_header h1 img {
	margin: -12px auto 16px !important;
	width: 270px;
}

.title_kihon{position: absolute;top:-20px;right:50px;width:160px;padding:20px 4px 0px!important;}

.title_kihon img {width:100%;}


/* #nav ナビゲーション */
#df_content nav{
	width:100%;}
#df_content nav ul {
	width:100%;
text-align: center;}
#df_content nav ul li{
	margin:5px!important;
	width:30%;
	line-height:2.5em;
	background:#FFE400;
	color:#705112;
	font-weight:500;
	text-align: center;
	display: inline-block;
	border-radius:10px;
}

#df_content nav .end li{width:49.9%;}

#df_content nav A:link {color: #705112; }
#df_content nav A:visited {color: #705112; }
#df_content nav A:active {color: #db9f00; }
#df_content nav A:hover {color: #db9f00; }


#article_header nav{
	margin-top:0px;
}
/* #guide 応募要項 */

#df_content .knb_content{
	width: 100%;
	margin: 0 auto;}

#df_content_in section{
	padding:15px;
	margin:20px auto;}

#guide{width:900px;margin:0 auto;}


.knb_content dl dt {
	background: url(mds.gif) #a0ddfc;
	font-weight: bold;
}

#df_content_in .knb_content h3{
	color: #db9f00;
	font-size: 30px;
	font-weight: 500;
	margin:10px 0 20px;
	text-align: center;}

#df_content_in .knb_content h3 img{margin-bottom:-15px;}

#df_content .knb_content dl dt, #df_content .knb_content dl dd {
	padding: 10px 5px 15px 8px;
}

#df_content .knb_content dl dd{
	margin: 10px 0;
	padding-left:1em;
}

.prize{text-align: center;}
.prize_txt{padding:10px!important;}


.best{
	margin:5px 10px!important;
	padding-top:10px!important;
	text-align: center;
	display: inline-block;
	width:240px;
	height:60px;}

.excellence{
	margin:5px 10px!important;
	padding-top:10px!important;
	text-align: center;
	display: inline-block;
	width:240px;
	height:60px;}

.company{
	margin:5px 10px!important;
	padding-top:10px!important;
	text-align: center;
	display: inline-block;
	width:240px;
	height:60px;}

.best b, .excellence b, .company b {
	display: inline-block;
	width: 100px;
	background: url(l.png) no-repeat left center,url(r.png) no-repeat right center;
	background-size: 15px,15px;
}

.best span,.excellence span,.company span{
	font-size:35px;
	font-weight: bold;
	display: inline-block;
	line-height:44px;
	vertical-align: middle;
	margin-bottom:40px;
	margin-top:40px;
}

.best span small,.excellence span small,.company span small{
	font-size:13px;
}

#df_content .list_on li{
	list-style:disc;
	margin-left:1em;
}

.swmt{
	font-size:11px!important;
	color:#555555;
	line-height:16px;}

.swmt_img {
	margin-top:5px!important;
	width: 180px;
	height: 160px;
	float: left;
}

.swmt_txt{
	margin:5px 0 15px!important;
	font-size:18px;
	display: block;}

#df_content .swmt_txt p{
	letter-spacing: 1px;
	padding-top:1px;
	font-size:14px;}

#df_content_in .tyuui {
	background: #eeeeee;
	padding: 20px;
	border-radius: 3px;
	font-size:14px;}

#df_content_in .tyuui h4{
	margin:0px 0 10px;}

/* #point */

/* #schedule 応募要項 */
.entry{
	width:100%;
	margin:0 auto;}

.entry .l_box{
	width:49%;
	float:left;
}
.entry .r_box{
	width:49%;
	float:right;}

.entry .r_box span{
	width:100%;
	display: block;
	background:#db9f00 url(send2.png) 3% center no-repeat;
	background-size:25px 25px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 5px 50px !important;
	margin:5px auto 10px!important;
	border-radius: 60px;
}
.entry .l_box span{
	width:100%;
	display: block;
	background:#db9f00 url(send.png) 3% center no-repeat;
	background-size:25px 25px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 5px 50px !important;
	margin:5px auto 10px!important;
	border-radius: 60px;
}

.entry .l_box p,
.entry .r_box p{
	padding: 5px 10px!important;
	margin:10px 0px!important;}

.btn_entry{
	display:block;
	border-radius:8px;
	text-align:center;
	box-sizing: border-box;
	width:80%;
	padding:10px!important;
	margin: 20px auto!important;
	background: #f2bf27;}

.btn_entry:hover{
	background-color:#f7ef4d;
}
.entry .r_box a, .entry .l_box a {
	color: #333333 !important;
	text-decoration: none;
	background-color: #FFE400;
	width: 80%;
	padding: 15px;
	margin: 20px auto;
}
.send{
	width:98%;
	padding:6px!important;
	font-size:14px;
	border:1px dotted #333333;}


/* #enter 応募ボタン */

.button {
	border-radius: 8px;
	box-sizing:border-box;
	position: relative;
  display: inline-block;
  padding: .4em 4em;
  text-align: center;
  text-decoration: none;
}
.button::after {
  position: absolute;
  top: 50%;
  right: .8em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #705112;
  opacity: 0;
}
#sponcer .button::after {
	border-left-color: #705112;
}

.button:hover::after {
  animation: arrow 1.2s infinite;
}

@keyframes arrow {
  50% {
    right: .2em;
    opacity: 1;
  }
  100% {
    right: -.4em;
    opacity: 0;
  }
}


/*スケジュール*/

.schedule{display:inline-block;text-align: center;}

.schedule li {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	width: 24%;
	margin: 2px !important;
	height: 170px;
	padding: 20px !important;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid #705112;
}

.schedule b{
	color:#705112;
	font-size:14px!important;
	margin-bottom: 10px!important;
	display: block;
	border-bottom:solid 1px #705112;
	line-height:20px}

.schedule small{
	display: inline-block;
	margin-top:10px;
	font-size: 11px;
	color:#666666;
	line-height:13px;}

/*バックナンバー*/
#backno{width:100%;}

#backno ul li{
	width:100%;
	display: inline-block;
	padding:3px!important;
	text-align:center;
	border-radius:8px;
	margin:3px;}

#backno a{color:#333333 !important;text-decoration:none;width: 100%;}

#backno ul li span{
	font-size:12px;
}
#backno ul li{
	background:#eeeeee;}

#backno ul li:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

/* #footer フッター */


#df_content footer{
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-size:11px;
	width: 100%;
	background:#333333;
	color: #cccccc;
	height: auto;
	*height: auto;
	padding: 0;
	padding-bottom: 5px;
	bottom: 0;}

#df_content footer{
	*width:1000px;
	*padding:-30px;}

	*/
/* #contact お問い合わせ */

/*　協賛社ページ */
#sponcer{
	padding-top:0px;*padding-top:30px;width:1050px;}

#sponcer ul{
	width:920px;margin:0 auto;*width:940px;}

#sponcer figure {
	box-sizing: border-box;
	margin: 10px 2px;
	display: inline-block;
	background: #ffffff;
	border: 1px #eeeeee solid;
	line-height: 25px;
	text-align: left;
	*float: left;
	*width: 330px;
	height: 264px;
	width: 330px;
	box-shadow: 10px 10px 15px -12px rgba(100,100,100,0.2);
}
#sponcer figure:hover{
	box-shadow: 5px 5px 10px -8px rgba(30,30,30,0.3);
	transition: 0.2s ease-in-out;}

#sponcer  img{
	width:100%;
	*border:0;}

#sponcer figure figcaption{
	width:100%;
	font-size:15px;
	padding:10px 5px 5px;
	text-align: center;
	letter-spacing: 0.1em;z-index: 888}

#sponcer figure .sp{
	position:relative;
	float:right;
	top:2px;
	right:0px;
	width:23px;}

#sponcer figure a{display:block;color:#705112;text-decoration: none;}
#sponcer figure a:visited{color:#705112;text-decoration: none;}

/* ヘッダー */
	
/* #sponcer 協賛社一覧 */

#df_videoArea div{box-sizing:content-box !important;}

#kadai_article{
	width:100%;
	margin:0 auto;
}

.syamei{
	font-size:25px;
	font-weight:600;
	background:#db9f00;
	color:#FFFFFF;
	padding:1px;
	text-align:center;
	width:100%;
	margin:15px auto 0px;
	line-height:34px;}

.syamei span{
	padding:7px;display:block;}


/*結果*/
.finished_copy {
	float: left;
	width:100%;
	max-width: 320px !important;
	padding: 20px !important;
}
.movie_left{float:left;width:440px !important;margin-right: 25px !important;}


/*結果用ＣＳＳ*/

.k_sawamoto{background:#F8F8F8;border-radius:3px;width:98%;padding:15px!important;margin:10px auto!important;}

.k_sawamoto p{font-size:14px;line-height:24px;padding:10px!important;}
.k_sawamoto p span{color:#705112;font-weight:bold;line-height:30px;}

#yuusyu_left{width:100%;padding:3px;}
#yuusyuu_right{width:100%;padding:3px;}
	
.prize_title,.prize_name{color:#705112;font-size:20px;}

.prize_one .df_date p{max-width:420px!important;display: inline-block;padding:10px;box-sizing: border-box;margin-top:5px!important;}

.df_date{line-height: 175%;margin-bottom:30px !important;}

	/*結果の枠*/
	.prize_one{ padding:4px!important;width:100%;max-width: 950px;border-radius:10px;margin: 50px auto!important;display: block}

	.prize_two{max-width: 100%;}

	.prize_three{max-width: 100%;}
	
.prize_toku{max-width: 100%;}

.prize_kyousan{width:100%;margin:5px auto!important;}

/*会社情報*/

#df_content .knb_content .sponcer_info{
	clear:both;width:100%;margin:20px auto;}
#df_content .knb_content .sponcer_info h6{
	font-size:18px;font-weight:600;margin:8px 0;padding:3px 3px 3px 28px;color:#705112;border-bottom:1px solid;border-top:0px;width:auto;}

#df_content .knb_content .sponcer_info .theme h6{
	background:url(entry.png) no-repeat center left;background-size:25px 25px;}
#df_content .knb_content .sponcer_info .kaisya h6{
	background:url(kaisya.png)no-repeat center left;background-size:25px 25px}

#df_content .knb_content .img_sponcer{
	float:right;width:320px;text-align:center;}
#df_content .knb_content .img_sponcer img{
	width:100%;margin:5px;*max-width:320px;
	box-shadow: 10px 10px 15px -12px rgba(100,100,100,0.2);}
#df_content .knb_content .kaisya, .theme {
	width: 100%;
	max-width: 450px;
	float: left;
	margin-bottom: 20px !important;
}
#df_content .knb_content .link_sponcer{
	clear:both;padding:15px 0;}
#df_content .knb_content .link_sponcer a{
	color:#023e73;}
#df_content .knb_content .link_sponcer a:hover{
	color:#44dfe7;}
#df_content .knb_content .link_sponcer ul{
	display:inline-block;width:100%;background:#eeeeee;padding:10px!important;border-radius:8px;}
#df_content .knb_content .link_sponcer li{
	display:inline-block;vertical-align:middle;text-align:left;font-size:12px!important;line-height:20px!important;}
#df_content .knb_content .link_sponcer li img{
	padding:5px 20px!important;
	width:180px;
}
	
.theme span { white-space: nowrap; }
.kaisya span { white-space: nowrap; }

rt{
	font-weight:normal;
	margin:0;
	font-size:10px;
	margin-bottom:-5px;}
.btn_back {
	display: inline-block;
	border-radius: 8px;
	text-align: center;
	box-sizing: border-box;
	width: 230px;
	margin: 10px 10px !important;
	background: #FFE400;
	padding: 5px !important;
}

.btn_back a{color:#705112;width:100%;}
.btn_back a:hover{color:#705112;}

.t1{background-image:url(back.png);font-size:18px;width:750px;text-align:center;margin: 0 auto;padding:10px;}

#kyonen{
	width:530px;background:#e89115;box-sizing:border-box;border-radius:5px;padding:10px;color:#fff;margin:0 auto;}
#kyonen h5{
	margin:8px;}
#kyonen dl{
	box-sizing:border-box;}
#kyonen dl dt{
	box-sizing:border-box;float:left;border-right:1px solid #FFF;padding:10px;line-height:3.5em;}
#kyonen dl dd{
	box-sizing:border-box;font-size:12px;text-align:left;padding-left:50px;}

/*CM制作のポイント cm_point*/

#cm_point{width:100%;margin:0 auto;}
	#cm_point dl {margin:40px 0;text-align:center;}
	#cm_point dl dt{background: none; padding:20px;text-align:center;border-bottom:1px solid #999999;}
	#cm_point dl dt{font-size:20px;font-weight:bold;color:#333;}
	#cm_point dl dt img{position:relative;left:-10px;bottom:-30px;}
	#cm_point dl dd {
	font-size: 16px;
	color: #333;
	padding: 20px;
	text-align: center;
	margin-bottom: 60px !important;
}

#cm_point .k1 {
	background: url(1.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}
#cm_point .k2 {
	background: url(2.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}
#cm_point .k3 {
	background: url(3.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}
#cm_point .k4 {
	background: url(4.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}
#cm_point .k5 {
	background: url(5.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}

#cm_point .k6 {
	background: url(6.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}

#cm_point .k7 {
	background: url(7.png) no-repeat left bottom;
	background-size: 17px;
	width: 17px;
	margin: 0px 10px 0px;
	height: 17px;
	display: inline-block;
}


#sinsain{
	width:660px;margin:0 auto 20px!important;padding:10px!important}
	#sinsain h4{
		margin:10px 0;}
#sinsain p{
	font-size:0.8rem;
}
/*審査*/
#shinsa{max-width:900px;margin:20px auto;box-sizing: border-box;}

/* タブレット 740px */

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

	#df_content{
		width: 100% !important ;}

	/*ヘッダー*/
#df_content header {
	width: 100%;
	background-size: 100%;
}

	.top_img{
		width:44%;
		padding-top:40px!important;
		height:350px;}
	
	.top_img img{
		width:100%;
		}
	
.top_txt {
	width: 435px;
	margin: 0 auto !important;
}
.lead_txt {
	font-size: 11px !important;
	width: 250px;
	padding: 20px !important;
	line-height: 1.5rem;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#df_content_in h1 img {
	width: 100%;
	max-width: 400px;}
	
	
#df_content header::before {
	content: "";
	width: 100px;
	height: 200px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 25px;
	top: 0;
}
	.movie_left {
	float: none;
	width: 100%;
	margin-right: 25px !important;
}
	
	@media only screen and (max-width:600px)/*ヘッダー微調整*/
		{
		#df_content header {
	height: 300px;
	padding: 0px !important;
}
		.top_img{float:none;width:100%;height:auto;text-align:center;
					padding-top:0px!important;}
		.top_img img{
			width:50%;
			padding:0!important;
			max-width:300px;
			margin:10px auto 0px!important;}
		.top_txt{float:none;width:450px;margin:0 auto!important;text-align: center;}
		#df_content_in h1 img{
			width:250px;
			margin:0px 0px 10px!important;}
		.lead_img img{width:70%;height:auto;}
		}/*ヘッダー微調整　ここまで*/
	
	#df_content header p{
		margin-bottom:20px!important;
		line-height:18px;
		font-size:12px!important;}

	/*index以外のヘッダー*/
	#article_header {
		height:142px!important;
	}
	.article_title{
		width:100%;
		margin:0 auto!important;}
#article_header h1 {
	width: 100%;
	text-align: center;
}
#article_header h1 img {
	width: 100%;
	max-width: 220px;
}
	.title_kihon{width:20%;float:right;text-align: left;padding:20px 4px 0px!important;}
	.title_kihon img {
		width:98%;
		max-width:120px;height:auto;}
	#df_content #article_header::before {
	content: "";
	width: 100px;
	height: 110px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 201px;
	top: 0;
	box-sizing: border-box;
}
	/*ナビ*/
	
	#df_content nav{margin-top:0px;}

	#df_content nav ul {
		width:100%;}
	
#df_content nav ul li {
	font-size: 14px;
	margin: 0;
	width: 30.333%;
	line-height: 2em;
}

	#article_header nav{
		margin-top:0px;}
	
	/*ガイド*/
	
	#guide{
		width:100%;
		margin:0 auto;}
	
		/*  応募ボタン スマホ */

		.button {
		  padding: .4em 2em;
		}

	#sponcer{width:100%;text-align: center;}
	#sponcer figure{width:30%;height:190px;}
	#sponcer figure figcaption{font-size:14px;}
	
		@media only screen and (max-width:600px){/*サムネイル微調整*/
			#sponcer figure{width:30%;height:160px;}
			}
		@media only screen and (max-width:650px){/*サムネイル微調整*/
				#sponcer figure{width:155px;height:155px;}
				#sponcer figure figcaption{font-size:13px;}
	}

	/* #point */
	#cm_point{width:100%;margin:0 auto!important;}
	#cm_point dl dt{font-size:17px!important;line-height:1.5em;}
	#cm_point dl dd{font-size:16px!important;line-height:1.5em;letter-spacing: 0.1em;}
		
	#sinsain{
		width:95%;
		margin:0 auto 20px!important;
		padding:20px!important;}
	
	#sinsain h4{
		margin:10px 0;}
	
	h1{width:100%;}

	#sponcer{
		padding:10px;}
	#sponcer ul{
		width:100%;margin:0 auto;}
	#sponcer ul li {
		font-size:12px;width:32%;margin:2px;}
	#sponcer ul li img{
		width:100%;}
	#sponcer li .sp{
		position:relative;float:right;top:2px;right:0px;width:18px;}
	.point_bnr{
		width:100%;padding:10px;box-sizing:border-box;}

	#footer{
		height: 100px;*height: auto;}

	.nittei li{
		width:50%;padding-bottom:10px;}

	/* #sponcer 協賛社一覧 */

	#df_videoArea div{
		box-sizing:content-box !important;}

	/*課題ページ*/
	#kadai_article{
		width:100%;
		margin:0 auto;
	}
	#df_content .knb_content .kaisya, #df_content .knb_content .theme {
	width: 90%;
	float: none !important;
	max-width: 650px;
	margin: 0 auto 20px !important;
}#df_content .knb_content .img_sponcer {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
	#df_content .knb_content .img_sponcer img{width:100%;max-width:300px;}
	
	/*会社情報*/

	.syamei{
		width:100%;font-size:23px;}
	.sponcer_info{
		padding:0 15px;margin:0 auto;width:100%;}
	.sponcer_info h6{
		font-size:16px;font-weight:600;margin:8px 0;padding:2px;border-bottom:1px solid;border-top:0px;width:auto;}
	.img_sponcer{
		float:none;width:100%;text-align:center;}
	.img_sponcer img{
		width:45%;margin:5px;}
	.kaisya,.theme{
		width:100%;float:none;margin-bottom:10px;}
	.link_sponcer{
		clear:both;padding:20px 0;}
	.link_sponcer ul{
		width:100%;background:#eeeeee;padding:5px;border-radius:8px;}
.link_sponcer li {
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}
/*スケジュール*/
	.schedule  li{font-size:12px!important;
		line-height:15px;}
	#backno li{
		font-size:12px!important;
		line-height:15px;}
/* #footer フッター */


/*CM point*/

	.entry .l_box span,.entry .r_box span{font-size:13px!important;}
	.entry .l_box .send{font-size:13px!important;line-height:16px;}

/*結果*/
	
		/*結果の枠*/
	.prize_one{margin:5px auto!important;width:100%;max-width:440px!important;}
	.prize_one .df_date{float:none!important;}

#yuusyu_left{width:100%;max-width:440px!important;min-width:auto!important;float:none;margin:10px auto!important;}
#yuusyuu_right{width:100%;max-width:440px!important;min-width:auto!important;float:none;margin:10px auto!important;}

	.prize_kyousan{width:98%!important;margin:5px auto!important;}
	
.prize_toku{margin:5px auto!important;width:98%!important;}
	
	.prize_one .df_date p {
	max-width: 420px !important;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 5px !important;
}
	/*結果ここまで*/

	.movie_left{margin-right: 0px !important;}
	
	

#df_content .swmt_txt p {

    letter-spacing: 1px;
    padding-top: 1px;
    font-size: 12px;
	line-height:22px;

}
	
	.prize_two .df_detailMovie{float: none!important;}
	.prize_toku .df_detailMovie{float: none!important;}
	.movie_left {
		width:100%!important;
	margin: 0 auto !important;
}
}


/* スマホ 400px */

@media only screen and (max-width:500px)
{
#df_content_in{
		font-size:13px;
		line-height:1.7em;
	}
/*ヘッダー*/

	/*#df_content header{
	height:220px;
	padding:0px!important;}お知らせなし*/
	#df_content header {
	height: 350px;
	padding: 0px !important;
}
	.osrs font{font-size:18px;margin-bottom:5px;}
	.osrs{margin: 0 auto!important;font-size: 11px;}
	
	
	/*お知らせあり*/
	
	#df_content header::before {
	content: "";
	width: 80px;
	height: 93px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 25px;
	top: 0;
}
	
	#df_content_in h1 img {
	padding-right: 20px;
}
	
.top_img img{
	text-align: center;
	width:50%;
	max-width:300px;
	margin:10px auto 0px!important;}
	
.top_txt{
	margin:0px auto!important;
	width:98%;
	padding:10px 20px!important;}
	
#df_content_in h1{width:100%;} 
#df_content_in h1 img{
	width:250px;
	margin:0px 0px 20px!important;}
	
.lead_img{width:20%;text-align: center;}
	
.lead_txt{display: none!important;}
	
.lead_img img{width:100%;height:auto;box-sizing: border-box;}
	
#df_content header p{
	box-sizing: border-box;
	width:95%;
	margin:10px auto!important;
	padding-top:15px!important;
	margin-bottom:10px!important;
	line-height:18px;
	letter-spacing: 1px;
	font-size:12px!important;}
	
	#df_content_in .knb_content h3 {
	font-size: 23px;
	margin-bottom: 36px;
}
	.knb_content dl dt{padding:3px 7px!important;}
	.best,.excellence,.company{width:115px;height:75px;padding:15px 0px 0px!important;margin:0!important;}
	.best span,.excellence span,.company span{font-size:20px;line-height:30px;}
	
	.swmt_img{float:none;width:100%;text-align: center;height:auto;}
	.swmt_txt{font-size:16px;}
	.swmt_txt p{font-size:13px;line-height:180%;}
	.swmt{line-height:12px;font-size:10px!important;}
	
	.tyuui li{
		font-size:12px;
		line-height:17px;
	}
	
	.entry .l_box,.entry .r_box{width:100%;float:none;}
	
	.schedule{width:340px;margin:0 auto!important;}
	.schedule li{
		display: block;float:none;width:100%;height:auto;margin:2px auto!important;padding:5px 5px 20px!important;}
	
	.schedule b{margin-bottom:5px!important;
	line-height:18px;
	font-size:13px!important;}
	
	#backno ul li{width:100%;display: block;float: none;}
	
/*index以外のヘッダー*/
	#article_header {
		height:132px!important;
		position: relative;
	}
	.article_title{
		width:100%;
		position: relative;
		margin:0 auto!important;}
	
#article_header h1 {width: 100%;}
	
	#df_content #article_header::before {
	content: "";
	width: 75px;
	height: 100px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	right: 60px;
	top: 0;
	box-sizing: border-box;
}
	#article_header  h1 img{
		width:100%;
		padding-top:5px!important;
		max-width:200px;}
	.title_kihon {
		width: 110px;
		right: 5px;
}
	.title_kihon img {
		width:98%;
		max-width:110px;height:auto;}
	
h3{font-size:25px;}
	
h4{
	font-size:16px;font-weight: 500;margin:5px;}
	
	.kihon img{width:90%;}
	
	.tyuui li {
	font-size: 12px;
	line-height: 20px;
}
	
	/* #point */
	#cm_point{width:100%;margin:0 auto!important;}
	#cm_point dl dt{font-size:14px!important;line-height:1.5em;}
	#cm_point dl dd{font-size:13px!important;line-height:1.5em;letter-spacing: 0.1em;}
	
	.day {
	width: 250px;
}
	.prize_one {
	margin: 5px auto !important;
	width: 100%;
}

}
@media only screen and (max-width:375px){
#df_content nav ul li {
	font-size: 13px;
	margin: 0;
	width: 30.333%;
	line-height: 2em;
	}
	
#df_content header {
	background-size: 120% !important;
}
	
#article_header h1 {
	width: 100%;
	text-align: left;
}
	#df_content #article_header::before {
	content: "";
	width: 75px;
	height: 100px;
	background: url(onp.svg) no-repeat 100%;
	position: absolute;
	left: 180px;
	top: 0;
	box-sizing: border-box;
}
.day {
	width: 253px;
	display: block;
	margin: -30px auto 10px !important;
}
}

@media only screen and (max-width:320px){
	/*お知らせなし
#df_content header {
	height: 170px;
	padding: 0px !important;
}*/
	
	#df_content header {
	height: 255px;
	padding: 0px !important;
}
	
		/*お知らせあり*/
	
	
	#df_content header font{font-size:14px!important;}
	
#df_content nav ul li {
	font-size: 12px;
	margin: 0;
	width: 30.3%;
	line-height: 2em;
}
	#df_content header {
	background-size: 100% !important;
}
	#df_content nav ul li {
	margin: 3px !important;
	width: 30%;
	line-height: 2.5em;
	background: #FFE400;
	color: #00498F;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	border-radius: 10px;
}
	
	.button {
	padding: 0.5em 1.5em;
}
	#sponcer figure {
	width: 137px;
	height: 145px;
}
	
	#df_content_in h1 img {
	width: 187px;
	margin: 0px 0px 20px !important;
}
	.schedule {
	width: 280px;
	margin: 0 auto !important;
}
	#df_content_in h1 img {
	padding-right: 14px;
}
#sponcer {padding:30px;}
#sponcer ul li {font-size:12px;width:100%;}
#sponcer ul li img{width:100%;}
#sponcer li .sp{position:relative;float:right;top:2px;right:0px;width:18px;}
.day {
	width: 250px;
	margin: -45px auto 20px !important;
	display: block;
}#sponcer figure figcaption {
	font-size: 11px;
}

}
/*閉じるテキスト非表示*/
.movieClose {
	display: none;
}