#wrap #contents{
	width:96%;
	margin:0 2%;
	color:#333;
	font-size:0.8em;
	line-height:1.4em;
}

#wrap #contents ul{
	list-style:none;
	margin:0;
	padding:0;
}
#wrap #contents img{
	width:100%;
	height:auto;
}

.mask01{
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha( opacity=30 )";
	background: #fff;
	}
.ank{
float:none;
	display:inline-block;
	/* For IE 6/7 */
    *display: inline;
    *zoom: 1;
	margin:0

}

/*spacer.gif用*/



.section{
	margin-bottom:25px;

}

.contents_box{
	width:96%;
	margin:0 2%;
}

/**見出し**/
#head h1{
	margin:0;
	padding:0;
	border:none;
}
#wrap #contents h2{
	background-color:#00852E;
	text-align:center;
	background-image: 
	url(/contents/smt/contest/contest_21th/images/h_bg_head.gif),
	url(/contents/smt/contest/contest_21th/images/h_bg_foot.gif),
	url(/contents/smt/contest/contest_21th/images/h_bg_body.gif);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:center top, center bottom, center center;
	background-color:#fff;
	width:100%;
	height:56px;
	line-height:52px;
	color:#fff;
	vertical-align:middle;
	font-size:24px;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	margin-top:30px;
	margin-bottom:5px;
	background-size:contain;
}
#wrap #contents h3{
	margin-top:30px;
	margin-bottom:8px;
	font-size:16px;
}
.contents-all h4{
	margin-bottom:0.3em !important;
}

.contents-all h5{
	font-size:1.2em;
	line-height:1.4em;
	margin-top:15px;
	margin-bottom:0;
	font-weight:bold;
}

/**フレーム**/
.f_head{
	width:100%;
	height:26px;
	background-image: url(/contents/smt/contest/contest_21th/images/f_head.gif) ,url(/contents/smt/contest/contest_21th/images/f_body.gif);
	background-repeat:no-repeat, repeat-y;
	background-position:center top;
	background-size:contain, contain;
}
.f_body{
	background-image: url(/contents/smt/contest/contest_21th/images/f_body.gif);
	background-repeat:repeat-y;
	background-position:center center;
	padding:0 5%;
	background-size:contain;
}
.f_foot{
	width:100%;
	height:25px;
	background-image: url(/contents/smt/contest/contest_21th/images/f_foot.gif) ,url(/contents/smt/contest/contest_21th/images/f_body.gif);
	background-repeat:no-repeat, repeat-y;
	background-position:center bottom;
	background-size:contain, contain;
}
/**応募部門**/
#wrap #contents .bumon{
	overflow:hidden;
	margin:0;
	padding:0;
	margin-top:15px;
}
#wrap #contents .bumon li{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:8px;
}
#wrap #contents .bumon li.margin{
	margin-left:0;
}
#wrap #contents .bumon li .bumon-btn{
	position:absolute;
	width:94%;
	margin:0 3%;
	height:auto;
	display:block;
	left:0;
	bottom:6%;
}


/**応募方法**/
#wrap #contents .oubo{
	overflow:hidden;
	margin:0;
	padding:0;
	margin-top:30px;
}
#wrap #contents .oubo li{
	float:left;
	width:100%;
	margin-bottom:10px;
}
#wrap #contents .oubo li.margin{
	margin-left:0;
}
#wrap #contents .oubo li p{
	margin-top:8px;
	margin-bottom:0;
	font-size:13px;
	line-height:1.6;
}
#wrap #contents .oubo-box{
	overflow:hidden;
}
#wrap #contents .oubo-txt{
	float:left;
	width:100%;
}
#wrap #contents .oubo-txt p{
	font-size:13px;
}
#wrap #contents .oubo-btn{
	float:right;
	width:100%;
	margin-top:30px;
}
#wrap #contents .oubo-btn p{
	text-align:center;
}
/**もれなくプレゼント**/
.present{
	overflow:hidden;
}
.present02{
	float:left;
	margin-top:10px;
}
.present03{
	float:right;
	margin-top:10px;
}

/**審査員**/
.sinsa td{
	padding:8px 0;
	padding-right:5%;
	border-bottom:dotted 1px #ccc;
}
/**ご応募における注意点**/
#wrap #contents .attention{
	font-size:12px;
	line-height:1.6;
}
#wrap #contents .attention li{
	float:none;
	text-indent:-1.0em;
	padding-left:1.0em;
	line-height:1.6;
}
#wrap #contents .attention p{
	margin:0;
	padding:0;
	padding-left:1.0em;
	font-size:12px;
	line-height:1.6;
	text-align:left;
	text-align:justify;
}
/**関連特集**/
#wrap #contents .bnr-box{
	overflow:hidden;
}
#wrap #contents .bnr-left{
	float:none;
	width:100%;
}
#wrap #contents .bnr-left img{
	margin-bottom:8px;	
}
#wrap #contents .bnr-right{
	float:none;
	width:100%;
}


/*tab list*/

#catemenu{
	padding-bottom:5px

}
.js-tab-title ul{
text-align:center;
width:100%;

}

.js-tab-title li#tab00{
/*border-radius:6px;
border:solid 3px #24B83C;
background-color:#FFFBDA;
text-align:center;
width:97%;
height:40px;
margin:1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/outline.png);
background-repeat:no-repeat;
background-size:50%;
background-position:center center;*/
list-style-type:none;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab00.active{
/*border-radius:6px;
border:solid 3px #24B83C;*/
/*background-color:#24B83C;
text-align:center;
width:97%;
height:40px;
margin:1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/outline_on.png);
background-repeat:no-repeat;
background-size:50%;
background-position:center center;*/
list-style-type:none;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab01{
border-radius:6px;
border:solid 3px #24B83C;
background-color:#FFFBDA;
text-align:center;
width:47.5%;
height:40px;
margin:1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_A.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab01.active{
border-radius:6px;
/*border:solid 3px #24B83C;*/
background-color:#24B83C;
text-align:center;
width:47.5%;
height:40px;
margin:1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_A_on.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab02{
border-radius:6px;
border:solid 3px #24B83C;
background-color:#FFFBDA;
text-align:center;
width:47.5%;
height:40px;
margin:1% 1% 1% 0;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_B.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab02.active{
border-radius:6px;
/*border:solid 3px #24B83C;*/
background-color:#24B83C;
text-align:center;
width:47.5%;
height:40px;
margin:1% 1% 1% 0;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_B_on.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab03{
border-radius:6px;
border:solid 3px #24B83C;
background-color:#FFFBDA;
text-align:center;
width:47.5%;
height:40px;
margin:0 1% 1% 1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_C.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab03.active{
border-radius:6px;
/*border:solid 3px #24B83C;*/
background-color:#24B83C;
text-align:center;
width:47.5%;
height:40px;
margin:0 1% 1% 1%;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_C_on.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab04{
border-radius:6px;
border:solid 3px #24B83C;
background-color:#FFFBDA;
text-align:center;
width:47.5%;
height:40px;
margin:0 1% 1% 0;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_D.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.js-tab-title li#tab04.active{
border-radius:6px;
/*border:solid 3px #24B83C;*/
background-color:#24B83C;
text-align:center;
width:47.5%;
height:40px;
margin:0 1% 1% 0;
padding:5px 3px;
list-style-type:none;
display:inline-block;
background-image:url(/contents/smt/contest/contest_21th/images/nav/side_D_on.png);
background-repeat:no-repeat;
background-size:97%;
background-position:center center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
@media screen and (min-width: 560px) {
.js-tab-title li#tab00{
/*height:50px;*/

background-size:46%;
}
/*.js-tab-title li#tab00.active{
height:50px;

background-size:46%;
}*/
.js-tab-title li#tab01{
height:50px;

background-size:90%;
}
.js-tab-title li#tab01.active{
height:50px;

background-size:90%;
}
.js-tab-title li#tab02{
height:50px;

background-size:90%;
}
.js-tab-title li#tab02.active{
height:50px;

background-size:90%;
}
.js-tab-title li#tab03{
height:50px;

background-size:90%;
}
.js-tab-title li#tab03.active{
height:50px;

background-size:90%;
}
.js-tab-title li#tab04{
height:50px;

background-size:90%;
}
.js-tab-title li#tab04.active{

height:50px;

background-size:90%;

}
}
.js-tab-title li img{
width:100%
}
.js-tab-title li#tab00 .js-tab-title li a{
display:block;
width:100%;
height:100%


}

#contents {
}

#contents #anc-tab01 ul{
	margin:0;
	padding:0;
	text-align:center
	
	}
	#contents #anc-tab02 ul{
	margin:0;
	padding:0;
	text-align:center
	
	}
	#contents #anc-tab03 ul{
	margin:0;
	padding:0;
	text-align:center
	
	}
#contents .js-tab .js-tab-content li.caption .boxcaption p {
    color: #FFF;
    margin: 0;
    padding: 5px 5px 2px;
	text-align:left
}
 #contents ul li{
	float:left;
	list-style-type: none;
	margin:1%;
}
#contents ul li.boxgrid{
width:31%;
margin:1%;}
 #contents ul li.boxgrid img{
width:100%}
#contents .js-tab .js-tab-content li.boxgrid{

	/*height:135px;*/
	background: #161613;
	overflow: hidden;
	position: relative;
}

 #contents .js-tab .js-tab-content li.caption .boxcaption{
	top: 70%;
	left: 0;
}
 #contents .js-tab .js-tab-content li.caption .boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 #contents .js-tab .js-tab-content li a {
text-decoration:none;
}
#contents .js-tab .js-tab-content li.caption .boxcaption p{
	color:#FFF;
	margin:0;
	padding:5px 5px 2px;
}


#wrap2.fixed #catemenu{
	position: fixed;
	top:0;
	z-index:500;
	width:100%;
	background-color:#FFFFFF;
	max-width:560px
	
}

#head.fixed .teadtemp{
	position: fixed;
	top: 0px;
	width:100%;
	z-index:500;
}


.clearfix:after {
    content:"";
    display:block;
    clear:both;
}










/*------ ## 20181120追加 ## ------*/


.grandprix{
	background:url(/contents/smt/contest/contest_21th/images/181120/bg_naka.gif) repeat-y;
	-moz-background-size:contain;
	background-size:contain;
	margin:10px 0;
}
.grandprix .judge_comment{
	background:url(/contents/smt/contest/contest_21th/images/181120/bg_foot.gif) no-repeat bottom center;
	-moz-background-size:100%;
	background-size:100%;
	margin:0;
	padding:8px 10% 14%;
}
#wrap #contents .grandprix .judge_comment .judge_image img{
	width:74px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.grandprix .judge_comment .h_comment{
	margin-bottom:6px;
}
#wrap #contents .grandprix .judge_comment .h_comment img{
	width:140px;
}
.grandprix .judge_comment .name{
	font-size:1.2em;
	line-height:18.0em;
	font-weight:bold;
}
.grandprix .judge_comment .name br{
	display:none;
}

.grandprix .judge_comment .txt{
	clear:both;
	text-align:left;
	text-align:justify;
	font-size:1.0em !important;
	line-height:1.8em !important;
	width:100%;
}
.winners{
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
@media only screen and (max-width:540px) {
.grandprix .judge_comment .name{
	font-size:1.1em;
	line-height:16.0em;
}
.grandprix .judge_comment .name br{
	display:block;
}
.grandprix .judge_comment .txt br{
	/*display:none;*/
}
}
@media only screen and (max-width:320px) {
.grandprix .judge_comment .name br{
	display:none;
}
}
.review{
	overflow:hidden;
}
#anc-tab00 p.review_h{
	font-size:24px;
	font-weight:bold;
	color:#390;
	border-bottom:dotted 1px #390;
	padding-bottom:10px;
}
.review_i{
	float:left;
	width:140px;
}
.review_i img{
	margin:10px 0
}
#anc-tab00 p.review_c{
	float:left;
	width:820px;
	margin-left:40px;
	margin-top:20px;
	line-height:1.6em;
}
.judge{
	background-image:
	url(/contents/contest/contest_21th/images/181120/judge_foot.gif),
	url(/contents/contest/contest_21th/images/181120/judge_body.gif);
	background-repeat:no-repeat, repeat-y;
	background-position:bottom center, center center;
	padding:10px 40px 25px;
}




/*-- text-align --*/
.txt-left { text-align: left   !important; }
.txt-right { text-align: right  !important; }
.txt-center { text-align: center !important; }

/*-- float --*/
.right { float: right !important; }
.left { float: left  !important; }
.clear { clear: both !important; }

/*-- margin-top --*/
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

/*-- margin-right --*/
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
 
 /*-- margin-bottom --*/
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
 
 /*-- margin-left --*/
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }