@charset "utf-8";


/*--------------------------------
基本構造
---------------------------------*/

html,body{
height:100%;
}


body{
	background:url(../img/bg.png);
	background-size:70% auto;
	color:#353535;
	font-size:1.2rem;
}

img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

a:link{color:#0050f2;text-decoration:underline;}
a:visited{color:#0050f2;text-decoration:underline;}
a:hover{color:#0050f2;text-decoration:none;}
a:active{color:#0050f2;text-decoration:underline;}

/*--------------------------------------
インデント
---------------------------------------*/

.indent{
	margin-left:0.5rem;
}

.indent li{
	list-style:disc;
	margin-left:1rem;
}


/*--------------------------------
コンテンツ(index)
---------------------------------*/
#header{

}

.btn{
	text-align:center;
}

.btn img{
	width:72%;
}

#header .btn{
	position:relative;
	z-index:5;
}

#aboutWM{
	margin:3%;
	padding-top:3%;
	background:url(../img/about_line.png) no-repeat center top;
	background-size:100% auto;
}

#aboutWM p{
	padding:3%;
	background:url(../img/about_line.png) no-repeat center bottom;
	background-size:100% auto;
}

#aboutWM a{
	display:block;
	text-align:right;
}

#aboutWM a img{
	margin-right:0.2rem;
	width:1.3rem;
	vertical-align:middle;
}

#aboutWM a span{
	text-decoration:underline;
}

nav{
	margin:0 1.8%;
	padding-bottom:3%;
}


#subject h3,
#prize h3{
	margin-bottom:3%;
}

#subject{
	padding-bottom:4.6%;
}

#subject ul{
	padding:0 3%;
}

#subject li{
	margin-bottom:3%;
	padding:1.5% 2.5% 1.5% 1.5%;
	border:solid 2px #666666;
	background:url(../img/icn_subject.png) no-repeat right center #fff;
	background-size:7% auto;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.3);
}

#subject ul li:last-child{
	margin-bottom:0;
}

#subject li a{
	color:#000;
	text-decoration:none;
}

#subject h4,
#subject li p{
	display:inline-block;
	vertical-align:middle;
}

#subject h4{
	width:48%;
}

#subject li p{
	margin-left:1.5%;
	width:46%;

}

#prize h4{
	background-position:0 0;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}


#ttlWeek01{
	background-image:url(../img/btn_week01.png);
}

#ttlWeek02{
	background-image:url(../img/btn_week02.png);
}

#ttlWeek03{
	background-image:url(../img/btn_week03.png);
}

#ttlWeek04{
	background-image:url(../img/btn_week04.png);
}

#prize{
	padding-bottom:4.6%;
}

#prize section{
	margin:0 3% 1.5%;
	padding:3%;
	border:solid 2px #666;
	background-color:#fff;
}

#week01,#week02,#week03,#week04{
	display:none;
}

#prize section:last-child{
	margin:0 3%;
}

#prize article{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	border-bottom:solid 1px #999999;
}

#prize section article:first-child{
	padding-top:0;
}

#prize section article:last-child{
	
	padding-bottom:0;
	border-bottom:none;
}

#prize .cover{
	display:inline-block;
	width:37%;
	vertical-align:top;
}

#prize .copyright{
	margin-top:0.5rem;
	font-size:1rem;
	text-align:center;
	line-height:1.2em;
}

#prize .details{
	display:inline-block;
	margin-left:6%;
	width:55%;
	vertical-align:top;
}

#prize h5{
	font-weight:bold;
	font-size:1.2rem;
}


#flow{
	margin-bottom:3%;
	padding-bottom:8%;
	background:url(../img/line.png) no-repeat center bottom;
	background-size:100% auto;
}


#flow h3{
	margin-bottom:7%;
}

#step01,
#step02{
	margin-right:3%;
	margin-left:3%;
	padding-bottom:3%;
	border:solid 2px #666666;
	background:url(../img/step01_bg.png) no-repeat center top #fff;
	background-size:100% auto;
}

#step01 h4,
#step02 h4{
	position:relative;
	z-index:10;
	margin-top:-4.7%;
}


.flowImg,
#step01 dl,
#step02 p:last-child{
	margin:1rem 3% 0;
}

#step01 dt,
#step02 p:last-child{
	color:#b54d01;
}

#step01 ul{
	padding-left:47%;
}

#step01 a img{
	margin-right:0.2rem;
	width:1.3rem;
	vertical-align:middle;
}

#step01 a span{
	text-decoration:underline;
}

#step01 dd{
	padding-left:1rem;
}

#step01 dd:first-letter{
	margin-left:-1rem;
}

#detail{
	margin:0 3%;
	padding-top:2em;
}

#detail h4{
	margin: 0 0 2.6%;
	padding: 0.4em 0;
	border-radius:6px;
	border:solid 2px #666666;
	background-color:#f1eac6;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height:1em;
	color:#666666;
}

.section{
	margin-bottom:5%;
	line-height:1.4em;
}


.section:last-child{
	margin-bottom:0;
}

.section li{
	margin-bottom:0.5rem;
}

.section dt{
	font-weight:bold;
	margin-bottom:0.4rem;
}

.section dd{
	margin-bottom:1rem;
}


footer{
	margin-top:1em;
	margin-bottom:-15px;
	padding-top:1.8%;
	background:#b1aea4;
	font-size:1.1rem;
	text-align:center;
	color:#ffffff;
}

footer p{
	padding-bottom:3%;
}


.pageTop{
	padding:0 2.3% 0;
	text-align:right;
}


.btnHOME{
	padding:3% 0 0;
}

.btnHOME a{
	display:inline-block;
	margin-bottom:0.5em;
	padding:1em 2em;
	border-radius:10px;
	-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.8);
	box-shadow:3px 3px 0 rgba(0,0,0,0.4);
	background-color:#7e7c75;
	color:#d5d4ce;
	text-decoration:none;
}

/*強調色　---------------------------*/


.bold{
	font-size:1.2rem;
	font-weight:bold;
}

.red{
	font-weight:inherit;
	color:#ff0042;
}