/* CSS Document */

body{
	font-size:160%;
	line-height:170%;
	}

article{
	padding:100px 0;
	}
	article header{
		margin-bottom:40px;
		}
	article h2{
		position:relative;
		padding:140px 0 0 0;
		font-size:36px;
		font-size:3.6rem;
		font-weight:normal;
		line-height:1.2em;
		text-align:center;
		}
	article h2 i{
		position:absolute;
		top:0;
		left:50%;
		width:120px;
		height:120px;
		margin-left:-60px;
		background:#fff;
		border:8px solid #000;
		border-radius:100%;
		box-sizing:border-box;
		overflow:hidden;
		}
	article p+p{
		margin:0;
		}
	article footer,
	article section+footer{
		clear:both;
		margin:0;
		padding-top:40px;
		text-align:center;
		}
		article footer div{
			padding-top:20px;
			}
		article footer h3{
			position:relative;
			padding:30px 0 0 0;
			font-size:36px;
			font-size:3.6rem;
			font-weight:normal;
			line-height:1.2em;
			text-align:center;
			}
	article aside{
		clear:both;
		padding-top:20px;
		text-align:center;
		}

#tPath{
	display:none;
	}

#main{
	width:100%;
	padding-bottom:0;
	}
	#main > * {
		float:none;
		margin:0;
		width:100%;
		}

#mainImg{
	padding:50px 0;
	height:600px;
	box-sizing:border-box;
	overflow:hidden;
	}
	#mainImg .wrap{
		position:relative;
		}
	#mainImg h1{
		display:inline-block;
		margin-bottom:50px;
		}
	#mainImg p{
		display:none;
		}
	#mainImg i{
		position:absolute;
		right:0;
		bottom:0;
		}

#pageLink{
	position:absolute;
	display:table;
	min-width:1140px;
	background:#fff;
	width:100%;
	table-layout:auto;
	transition: all 0.2s ease-out;
	z-index:100;
	}
	#pageLink a{
		display:table-cell;
		width:25%;
		height:70px;
		background:#ccc;
		color:#fff;
		font-size:20px;
		font-size:2.0rem;
		font-weight:bold;
		line-height:1em;
		vertical-align:middle;
		text-align:center;
		}
		#pageLink a:hover{
			text-decoration:none;
			}
		#pageLink a:nth-child(1){
			background:#8dbf21;
			}
			#pageLink a:nth-child(1):hover{
				background:#a4cc4d;
				}
			#pageLink a:nth-child(1) i{
				width:50px;
				}
		#pageLink a:nth-child(2){
			background:#05aff2;
			/*background:#f28705;*/
			}
			#pageLink a:nth-child(2):hover{
				background:#37bff5;
				/*background:#f59f37;*/
				}
			#pageLink a:nth-child(2) i{
				width:32px;
				}
		#pageLink a:nth-child(3){
			/*background:#05aff2;*/
			background:#f28705;
			}
			#pageLink a:nth-child(3):hover{
				/*background:#37bff5;*/
				background:#f59f37;
				}
			#pageLink a:nth-child(3) i{
				width:35px;
				}
		#pageLink a:nth-child(4){
			background:#f2637e;
			}
			#pageLink a:nth-child(4):hover{
				background:#f58298;
				}
	#pageLink i{
		display:inline-block;
		width:60px;
		margin-right:0.3em;
		}
		#pageLink i img{
			vertical-align:middle;
			}
	#pageLink.fit{
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		}

#read{
	margin-top:70px;
	background:url(../images/readBg.png);
	}
	#read .wrap{
		position:relative;
		padding:50px 0;
		}
	#read p{
		line-height:180%;
		}
	#read i{
		position:absolute;
		right:0;
		bottom:0;
		}
	#read .sns{
		color:#05aff2;
		}
	#read .campaign{
		color:#f28705;
		}
	#read .notice{
		color:#e85353;
		}

#sns{
	/*padding-top:0;*/
	border-top:1px solid #05aff2;
	}
	#sns header{
		position:relative;
		padding:100px 0 30px 0;
		}
		#sns header:before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			/*
			background:#cdeffc;
			opacity:.7;
			*/
			z-index:-1;
			}
		#sns header p{
			/*margin:30px 0;*/
			margin:0 0 300px 0;
			font-size:18px;
			font-size:1.8rem;
			font-weight:bold;
			line-height:1.4em;
			color:#fff;
			}
		#sns header figure{
			display:inline-block;
			width:25%;
			margin:0 1%;
			border:5px solid #fff;
			border-radius:5px;
			overflow:hidden;
			}
		#sns header .thumbBox{
			padding-top:70% !important;
			background-size:cover !important;
			}
		#sns header .backstretch{
			}
	#sns h2{
		color:#05aff2;
		margin-bottom:20px;
		}
		#sns h2 i{
			border-color:#05aff2;
			}
			#sns h2 i img{
				width:90%;
				margin:5%;
				}
	#sns section{
		position:relative;
		float:left;
		width:24%;
		margin:1.33% 0 0 1.33%;
		padding:0;
		}
		#sns section:nth-of-type(-n+4){
			margin-top:0px;
			}
		#sns section:nth-of-type(4n+1){
			margin-left:0;
			}
		#sns section h3{
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			background:rgba(0,0,0,0.5);
			color:#fff;
			font-size:90%;
			font-weight:normal;
			line-height:2em;
			text-align:center;
			z-index:1;
			}
	#sns footer{ }
		#sns footer h3{
			margin-bottom:20px;
			color:#05aff2;
			font-size:200%;
			}
		#sns footer dl{
			background:#fff;
			border:5px solid #05aff2;
			text-align:left;
			}
		#sns footer dt,
		#sns footer dd{
			}
		#sns footer dt{
			position:absolute;
			width:7em;
			margin:15px;
			border:2px solid #05aff2;
			border-radius:100px;
			color:#05aff2;
			font-weight:bold;
			line-height:30px;
			text-align:center;
			}
		#sns footer dd{
			padding:15px 15px 15px 10em;
			background:#fff;
			border-top:2px dashed #05aff2;
			text-align:left;
			}
			#sns footer dd:nth-of-type(1){
				border:none;
				}
		#sns footer ol{
			counter-reset: chapter;
			}
			#sns footer ol li{
				padding-left:1.5em;
				}
			#sns footer ol li:before{
				content:counter(chapter)".";
				counter-increment: chapter;
				float:left;
				margin-left:-1.5em;
				color:#05aff2;
				font-weight:bold;
				}
		#sns footer li{
			margin-top:0.5em;
			}
		#sns footer span{
			display:block;
			padding-left:1em;
			text-indent:-1em;
			color:#e85353;
			}
		#sns iframe,#sns blockquote,#sns p{
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			}
	#sns .thumbBox{
		padding-top:100% !important;
		background-size:contain !important;
		background:#f2f2f2;
		}
	#sns .but{
		background:#05aff2;
		}

#campaign{ 
	border-top:1px solid #f28705;
	}
	#campaign header{
		margin-bottom:80px;
		}
	#campaign h2{
		color:#f28705;
		}
		#campaign h2 i{
			border-color:#f28705;
			background:#f2f2f2;
			}
			#campaign h2 i img{
				width:70%;
				margin:15%;
				}
	#campaign section{ }
		#campaign section+section{
			margin-top:50px;
			}
		#campaign section:nth-of-type(even) h3 i{
			/*
			left:10px;
			right:auto;
			*/
			left:auto;
			right:10px;
			}
	#campaign h3{
		position:relative;
		margin-bottom:20px;
		padding:0.5em;
		background:#b79367;
		color:#fff;
		font-size:28px;
		font-size:2.8rem;
		text-align:center;
		}
		#campaign h3 small{
			margin-left:0.5em;
			font-size:75%;
			font-weight:normal;
			}
		#campaign h3 i{
			position:absolute;
			/*right:10px;*/
			left:10px;
			bottom:0;
			}
	#campaign .spot{
		display:table;
		width:100%;
		border-collapse:collapse;
		}
		#campaign .spot a{
			float:left;
			width:25%;
			padding:15px;
			border:1px solid #ccc;
			border-left:0;
			color:inherit;
			vertical-align:top;
			box-sizing:border-box;
			}
			#campaign .spot a:nth-of-type(n+5){
				border-top:none;
				}
			#campaign .spot a:nth-of-type(4n+1){
				clear:both;
				border-left:1px solid #ccc;
				}
			#campaign .spot a:hover{
				text-decoration:none;
				}
		#campaign .spot figure{
			margin:-15px;
			padding-bottom:25px;
			}
		#campaign .spot h4{
			padding-left:1.2em;
			font-size:18px;
			font-size:1.8rem;
			line-height:1.2em;
			}
			#campaign .spot h4 i{
				float:left;
				margin-left:-1.2em;
				color:#f28705;
				line-height:1.4em;
				}
		#campaign .spot p{
			margin-top:0.5em;
			font-size:14px;
			font-size:1.4rem;
			line-height:1.2em;
			}
			#campaign .spot p+p{
				padding:10px 10px 10px 30px;
				background:#fcf5ea;
				}
			#campaign .spot p+p i{
				float:left;
				margin-left:-20px;
				color:#f2ce94;
				font-size:18px;
				}
	#campaign .but{
		background:#f28705;
		}

#passport{
	background:#fce0e5;
	}
	#passport h2{
		color:#f2637e;
		}
		#passport h2 i{
			border-color:#f2637e;
			}
			#passport h2 i img{
				width:80%;
				margin:10%;
				}
	#passport section{
		text-align:center;
		}
	#passport .but{
		background:#f2637e;
		}

.but{
	display:inline-block;
	padding:1em 2em;
	background:#ccc;
	border:none;
	border-radius:2px;
	color:#fff;
	line-height:1.2em;
	}
	.but:hover{
		text-decoration:none;
		color:#fff;
		opacity:.8;
		}


@media (max-width: 1150px) {

#pageLink{
	}
	#pageLink a{
		width:auto;
		}


}


/* ie */
@media all and (-ms-high-contrast:none){
}