@charset "utf-8";

body,html{ font-family: Lato, 'BIZ UDGothic', 'Noto Sans JP', 'M PLUS 1p', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, arial, helvetica, clean, sans-serif; }

/*========================================
グローバルメニュー
========================================*/
/*ロゴサイズ変更*/
.navbar-brand img {
	max-height: 60px;
	}
.gMenu>li .gMenu_name{
	font-size:15px;
	font-weight: normal;
}
.gMenu>li:hover:before,.gMenu>li[class*=current]:before{/*Gメニュー下線消す*/
	width:0%
}
.gMenu>li>ul.sub-menu a{
	color:#000;
}
.gMenu ul li a:hover{/*マウスオン*/
	color:#000;
	font-weight: bold;

}
/*スマホサブメニューのリンク色*/
ul#menu-gnavi-1 li ul.sub-menu li a{
	color:#8B0000;
	font-size: 12px;
}
/*========================================
ヘッダー画像挿入　functions.phpと連動
========================================*/
@media screen and (max-width: 780px) {
	.page-header-image img{display: none;}
}

/*========================================
グローバルメニューmydepth
========================================*/
.gMenu>li#menu-item-35 .gMenu_name{/*会社概要の▼の左余白確保*/
	padding-right: 5px;
}
ul.gMenu>li.mydepth a{/* 親メニューの▼ */
	position: relative;
	cursor: pointer;
	}
ul.gMenu>li.mydepth>a::after{/* 親メニューの▼ リンク時*/
	position: absolute;
	top: 20%;
	right: 0;
	font-size: 18px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0dd';
	-webkit-font-smoothing: antialiased;
	line-height:1;
	font-weight: 900;
	}
ul.gMenu>li.mydepth{/* ▼の数が多い時*/
	padding-right: 10px;
	}
ul.gMenu>li.mydepth>a:hover:after{/* 親メニューの▼ リンクhover時*/
	font-family: 'Font Awesome 5 Free';
	content: '\f0dd';
	border-bottom:none;
	bottom:0;
	display:block;
	overflow:hidden;
	position:absolute;
	width:auto;
	left:auto;
	right: 0;
	font-weight: 900;
	}
/*スマホサブメニュー 展開ボタンはWordPressの追加CSS リンクの#を消すことで不要
ul#menu-gnavi-1 li.menu-item-188 a,
ul#menu-gnavi-1 li.menu-item-236 a,
ul#menu-gnavi-1 li.menu-item-293 a{
	width: 85%;
}*/
/*========================================
前後ページャー　色が薄いので
========================================*/
nav ul.pager li a,nav ul.pager li a:hover{
	color:#000;
	text-decoration: none;
}

/*========================================
テキストロゴ
========================================*/
@media (max-width: 650px) {/*追加CSSで対応*/
	.navbar-brand{
		font-size:25px;
	}
}
/*========================================
H見出し関係
========================================*/
h2.my-white,.my-white h2{
	border-top:none !important;
	border-bottom:none !important;
	background-color:#ffffff;
	text-align: center;
	font-weight: bold;
	margin-bottom:25px;
}
h2.my-gray,.my-gray h2{
	border-top:none !important;
	border-bottom:none !important;
	background-color:#f5f5f5;
	text-align: center;
	font-weight: bold;
	margin-bottom:25px;
}
h2.my-transparent,.my-transparent h2{/* 透過 */
	border-top:none !important;
	border-bottom:none !important;
	background: rgba(255,255,255,0);
	background-color:none !important;
	text-align: center;
	font-weight: bold;
	margin-bottom:25px;
}

h1.page-header_pageTitle{/*ページタイトル色 キーカラーが薄いため*/
	color:#000;
}
.page-header .container .page-header_pageTitle{/*詳細ページタイトルの文字色　 キーカラーが薄いため*/
	color:#000;
}
form#searchform input#searchsubmit {/*検索の文字色　 キーカラーが薄いため*/
	color:#000;
}
form#searchform input#searchsubmit:hover {/*検索の文字色　 キーカラーが薄いため*/
	color:#000;
}

.title_sub {
	border-top:none !important;
	border-bottom:none !important;
	background-color:#fff5d1;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 22px;
	color: #000;
	padding: 25px 10px 25px 20px;
	clear:both;
	}
h3.title_sub {
	border:none !important;
	border-top:none !important;
	border-bottom:none !important;
	font-size: 130%;
	font-weight: bold;
	}
h3.title_sub:after {/*H3　下線消す*/
	border-bottom: 0px solid #fff;
}
@media (max-width: 650px) {
	.title_sub {
		margin: 1em calc(50% - 50vw);
		background: #fff5d1;
	}
}
/*========================================
背景色指定
========================================*/
.my-background-f5{
	background-color:#f5f5f5;
}
/*========================================
フッター見出しの先頭アイコン
========================================*/
footer h1.subSection-title:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f152';
	padding-right:8px;
	font-weight: 900;
}
/*========================================
パンくずリスト
========================================*/
.breadSection .breadcrumb>li+li:before{
	content:">";
	font-family: "Times New Roman";
	font-size:10px;
}
/*========================================
アイキャッチ
========================================*/
.veu_autoEyeCatchBox img.wp-post-image{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto
}
/*========================================
お問い合わせ、概要などの一覧用
========================================*/
dl dt{
	font-weight: normal;
	border-left:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}
dl dd{
	border-left:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list2 dt{
	clear: left;
	float: left;
	width: 9em;
	white-space: nowrap;
 	padding: 8px 0.5em;
	font-weight: normal;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list2 dd{
	margin-left: 0;
	padding: 8px 0.5em 8px 15em;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list2-g dt{
	clear: left;
	float: left;
	width: 9em;
	white-space: nowrap;
 	padding: 8px 0.5em;
	font-weight: normal;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#f5f5f5;
	background-color:#f5f5f5;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list2-g dd{
	margin-left: 0;
	padding: 8px 0.5em 8px 15em;
	border-left:none !important;
	border:none !important;
	border-left-color:#f5f5f5;
	border-color:#fff;
	background-color:#f5f5f5;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list-top dt{
	clear: left;
	float: left;
	width: 5em;
	white-space: nowrap;
 	padding: 8px 0.5em;
	font-weight: normal;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}
dl.list-top dd{
	margin-left: 0;
	padding: 8px 0.5em 8px 8em;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
	}

@media (max-width: 650px) {
	dl.list2 dt,dl.list2-g dt,dl.list-top dt{
		float: none;
		white-space: nowrap;
	 	padding: 8px 0.1em;
		font-weight: normal;
		border-bottom:none;
		}
	dl.list2 dd,dl.list2-g dd,dl.list-top dd{
		margin-left: 0;
		padding: 0;
		padding-bottom: 15px;
		border-bottom:1px solid #e5e5e5 !important;
		}
	dl.list2 dd:last-child,dl.list2-g dd:last-child,dl.list-top dd:last-child{
		border-bottom:none !important;
		}
	dl.list2 dd input,dl.list2-g dd input,dl.list-top dd input{
		display: inline;
		width: auto;
		}
	dl.list2 dt:before,dl.list2-g dt:before,dl.list-top dt:before{
		font-family: 'Font Awesome 5 Free';
		content: '\f152';
		padding-right:3px;
		font-weight: 900;
		}
	}
/*========================================
お問い合わせ枠色変更　btn-default1
========================================*/
.btn-default1 {
	margin-top: 10px;
	border-color:#ff2a00;
	color:#000;
}
.btn-default1:focus,
.btn-default1:hover {
	border-color:#e6e6fa;
	background-color: #e6e6fa;
	color:#000;
}
a.btn-default1{
	text-decoration: none;
	font-size:16px;
}
/*========================================
flex 詳細
========================================*/
.my-flex {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-items: flex-start;
	justify-content:space-between;
	}
.my-flex a{
	color:#000;
	}
.my-flex a:hover{
	color:#ff0000;
	}
.my-flex:before{/*4列の隙間調整*/
	content:"";
	display:block;
	width: 24%;
	height:0;
	order:1;
	}
.my-flex:after{/*4列の隙間調整*/
	content:"";
	display:block;
	width: 24%;
	height:0;
	}
.my-my_item {/*初期値は flex: 0 1 auto 伸びる比率 縮む比率 幅指定(% px指定)*/
	flex: 0 1 24%;
	margin-top:10px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:20px;
	}
.my-my_item img{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto
	}
@media (max-width: 960px) {
	.my-flex {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
	}
	.my-my_item {
		flex: 0 1 30%;
	}

}
@media (max-width: 480px) {
	.my-flex {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
	}
	.my-my_item {
		flex: 0 1 48%;
	}

}
@media (max-width: 320px) {
	.my-flex {
		flex-flow: column wrap;
	}
	.my-my_item {
		flex: 0 1 auto;
	}
}
/*img.works-images{
	width:500px;
	height:361px;
	object-fit: cover;
}*/
.my-flex .my-my_item:hover{
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
	transform: translateY(-2px);
	background-color: white; 
	transition: all .3s ease;
}
@media screen and (max-width: 480px) {
	.event-detail{
		float: none;
		display:block;
		margin: 0 auto;
		text-align: center;
		border: 0 none;
		margin-top:10px;
	}
}
/*========================================
PRブロックのWebアイコン色、サイズ変更
========================================*/
.vk_prBlocks_item_icon_outer i{
	color:#000!important;
}
.vk_prBlocks_item_icon_outer:hover {
    opacity: 0.5;
}
.vk_prBlocks_item_icon_outer{
	width:120px;
	height:120px;
}

/*========================================
flex 一覧用
========================================*/
.my-type-meta{
	font-size: 18px;
	font-weight: 500;
}
@media screen and (max-width: 780px) {
	.my-type-meta{
		margin-top:10px;
		font-size: 13px;
		font-weight: normal;
	}
}
.my-flex-box1{
	min-height:5em;
}
.my-flex-box-top{
	min-height:4em;
}
.category_type{
	margin:0 10px 5px 0px;/* 上/右/下/左*/
	padding:3px 10px 2px;
	color:#fff;
	background:#baa790;
	font-size:12px;
	}
@media screen and (max-width: 780px) {
	.category_type{
		width:100%;
		margin-top:5px;
		display:block;
		text-align:center;
	}
}
.my-flex-title{
	font-size: 18px;
	color:#000;
	font-weight: 600;
	min-height:2em;
	line-height: 1.8em;
	word-wrap: break-word;
	word-break: break-all;
}
.my-flex-title-top{
	font-size: 15px;
	color:#000;
	font-weight: 600;
	min-height:2em;
	line-height: 1.8em;
	word-wrap: break-word;
	word-break: break-all;
}

@media screen and (max-width: 650px) {
	.my-flex-title,
	.my-flex-title-top{
		font-size: 14px;
	}
}
.my-flex-construction_contents{
	font-size: 14px;

}
@media screen and (max-width: 650px) {
	.my-flex-construction_contents{
		font-size: 13px;
	}
}

/*店舗一覧画像用、ばらばらなので強制同サイズ*/
/*img に object-fit:cover を指定し、縦横100%を指定することで親要素の大きさ依存でトリミング*/
.image-trim {
	position: relative;/*位置を絶対値指定することで枠内に収まる。*/
	overflow: hidden;
	padding-top: 60%; /* 比率 親要素の大きさの指定がレスポンシブになっている*/
}
.image-trim img.my-images {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
img.my-trim-menu{
	max-width:350px;
}
@media (max-width: 834px) {
	img.my-trim-menu{
		max-width:100%;
	}
}

/*========================================
トップスライドショー
========================================*/
.carousel-control-prev-icon{/*矢印、bootstrap.min.cssの取り消しとカラー変更*/
	background-image:none;
	color:#AFAEAE;
	}
.carousel-control-next-icon{/*矢印、bootstrap.min.cssの取り消しとカラー変更*/
	background-image:none;
	color:#AFAEAE;
	}
.carousel-control-prev .carousel-control-prev-icon:before{/*上で消して変わりにセット*/
	font-size:40px;
	font-family: 'Font Awesome 5 Free';
	content: '\f137';
	font-weight: 900;
	margin-left:-15px;
}
.carousel-control-next .carousel-control-next-icon:before{/*上で消して変わりにセット*/
	font-size:40px;
	font-family: 'Font Awesome 5 Free';
	content: '\f138';
	font-weight: 900;
	margin-right:-15px;
}

.mini-content-container-1 h3.slide-text-title{
	-webkit-transform:translateY(-135%);  文字を上に上げる
	transform:translateY(-135%);
	}
.mini-content-container-1 .slide-text-title{/*シャドー濃さ　.slide-text-captionはサブ文字 */
	color:#000 !important;
	text-shadow:0 0 3px #fff !important;
}
.mini-content-container-2 .slide-text-title{/*シャドー濃さ　.slide-text-captionはサブ文字 */
	color:#fff !important;
	text-shadow:0 0 3px #000 !important;
}

@media screen and (max-width: 780px) {
	.mini-content-container-1 h3.slide-text-title{
		text-align:center;/*文字センタリング*/
		-webkit-transform:translateY(-200%);/*文字を上に上げる*/
		transform:translateY(-200%);
		/*font-size:15px;*/
	}
	.mini-content-container-2 h3.slide-text-title{
		display:none;
	}
	.mini-content-container-3 h3.slide-text-title{
		text-align:center;/*文字センタリング*/
		-webkit-transform:translateY(-135%);/*文字を上に上げる*/
		transform:translateY(-135%);
		/*font-size:15px;*/
	}
	.mini-content-container-1 .slide-text-caption,
	.mini-content-container-2 .slide-text-caption,
	.mini-content-container-3 .slide-text-caption{
		display:none;
	}

	.carousel-control-next .carousel-control-next-icon{/*右矢印を左に寄せる*/
		margin-right:30px;
	}
}
@media (min-width: 992px){
	.slide-text-caption{
		display:block
	}
}
@media screen and (max-width: 730px) {
	.carousel-control-next .carousel-control-next-icon:before,
	.carousel-control-prev .carousel-control-prev-icon:before{/*矢印サイズ*/
		font-size:20px;
	}
	.slide-text-title{font-size:5.5vw}
}
/*========================================
VK 3PR エリア
========================================*/
.widget_wp_widget_vkexunit_3pr_area p.linkurl{/*PCでは詳しくはこちらボタンを消す*/
	display:none;
	}
@media screen and (max-width: 780px) {
	.widget_wp_widget_vkexunit_3pr_area p.linkurl{
		display:inline;
	}
}
.widget_wp_widget_vkexunit_3pr_area h1.subSection-title{
	font-weight: bold;
	font-size:23px;
	border-bottom:none;
	-webkit-box-shadow:0 0 0 0;
}
.widget_wp_widget_vkexunit_3pr_area h1.subSection-title:after{/*半分下線を消す*/
	border-bottom:none;
}

@media screen and (max-width: 780px) {

	.widget_wp_widget_vkexunit_3pr_area .prArea{border-bottom:solid 1px #ccc;padding-top:0px;padding-bottom:10px;}
	.widget_wp_widget_vkexunit_3pr_area .prArea:last-of-type{border-bottom:none;padding-top:0px;padding-bottom:0px;}
	.widget_wp_widget_vkexunit_3pr_area p.summary{
		text-align:left;
	}
}
/*========================================
トップ上部　3block画像のみzoom
========================================*/
@media (min-width: 980px) {
	.myzoom{
		/*width:640px;
		height:426px;*/
		overflow:hidden;
	}
	.myzoom img{
		width:640px;
display: block;

		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.5s;
	}
	.myzoom img:hover{
		transform: scale(1.1, 1.1);

		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity:1; /* FF , Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
		opacity:1;

		-moz-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
	}
}
/*========================================
カルーセルはWordPressのカスタムCSS側に書く。
SiteOrigin Post Carouselのタイトル欄に　半角スペースを入れる。
そうしないと、カルーセルの左右矢印が画像と重なる。
========================================*/
.my-visible .sow-carousel-wrapper h3{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	border-top:none !important;
	border-bottom:none !important;
	background-color:#fff;
}
.my-visible .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: left;
	padding-left:5px;
	padding-right:3px;
}
.my-visible .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a{
	width:272px;
	font-size:14px;
	text-align:center;
	font-weight: 600;
	display:inline-block;
}
.my-visible .sow-carousel-title h3{font-size:23px;}

.my-visible h3.widget-title{color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:25px;font-weight: bold;text-decoration:none; border:none;margin-left:30px;box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0;}
.my-visible h3:after { border-bottom:none}
.widget-title{padding-bottom:30px;}
.sow-carousel-title a.sow-carousel-previous{padding:10px 22px;}
.sow-carousel-title a.sow-carousel-next{margin-left:15px;margin-right:30px;padding:10px 22px;}


@media screen and (max-width:640px){
	.my-visible .sow-carousel-title a.sow-carousel-previous{display:inline-block;padding:6px 13px;}
	.my-visible .sow-carousel-title a.sow-carousel-next{display:inline-block;margin-left:15px;margin-right:20px;padding:6px 13px;}
	.my-visible .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a{
	font-size:12px;
	text-align:center;
	display:inline-block;
	font-weight: normal;

	}
}
/*========================================
白抜きボックス
========================================*/
.mybox {
	padding: 0.5em 1em;
	margin-top: 2em;
	margin-bottom: 1em;
	background: #fff;
	border: solid 3px #f5f5f5;
	border-radius: 10px;
}
.mybox p {
	margin: 0; 
	padding: 0;
}
/*========================================
お問い合わせ関連
========================================*/
dl.inquiries dt{
	clear: left;
	float: left;
	width: 9em;
	white-space: nowrap;
 	padding: 13px 0.5em;
	font-weight: bold;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
}
dl.inquiries dd{
	margin-left: 0;
	padding: 13px 0.5em 13px 15em;
	border-left:none !important;
	border:none !important;
	border-left-color:#fff;
	border-color:#fff;
	background-color:#fff;
	border-left-width:0px;
	border-left-style:none;
}
@media (max-width: 650px) {
	dl.inquiries dt{
		float: none;
		white-space: nowrap;
	 	padding: 8px 0.1em;
		border-bottom:none;
		}
	dl.inquiries dt.no-dd{
		float: none;
		white-space: normal;
		width: 18em;
	 	padding: 0;
		border-bottom:none;
		padding-left:1em;
		text-indent:-1em;
		}
	dl.inquiries dd{
		margin-left: 0;
		padding: 0;
		}
	dl.inquiries dd input{
		display: inline;
		width: auto;
		}
	dl.inquiries dt:before{
		font-family: 'Font Awesome 5 Free';
		content: '\f152';
		padding-right:3px;
		font-weight: 900;
		}
	dl.inquiries dt.no-arrow:before{
		content: '';
		padding:0;
		margin-top:-10px;
		}

	.form-width  {
		max-width: 100%;
		}
}

span.req{
	vertical-align:middle;
	margin-bottom:4px;
	margin-left:5px;
	padding:3px 3px 2px;
	color:#fff;
	background:#ff2a00;
	font-size:10px;
	font-weight: bold;
}
span.wpcf7-list-item{
	display: block;
}
span.wpcf7-radio span.wpcf7-list-item{
	display: inline;
}
dl.inquiries dd span.wpcf7-form-control-wrap select.wpcf7-select{
	display: inline;
	width:130px;
}
@media (max-width: 650px) {
	dl.inquiries dd span.wpcf7-form-control-wrap select.wpcf7-select{
		display: inline;
		width:70px;
	}
}
span.wpcf7-list-item-label{
	font-weight:normal;
}
input.wpcf7-submit{
	color:#000;/*カスタマイズ*/
	padding:15px 8px;
	margin-top:10px;
	/*border-color:#baa790;
	background:#baa790;*/
}
input.wpcf7-submit:hover {/*検索の文字色　 キーカラーが薄いため*/
	color:#fff;/*カスタマイズ*/
}
span.accept-this input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);

}
input[type=checkbox]:before {
	content:" ";
}

.mybox1 span.accept-this span.wpcf7-list-item-label,.mybox1 span.accept-this input[type=checkbox] {
	cursor : pointer;
}

input.my-size-s{
	width: 200px;
	display: inline-block;
}
input.my-size-m{
	display: inline-block;
}
@media (max-width: 650px) {
	input.my-size-s{
		width: 100px;
		display: inline-block;
	}
}
/*========================================
画像回り込み
段落で画像をドロップアップ挿入時、スマホでは幅広
========================================*/
@media all and (max-width: 834px){
	.alignleft,
	.alignright,
	img.alignleft,
	img.alignrigh,
	.wp-block-image figure.alignleft img,
	.wp-block-image figure.alignright img,
	figure.alignleft img,
	figure.alignright img{
		float: none;
		clear:both;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 20px;
		width:100%;
	}
}

img.top-alignleft{/*スマホでも画像回り込む、トップの求人などの画像用*/
	display:inline;
	float:left;
	margin-right:20px;
	margin-top:4px
}
/*========================================
トップお知らせ一覧の画像用
========================================*/

.alignleft-top {/*スマホでも画像回り込む、トップお知らせ用*/
	display: inline;
	float: left;
	margin-right: 1.625em;
}
img.myshape{
	width:75px;
	height:50px;
	object-fit: cover;
}
/*========================================
記事一覧ページで、アイキャッチ画像を幅いっぱい
module_loop_post.phpをカスタマイズしないと画像が劣化する。
========================================*/
@media screen and (max-width: 650px){
	.media .postList_thumbnail{
		width: 100%!important;
		padding-right:0px!important;
	}
}

/*========================================
カラムで画像がはみ出る　IE用
========================================*/

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .wp-block-image img {max-width: 100%;width: 100%;} /* IE11 */
}
/*========================================
ボタン
========================================*/
.btn-flat-border {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #028760;
	border: solid 2px #008cc7;
	border-radius: 25px;
	transition: .4s;
	color: #666;

}

.btn-flat-border:hover {
	background: #008cc7;
	color: #fff;
	text-decoration: none;
	
}
/*========================================
全幅
========================================*/
.my-full-width {
	margin: 0 calc(50% - 50vw);
	padding: 3em calc(50vw - 50%);
	background: #f5f5f5;
}
/*========================================
パララックス
========================================*/
.parallax-bg p{
	text-align:center;
}
.parallax-title{
	font-size: 24px;
	font-weight: bold;
	color:#fff;
	text-shadow: 0 0 2px #000;
}
a.parallax-btn{
	font-weight: bold
	border-color: #fff;
	color: #fff;
}
a:hover.parallax-btn{
	color: #000;
}
a.parallax-btn:after{
	font-size:20px;
	font-family: 'Font Awesome 5 Free';
	content: '\f054';
	padding-left: 10px;
	font-weight: 900;
}
@media (max-width: 834px) {
	.parallax-title{
		font-size: 15px;
	}
	a.parallax-btn{
		font-size: 13px;
	}

}
/*========================================
お知らせ
========================================*/
.my_newsbox {
	/*min-height:270px;*/
	height:auto !important; 
}
.my_newsbox ul{
	padding-left:0;
	margin:0;
	list-style:none
}
.my_newsbox ul li{
	margin-bottom:0
}
.my_newsbox ul li a.newstitle{
	font-size:17px;
	text-decoration:none;
	display:block;
	padding:20px .5em 20px;
	border-bottom:1px solid #e5e5e5;
	/*color:#464646;*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.9);
	box-shadow:0 1px 0 rgba(255,255,255,.9)
}
.my_newsbox ul li:last-child a.newstitle{
	border-bottom:0px solid #e5e5e5;
	-webkit-box-shadow:0 0 0 rgba(255,255,255,.9);
	box-shadow:0 0 0 rgba(255,255,255,.9)
}
.my_newsbox ul li{
	position: relative;
	padding-top: 10px;
}
.my_newsbox ul li a.newstitle{
	padding-left: 0;
	padding-right: 30px;
	padding-top: 5px;
}
.my_newsbox ul li a.newstitle:hover{
	/*color:#4000d9;"
	text-decoration: underline;*/
}
.my_newsbox ul li:after{
	font-size:20px;
	font-family: 'Font Awesome 5 Free';
	content: '\f105';
	position: absolute;
	right: 10px;
	top: 40%;
	font-weight: 900;
}
.kadomaru_small {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px #028760 solid;
	background-color: #008cc7;
	padding:2px 6px 2px 6px ;
	color: #000;
	font-size:9px;
}
.kadomaru_small a{
	color: #fff;
}
.my_newsbox_new_btn{
	vertical-align:middle;
	margin-bottom:4px;
	padding:2px 4px 2px 4px ;
	color:#fff;
	background:#ff0000;
	font-size:10px;
	font-weight: bold;
}
/*========================================
テーブル
========================================*/
table#recruit{
	border: 1px solid #ccc;
}
table#recruit tbody th,
table#recruit tbody td{
	padding:40px;
}
table#recruit tbody th{
	background: #f5f5f5;
	color:#000;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	white-space: nowrap;
}
table#recruit tbody tr,
table#recruit tbody th,
table#recruit tbody td{
	border: 1px solid #ccc;
}
table#recruit tbody th{
	font-weight: bold;
}
table#recruit th.nowrap{
	white-space: nowrap;
}
@media (max-width: 650px) {
	table#recruit{
		display: block;
		border: none;
	}
	table#recruit tr.index,
	table#recruit tr.index th{
		display: none;
	}
	table#recruit thead{
		display: none;
	}
	table#recruit tbody{
		display: block;
	}
	table#recruit tbody tr{
		display: block;
		padding-top: 1.5em;
		margin-bottom: 1.5em;
	}
	table#recruit tbody tr{
		padding-top: 0em;
	}
	table#recruit tbody th,
	table#recruit tbody td{
		display: list-item;
		list-style: none;
		border: none;
	}
	table#recruit tbody td{
		margin-bottom: 10px;
	}
	table#recruit tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		color: #000;
		background: #f5f5f5;
	}

		table#recruit tbody th,
			table#recruit tbody td{
			padding:10px;
	}
	table#recruit tbody td{
		margin-left: 15px;
		padding: 0;
		}
}

/*========================================
テーブル　スクロール用
========================================*/
.table-wrap{overflow: auto; position:relative;}
.table-wrap table{width:100%;}
.table-wrap table th{font-weight: bold;text-align: center;white-space: nowrap;}
.table-wrap table td{white-space: nowrap;}
@media screen and (max-width: 1410px) {
	.table-wrap:before{
	color:#fff;
	font-size:12px;
	background-color:#e07903;
	position: absolute;
	top:0px;
	border-radius: 5px;
	padding: 0.05em 0.5em;
	}
}
/*========================================
スマホメニュー上段の電話番号の文字　追加CSS
========================================*/
.vk-mobile-nav .veu_contact .contact_bt_txt{
	color:#000;
}

/*========================================
リンクアイコン
========================================*/
a.mylinks{
	text-decoration: none;
	color:#800000;
	}
a.mylinks:after{
	font-family: 'Font Awesome 5 Free';
	content: '\f35d';
	padding-left:5px;
	font-weight: 900;
	}
/*========================================
表レスポンシブ
========================================*/
table#responsive{
	padding: 5px 7px;
	border: 1px solid #ccc;
}
table#responsive thead th{
	background: #ffd700;
	color:#000;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
table#responsive tbody tr,
table#responsive tbody th,
table#responsive tbody td{
	border: 1px solid #ccc;
}
table#responsive tbody th{
	font-weight: bold;
}
table#responsive td.mycenter{
	text-align: center;
	font-size:20px;
}
table#responsive tr.main-odd {
	background:#fff5d1;
	}
@media (max-width: 834px) {
	table#responsive{
		display: block;
		border: none;
	}
	table#responsive thead{
		display: none;
	}
	table#responsive tbody{
		display: block;
	}
	table#responsive tbody tr{
		display: block;
		padding-top: 1.5em;
		margin-bottom: 1.5em;
		border: 0px solid #fff;
	}
	table#responsive tbody th,
	table#responsive tbody td{
		display: list-item;
		list-style: none;
		border: none;
		border: 0px solid #fff;
	}
	table#responsive tbody td{
		margin-bottom: 10px;
	}
	table#responsive tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		color: #000;
		background: #ffd700;
	}
	table#responsive tbody td{
		margin-left: 20px;
		padding: 0;
		}
	table#responsive td.mycenter{
		text-align: left;
		font-size:15px;
	}
	table#responsive tr.main-odd {
		background:none;
	}
	table#responsive tbody td:nth-of-type(1):before {content: "[分類] ";white-space: pre;}
	table#responsive tbody td:nth-of-type(2):before {content: "[住所]";white-space: pre;}
	table#responsive tbody td:nth-of-type(3):before {content: "[TEL] ";white-space: pre;}
}
/*========================================
アラームボックスのリンク下線取る
========================================*/
.alert a:link,.alert a:visited{opacity:.8;text-decoration:none}

/*========================================
LINE問い合わせ
========================================*/
.myline:before, .myline:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 650px) {
	.col_2 > div{
		width: 100%;
	}
}
/*========================================
画像丸抜きカスタマイズ
========================================*/
.border_radiushover img{
	width: 250px;
	height: 250px;
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.border_radiushover img:hover {
	-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
	-moz-opacity:1; /* FF , Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	opacity:1;
	zoom:1; /*IE*/
}
.border_radiushover img{
	order-radius: 400%;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
}
.border_radiushover img:hover {
	order-radius: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.page-id-30 .border_radiushover img:hover {
	order-radius: 400%;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
}
@media screen and (max-width:640px){
	border_radiushover img{
		width: 200px;
		height: 200px;
	}
}
/*========================================
地図
========================================*/
.infowindow img.aligncenter-map{
	display:block;
	margin: 0 auto;
	text-align: center;
	border: 0 none;
	width:100px;
}

.fadeUpTrigger {
    opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {

    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}