@charset "UTF-8";



/*　トップページ　細かい所
====================================================== */
/* 共通 */
/* ▼img hover 効果▼ */
.box_img {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
img.scale {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
a:hover img.scale {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* ▲img hover 効果▲ */



/* ▼トップキャッチ部分▼ */
.catchwrap {
	min-width:1120px;
}
#catcharea {
	width: 1020px;
	margin: 40px auto;
}

/* スライダー */
#eyecatch {
	background-color: #000;
	color: #fff;
	height: 300px;
	overflow: hidden;
	padding: 5px;
	width: 760px;
	float: left;
}
table.slidetable {
	margin: 0;
}
table.slidetable,
table.slidetable a {
	color: #fff;
}
table.slidetable .slide-pic {
	width: 400px;
	height: 300px;
	overflow: hidden;
}
table.slidetable .slide-pic img{
	max-width: 100%;
	min-height: 100%;
	height: auto;
	overflow: hidden;	
}
table.slidetable .slidetable a:hover{color: #5AB1E3;background-color:#000;}

/* ページャー */
table.slidetable td.nextb a,
table.slidetable td.prevb a {font-size: 1.13em; font-weight: 500; text-decoration:none;}
table.slidetable td.prevb {padding: 15px 0 0 20px;}
table.slidetable td.nextb {padding: 15px 20px 0 0;text-align: right;}

/* タイトル・概要 */
table.slidetable td.slidetext{padding: 20px; vertical-align:top;}
table.slidetable td.slidetext h2 {
	font-size: 1.5em;
	line-height: 1.45;
	margin: 0 0 0.5em;
}

#pagination {text-align: center;clear:both;margin-top: 10px;}
#pagination a, #pagination .currentpage {margin: 10px;}


/* バナー群 */
#bnarea ul.ul_top_bn {
	float: right;
	background-color: #f5f5f5 /* 新バナー作成まで表示 */;
	padding: 20px /* 新バナー作成まで表示 */;
}
#bnarea ul.ul_top_bn li {margin-top: 10px;}
#bnarea ul.ul_top_bn li:first-child {margin-top: 0;}
#bnarea ul.ul_top_bn li img {width: 190px; height: auto;}

/* ▲トップキャッチ部分▲ */



/* topic */
#topic02,
#topic03,
#topic04 {
	margin: 2.25em 0 0;
}
#topic01 p.subtext,
#topic02 p.subtext,
#topic03 p.subtext,
#topic04 p.subtext {
	text-align: center;
	margin: 0 0 1.25em;
}
#topic01 h3,
#topic02 h3,
#topic03 h3 {
	/* margin: 0 0 0.31em; */
}

/* 各記事 */
.home .blogexcerpt {
	float: left;
	position: relative;
	margin-left: 20px;
	width: 240px;
}
.home #topic01 .blogexcerpt:first-of-type,
.home #topic02 .blogexcerpt:first-of-type,
.home #topic03 .blogexcerpt:first-of-type {
	margin-left: 0;
}
.home .blogexcerpt .bg_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position:absolute;
	top: 0;
	left:0;
}

.home .blogexcerpt:hover .hiddenblogpreview { 
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 58px;
	opacity: 1;
	position: absolute;
	color: #fff;
}

.home .blogexcerpt .excerpttitle{
	background-color: #000;
	bottom: 0;
	color: #ffffff;
	font-size: 0.94em;
	height: 38px;
	line-height: 1.45;
	padding: 10px;
	position: absolute;
	width: 220px;
}
.home .blogexcerpt .blogthumb {}
.home .blogexcerpt .blogthumb img.attachment-thumb {width: 100%;height: auto;}
.home .hiddenblogpreview{ 
	position: absolute;
	bottom: 0;
	opacity: 0;
	font-size: 0.81em;
	padding: 8px 14px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;	
}

/* movie */
#movie {float: left;margin-top: 2.25em;width: 370px;}
#movie ul.ul_movie {}
#movie ul.ul_movie li {margin-top: 10px;}
#movie ul.ul_movie li iframe {width: 100%; height: 205px;}
#movie ul.ul_movie li:first-child {margin-top:0;}

/* map */
#topic04 .notes {
	line-height: 1.45;
	font-size: 0.94em;
	text-indent: -1.38em;
	padding-left: 1.38em;
	text-align: justify
}
#topic04 .notes img {
	padding-bottom: 0.25em;
}
#topic04 .gmap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75.00%;
	overflow: hidden;
	margin-top: 0.5em;
}
#topic04 .gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;    /* 必要であれば!importantを付けてください */
	height: 100%;    /* 必要であれば!importantを付けてください */
}


/* sns */
#sns {float: right;margin-top: 2.25em; width: 370px;}


/* blog */




/*　ページ毎
====================================================== */
/* 共通 */
.c_box {margin-bottom:30px;}
.c_box .textbox {width:500px;}
.c_box .textbox p {margin-bottom:1em;}
.c_box .textbox .btn {border-color:#0152ab;margin-top:15px;}
.c_box .photo_fh,
.c_box .photo_fw {
	width: 400px;
	height: 250px;
	overflow: hidden;
	position: relative;
	background-color:#f6f6f6;
}
.c_box .photo_fw img,
.c_box .photo_fh img { /* 写真サイズに依存されず中央センタリング */
	position: absolute;
	left: 50%;
	top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
           -ms-transform: translate(-50%, -50%);
          transform: translate3d(-50%, -50%, 0);
}
.c_box .photo_fh img {height:100%;width:auto;} /* 高さにFIX */
.c_box .photo_fw img {width:100%;height:auto;} /* 横にFIX */


/* Blogs */
ul.ul_author {}
ul.ul_author li.authorlist {
	float: left;
	/* width: 30%;
	margin:1.5%; */
	margin: 8px;
	width: 240px;
}
ul.ul_author li.authorlist:nth-child(3n+1) {
	clear:both;
	margin-left: 0;
}
ul.ul_author li.authorlist .photo_fh {
	float: left;
	margin-right: 10px;
}

ul.ul_author li.authorlist .cat_blogtitle a {
	color: #829a19;
}
ul.ul_author li.authorlist h3 a {
	font-style:italic;
}

ul.ul_author li.authorlist ul li .blogexcerpt {
	float: left;
	position: relative;
	width: 240px;
	margin-top: 10px;
}
ul.ul_author li.authorlist ul li .blogexcerpt .bg_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position:absolute;
	top: 0;
	left:0;
}

ul.ul_author li.authorlist ul li .blogexcerpt:hover .hiddenblogpreview { 
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 58px;
	opacity: 1;
	position: absolute;
	color: #fff;
}

ul.ul_author li.authorlist ul li .blogexcerpt .excerpttitle{
	background-color: #000;
	bottom: 0;
	color: #ffffff;
	font-size: 0.94em;
	height: 38px;
	line-height: 1.45;
	padding: 10px;
	position: absolute;
	width: 220px;
}
ul.ul_author li.authorlist ul li .blogexcerpt .blogthumb img {}
ul.ul_author li.authorlist ul li .blogexcerpt .blogthumb img.attachment-thumb {width: 100%;height: auto;}
ul.ul_author li.authorlist ul li .hiddenblogpreview{ 
	position: absolute;
	bottom: 0;
	opacity: 0;
	font-size: 0.81em;
	padding: 8px 14px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;	
}

/* Author 新規レイアウト 2021/04/26 */
.authorbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	margin-bottom: 2em;
}
.col2 .authorbox .photo {
	max-width: 150px;
	margin-right: 1em;
}
@media screen and (max-width: 740px) {
	.col2 .authorbox .photo {
		max-width: 75px;
	}
}
.col3 .authorbox .photo {
	max-width: 75px;
	margin-right: 1em;
}
.authorbox .photo img {
	width: 100%;
	height: auto;
}
.authorbox .data {
	flex: 1;
	padding-right: 1em;
}
.authorbox h3 {
	margin-bottom: 0.5em;
}
.authorbox h3 a {
	background-color: #829a19;
	border: 1px solid #829a19;
	color: #fff;
	border-radius: 3px;
	margin-left: 0.25em;
	line-height: 1;
	text-decoration: none;
	padding: 0 0.5em 0.13em;
	font-size: 0.94em;
	bottom: 0.06em;
	position: relative;
	transition: all 0.4s ease 0s;
}
.authorbox h3 a:hover {
	background-color: #fff;
	border: 1px solid #829a19;
	color: #829a19;
	transition: all 0.4s ease 0s;
}
.authorbox img.icon {
	width: 17px;
	height: auto;
}
.authorbox ul li {
	line-height: 1.4;
	margin-bottom: 0.5em;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.authorbox {
}


/* ご利用にあたっての注意事項 */
.important_notice_wrap p {
	margin-bottom: 1em;
}
.important_notice_wrap h4.h4_title02 {
	margin: 1em 0 0.25em;
}

/* お問合わせ サンキューページ thanks*/
.page-id-97 .h2_bg h2 span {
	width: 400px;
}

/* メールフォーム */
.w_contact {
	border: 1px dotted #ccc;
	margin: 0 auto;
	padding: 3% 14% 3% 18%;
	width: 68%;
}
.w_contact .tel_box {
  border: 1px solid #ccc;
  display: inline-block;
  margin: 25px auto 20px;
  padding: 5px 60px;
  text-align: center;
}
.w_contact .tel_box p {
	font-size: 1.13em;
	font-weight: 500;
}
.w_contact .tel_box span {
	color: #005480;
	display: inline-block;
	font-size: 2em;
	font-weight: bold;
	padding: 0 6px 6px;
	vertical-align: middle;
}

.wpcf7-form {
	/* background-color: #fcfcfc;
	border-radius: 5px;
	padding: 20px; */
	margin-top:30px;
}
.wpcf7-form select {
	padding: 1.2em;
}
.wpcf7-form dl {
	margin:0 0 20px;
}
.wpcf7-form dl dt {
	background-color: #EFF7FF;
	border-radius: 5px;
	float: left;
	font-size: 1em;
	padding: 1em;
	width: 13em;
	font-weight:300;
}
.wpcf7-form dl dd {
	float: left;
	margin-left: 30px;
}
.wpcf7-form dl dd input {
	/* width: 360px; */
}
span.zip input.wpcf7-text {
	width: 7em;
}
.wpcf7-form dl dd textarea {
	width: 390px;
	font-size:0.88em;
	font-weight:normal;
	height:10em;
}
input.wpcf7-text {
	padding: 1.2em;
}
.wpcf7-form .wpcf7-list-item {
	display:block;
}

.wpcf7-submit:disabled {
	cursor:inherit;
	background-color:#FFF;
	color:#777;
	font-weight:400 !important;
	letter-spacing:1.0px;
	font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important;
}
.wpcf7-submit {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border: 3px solid #005480;
	font-size: 1.25em;
	padding: 10px 40px;
	cursor:inherit;
	background-color:#FFF;
	color:#333;
	letter-spacing:1.0px;
	font-weight:400 !important;
	font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important;
}
.wpcf7-submit:enabled:hover {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border: 3px solid #005480;
	font-size: 1.25em;
	padding: 10px 40px;
	background-color:#005480;
	cursor: pointer;
	color:#fff;
	transition:all 0.5s ease 0s;
	letter-spacing:1.0px;
	font-weight:400 !important;
	font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important;
}