@charset "utf-8";
/*
Theme Name: 2026-suehiroyu
Theme URI: http://www.suehiroyu.jp/
Description: すえひろ湯テーマ
Version: 1.0
Author: CROSS POINT
Author URI: http://www.cross-point.co.jp/
*/


body {
	max-width:		100%;
	margin:			0	auto;
	height:			100%;
	-webkit-text-size-adjust:	100%;
	-webkit-appearance:	none;
}
#content_base {
	width:			100%;
	padding:		0px;
	overflow:		hidden;
	margin:			0	auto;
/*	background-color:	#b5e8f7;	*/
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
}
#content {
	width:			100%;
	margin:			0	auto;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
	display:		block;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	フロントページのスタイル				*/
/*--------------------------------------------------------------*/
#front_page_title{
	padding:			50px;
	max-width:			1280px;
	width:				100%;
	height:				100%;
	background:			#ffffff;
	margin:				0	auto;
	display:			flex;
	justify-content:		center;
	align-items:			center;
	box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
}
.page_title{
	font-size:			250%;
	padding:			50px	50px	20px	50px;
}
.page_title_img{
	width:				auto;
	height:				200px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*	バック画像のスタイル		*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.inner {
	width:				100%;
	max-width:			1280px;
	margin:				0	auto;
	padding:			0px	12px;
	box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
}
.ban_inner {
	width:				100%;
	max-width:			1280px;
	margin:				0	auto;
	padding:			0px;
	display:			flex;
	justify-content:		space-evenly;
	flex-direction:			row;
	align-items:			center;
	box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
}
.pic_back_base {
	background-color:		#fefefe;
	width:				100%;
	padding:			10px	10px	50px	10px;
	box-sizing:			border-box;
	margin:				0;
}
.pic_back {
	width:				100%;
	max-width:			1280px;
	margin:				0	auto;
	background-color:		transparent;
}
.pic_back_base h3{
	margin:				0	auto;
	padding:			30px;
	font-size:			200%;
	text-align:			center;
}
.center_inner {
	width:				100%;
	max-width:			1280px;
	margin:				0	auto;
	padding:			0px	12px;
	text-align:			center;
	box-sizing:			border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*	フロントページのスタイル				*/
/*--------------------------------------------------------------*/
img {
	max-width:		100%;
	height:			auto;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
/*
	object-fit:		cover;
	font-family:		'object-fit: cover; object-position: 0% 50%; object-fit: contain;';
	*/
}
/*--------------------------------------------------------------*/
/*	フッターのスタイル					*/
/*--------------------------------------------------------------*/
#footer_base {
	width:			100%;
	background-color:	#fffaf0;
	overflow:		hidden;
	border-top:		3px	solid	#ff7f50;
}
#footer {
	margin:			0	auto;
	max-width:		1280px;
	padding:		18px;
	height:			100%;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;

}
#footer:after{
	content:		"";
	display:		block;
	clear:			both;
}
/*------------------------------------------------------*/
#footer ul{
	list-style-type:	none;
	padding:		2px;
	margin:			2px	auto;
}
#footer ul:after{
	content:		"";
	display:		block;
	clear:			both;
}
#footer li{
	float:			left;
	width:			50%;
	margin:			0px;
	padding:		12px;
	color:			#ececec;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
}
#footer p{
	text-align:		left;
	color:			#ececec;
}
/*------------------------------------------------------*/
.footer_info {
	display:		flex;
	flex-direction:		row;
	justify-content:	space-around;
	text-align:		center;
	align-items:		center;
}
}
.footer_info a{
	color:			#ececec;
	text-decoration:	underline
}
.footer_item {
	border-left:		1px	solid	#ececec;
	padding:		10px	30px;
	line-height:		150%;
	font-size:		95%;
	display:		flex;
	justify-content:	flex-start;
	flex-direction:		column;
	color:			#d2691e;
}
.footer_item a{
	color:			#ececec;
	text-decoration:	none;
	padding:		0.35em	0;
}
.footer_item a:hover{
	text-decoration:	underline
}
.copy {
	color:			#333333;
	padding:		20px;
	margin:			0	auto;
	text-align:		center;
	background-color:	#ffcdc6;
}

/*------------------------------------------------------------*/

ul {
	margin:			0	auto;
	padding:		0px;
	list-style:		decimal inside;

}

li {
	margin-left:		0px;
	list-style-type:	none;
}
h1 {
	position:		relative;
	padding:		5px;
	font:			bold	28px/1.6 Arial, Helvetica, sans-serif;
	text-align:		center;
	color:			#333333;
	border-top:		1px dashed #aaa;
	border-bottom:		1px dashed #aaa;
	background:		#ffcbc5;
	text-shadow:		1px 1px 0 rgba(255,255,255,1);
	box-shadow:		0 5px 4px -4px rgba(0,0,0,0.3) inset;
}
h2 {
	font-size:		1.6rem;
	padding-bottom:		8px;
	margin-bottom:		20px;
	border-bottom:		4px	solid	transparent;
	background:		linear-gradient(90deg, #ff9d00, #ff3750)	left	bottom/100%	4px no-repeat;
/*	position:		relative;
	padding:		2px;
	padding-left:		15px;
	font:			bold	22px/1.6 Arial, Helvetica, sans-serif;
	text-align:		left;
	color:			#666666;
	border-top:		1px dashed #aaa;
	border-bottom:		1px dashed #aaa;
	background:		#e0efff;
	text-shadow:		1px 1px 0 rgba(255,255,255,1);
	box-shadow:		0 5px 4px -4px rgba(0,0,0,0.3) inset;

*/
}
h3 {
	position:		relative;
	color:			#8ea5d5;
	font-size:		20px;
	padding:		10px	0;
	text-align:		center;
	margin:			1.5em	0;
}
h3:before {
	content:		"";
	position:		absolute;
	top:			-8px;
	left:			50%;
	width:			150px;
	height:			58px;
	border-radius:		50%;
	border:			5px	solid	#a6c0f7;
	border-left-color:	transparent;
	border-right-color:	transparent;
	-webkit-transform:	translateX(-50%);
	transform:		translateX(-50%);
}
h4 {
	position:		relative;
}
h4:after {
	content:		"";
	position:		absolute;
	left:			0;
	bottom:			0;
	width:			100%;
	height:			7px;
	background:		-webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
	background:		repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

h5 {
	background:		linear-gradient(transparent 70%, #a7d6ff 70%);
	padding:		1%	1.2%;
	font-size:		120%;
}
h6 {
	font-size:		120%;
	font-weight:		100;
	text-align:		center;
	margin:			15px;
}

/*------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	Newpost Catch部スタイル					*/
/*--------------------------------------------------------------*/
#newpost {
	padding:		8px;
	margin:			0	auto;
	margin-top:		10px;
	background-color:	#f1f1f1;
}
#newpost:after{
	content:		"";
	clear:			both;
	display:		block;
}
/*#newpostcatch-2 ul {
	padding-left:		0em;
}*/
#newpost h2{
	margin:			5px 0;
	padding:		2px	0px;
	border-width:		5px	0;
	border-color:		#998183;
	border-style:		solid;
	color:			#c5c56a;
	background-color:	#ffffff;
	line-height:		180%;
	font-weight:		bold;
	text-align:		center;
	float:			left;
}

#npcatch {
	padding:		30px;
	text-align:		center;
}

#npcatch li{
	width:			20%;
	margin:			0	auto;;
	padding:		20px;
	display:		inline-block;
	margin-bottom:		0;
	box-sizing:		content-box;
	vertical-align:		top;
}
#npcatch img{
	max-width:		250px;
	width:			100%;
	max-height:		100%;
	height:			auto;
}
#npcatch .title	:before{
	content:		"\A";
	white-space:		pre;
}

#npcatch .title	a{
	max-width:		250px;
	width:			100%;
	font-weight:		700;
	text-decoration:	none;
	text-overflow:		ellipsis;
	box-sizing:		content-box;
	display:		block;
	overflow:		hidden;
}
#npcatch .date {
	font-size:		small;
	font-weight:		600;
	display:		block;
	color:			#adb5bf;
	margin-bottom:		5px;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	記事の一覧のスタイル					*/
/*--------------------------------------------------------------*/
ul.lcp_catlist li {
	list-style:		none;
	border-bottom:		1.5px	solid	#666666;
	padding-top:		10px;
	padding-bottom:		50px;
	font-size:		130%;
}

}/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	記事の続き部スタイル					*/
/*--------------------------------------------------------------*/
.postout a{
	padding:		20px;
	text-decoration:	none;
	display:		block;
	text-align:		center;
	font-size:		120%;
	margin-top:		10px;
}
.itemlist{
	border:			1px	solid	#333333;
	margin:			20px;
	padding:		18px;
}
.itemlist h3{
	margin-left:		10px;
}
.i_list{
	padding:		8px;
	border-bottom:		1px	dotted	#666666;
	margin:			15px;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	ページネーションスタイル				*/
/*--------------------------------------------------------------*/
.page-numbers {
	padding:		10px	20px;
	background-color:	#f1f1f1;
	border:			1px	solid	#e0e0e0;
}

.current {
	border-bottom:		3px	solid	#122351;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	topボタンのスタイル					*/
/*--------------------------------------------------------------*/

#page-top {
    position:				fixed;
    bottom:				20px;
    right:				20px;
    font-size:				65%;
    z-index:				100;

}
#page-top a {
    background:				#8ba8df;
    text-decoration:			none;
    color:				#38558c;
    width:				80px;
    padding:				35px	0px;
    text-align:				center;
    display:				block;
    border-radius:			2.5em;
    font-size:				xx-large;
    opacity:				0.6;
    line-height:			35%;
    font-size:				350%;
}
#page-top a:hover {
    text-decoration:			none;
    background:				#c2e3e8;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*	ページタイトルスタイル					*/
/*--------------------------------------------------------------*/
.top_page_til{
	text-align:		center;
	padding:		8px;
	vertical-align:		middle;
	color:			#030303;
	font-weight:		bold;
	font-size:		160%;
}
.sub_page_til{
	text-align:		center;
	padding:		6px;
	vertical-align:		middle;
	color:			#030303;
	font-weight:		bold;
	font-size:		130%;
}
/*--------------------------------------------------------------*/
/*	コンテンツ中のスタイル					*/
/*--------------------------------------------------------------*/
.cont_img img{
	float:			left;
	max-width:		95%;
	width:			450px;
	padding:		12px;
	height:			auto;
}
.cont_img :after {
	clear:			both;
}

.cont_img2 img{
	float:			right;
	max-width:		95%;
	width:			450px;
	padding:		12px;
	height:			auto;
}
.cont_img2 img:after {
	clear:			both;
}

.cont_box_base {
	width:			100%;
	padding:		0;
	overflow:		hidden;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
	height:			auto	!important;
}
.cont_box_base:after {
	content:		"";
	display:		block;
	clear:			both;
}
.cont_box {
	overflow:		hidden;
}
.cont_box ul{
	text-align:		center;
	width:			100%;
	height:			auto;
	padding:		5px;
	overflow:		hidden;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
}
.cont_box li{
	display:		inline-block;
	border:			1px	solid	#000000;
	background-color:	#ffffff;
	width:			30%;
	margin:			1%;
	padding:		12px;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
}
.child_page-cnts {
	float:			left;
	max-width:		50%;
	height:			auto;
	padding:		10px;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
}

/*--------------------ヘッダー部--------------------*/
.header-base{
	display:		block;
}
.header-contents{
	display:		flex;
	align-items:		center;
	position:		fixed;			/*メニューの固定*/
	z-index:		900;			/*メニューの固定*/
	width:			100%;			/*メニューの固定*/
	top:			0px;
	background:		url(./images/bg_pink.jpg) repeat-x #ffffff;
}
.header{
	margin:			0	auto;
	padding:		4px;
	display:		flex;

}
.header h1{
	margin:			0	auto;
	padding:		0;
	font-size:		60%;
	color:			#d2691e;
	height:			15px;
}
.header-logo{
	display:		flex;
	flex-direction:		column;

}
/*--------------------ヘッダー部--------------------*/


/*--------------------メニュー部--------------------*/
#menu-base{
	display:		flex;
	align-items:		center;
	justify-content:	center;

}
#menu{
	margin-right:		2rem;
}
#menu li{
	float:			left;
	width:			20;
}
#menu li a{
	display:		block;
	padding:		12px;
	text-align:		center;
	text-decoration:	none;
	color:			#d2691e;
	font-weight:		500;
}
.square_btn:active {
/*
	border-bottom:		solid	2px	#f7de34;
	box-shadow:		0	0	2px	rgba(0, 0, 0, 0.30);
*/
}
/*	とりあえずコメント
#menu li a:hover{
	background:		#9ab5ea;
	border-radius:		0.5em;
}
*/

#toggle{ 
	display:		none;
}

nav.globalMenuSp {
    position:			fixed;
    z-index:			900;
    top:			0;
    left:			0;
    color:			#000;
    text-align:			center;
    transform:			translateY(-100%);
    transition:			all	0.6s;
    width:			100%;
	background:		rgba(86, 209, 215,0.95);
	border-top:		10px	rgba(86, 209, 215,0)	solid;
}
 
nav.globalMenuSp ul {
	color:			#efefef;
	margin:			0	auto;
	padding:		0;
	width:			100%;
}
 
nav.globalMenuSp ul li {
    font-size:			1em;
    list-style-type:		none;
    padding:			0;
    width:			85%;
    border-bottom:		1px	dotted	#fcfff0;
	margin:			0	auto;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom:		0;
    border-bottom:		none;
}
 
nav.globalMenuSp ul li a {
    display: 			block;
    color:			#fcfff0;
    padding:			1em	0;
	text-align:		left;
	text-decoration:	none;
}
nav.globalMenuSp ul li a:after {
	display:		block;
	width:			22px;
	min-width:		22px;
	height:			22px;
	background:		url(./images/arrow.png);
	background-size:	22px	22px;
	content:		"";
	position:		absolute;
	right:			30px;
	margin-top:		-22px;
}
nav.globalMenuSp ul li a:hover {
	background:			#60a4df;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform:			translateY(0%);
}
/*-=-=-=-=-=-=-=-=-= PC用では非表示設定にする -=-=-=-=-=-=-=-=-=*/
.navToggle {
	display:	none;
}
/*-=-=-=-=-=-=-=-=-= PC用では非表示設定にする -=-=-=-=-=-=-=-=-=*/
.navToggle span {
    display:			block;
    position:			absolute;    /* .navToggleに対して */
    width:			30px;
    border-bottom:		solid	3px	#eeeeee;
    -webkit-transition:		.35s	ease-in-out;
    -moz-transition:		.35s	ease-in-out;
    transition:			.35s	ease-in-out;
    left:			6px;
}
 
.navToggle span:nth-child(1) {
    top:			9px;
}
 
.navToggle span:nth-child(2) {
    top:			18px;
}
 
.navToggle span:nth-child(3) {
    top:			27px;
}
 
.navToggle span:nth-child(4) {
    border:			none;
    color:			#eeeeee;
    font-size:			9px;
    font-weight:		bold;
    top:			34px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/*--------------------メニュー部--------------------*/
/*----------------------------------------------------------------------*/
/*	●固定ページナビ						*/
/*----------------------------------------------------------------------*/

/*--------------------flex部--------------------*/
.page_base_navi {
	max-width:		100%;
	overflow:		hidden;
	padding:		20px;
	box-sizing:		content-box;
	display:		flex;
}
/*----------------------------------------------*/
/*----------------------------------------------------------------------*/
/*	●固定ページナビ	背景あり	2分割			*/
/*----------------------------------------------------------------------*/
/*--------------------flex部-----left right---------------*/
.page_navi_text a {
	margin:			0	auto;
	padding:		5px	50px;
	border:			1px solid	#666666;
	text-align:		center;
}
.page_navi_text h4 {
	font-size:		90%;
}

.page_navi_text,
.page_navi_img{
	width:			44%;
	margin:			0	auto;
	padding:		20px;
	display:		inline-block;
	background-color:	#f6f5f0;
	box-sizing:		content-box;
	display:		flex;
	justify-content:	center;
	flex-direction:		column;
}
.page_base_navi h3 {
	font-size:		200%;
	border-bottom:		1px	solid	#333333;
}

.page_navi_text p{
	text-align:		left;
	vertical-align:		middle;
}

.page_navi_img img{
	vertical-align:		middle;
	margin:			0	auto;
	padding:		10px	20px;
	display:		block;
	width:			70%;
}
.a_link {
	text-align:		center;
	line-height:		5em;
}
/*----------------------------------------------------------------------*/
/*	●固定ページナビ	背景なし	2分割			*/
/*----------------------------------------------------------------------*/
/*--------------------flex部-----left right---------------*/
.page_wrap_text,
.page_wrap_img {
	width:			44%;
	margin:			0	auto;
	padding:		20px;
	display:		inline-block;
	margin-bottom:		0;
	box-sizing:		content-box;
	vertical-align:		middle;
}
.page_wrap_img {
	text-align:		center;
}
.page_wrap_text p{
	text-align:		left;
	vertical-align:		middle;
	font-size:		1.2rem;
}
/*--------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*	●固定ページナビ	3分割					*/
/*----------------------------------------------------------------------*/
/*--------------------flex部-----left center right---------------*/
.page_item_text,
.page_item_img {
	width:			30%;
	margin:			0	auto;
	padding:		10px;
	display:		inline-block;
	margin-bottom:		0;
	box-sizing:		content-box;
	justify-content:	center;
	flex-direction:		column;
}
/*--------------------flex部-----left center right---------------*/
.item_btn {
	position:		relative;
	height:			100%;
}
.item_btn_img {
	max-width:		60%;
	height:			auto;
	margin:			0	auto;
	box-sizing:		content-box;
	object-fit:		cover;
	overflow:		hidden;
	font-family:		'object-fit: cover; object-position: 0% 50%; object-fit: contain;';
}
.item_btn_text {
	position:		absolute;
	bottom:			-10%;
	left:			50%;
	-ms-transform:		translate(-50%,-50%);
	-webkit-transform:	translate(-50%,-50%);
	transform:		translate(-50%,-50%);
	margin:			0;
	padding:		5%;
	text-align:		center;
	background:		rgba(0,0,0,0.45);
	font-size:		90%;
	color:			#f0f0ff;
	width:			50%;
}
/*---------------------------------------------------------------*/
/*--------------------no flex部--------------------*/
.page_flex_out {
	width:			100%;
	overflow:		hidden;
	padding:		5%	20px;
	box-sizing:		content-box;
	display:		block	!important;
}
.page_flex_out h3 {
	font-size:		150%;
}
.page_flex_out h4 {
/*	margin:			10px	0px	0px	0px;
	padding:		4px;			/*文字周りの余白
	color:			#363636;		/*文字色
	text-align:		center;
	font-size:		120%;
	font-weight:		100;
*/
}
.page_flex_out h5 {
	font-size:		180%;
	padding:		1.3rem;			/*文字周りの余白*/
	margin:			10px	0px	0px	0px;
	border-bottom:		1px	solid	#333333;
}
.page_out_fream{
/*
	border:			1px	solid	#364e96;
*/
	padding:		5px;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*------------------------------*/
/*	背景のスタイル		*/
/*------------------------------*/
.wrap_back_blue {
	background-color:	#f4f9ff;
}
.wrap_back_bisque {
	background-color:	#fff9f4;
}
.wrap_back_slant_bl {
	width:			100%;
	padding:		150px 0;
	clip-path:		polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%);
	background-color:	#aaccf4;
}
.wrap_back_slant_bbl {
	width:			100%;
	padding:		30px 0;
	clip-path:		polygon(0 calc(0% + 9vw), 100% 0, 100% calc(100% - 9vw), 0 100%);
	background-color:	#579df4;
}
.background-pic1 {
	background-image:	url(./images/03.jpg);
}
/*-------------------------------------------------*/
/*------------------------------*/
/*	角丸のスタイル		*/
/*------------------------------*/
.img_radius {
	overflow:		hidden;
	border-radius:		0px	0px	10px	10px; /* 左上・右上・右下・左下 */
}
/*-------------------------------------------------*/
/*------------------------------*/
/*	縦書きのスタイル	*/
/*------------------------------*/
.wrap_vart {
	max-width:		100%;
	overflow:		hidden;
	padding:		4px	20px;
	display:		flex;
	justify-content:	space-around;
}
.wrap_vart_text {
	-ms-writing-mode:	tb-rl;
	writing-mode:		vertical-rl;
	padding:		1em;
	font-size:		95%;
	max-width:		44%;
	line-height:		2.1em;
}
.wrap_vart_img {
	padding:		1em;
	box-sizing:		content-box;
	max-width:		44%;
	object-fit:		cover;
	font-family:		'object-fit: cover; object-position: 0% 50%; object-fit: contain;';
}
/*-------------------------------------------------*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*	youtubeのスタイル		*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.box_center {
	max-width:			560px;
	width:				95%;
	max-height:			315px;
	height:				auto;
	margin:				0	auto;
	display:			flex;
	justify-content:		center;

}
.youtube {
	max-width:		100%;
	max-height:		100%;
}

/*------------------------------*/
/*	●企業情報のページ	*/
/*------------------------------*/
.comp_title {
	width:			30%;
	margin:			0	auto;;
	padding:		25px;
	display:		inline-block;
	margin-bottom:		0;
	color:			#333333;
	box-sizing:		content-box;
	border-bottom:		1px	solid	#666666;
}
.comp_items {
	width:			70%;
	margin:			0	auto;;
	padding:		25px;
	display:		inline-block;
	margin-bottom:		0;
	box-sizing:		content-box;
	border-bottom:		1px	solid	#666666;
}
/*-------------------------------------------------*/
/*--------------------------------------*/
/*	●アクセスマップのページ	*/
/*--------------------------------------*/
.map_wrap {
	position:		relative;
	padding-bottom:		40%;
	width:			75%;
	overflow:		hidden;
}
.map_wrap iframe {
	position:		absolute;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
}
/*-------------------------------------------------*/
/*-- 一覧表示のスタイル --*/
/*-------------------------------------------------*/

.newitemlist{
	margin:			2em	auto;
	max-width:		1280px;
	width:			95%;
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-ms-box-sizing:		border-box;
	border:			3px	solid	#1b3579;
	border-radius:		10px	10px	0	0;
}
.newitemlist h4{
	background-color:	#1b3579;
	color:			#ffffff;
	padding:		1.3rem;
	margin:			0;
}
.newitemlist li{
	list-style:		none;
	border-bottom:		1px	dotted	#333333;
	padding:		1em;
}
.lst_date {
	width:			17%;
	text-align:		right;
	float:			left;
	padding:		2.5px	8px	2.5px	8px;
}
.lst_date:after {
	clear:			both;
}
.lst_til {
	margin:			2px	20px;
}
/*-------------------------------------------------*/
/*-- 一覧表示のスタイル --*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-- お知らせ一覧表示のスタイル			 --*/
/*-------------------------------------------------*/

.lcp_alllist {
	display:		flex;
	flex-direction:		column;
}
.lcp_alllist li{
	display:		flex;
	list-style:		none;
	border-bottom:		1px	dotted	#333333;
	padding-top:		12px;
	padding-bottom:		3px;
	padding-left:		15px;
	width:			100%;
	justify-content:	flex-start;
	align-items:		first baseline;
	box-sizing:		border-box;
}
.lcp_post {
	padding:		2px	15px;
/*	font-size:		90%;
/*
	white-space:		nowrap;
*/
}
.lcp_post a{
	white-space:		nowrap;
	overflow:		hidden;
	text-overflow:		ellipsis;
	-webkit-text-overflow:	ellipsis;	/*Safari用*/
	-o-text-overflow:	ellipsis;	/*Opera用*/
}
.lcp_ps {
	padding:		2px	15px;
/*	font-size:		90%;
	margin:			2px	20px;	*/
}
.lcp_dt {
	display:		flex;
	list-style:		none;
/*	border-bottom:		1px	dotted	#333333;	*/
	padding-top:		3px;
	padding-bottom:		4%;
/*	width:			100%;				*/
	justify-content:	flex-start;
	align-items:		first baseline;
/*	width:			18%;
	text-align:		right;
	float:			left;
	padding:		2.5px	8px	2.5px	8px;
	white-space:		nowrap;	*/
}
.lcp_dt:after {
	clear:			both;
}
/*-------------------------------------------------*/
/*-- 一覧表示のスタイル --*/
/*-------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*	●個別記事のページナビ						*/
/*----------------------------------------------------------------------*/
.navigation {
	text-align:		center;
	padding:		1em	0;
	width:			100%;
/*	border:			3px solid #ff00ff;*/
}
.clearfix:after{
	content:		"";
	display:		block;
	clear:			both;
}
.navitop {
	float:			left;
	width:			12%;
	text-align:		center;
}
.navileft {
	float:			left;
	width:			44%;
	text-align:		left;
	word-break:		break-all;
	line-height:		1.5em;
}
.naviright {
	float:			right;
	width:			44%;
	text-align:		right;
	word-break:		break-all;
	line-height:		1.5em;
}

/*----------------------------------------------------------------------*/
/*	●parallaxのスタイル		いらないかも...			*/
/*----------------------------------------------------------------------*/
.section.fade-in {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fid;
  animation-name: fid;
  visibility: visible !important;
}
@-webkit-keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*	ローディングアニメーションのスタイル				*/
/*----------------------------------------------------------------------*/
/* ローディング画面 */
#loading {
	width:				100vw;
	height:				100vh;
	transition:			all	1s;
	background-color:		#ffffff;
	position:			fixed;
	top:				0;
	left:				0;
	z-index:			10000;
}
.spinner {
	max-width:			250px;
	max-height:			90px;
	width:				85%;
	height:				80%;
	position:			absolute;
	top:				50%;
	left:				50%;
	transform:			translate(-50%,-50%);
	background-image:		url(./images/toplogo.png);
	background-repeat:		no-repeat;
	background-size:		contain;
}
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(10.0);
    opacity: 0;
  }
}
 
/* コンテンツ部分の装飾 */
.gallery {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.loaded {
  opacity: 0;
  visibility: hidden;
}

/*----------------------------------------------------------------------*/
/*	ローディングアニメーションのスタイル				*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*	ゆっくりzoom-in-outのスタイル					*/
/*----------------------------------------------------------------------*/
.zoom-in {
/*      animation: .5s linear 1s infinite alternate slidein;		*/
	animation:	animationZoom1	20s	ease-in-out	infinite;
}
@keyframes animationZoom1 {
	50%	{transform:	scale(1.1)}
}
/*----------------------------------------------------------------------*/
/*	ゆっくりzoom-in-outのスタイル					*/
/*----------------------------------------------------------------------*/


/*----- ウィンドウ幅が854pxまでの場合に適用するCSS -----*/
@media screen and (max-width: 1024px) {

	/*----------------ヘッダー部----------------*/
	.header-base{
		flex-direction:	column;
	}
	.header{
/*
		margin:		0	auto;
*/
	}

	#menu-base {
		display:	none;
	}
	#menu li{
		margin:		0	1rem;
	}
	/*------------------------------------------*/

	/*----------------メニュー部----------------*/
	.navToggle {
		display:	block;
		position:	fixed;    /* bodyに対しての絶対位置指定 */
		right:		0px;
		top:		0px;
		width:		42px;
		height:		51px;
		cursor:		pointer;
		z-index:	901;
		background:	#208b20;
		text-align:	center;
		border:		1px	solid	#efefef;
		background:	rgba(132, 225, 229,0.95);
	}
	/*-----------●固定ページナビ-----------*/
	.page_base_navi {
		clear:			both;
		max-width:		100%;
		padding:		5%	15px;
		flex-direction:		column;
	}
	.page_wrap_text,
	.page_wrap_img,
	.page_flex_out,
	.page_navi_text,
	.page_navi_img,
	.page_item_text,
	.page_item_img,
 	.comp_title,
	.comp_items {
		margin:			0;
		padding:		12%	15px;
		box-sizing:		border-box;
		width:			100%;
	}
	#npcatch {
		padding:		20px;
	}
	#npcatch li{
		margin:			0;
		padding:		10px;
		box-sizing:		border-box;
		width:			50%;
		vertical-align:		top;
	}
	#npcatch img::after{
		width:			100%;
		content:		"\A";
		white-space:		pre;
	}
	/*------------------------------------------*/
/*----------------記事一覧部----------------*/
	.lcp_dt {
		width:			25%;
	}
}
/*----- ウィンドウ幅が769pxまでの場合に適用するCSS -----*/
@media screen and (max-width: 768px) {

	/*----------------メニュー部----------------*/
	/*------------------------------------------*/
#content_base:before {
	margin:				3%	-20%	0;
	height:				98%;
}
	/*-----------コンテンツメニュー部-----------*/

	.child_page-cnts {
		max-width:		50%;
		height:			auto;
		border-radius:		5px;
		padding:		10px;
	}
	.cont_box li{
		display:		inline-block;
		width:			47%;
		margin:			1%;
		box-sizing:		border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
		-o-box-sizing:		border-box;
		-ms-box-sizing:		border-box;
	}
	/*------------------------------------------*/
	.cont_img img{
		max-width:		100%;
		margin:			0	auto;
		padding:		12px;
		height:			auto;
	}
	.cont_img img:after {
		clear:			both;
	}
	.cont_img2 img{
		max-width:		100%;
		margin:			0	auto;
		padding:		12px;
		height:			auto;
	}
	.cont_img2 img:after {
		clear:			both;
	}
	.ev_item_box {
		padding:		0;
	}
	/*-----------●固定ページナビ-----------*/
	.page_base_navi {
		clear:			both;
		max-width:		100%;
		padding:		5%	15px;
	}
	/*------------------------------------------*/
	/*-----------フッター部-----------*/
	#footer {
		flex-direction:		column;
	}
	.footer_info {
		width:			100%;
		flex-direction:		column;
	}
	.sitemap_inner {
		margin-right:		auto;
		font-size:		100%;
	}
	/*------------------------------------------*/
	.page_item_text,
	.page_item_img {
		width:			95%;
	}
}
@media screen and ( max-width:479px )
{
	#front_page_title{
		flex-direction:		column;
	}
	.page_title{
		font-size:		200%;
		padding:		30px	30px	10px	30px;
	}
	.bnr_list {
		flex-direction:		column;
	}
	.bnr_box {
		width:			100%;
	}
	.link_bnr {
		flex-direction:		column;
	}
	.link_bnr a{
		margin-top:		20px;
		margin:			0	auto;
	}
	.item_wrap {
		flex-direction:		column;
	}
	.item_box,
	.ev_item_box {
		width:			100%;
		box-sizing:		border-box;
	}
	.item_cat {
		max-height:		calc(25px + 2.3em);
	}
	.header img {
		max-width:		50%;
		margin-bottom:		10px;
	}

	#content {
		clear:			both;
		word-break:		normal;
		margin:			0	auto;
		box-sizing:		border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
		-o-box-sizing:		border-box;
		-ms-box-sizing:		border-box;
	}
	#header-base {
		opacity:		0;
	}
	#header img {
		width:		100%;
		height:		auto;
	}
	img {
		max-width:	100%;
	}
	.footer_item{
		border:			none;
	}
	/*----------------メニュー部----------------*/
	.header h1{
		display:		none;
	}
	#menu li{
		margin:		0	.5rem;
		font-size:	1.2rem;	
	}
	#toggle{
		display:		block;
		position:		relative;
		width:			100%;
		background:		#222222;
	}
	#toggle a{
		display:		block;
		position:		relative;
		padding:		12px	0	10px;
		border-bottom:		1px	solid	#444444;
		color:			#ffffff;
		text-align:		center;
		text-decoration:	none;
	}
	#toggle:before{
		display:		block;
		content:		"";
		position:		absolute;
		top:			50%;
		left:			10px;
		width:			20px;
		height:			20px;
		margin-top:		-10px;
		background:		#ffffff;
	}
	#toggle a:before, #toggle a:after{
		display:		block;
		content:		"";
		position:		absolute;
		top:			50%;
		left:			10px;
		width:			20px;
		height:			4px;
		background:		#222222;
	}
	#toggle a:before{
		margin-top:		-6px;
	}
	#toggle a:after{
		margin-top:		2px;
	}
/*----------------メニュー部----------------
	.navToggle {
		display:	block;
		position:	fixed;    /* bodyに対しての絶対位置指定
		right:		13px;
		top:		50px;
		width:		42px;
		height:		51px;
		cursor:		pointer;
		z-index:	901;
		background:	#99C466;
		text-align:	center;
		border:		1px	solid	#efefef;
	}
/*------------------------------------------*/
	/*------------------------------------------*/
	/*-----------コンテンツメニュー部-----------*/

	.child_pages .child_page {
		float:			none;
		width:			100%	!important;
	}
	.child_page-cnts {
		width:			100%;
		height:			auto;
		border-radius:		5px;
		padding:		10px;
	}
	.cont_box li{
		width:			100%;
		display:		inline-block;
		margin:			1%;
		box-sizing:		border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
		-o-box-sizing:		border-box;
		-ms-box-sizing:		border-box;
	}
	/*------------------------------------------*/
	.cont_img img{
		max-width:		100%;
		margin:			0	auto;
		padding:		12px;
		height:			auto;
	}
	.cont_img img:after {
		clear:			both;
	}
	.cont_img2 img{
		max-width:		100%;
		margin:			0	auto;
		padding:		12px;
		height:			auto;
	}
	.cont_img2 img:after {
		clear:			both;
	}
/*----------------記事一覧部----------------*/
	.lcp_dt {
		width:			20%;
		font-size:		80%;
	}
	.pic_back_base h3 {
		font-size:		180%;
	}
	#npcatch {
		padding:		10px;
	}
	#npcatch li{
		margin:			0;
		padding:		10px;
		box-sizing:		border-box;
		width:			100%;
	}
	#content img {
		width:		100%;
		padding:	10px	0px;
	}
	.wpcf7 {
		padding:		0;
	}
	/*------------------------------*/
	/*	バナー部のスタイル	*/
	/*------------------------------*/
	.ban_inner {
		display:		block;
		text-align:		center;
/*		flex-direction:		column;	*/
	}
	/*------------------------------*/
	/*	縦書きのスタイル	*/
	/*------------------------------*/
	.wrap_vart {
		overflow:		hidden;
		flex-direction:		column;
	}
	.wrap_vart_img,
	.wrap_vart_text {
		max-width:		100%;
		padding:		0px;
		line-height:		2em;
	}
	.item_btn_img img{
		padding:		0;
	}
	h1,
	h2,
	h3,
	h4,
	h5 {
		font-size:		5.5vw;
	}


}
/*--------------------------------------------------*/