@charset "utf-8";
#wrapper{
	opacity: 0;
	transition: all 1.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#wrapper.active{
	opacity: 1;
}

main{
	overflow: hidden;
}

/*	news
================================================== */
main .news{
	position: relative;
}
main .news .titleArea{
	padding-top: 80px;
	background: #fff;
}
main .news span.title{
	font-size: 20px;
	display: block;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.12em;
	margin-bottom: 12px;
}
main .news nav{
	padding: 0 10% 40px; 
}
main .news nav ul{
	font-size: 0;
	text-align: center;
}
main .news nav ul li{
	font-size: 12px;
	display: inline-block;
	line-height: 1.4;
	border-right: 1px solid #999;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 12px;
}
main .news nav ul li:first-of-type{
	padding-left: 0px;
}
main .news nav ul li:last-of-type{
	border-right: 0px solid #999;
	padding-right: 0px;
}
main .news nav ul li a{
	color: #999;
}
main .news .cover{
	background: #F2F2F2;
	padding-top: 80px;
	text-align: center;
}
main .news article{
	margin: 0 10%;
}
main .news article .single{
	padding-bottom: 60px;
	margin-top: -20px;
}
main .news article .single figure{
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
main .news article .single figure a{
}
main .news article .single figure i{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	color: #000;
	font-size: 10px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
main .news article .single figure a i:before{
	position: relative;
	right: -2px;
}
main .news article .single .note img{
	height: auto
}
main .news article .single .txtBox{
}
main .news article .single .txtBox ul{
	line-height: 1.5;
	text-align: left;
}
main .news article .single .txtBox ul li{
}
main .news article .single .txtBox ul li.category{
	white-space: nowrap;
	margin-bottom: 4px;
}
main .news article .single .txtBox ul li.category a{
	color: #999;
}
main .news article .single .txtBox ul li.title{
}

main .news .linkBox{
	margin: 0 10%;
}
main .news .linkBox a{
	width: auto;
	display: block;
}





/*	wp-pagenavi
================================================== */

.wp-pagenavi{
	text-align:center;
	margin-top: 40px;
}
.wp-pagenavi span.current{
	display:inline-block;
	background: none;
	color: #000;
	font-weight: 700;
	text-decoration: underline;
	width: auto;
	padding: 0 6px;
	height: 20px;
	line-height:20px;
	margin:0 3px;
}
.wp-pagenavi a{
	display:inline-block;
	background: none;
	color: #999;
	font-weight: 400;
	width: auto;
	padding: 0 6px;
	height: 20px;
	line-height:20px;
	margin:0 3px;
}
.wp-pagenavi a.nextpostslink{
	display: none;
}
.wp-pagenavi a.previouspostslink{
	display: none;
}



/*	single
================================================== */
main .single{
	position: relative;
}

main .single .iframeBox{
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 50px;
}
main .single .iframeBox:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
main .single .iframeBox iframe{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
main .single figure.main{
	margin-bottom: 50px;
}
main .single figure.main img{
	width: 100%;
	height: auto;
}
main .single article.intro{
	padding: 0 5%;
	margin: 0 auto 40px;
}
main .single article.intro span.category{
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #999;
}
main .single article.intro h1{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px;
}
main .single article.intro span.catch-copy{
	display: block;
	font-size: 14px;
	margin-bottom: 1em;
}
main .single article.intro div.note p,
main .single article.intro p.lead{
	display: block;
	text-align: justify;
	font-size: 12px;
}
main .single article.intro div.note p:last-of-type,
main .single article.intro p.lead:last-of-type{
	margin-bottom: 0.0em;
}
main .single article.intro div.note p a,
main .single article.intro p.lead a{
	text-decoration: underline;
}


main .single article.single-img{
	padding: 0 5%;
	margin: 40px auto 40px;
}
main .single article.single-img figure{
}
main .single article.single-img figure img{
	width: 100%;
	height: auto;
}
main .single article.single-img span.caption{
	display: block;
	margin-top: 5px;
}




main .single article.twin-img{
	padding: 0 5%;
	margin: 40px auto 40px;
}
main .single article.twin-img .flex{
}
main .single article.twin-img .flex figure{
	margin: 0 auto 15px;
}
main .single article.twin-img .flex span.caption{
	display: block;
	margin-top: 5px;
}




main .single article.txtBox{
	padding: 0 5%;
	margin: 40px auto 40px;
}
main .single article.txtBox h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}
main .single article.txtBox div.note p{
	display: block;
	text-align: justify;
	font-size: 12px;
	margin-bottom: 0.5em;
}
main .single article.txtBox div.note p:last-of-type{
	margin-bottom: 0.0em;
}
main .single article.txtBox div.note p a{
	text-decoration: underline;
}



main .single article.mov{
	padding: 0 5%;
	margin: 40px auto 40px;
}
main .single article.mov .youtubeBox{
}
main .single article.mov .youtubeBox .youtube{
	position: relative;
	padding-bottom: 56.25%;
}
main .single article.mov .youtubeBox .youtube iframe{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


main .single .pageNav{
	padding: 30px 0 0;
	margin: 80px 5% 80px;
	border-top: 1px solid #E6E6E6;
}
main .single .pageNav ul{
	position: relative;
}
main .single .pageNav ul li{
}
main .single .pageNav ul li.prev{
	float: left;
	position: relative;
	z-index: 1;
}
main .single .pageNav ul li.next{
	float: right;
	position: relative;
	z-index: 1;
}
main .single .pageNav ul li.back{
	position: absolute;
	left: 5em;
	right: 5em;
	z-index: 2;
	text-align: center;
}




main .archive{
	padding: 0 0 0;
	margin: 0 5% 85px;
}
main .archive .flex{
}
main .archive .flex .box{
	margin-bottom: 40px;
}
main .archive .flex .box:last-of-type{
	margin-bottom: 0px;
}

main .archive .flex .box h3{
	font-size: 13px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 20px;
}
main .archive .flex .box ul{
	font-size: 12px;
	padding-left: 1em;
}
main .archive .flex .box ul li{
	margin-bottom: 5px;
}
main .archive .flex .box ul li:last-of-type{
	margin-bottom: 0px;
}

main .archive .flex .box span.year{
	display: block;
	cursor: pointer;
	background: #E6E6E6;
	padding: 10px 12px;
	position: relative;
	margin-bottom: 4px;
}
main .archive .flex .box span.year:before{
	content: "";
	display: block;
	width: 9px;
	height: 1px;
	background: #666;
	position: absolute;
	right: 14px;
	top: 50%;
}
main .archive .flex .box span.year:after{
	content: "";
	display: block;
	width: 1px;
	height: 9px;
	background: #666;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -4px;
	transition: 0.5s ease-in-out;
}
main .archive .flex .box span.year.active:after{
	transform: rotate(450deg);
	opacity: 0;
}
main .archive .flex .box ul.archivelink{
	padding: 15px 0 30px 12px;
}