@charset "UTF-8";
/* CSS Document */





	
	
/* topics
--------------------- */
#topics {
	width: 100%;
}
	#topics .box {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 50px;
	}
	#topics .box:nth-child(4n) {
		margin-right: 0;
	}
		#topics .box a {
			display: block;
		}
			#topics .box a .pht {
				overflow: hidden;
				border-radius: 0 0 20px 0;
				height: 181px;
			}
				#topics .box a .pht img {
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
					top: 50%;
					left: 50%;
					width: 100%;
					height: auto;
				}
				#topics .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#topics .box a time {
				display: block;
				font-size: 1.2rem;
				line-height: 1;
				color: #1B9FFC;
				padding-top: 15px;
			}

			#topics .box a h3 {
				font-size: 1.5rem;
				line-height: 1.4em;
				padding-top: 10px;
			}




/* wp-pagenavi
---------------- */
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-family: 'Viga', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	padding-top: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
	background: #eaebeb;
	border: none !important;
	padding: 12px 15px 10px 15px !important;
	margin: 0 1px;
	transition: 0.3s;
	-webkit竏稚ransition: 0.3s;
}
.wp-pagenavi a:hover{
	color: #FFF; 
	background: #1B9FFC; 
}
.wp-pagenavi span.current{
	color: #fff;
	background: #1B9FFC;
}





	
	
/* detail
--------------------- */
#detail {
	width: 100%;
}
	#detail .contents {
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
		padding-right: 5%;
	}
		#detail .contents h1 {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 20px 0;
			font-size: 3.2rem;
			font-weight: 700;
			line-height: 1.5em;
		}

		#detail .contents time {
			display: block;
			font-size: 1.2rem;
			text-align: right;
			line-height: 1;
			color: #1B9FFC;
			padding-top: 10px;
			margin-bottom: 40px;
		}


	#detail .localnav {
		width: 250px;
	}
		#detail .localnav dl {
			background: #F8FCFF;
			color: #1B9FFC;
			text-align: center;
			padding: 10px;
			border-radius: 10px;
		}
			#detail .localnav dl dt {
				font-size: 1.8rem;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 5px;
			}
			#detail .localnav dl dd {
				font-size: 1.2rem;
				line-height: 1;
			}

		#detail .localnav ul li {
			border-bottom: dashed 1px #ddd;
		}
			#detail .localnav ul li a {
				display: block;
				padding: 20px 0 15px 0;
			}
				#detail .localnav ul li a .en {
					display: block;
					font-size: 1.2rem;
					line-height: 1;
					color: #1B9FFC;
					padding-bottom: 5px;
				}

				#detail .localnav ul li a p {
					font-size: 1.4rem;
					font-weight: 700;
					line-height: 1.4em;
				}







/* 1260px */
@media screen and (max-width: 1260px) {
	
}









/* 1080px */
@media screen and (max-width: 1080px) {

}






/* 800px */
@media screen and (max-width: 800px) {





	
	
/* topics
--------------------- */
#topics .box {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
}
#topics .box:nth-child(2n) {
	margin-right: 0;
}
	#topics .box a time {
		font-size: 1.0rem;
	}

	#topics .box a h3 {
		font-size: 1.4rem;
	}



			#topics .box a .pht {
				overflow: hidden;
				border-radius: 0 0 20px 0;
				height: 134px;
			}
				#topics .box a .pht img {
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
					top: 50%;
					left: 50%;
					width: 100%;
					height: auto;
				}





/* wp-pagenavi
---------------- */
.wp-pagenavi {
	font-size: 1.3rem;
	padding-top: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 10px 13px 8px 13px !important;
}





	
	
/* detail
--------------------- */
#detail .flex-start {
	display: block;
}
	#detail .contents {
		width: 100%;
		padding-right: 0;
		margin-bottom: 80px;
	}
		#detail .contents h1 {
			padding: 15px 0;
			font-size: 2.4rem;
		}


	#detail .localnav {
		width: 100%;
	}







}