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





	
	
/* news_list
--------------------- */
#news_list {
	width: 100%;
	padding: 100px 0;
}
	#news_list .box {
		width: 22.5%;
		margin-right: 2%;
		margin-bottom: 40px;
	}
	#news_list .box:nth-child(4n) {
		margin-right: 0;
	}
		#news_list .box a {
			display: block;
		}
			#news_list .box a .pht {
				overflow: hidden;
			}
				#news_list .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;
				}
				#news_list .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);
				}

			#news_list .box a .days {
				font-size: 1.3rem;
				color: #917C50;
				padding-top: 10px;
			}

			#news_list .box a h3 {
				font-size: 1.5rem;
				font-weight: 500;
				text-align: left;
			}





/* wp-pagenavi
--------------------- */
.pagenavi {
	width: 100%;
	display: block;
}
.wp-pagenavi {
	clear: both;
	text-align: center;
	padding-top: 30px;
	font-family: 'Cormorant Infant', serif;
	font-weight: 500;
	font-size: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #011F4E;
	border: solid 1px #011F4E;
	padding: 10px 13px 8px 13px;
	margin: 0 5px;
	transition: 0.3s;
	-webkit−transition: 0.3s;
}
.wp-pagenavi a:hover{
	opacity: 0.7;
}
.wp-pagenavi span.current{
	color: #fff;
	background: #011F4E;
	border: solid 1px #011F4E;
}





/* breadcrumb-news
--------------------- */
.breadcrumb-news {
	border-top: solid 1px #ddd;
	margin-top: 80px;
}




	
	
/* detail
--------------------- */
#detail {
	width: 100%;
	padding: 80px 0 100px 0;
}
	#detail .contents {
		width: -webkit-calc(100% - 290px);
		width: calc(100% - 290px);
		padding-right: 5%;
	}
		#detail .contents .days {
			font-size: 1.3rem;
			color: #917C50;
		}


		#detail .contents h1 {
			font-size: 2.8rem;
			font-weight: 600;
			line-height: 1.5em;
			margin-bottom: 30px;
		}


		#detail .contents .free {
			margin-bottom: 50px;
		}
			#detail .contents .free h2 {
				padding-top: 30px;
				margin-top: 50px;
				border-top: dashed 1px #ddd;
				font-size: 2.4rem;
				font-weight: 600;
				padding-left: 14px;
				background: url("../img/icon_tit.jpg") no-repeat left 45px;
				margin-bottom: 15px;
			}

			#detail .contents .free h3 {
				padding-top: 20px;
				margin-bottom: 10px;
				font-size: 2.0rem;
				font-weight: 600;
			}

			#detail .contents .free .pht {
				margin-bottom: 15px;
			}

			#detail .contents .free ol {
				margin-bottom: 15px;
			}
				#detail .contents .free ol li {
					font-size: 1.5rem;
					padding-left: 12px;
					list-style: none;
					position: relative;
				}
				#detail .contents .free ol li:before {
					content: "";
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: #917C50;
					position: absolute;
					top: 10px;
					left: 0;
				}

			#detail .contents .free ul {
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
				#detail .contents .free ul li {
					width: 49%;
					margin-right: 2%;
					margin-top: 2%;
				}
				#detail .contents .free ul li:nth-child(2n) {
					margin-right: 0;
				}

			#detail .contents .free p {
				font-size: 1.5rem;
				line-height: 30px;
				margin-bottom: 15px;
			}
				#detail .contents .free p a {
					color: #917C50;
					text-decoration: underline;
				}
				#detail .contents .free p a:hover {
					text-decoration: none;
				}

			#detail .contents .free .quotation {
				background: #F6F4F3 url("../img/quotation.png") no-repeat 30px 30px;
				padding: 30px 30px 30px 80px;
				margin-top: 30px;
			}
				#detail .contents .free .quotation p {
					margin-bottom: 0;
				}



	#detail .sidebar {
		width: 290px;
	}
		#detail .sidebar .head {
			width: 100%;
			height: 65px;
			background: #011F4E;
			font-size: 2.0rem;
			font-weight: 600;
			color: #fff;
			text-align: center;
			line-height: 65px;
		}

		#detail .sidebar ul li {
			border-bottom: dashed 1px #ddd;
		}
			#detail .sidebar ul li a {
				display: block;
				padding: 20px 0;
			}
				#detail .sidebar ul li a .en {
					font-size: 1.3rem;
					color: #917C50;
				}
				#detail .sidebar ul li a .txt {
					font-size: 1.5rem;
				}










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









}

	







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





	
	
/* pagetitle
--------------------- */
#pagetitle .inner {
	background: url("../img/pagetitle/news.png") no-repeat center 137px / 300px;
}





	
	
/* news_list
--------------------- */
#news_list {
	padding: 60px 0;
}
	#news_list .box {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	#news_list .box:nth-child(2n) {
		margin-right: 0;
	}
		#news_list .box a .days {
			font-size: 1.2rem;
		}

		#news_list .box a h3 {
			font-size: 1.4rem;
			padding-top: 5px;
		}





/* wp-pagenavi
--------------------- */
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 50px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 6px 6px 5px 6px;
	font-size: 86%;
	margin: 0 3px;
}




	
	
/* detail
--------------------- */
#detail {
	padding: 100px 0 0 0;
}
	#detail .inner {
		display: block;
		padding: 0;
	}
	
	
	#detail .contents {
		width: 100%;
		padding: 0 5% 60px 5%;
	}
		#detail .contents .days {
			font-size: 1.2rem;
		}


		#detail .contents h1 {
			font-size: 2.4rem;
		}


		#detail .contents .free {
			margin-bottom: 40px;
		}
			#detail .contents .free h2 {
				padding-top: 30px;
				margin-top: 50px;
				font-size: 2.0rem;
				background: url("../img/icon_tit.jpg") no-repeat left 41px;
			}

			#detail .contents .free h3 {
				font-size: 1.7rem;
			}

				#detail .contents .free ol li {
					font-size: 1.4rem;
				}
				#detail .contents .free ol li:before {
					top: 9px;
				}


			#detail .contents .free p {
				font-size: 1.4rem;
				line-height: 2em;
			}

			#detail .contents .free .quotation {
				background: #F6F4F3 url("../img/quotation.png") no-repeat 20px 20px / 20px;
				padding: 20px 20px 20px 60px;
				margin-top: 30px;
			}



	#detail .sidebar {
		width: 100%;
	}
		#detail .sidebar .head {
			height: 55px;
			font-size: 1.8rem;
			line-height: 55px;
		}

		#detail .sidebar ul li a {
			padding: 5%;
		}
			#detail .sidebar ul li a .en {
				font-size: 1.2rem;
			}
			#detail .sidebar ul li a .txt {
				font-size: 1.4rem;
			}








}