@charset "utf-8";
/* #access-header */
#news-header {
	position: relative;
	width: 100%;
	height: 500px;	
	margin: 0 auto 0;
	overflow: hidden;
}
#news-header .wrap {
	position: absolute;	
	width: 1920px;
	height: auto;
	top: 0;
	left: 50%;
	transform: translateX(-50%);	
	z-index: 1;
}
#news-header .cc {
	position: absolute;	
    width: 92%;
	height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
	top: 57%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
#news-header .cc h2 {
	margin: 0;	
}
#news-header .cc h2 img {
	vertical-align: bottom;	
}
#news-header .cc h2.txt-title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    text-align: center;
    vertical-align: bottom;
    letter-spacing: 0.1em;
    line-height: 180%;
    font-size: 27px;
    color: #fbfbfb;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));
}
#news-header .bottom {
	position: absolute;	
	width: 100%;
	height: 25px;
	bottom: 0;
	background: url(../img/bg-bar02.png) no-repeat center center;	
	z-index: 3;
}
/* #access-intro */
#news-intro {
	padding: 100px 0 100px;
    background: url(../img/bg05.png) no-repeat center bottom, url(../img/bg-shadow.png) no-repeat center top, url(../img/price-intro-bg.png) no-repeat center top, url(../img/bg04.png) no-repeat center top, url(../img/bg01.png) repeat-y center top;
    min-height: 500px;
    height: 100%;
}
#news-intro h3 {
	width: 1100px;
	margin: 0 auto 50px;	
	text-align: center;
}
#news-intro .wrap {
	width: 1100px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;	
}
#news-intro iframe {
	display: block;
	margin: 0 auto 100px;
	width: 1100px;
	height: 450px;
	border: 1px solid #516137;	
	box-sizing: border-box;
}
#news-intro h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 180%;
	font-size: 21px;
	margin: 0 0 50px;
	color: #222;
	font-weight: 600;
	box-sizing: border-box;
	padding-left: 75px;
	border-bottom: 1px solid #516137;
}
#news-intro p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 180%;
	font-size: 17px;
	margin: 0 0 30px;
	color: #222;
	font-weight: 600;
}
#news-intro .root01,
#news-intro .root02 {
	position: relative;
	width: 1100px;
	height: auto;
	margin-bottom: 100px;	
}
#news-intro .bt {
	position: absolute;
	width: 290px;
	height: 62px;
	right: 0;
	bottom: 0;
	display: block;
	background: #993636;
	transition: all 0.5s ease;	
}
#news-intro .bt:hover {
	background: #992222;
	transition: all 0.5s ease;	
	transform: translateY(3px);	
}
/* #access-ss */
#news-ss {
	padding: 100px 0 100px;
	background: url(../img/access-ss-bg.png) no-repeat center top, url(../img/bg05.png) no-repeat center bottom, url(../img/bg06.png) repeat-y center top;	
}
#news-ss h3 {
	width: 100%;
	margin: 0 auto 90px;
	text-align: center;	
}
#news-ss h3 img {
	    filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
}
#news-ss .wrap01 {
	width: 1100px;
	height: 448px;
	margin: 0 auto 40px;	
}
#news-ss .wrap01 .box {
	position: relative;
	float: left;
	width: 340px;
	height: 448px;
	margin-right: 40px;
	background: url(../img/bg01.png);
    filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
	box-sizing: border-box;
	border: 1px solid #fff;
}
#news-ss .wrap01 .box:nth-of-type(3n) {
	margin-right: 0;
}
#news-ss h4 {
	width: 100%;
	margin: 0;
	text-align: center;	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 170%;
	font-size: 18px;
	margin: 0;
    color: #fff;
	font-weight: 600;
	padding: 10px 0 10px;
	box-sizing: border-box;
	background: url(../img/access-ss-h4bg.png) no-repeat center center;
	position: absolute;
	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
}
#news-ss .img {
	position: absolute;
	width: 100%;
	height: 217px;
	top: 50px;
	left: 0;
}
#news-ss .desc {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 170%;
	font-size: 17px;
	margin: 0;
	color: #222;
	font-weight: 600;
	position: absolute;
	width: 300px;
	height: 110px;
	left: 20px;
	top: 280px;
}
#news-ss .link {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 22px;
	bottom: 25px;
	left: 0;
	padding-right: 20px;
	padding-left: 20px;
}
#news-ss .link a {
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	font-size: 17px;
	font-weight: 600;
	text-align: right;
	color: #993636;	
	transition: all 0.5s ease;
	border-top: 1px dashed #aaa;
	padding-top: 15px;
	box-sizing: border-box;
	padding-right: 20px;
	background: url(../img/access-ss-linkbg.png) no-repeat right bottom;
}
#news-ss .link a:hover {
	color: #a45729;	
	transition: all 0.5s ease;
}

.other_area { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; }
.php-copy a, .kanri a { display: inline-block!important; font-size: 12px!important; text-align: center; margin: 2em auto 0!important; text-decoration: none!important; transition: all 0.3s; }
.php-copy a { pointer-events: none; color: #9E9E9E!important; }
.kanri a { color: #516137!important; }
.kanri a:hover { opacity: 0.8; }



/* === 新着情報一覧 ============================================== */
#newsWrap { width: 100%; }
#newsWrap .flex { display: flex; justify-content: space-between; align-items: center; }
#newsWrap .flex > span { display: inline-flex; }
#newsWrap .flex.start { justify-content: flex-start; }

ul#newsList{ margin: 0; padding: 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
ul#newsList li{ color: #666; line-height: 100%;  padding: 1rem 1rem 0.5rem 1rem; margin-bottom: 1rem; border-bottom: 1px solid #424242;box-sizing: border-box; }

.up_ymd { font-size: 15px; font-weight: 600; letter-spacing: 0.04em; color: #222; }
.catName{ font-size: 12px; line-height: 100%; display: inline-block; padding: 4px 8px 3px; background: #9ca58e; border-radius: 5px; color: #ffffff; box-sizing: border-box; }
.title { font-size: 15px; letter-spacing: 0.1em; transition: all 0.5s ease; font-weight: 600; display: flex!important; justify-content: space-between; align-items: center; }
.title a { color: #222; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 0 0.6rem 0 0.6rem; box-sizing: border-box; }
.title a:hover { color: #3f5714; transition: all 0.5s ease; text-decoration: underline; }
.newMark{ display: inline-block; border: 1px solid #F00; padding: 1px 4px; font-size: 11px; color: #fff; font-style: italic; background: #F00; filter: drop-shadow(1px 1px 0.0.8rem #999); border-radius: 4px; box-sizing: border-box; }
.link_arrow { width: 0.5rem; height: 1rem; background: url(../img/top-info-arrow.png) no-repeat center; position: absolute; right: 1rem; }


/* Pager style（外部化可） */
.pager { display: flex; justify-content: flex-end; padding: 1rem 0; margin: 0!important; line-height: 100%!important; }
.pager a { background: rgba(255,255,255,0.65); border: 1px solid #516137; border-radius: 4px; color: #222; font-size: 14px; margin: 0 3px; padding: 0.2rem 0.5rem; box-sizing: border-box; text-decoration: none; transition: all 0.3s; /*Pagerボタン（常時）*/ }
.pager a.current { background: #516137; border: 1px solid #516137; color: #fff; /*Pagerボタン（現在）*/ }
.pager a:hover { background:#516137; color: #fff; }
.overPagerPattern { padding:0 2px ; }



/* === 新着情報詳細ページ ============================================== */
.pNav{ font-size:13px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*パンくず*/ }
.pNav a { color: #757575; text-decoration: none;  /*パンくずリンク*/ }
#up_ymd { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; text-align:right; font-size:15px; letter-spacing: 0.1em; line-height: 180%; color: #222; font-weight: 600; margin:5px 0 10px; }
.detailUpfile { margin:5px 0 35px; text-align:center; }
.detailUpfile img { width:100%; max-width:840px; overflow: hidden; object-fit: cover; }
.backBtn { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; display: flex; justify-content: center; padding: 1rem 0; margin: 15px 0 0!important; line-height: 100%!important; }
.backBtn a { background: rgba(255,255,255,0.65); border: 1px solid #516137; border-radius: 4px; color: #222; font-size: 14px; margin: 0 3px; padding: 0.8rem 1rem; line-height: 100%; box-sizing: border-box; display:inline-block; text-decoration: none; transition: all 0.3s; font-weight: 600; /*backボタン（常時）*/ }
.backBtn a:hover { background:#516137; color: #fff; }


/* 新着情報　内容レイアウト */
.detailText { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 0.1em; line-height: 180%; font-size: 17px; margin: 0 0 30px; color: #222; font-weight: 600; }
.detailText h1,.detailText h2,.detailText h3,.detailText h4 { vertical-align: bottom; letter-spacing: 0.1em; line-height: 160%; margin: 0!important; }
.detailText h3 { text-align: left!important; }
.detailText h4 { padding-left: 0!important; }
.detailText p  { margin: 0!important; padding: 0; display: unset; }
.detailText b  { filter: drop-shadow(0 0 0.01em #222) drop-shadow(0 0 0.014em #222); }
.detailText .red   { color: #ff0000!important;}
.detailText .gray  { color: #9E9E9E!important;}
.detailText .green { color: #516137!important;}
.detailText b.red   { filter: drop-shadow(0 0 0.01em #ff0000) drop-shadow(0 0 0.014em #ff0000); }
.detailText b.gray  { filter: drop-shadow(0 0 0.01em #9E9E9E) drop-shadow(0 0 0.014em #9E9E9E); }
.detailText b.green { filter: drop-shadow(0.02em 0.02em 0.01em #516137) drop-shadow(0 0 0.014em #516137); }
.detailText .f14 { font-size: 14px!important; } .detailText .f15 { font-size: 15px!important; }
.detailText .f16 { font-size: 16px!important; } .detailText .f17 { font-size: 17px!important; }
.detailText .f18 { font-size: 18px!important; } .detailText .f19 { font-size: 19px!important; }
.detailText .f20 { font-size: 20px!important; } .detailText .f21 { font-size: 21px!important; }
.detailText .f22 { font-size: 22px!important; } .detailText .f23 { font-size: 23px!important; }
.detailText .f24 { font-size: 24px!important; } .detailText .f25 { font-size: 25px!important; }
.detailText .f26 { font-size: 26px!important; } .detailText .f27 { font-size: 27px!important; }
.detailText .f28 { font-size: 28px!important; } .detailText .f29 { font-size: 29px!important; }
.detailText a    { color: #222; text-decoration: none; transition: all 0.3s; background: linear-gradient(transparent 60%, rgba(145,187,77,0.4) 80%); display: inline; }
.detailText a:hover { color: #516137; background: linear-gradient(transparent 60%, rgba(81,97,55,0.16) 80%); }
.detailText blockquote { border: solid 8px rgba(109,127,79,0.1); background: rgba(206,223,179,0.3)!important; padding: 1.4rem 2rem; box-sizing: border-box; width: 92%;  margin: 0 auto; font-size: 16px; line-height: 150%; letter-spacing: 0.075em; }