@charset "utf-8";

/* メインレイアウト
========================================== */

#wrap {
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}
#wrap:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#left {
	max-width:166px;
	float:left;
}
#left #Logo {
	padding:37px 0 0;
	text-align:center;
}
@media screen and (max-width:980px) {
	#left {
		width:83px;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	#left #Logo {
		padding:15px 0 0;
	}
}
#main {
	width:730px;
	float:left;
	border-left:1px solid #dfdacd;
	margin-left:16px;
	padding:40px 0 100px 67px;
}
#main h1 {
	padding-bottom:15px;
/*	border-bottom:1px solid #797979;*/
	font-size:32px;
}
.fin {
	font-size:26px;
	font-weight:bold;
	padding:0 0 0 10px;
	color:#F00;
}
@media screen and (max-width:980px) {
	#main {
		float:none;
		border-left:none;
		margin:0;
		width:100%;
		padding:20px 15px;
		box-sizing:border-box;
	}
	#main h1 {
		font-size:24px;
		text-align:center;
	}
	.fin {
		font-size:20px;
		text-align:center;
	}
}
@media screen and (max-width:599px) {
	#main h1 {
		font-size:18px;
	}
	.fin {
		font-size:16px;
	}
}

/* フッター
========================================== */

#footer {
	background:#000;
	padding:20px 0;
}
#footer p {
	color:#999;
	text-align:center;
	font-size:13px;
}

/* 概要・注意事項
========================================== */

#desc {
	padding-top:40px;
	padding-bottom:30px;
	border-bottom:1px solid #797979;
	border-top:1px solid #797979;
}
#desc dl {
}
#desc dl dt {
	font-weight:bold;
	margin-top:20px;
	font-size:18px;
}
#desc dl dd {
	margin-top:10px;
}
#desc dl dd a.snsLink {
	display:inline-block;
	margin-top:20px;
	border:solid 1px #666;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#666;
	padding:16px 30px 16px 80px;
	margin-right:20px;
}
#desc dl dd a.snsLink.instagram {
	background:url(../img/ic_instagram.png) no-repeat 6% 50%;
		background-size:auto 40px;
		-webkit-background-size:auto 40px;
		-moz-background-size:auto 40px;
}
#desc dl dd a.snsLink.twitter {
	background:url(../img/ic_twitter.png) no-repeat 6% 50%;
		background-size:auto 40px;
		-webkit-background-size:auto 40px;
		-moz-background-size:auto 40px;
}
#desc dl dd a.snsLink.instagram.second {color:#A4755A;}
#desc dl dd a.snsLink.twitter.second   {color:#43A8E0;}

@media screen and (max-width:599px) {
	#desc dl dd a.snsLink {
		display:block;
		margin-right:0;
	}
}

#desc dl dd ul {
}
#desc dl dd ul li {
	text-indent:-16px;
	padding-left:16px;
	margin-bottom:10px;
}
@media screen and (max-width:599px) {
	#desc dl dt {
		font-size:16px;
	}
	#desc dl dd {
		font-size:14px;
	}
	#desc dl dd ul {
	}
	#desc dl dd ul li {
		text-indent:-14px;
		padding-left:14px;
	}
}

#desc #poster {
}
@media screen and (max-width:800px) {
	#desc #poster {
		float:none;
		width:100%;
		max-width:400px;
		padding-left:0;
		margin:0 auto;
		text-align:center;
	}
}

/* 注意書き
========================================== */

ul.caution {
	margin-top:20px;
}
ul.caution li {
	font-size:13px;
	text-indent:-13px;
	padding-left:13px;
	margin-top:5px;
}

/* 応募規約
========================================== */

#memo {
	margin-top:30px;
	padding-bottom:30px;
}
#memo h3 {
	border:solid 1px #666;
	padding:15px 0;
	text-align:center;
	cursor:pointer;
	background:url(../img/ic_plus.png) no-repeat 97% 50%;
}
#memo h3.active {
	background:url(../img/ic_minus.png) no-repeat 97% 50%;
}
#memo dl#memoIn {
	display:none;
	margin-top:30px;
	font-size:13px;
}
#memo dl#memoIn dt {
	font-weight:bold;
	margin-top:10px;
}
#memo dl#memoIn dd {
	margin-top:5px;
}

/* マスウオーバーchange
========================================== */

.trans_bg a {
	display:block;
	overflow:hidden;
	height:0;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-transition:all 0.1s ease-in;
	-webkit-transition:all 0.1s ease-in;
}
.trans_bg a:hover  {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-transition: all 0.1s ease-in;
	-webkit-transition:all 0.1s ease-in;
}

/* SNSシェア
========================================== */

.snsMin  {
	padding:50px 0 5px;
}
@media screen and (max-width:599px) {
	.snsMin {
		text-align:center;
		padding:30px 0 5px;
	}
}
.snsMin li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../img/btn_sns-min.gif) no-repeat 0 0;
}
.snsMin a {
	padding-top:58px;
	background:url(../img/btn_sns-min.gif) no-repeat 0 0;
}
.snsMin .sns_m01  {background-position:0 -58px; width:69px;}
.snsMin .sns_m02  {background-position:-69px -58px; width:72px;}
.snsMin .sns_m03  {background-position:-144px -58px; width:53px;}
.snsMin .sns_m04  {background-position:-208px -58px; width:65px;}
.snsMin .sns_m01 a  {background-position:0 0;}
.snsMin .sns_m02 a  {background-position:-69px 0;}
.snsMin .sns_m03 a  {background-position:-144px 0;}
.snsMin .sns_m04 a  {background-position:-208px 0;}

/* ページトップ
========================================== */

#pagetop {
	background:url(../img/btn_pagetop.gif) no-repeat 0 -67px;
	width:63px;
	margin:0 0 0 auto;
}
#pagetop a {
	background:url(../img/btn_pagetop.gif) no-repeat 0 0;
	padding-top:67px;
}