@charset "utf-8";

/*********************************
 *
 * 全ページ共通
 *
 *********************************/

body {font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
a {color:#4d4d4d; text-decoration:underline;}
a:hover {color:#adadad; text-decoration:none;}
a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.mT1 {margin-top:1em !important;}

/* clearfix */
.clearfix:before, .clearfix:after {content:""; display:block;	overflow:hidden;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* slider */
#slider {position:relative; width:100%;}
#wrapper {width:100%; overflow:hidden;}
#carousel li {float:left; display:block;}
#carousel li img {width:100%;	height:auto;}
#prev, #next {position:absolute; top:0;	background:center center no-repeat #ddd; width:5%;}
#prev:hover, #next:hover {background:#ccc;}
#prev {background:url(../images/arrow-left.png); left:0;}
#next {background:url(../images/arrow-right.png); right:0;}
#pager {text-align:center; padding:5px 0;}
#pager a {border:2px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display: inline-block; width:5px; height:5px; margin:0 5px;}
#pager a:hover {background:#ddd;}
#pager a span {display:none;}
#pager a.selected {background:#ccc;}

/* fancybox */
#fancybox-overlay {background:#000 !important;}

/* sns */
iframe.snapwidget-widget,
#twitter-widget-0 {margin:3% 0 0 0;}



/*********************************
 * ～984
 *********************************/

@media screen and (max-width:984px){
html {-webkit-text-size-adjust:100%;}
body {font-size:90%;}
.pc {display:none;}
img {width:100%;}

/* fancybox */
#fancybox-wrap {}
#fancybox-outer {padding:0; background:none;}
#fancybox-content {width:80%; background:rgba(255,255,255,0.7); border:10px solid rgba(255,255,255,0.5);}
#fancybox-close {width:30px; height:30px; top:-35px; right:-2px;}
#fancybox-close:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* header */
header {position:fixed; width:100%; padding:5px 0; background:#ff79a4; border-top:1px solid #bf5b7b; z-index:9999;}
	header div {width:230px; margin:0 auto;}

h1.titleimage {width:100%; margin:0 0 1.5em 0; padding:60px 0 0 0;}
#main h2 {margin:2em 0 0 0; padding:0.8em 1em; background:#adadb8; color:#fff; font-size:110%; line-height:1; text-align:center;}

/* contents */
#contents {}
#main {}
	.leadSec {text-align:center;}
		.leadSec ul.sns {width:122px; margin:0 auto;}
		.leadSec ul.sns li {float:left; width:41px; margin:0 10px;}
		.leadSec p {margin:1.5em 0 0 0;}
		.leadSec ul.btn {width:205px; margin:1.5em auto 0 auto;}
			.leadSec ul.btn li {margin:1em 0 0 0;}
	
	.snsSec {margin:3em 0 0 0; padding:0 4%;}
		.snsSec h3 {width:73px;}
		
	.infoSec {margin:3em 0 0 0; padding:0 4%; font-size:80%;}
		.infoSec h4 {font-weight:bold;}
		.infoSec p {margin:8px 0 0 0; line-height:1.8;}
		.infoSec dl.info {line-height:1.8;}
			.infoSec dl.info dt {margin:1em 0 0 0;}

	/* top */
	#mainimage {width:100%; margin:0 0 1.5em 0; padding:60px 0 0 0;}
		.topSec1 {}
			.topSec1 #item {}
			.topSec1 #item .box {float:left; width:44%; margin:1.5em 0 0 4%;} 
				.topSec1 #item .box dl {margin:0.4em 0 0 0;}
					.topSec1 #item .box dl dt {font-size:80%; font-weight:bold; line-height:1.6;}
					.topSec1 #item .box dl dd {padding:0.5em 0; color:#808080; font-size:70%; line-height:1;}
						.topSec1 #item .box dl dd span {display:inline-block; padding:2px 0 2px 13px; background:url(../images/icon_date.png) 0 center no-repeat;}
	
	/* concept */
	.ccSec1 {}
		.ccSec1 p {margin:1em 0 0 0; padding:0 4%; text-align:center;}
	
	/* entry */
	h2.ttl {margin:1.2em 0 0 0 !important; padding:0 !important; background:none !important; color:#ff3a80 !important; font-size:130% !important; font-weight:bold;}
	.enSec1 {}
	.enSec1 .img {width:230px; margin:0 auto;}
	.enSec1 ol.step {width:310px; margin:2% auto 0 auto; font-size:90%;}
		.enSec1 ol.step li {clear:both;}
			.enSec1 ol.step li dl {}
				.enSec1 ol.step li dl dt {float:left; width:120px;}
				.enSec1 ol.step li dl dd {float:right; width:180px; line-height:1.5em;}
					.enSec1 ol.step li dl dd img {width:70%;}
					.enSec1 ol.step li dl dd p {margin:1em 0 0 0;}
					.enSec1 ol.step li dl dd span {background:#f4ff0f;}
					.enSec1 ol.step ul.btn {margin:1em 0 0 0;}
						.enSec1 ol.step ul.btn li {margin:0 0 0.5em 0;}
						.enSec1 ol.step ul.btn a, .enSec1 ol.step ul.btn span {display:block; width:6em; padding:0.5em 0.8em; background:#ff79a4; color:#fff; font-size:111%; font-weight:lighter; text-align:center; line-height:1; text-decoration:none;}
						.enSec1 ol.step ul.btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	.enSec1 .releabtn {padding:0 0 2em 0; text-align:center;}
		.enSec1 .releabtn a {display:block; width:60%; padding:0.8em 0; margin:2em auto 0 auto; background:#ff79a4; color:#fff; font-size:130%; font-weight:lighter; text-align:center; line-height:1; text-decoration:none;}
		.enSec1 .releabtn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
		.enSec1 .releabtn p {margin:0.5em 0 0 0; font-size:90%;}
	
	/* rules */
	.rrSec1 {}
		.rrSec1 .inr {padding:0 4%; font-size:90%; line-height:1.6;}
		.rrSec1 h3 {margin:20px 0 3px 0; font-size:110%; font-weight:bold;}
		.rrSec1 ol.step {}
			.rrSec1 ol.step li {margin:0 0 1.5em 0;}
		.rrSec1 ul.list {list-style-type:disc; margin:0 0 0 2em;}

#ptop {width:92%; margin:6em auto 0 auto; text-align:right;}
	#ptop a {display:inline-block; width:46px;}

/* footer */
footer {position:relative; width:100%; margin:0.6em auto 0 auto; padding:8px 0; background:#ff79a4; z-index:9999;}
	footer .box {width:300px; margin:0 auto;}
		footer .box div {float:left; width:150px; padding:4px 0 0 0;}
		footer .box ul {float:right;}
			footer .box ul li {float:left; padding:0 0 0 12px;}		
	footer p {padding:7px 0 0 0; color:#fff; font-size:70%; text-align:center;}
}


/*********************************
 * 985～
 *********************************/

@media screen and (min-width:985px){
html {-webkit-text-size-adjust:100%; min-width:1024px;}
body {font-size:18px; line-height:1.75em; background:#fff;}
.sp {display:none;}

/* fancybox */
#fancybox-wrap {}
#fancybox-outer {width:498px; height:608px; background:url(../images/bg_lbox.jpg) no-repeat;}
#fancybox-content {padding:40px 45px 65px 45px;}
#fancybox-close {width:30px; height:30px; top:-35px; right:-2px;}
#fancybox-close:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* header */
header {position:relative; width:100%; background:#ff79a4; border-top:1px solid #bf5b7b; z-index:9999;}
	header div {width:985px; margin:0 auto;}
	header div h1, header div .h1 {padding:15px 0 15px 25px;}

h1.titleimage {width:985px; margin:23px auto;}
#main h2 {margin:20px 0 0 0; padding:12px 1em; background:#adadb8; color:#fff; font-size:89%; font-weight:bold; line-height:1;}

/* contents */
#contents {width:985px; margin:0 auto;}
#main {float:left; width:718px;}
	#main .infoSec {margin:50px 0 0 0; padding:20px 40px 35px 40px; border:1px dashed #ff79a4; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
		#main .infoSec h4 {font-weight:bold; text-align:center;}
		#main .infoSec p {margin:8px 0 0 0; font-size:78%; line-height:1.6; text-align:center;}
		#main .infoSec .info {margin:1.2em 0; padding:1em 0 1em 3em; background:#ededed; text-align:left;}
		#main .infoSec .atn {font-size:67%; text-align:left;}
#side {float:right; width:244px;}
	#side ul.bnr {}
		#side ul.bnr li {margin:0 0 20px 0;}
	#side ul.sns {margin:35px 0 13px 0;}
		#side ul.sns li {float:left; margin:0 13px 0 0;}

	/* top */
	#mainimage {width:985px; margin:23px auto;}
		.topSec1 {margin:18px 0 0 0;}
			.topSec1 #item {}
			.topSec1 #item .box {float:left; width:228px; margin:24px 17px 0 0;}
			.topSec1 #item .box:nth-child(3n) {margin:24px 0 0 0;}
				.topSec1 #item .box dl {margin:0.4em 0 0 0;}
					.topSec1 #item .box dl dt {overflow:hidden; font-size:67%; font-weight:bold; line-height:1.6;}
					.topSec1 #item .box dl dd {padding:0.5em 0; color:#808080; font-size:56%; text-align:right; line-height:1;}
						.topSec1 #item .box dl dd span {display:inline-block; padding:2px 0 2px 13px; background:url(../images/icon_date.png) 0 center no-repeat;}
	
	/* concept */
	.ccSec1 {}
		.ccSec1 div, .ccSec1 p {text-align:center;}	
		.ccSec1 p {margin:1em 0 0 0;}
	
	/* entry */
	h2.ttl {margin:1.2em 0 0.8em 0; padding:0 !important; background:none !important; color:#ff3a80 !important; font-size:130% !important;}
	.enSec1 {}
	.enSec1 .img {text-align:center;}
	.enSec1 ol.step {font-size:67%; font-weight:bold;}
		.enSec1 ol.step li {float:left; width:359px;}
			.enSec1 ol.step li dl {}
				.enSec1 ol.step li dl dt {float:left; width:186px;}
				.enSec1 ol.step li dl dd {float:left; width:173px; line-height:1.5em;}
					.enSec1 ol.step li dl dd p {margin:1em 0 0 0;}
					.enSec1 ol.step li dl dd span {background:#f4ff0f;}
					.enSec1 ol.step ul.btn {margin:1em 0 0 0;}
						.enSec1 ol.step ul.btn li {margin:0 0 0.5em 0;}
						.enSec1 ol.step ul.btn a, .enSec1 ol.step ul.btn span {display:block; width:6em; padding:0.5em 0.8em; background:#ff79a4; color:#fff; font-size:111%; font-weight:lighter; text-align:center; line-height:1; text-decoration:none;}
						.enSec1 ol.step ul.btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	.enSec1 .releabtn {text-align:center;}
		.enSec1 .releabtn a {display:block; width:8em; padding:0.5em 1.2em; margin:2em auto 0 auto; background:#ff79a4; color:#fff; font-size:125%; font-weight:lighter; text-align:center; line-height:1; text-decoration:none;}
		.enSec1 .releabtn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
		.enSec1 .releabtn p {margin:0.2em 0 0 0; font-size:78%;}
	
	/* rules */
	.rrSec1 {}
		.rrSec1 .inr {padding:0 0 0 12px; font-size:78%; line-height:1.6;}
		.rrSec1 h3 {margin:20px 0 3px 0; font-size:105%; font-weight:bold;}
		.rrSec1 ol.step {}
			.rrSec1 ol.step li {margin:0 0 1.5em 0;}
		.rrSec1 ul.list {list-style-type:disc; margin:0 0 0 2em;}

#ptop {width:985px; margin:70px auto 0 auto; text-align:right;}
	#ptop a {display:inline-block; width:46px;}

/* footer */
footer {position:relative; width:100%; margin:10px auto 0 auto; background:#ff79a4; z-index:9999;}
	footer .box {width:985px; margin:0 auto; padding:12px 0;}
		footer .box div {float:left;}
		footer .box p {float:left; padding:7px 22px 0 30px; color:#fff; font-size:57%;}
		footer .box ul {float:left;}
			footer .box ul li {float:left; padding:0 12px 0 0;}
}