@charset "utf-8";
@import "../css/common.css?210701";
/*-----------------------------------------------
	news
-----------------------------------------------*/
/* titPage */
.titPage {
	background: url("../img/news/bgPage.jpg") center top no-repeat;
}

/* titIndex */
.titDetails{
	text-align: center;
}
.titDetails .boxTit02{
	font-size: 18px;
	color: #464137;
	letter-spacing: 2px;
	margin-top: 18px;
	font-weight: bold;
}
@media only screen and (max-width:767px){
	.titDetails .boxTit01 img{
		width: auto;
		height: 22px;
	}
	.titDetails .boxTit02{
		margin-top: 14px;
		font-size: 17px;
	}
}

/* secList */
.secList .boxList{
	width:1160px;
	margin:0 auto 13px;
}
.secList .boxList li{
	border-bottom:solid 1px #CCC;
}
.secList .boxList a{
	display:block;
	color: #333;
	position:relative;
	text-decoration:none;
	padding:20px 0 16px 141px;
}
.secList .boxList .img{
	width:126px;
	height:90px;
	position:absolute;
	top:20px;
	left:0;
	text-align:center;
}
.secList .boxList .img img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.secList .boxList .date{
	display:inline-block;
	vertical-align:top;
	line-height:20px;
	font-size:12px;
	letter-spacing:1px;
	color:#333;
	border:solid 1px #999;
	padding:0 14px;
	margin:0 0 9px;
}
.secList .boxList .tit{
	font-size:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 0 6px;
	letter-spacing:0.25px;
}
.secList .boxList .txt{
	font-size: 13px;
	line-height: 21px;
	color: #333;
	height: 42px;
	overflow: hidden;
}
.secList .boxList .ico{
	display: inline-block;
	margin-left: 5px;
}
.secList .boxList .ico .new{
	display: block;
	height: 22px;
	line-height: 22px;
	border-radius: 11px;
	background: #D685B0;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0 14px;
	text-align: center;
	font-weight: 900;
}
.secList .boxMore{
	margin: 50px 0 100px;
}
.secList .boxMore a{
	display: block;
	width: 350px;
	height: 62px;
	line-height: 62px;
	background: #49443A;
	border-radius: 31px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 1px;
	text-decoration: none;
}
/* データなし */
.secList .secError{
    text-align:center;
    padding:80px 0;
    line-height:18px;
    font-size:12px;
}
.secList .boxMore a img{
	vertical-align: middle;
	margin-right: 11px;
}
.secList .boxMore .icoLoader{
	display: none;
	width: 32px;
	height: 62px;
	margin: 0 auto;
	padding: 24px 0;
	box-sizing: border-box;
}
@media only screen and (max-width:767px){
	.secList .boxList{
		width:87.5%;
		margin:20px auto 14px;
	}
	.secList .boxList a{
		padding:16px 0 10px 0;
		position: relative;
	}
	.secList .boxList .tit{
		font-size:13px;
		margin-bottom:0;
	}
	.secList .boxList .ico{
		position: absolute;
		top: 16px;
		left: 105px;
	}
	.secList .boxList .ico .new{
		height: 22px;
	}
	.secList .boxMore{
		margin: 12px 0 25px;
	}
	.secList .boxMore a{
		width: 200px;
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		font-size: 13px;
		letter-spacing: 0;
	}
	.secList .boxMore .icoLoader{
		height: 32px;
		padding: 0;
	}
}

/* secDetails */
.secDetails .boxMain{
	max-width:1000px;
	margin:0 auto;
}
.secDetails .boxMain .tit{
	font-size:25px;
	font-weight:bold;
	letter-spacing:2.5px;
	line-height:1.6;
	padding:30px 0 32px;
}
.secDetails .boxMain .img{
	margin:0 0 40px;
	text-align:center;
}
.secDetails .boxMain .img img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.secDetails .boxMain .txt{
	font-size:14px;
	letter-spacing:0.5px;
	line-height:1.6;
	margin:0 0 60px;
}
.secDetails .boxMain .photo_left {
	width:100%;
	text-align:left;
	padding:0px 0px 10px;
}
.secDetails .boxMain .photo_center {
	width:100%;
	text-align:center;
	padding:0px 0px 10px;
}
.secDetails .boxMain .photo_right {
	width:100%;
	text-align:right;
	padding:0px 0px 10px;
}
.secDetails .boxMain img.photo_fleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.secDetails .boxMain img.photo_fright {
	float:right;
	margin:0px 0px 10px 10px;
}
.secDetails .boxBack{
	width: 1160px;
	margin: 95px auto 100px;
	padding-top: 50px;
	border-top: 1px solid #CCC;
}
.secDetails .boxBack a{
	display: block;
	width: 350px;
	height: 62px;
	line-height: 62px;
	border-radius: 31px;
	margin: 0 auto;
	text-align: center;
	color: #484439;
	font-size: 15px;
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px solid #C0BEBB;
}
.secDetails .boxBack a img{
	vertical-align: middle;
	margin-right: 11px;
}
/* secAccess */
.secAccess{
	padding-top: 37px;
}
.secAccess .boxMap{
	width: 798px;
	margin: 51px auto 0;
}
@media only screen and (max-width:767px){
	.secDetails .boxMain{
		width:94%;
	}
	.secDetails .boxMain .tit{
		font-size:15px;
		line-height:22px;
		padding:17px 0 10px;
		letter-spacing: 1px;
	}
	.secDetails .boxMain .img{
		margin:0 0 10px;
	}
	.secDetails .boxMain .txt{
		line-height:22px;
		margin:0 0 15px;
	}
	.secDetails .boxMain .txt img{
		width:100%;
		height:auto;
	}
	.secDetails .boxMain .photo_left,
	.secDetails .boxMain .photo_center,
	.secDetails .boxMain .photo_right,
	.secDetails .boxMain img.photo_fleft,
	.secDetails .boxMain img.photo_fright {
		float:none;
		width:100%;
		height:auto;
		text-align:left;
		margin:10px 0;
	}
	.secDetails .boxMain .photo_left img,
	.secDetails .boxMain .photo_center img,
	.secDetails .boxMain .photo_right img {
		width:100%;
		height:auto;
	}
	.secDetails .boxBack{
		width: 93.75%;
		margin: 12px auto 50px;
		padding-top: 12px;
	}
	.secDetails .boxBack a{
		width: 200px;
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		font-size: 13px;
		letter-spacing: 0;
	}
}