/*
Theme Name: Lightning Child 2026
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 1.0.1
*/


/*** 施設TOPの案内分のフォント ソースの一番上に書いてある必要あるみたい***/
@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700');


/*** javascriptに関する参考サイト ***/
/*** 各施設の案内図切り替え→クリックイベント(jQuery) https://www.web-officer.com/jquery/jquery-interchanging-images-and-text-in-conjunction-with-the-place-where-mouse-over-has-occurred.html ***/
/*** 各施設の案内図切り替え→クリックイベント(java) https://www.web-jozu.com/javascript/change.html ***/
/*** 施設TOPの空き室予約画面の切り替え→セレクトボックスのクリックイベント https://www.flatflag.nir87.com/change-1761 ***/
/*** セレクトボックス + jQuery + if文のやりかた https://www.sejuku.net/blog/41231 ***/


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.7em;
	color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
	font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-size: 75%
}

.h1,h1 {
	font-size: 36px
}

.h2,h2 {
	font-size: 30px
}

.h3,h3 {
	font-size: 24px
}

.h4,h4 {
	font-size: 18px
}

.h5,h5 {
	font-size: 14px
}

.h6,h6 {
	font-size: 12px
}

p {
	margin: 0 0 10px
}

p {
	line-height: 1.8em;
	margin-bottom: 1.2em;
}

h4 {
	padding: 10px 15px 8px;
	background-color: #efefef;
	border-radius: 4px;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	line-height: 1.7em
}

.h2,.h3,.h4,.h5,.h6,.mainSection-title,h2,h3,h4,h5,h6 {
	margin: 1.5em 0 1.2em;
	clear: both
}

/*アニメーションタイトル調整追加　18.12.26 goodjob*/
@media (min-width: 768px){
	.slide-text-title {
		font-size: 3.5vw;
		font-weight: bold;
	}
}
/*アニメーションタイトル調整追加　18.12.26 goodjob*/

.page-id-3988 .siteContent{
	padding-top: 0px;
}



.taiiku{
	text-align: center;
	width: 100%;
}
.google-cal-div{
	width:80%;
	margin: 0 auto;
}
form{
	display:inline-block;
}

/*** <li>タグに葉っぱのアイコンつける ***/
.page-id-2304 li {
	list-style-image:url("/wp-content/uploads/2018/09/icon.png");
}




/*** 施設TOPの画像斜めカットレイアウト ***/

.history_future_area{
	width: 120%;
}
.hf_box:first-of-type a {
	transform: translateX(10%) skewX(14deg);
}
.hf_box:last-of-type a {
	transform: translateX(-10%) skewX(14deg);
}
.history_future_area .rotate_area {
	transform: skewX(-14deg);
	box-sizing: border-box;
	width: 100%;
	margin-left: -4.5%;
	border: 1px solid #99f;
	border: none;
}
.hf_box {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	height: 350px;
	width: 46%;
	overflow: hidden;

}

.hf_box a {
	display: block;
	width: 100%;
	height: 100%;
}
.hf_box:first-of-type a {
	transform: translateX(10%) skewX(14deg);
}
.hf_box:last-of-type a {
	transform: translateX(-10%) skewX(14deg);
}
.hf_box:first-of-type .bg {
	background-image: url(https://www.hamanasu-info.co.jp/wp-content/uploads/2018/08/FullSizeRender1.jpg);
}
.hf_box:last-of-type .bg {
	background-image: url(https://www.hamanasu-info.co.jp/wp-content/uploads/2018/09/IMG_1661.jpg);
}
.hf_box .bg {
	background: no-repeat center center/cover;
	height: 100%;
	width: 100%;
	transition: ease-out 0.2s opacity, ease-out 0.4s transform;
}
.img_slide_anim {
	position: relative;
	overflow: hidden;
	z-index: 0;
	transform: translateY(40px);
	transition: 1s cubic-bezier(0.5, 0.1, 0.2, 1) 0.2s;
}



/************************** 施設ページ全体or複数ページに影響のあるソース **************************/
/***　テキストドラッグ時の背景色変更　参考サイト:http://aoicotori.hatenablog.com/entry/text-selection-color　***/
.page-id-1521 ::selection, .parent-pageid-1521 ::selection{
	background:#336600;
	color: #ffffff;
}
.page-id-1521 ::-moz-selection, .parent-pageid-1521 ::selection{
	background:#336600;
	color: #ffffff;
}
/*** ヘッダーとBODY間の位置調整 ***/
.page-id-1521 .siteContent{
	padding: 0px 0px;	
}
.parent-pageid-1521 .siteContent{
	padding-top: 0px;
}
/*** 各施設紹介用テーブルの幅とか枠線の設定 ***/
.view-div-imgwidth{
	text-align:center;
	width: 100%;
}
.view-td{
	border-top: none;
}

/*** 見出しh3レイアウト page-id-2304→テレワーク側、page-id-1531→コミプラ側 ***/
.page-id-2304 h3{
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-align: center;
	width:30%;
	margin: 10% auto 10% auto;
}
.page-id-1531 h3{
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-align: center;
	width:50%;
	margin: 10% auto 10% auto;
}
@media (max-width: 600px){
	.page-id-2304 h3 {
		font-size: 16px;
		width: 50%;
	}
	.page-id-1531 h3 {
		font-size: 16px;
		width: 70%;
	}
}
/*** 見出しh3レイアウト parent-pageid-1521→テレワーク・コミプラ共通(施設TOPの子ページ) ***/
.parent-pageid-1521 h3:after{
	display: none;
}
.parent-pageid-1521 p:nth-child(1){
	margin-bottom: 0px;
	margin-top: 10%;
}
.parent-pageid-1521 h3 p:nth-child(2){
	font-size:8px;
	margin-bottom: 10%;
}
@media (max-width: 600px){
	.parent-pageid-1521 h3 p:nth-child(2){
		margin-bottom: 5%;
	}
}

/*** テレワーク・コミプラ共通　施設紹介テーブルのレイアウト設定 ***/
.view-list{
	text-align: left;
	padding: 0px;
	width: 100%;
}
.view-fa ul{
	width: 100%;
	padding-left: 0px;
	margin: 0px;
}
.view-fa li{
	display: inline-block;
	width: 15% !important;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 1.5%;
}
.view-fa li img{
	width: 100%;
}
.view-fa td:not(.view-td):not(.floor-text-td):not(.view-list):nth-child(odd){
	background-color: rgba(170,210,140,0.8);
	color: white;
}
@media (max-width: 991px){
	.view-fa td:not(.view-td):not(.view-list){
		display: block;
		width: 200% !important;
	}
}
/*** テーブル周りの枠線けしたり ***/
.page-id-2304 table,.page-id-1531 table{
	border-top: none;
}
.page-id-2304 table, td, th, .page-id-1531 table,td,th{
	border-left: none !important;
	border-right: none !important;
}
@media (max-width: 600px){
	.ppage-id-2304 table, .page-id-1531 table{
		font-size: 8px;
	}
}
/*** サムネクリックした時に写真の周りに緑枠を付ける ***/
.page-id-2304 table a:focus, .page-id-1531 table a:focus:not(.yoyaku-link){
	border: solid;
	border-color: green;
	display: inline-block;
}


/************************** ヘッダー部分に関するソース **************************/
/*** TOPと施設ページ用みどりの会社ロゴ ***/
header .purple_logo, header .orange_logo {
	display: none;
}

/************************** ボディー部分に関するソース **************************/
/************************** 1.施設TOPに関するソース **************************/
.left-fa{
	background-color:black;
}
.right-fa{
	background-color:gray;
}
.atend-everyone, .atend-business{
	font-size: 2vw;
	margin-top: 2%;
	font-weight: 700;
	font-family: Comfortaa;
	color:white;
}
.atend-everyone::before{
	content: "会場・貸会議室";
	display: block;
	font-size: 10pt;
	position: relative;
	top: 60px;
	left: 0px;
}
.atend-business::before{
	content: "コワーキングスペース";
	display: block;
	font-size: 10pt;
	position: relative;
	top: 60px;
	right: 0px;
}
.atend-everyone::after{
	content:  url(https://www.hamanasu-info.co.jp/wp-content/uploads/2018/09/fa3-e1536825811910.png);
	font-size: 10pt;
	position: relative;
	top: 18px;
	left: 5px;
}
.atend-business::after{
	content:  url(https://www.hamanasu-info.co.jp/wp-content/uploads/2018/09/fa2-e1536824847763.png);
	font-size: 10pt;
	position: relative;
	top: 18px;
	right: -5px;
}
.img-fa{
	margin-top:10%;
}
/*** ホバー時の透過色 → background-colorで指定 ***/
.left-fa{
	box-sizing: border-box;
	display:inline-block;
	width:50%;
	letter-spacing: normal;
	text-align:center;
	overflow: hidden;
	transition: background-color 1s;
}
.right-fa{
	box-sizing: border-box;
	display:inline-block;
	width:50%;
	letter-spacing: normal;
	text-align:center;
	overflow: hidden;
	transition: background-color 1s;
}
/*** 画像の同志の隙間うめ https://naoyu.net/css-inline-block-space/ ***/
.img-fa{
	width:100%;
}

/*** ホバーエフェクト http://web.k-daiichi.com/news_contants/news_page36.html ***/
/*** 透過色をかぶせる https://www.nishishi.com/css/colorfilter-over-image.html ***/
csstest1 img {
	opacity: 0.5;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
csstest1:hover img {
	opacity: 0.5;
}






/*** 20181218 豆野追加 ここから ***/

resp { font-size: calc(70% + 0.5vw)}
resp2 { font-size: calc(60% + 0.4vw)}
resp3 { font-size: calc(58% + 0.4vw)}

/*** 20181218 豆野追加 ここまで ***/
















.left-fa:hover {
	background-color:green;
}
.right-fa:hover {
	background-color:green;
}
/*** 画像同士の隙間うめ用、親要素のクラスに設定 ***/
.container-fa {
	letter-spacing: -0.4em;
}
/*** 縦並び要素の隙間うめ http://d.hatena.ne.jp/nug/20070501/1178016623 ***/
.container-fa{
	width:100%;
	line-height: 0px;
	display:inline-block;
}
.color-block{
	background-color:green;
	text-align:center;
	height:300px;
	/*line-height: 0px;*/
}
/* 画像下のテキストの位置とか調整 */
.font-fa{
	color: #ffffff;
	letter-spacing: 5px;
	font-size: 2vw;
	padding-top: 80px;
	border-bottom: 0;
}
.font-fa2{
	color: #ffffff;
	letter-spacing: 10px;
	font-size: 1vw;
}
.map-table{
	height: 500px;
	width:100%;
}

.table-noborder, .table-noborder tr, .table-noborder th, .table-noborder td {
	border: none;
}

.map-table td{
	width:50%;
}
.map-table li {
	list-style-image:url("/wp-content/uploads/2018/09/icon.png");
}


@media (min-width: 1100px) {
	.atend-everyone::before, .atend-business::before{
		top: 70px;
	}
	.atend-everyone::after, .atend-business::after{
		top: 8px;
	}
}
@media (max-width: 768px) {
	.map-table td{
		width: 100%;
		display: block;
		font-size: 10pt;
	}
	/**.atend-everyone::after, .atend-business::after{
	top: 10px;
	font-size: 6pt;
}**/

	/* 190218 */
	.atend-everyone, .atend-business {
		font-size: 3vw;
		margin: 5% auto;
	}
	.atend-everyone::after, .atend-business::after{
		top: 0px;
		font-size: 6pt;
	}	

}
/************************** 2.テレワーク側に関するソース **************************/

/************************** 3.コミプラ側に関するソース **************************/
/*** 見出しh4の設定 ***/
.page-id-1531 h4{
	border: solid;
	border-width: 0px 0px 0px 10px;
}
/*** 料金表テーブルの設定 ***/
.price-table-div table{
	text-align: center;
	margin: 0 auto;
	width: 80%;
}
/*** リンク貼ってある文字色 ***/
.yoyaku-link{
	color: white;
}
/************************** フッター部分に関するソース **************************/

/*** フッターの背景画像 【サイズ設定はstyle-all.cssに記載】 ***/
.siteFooter{
	background-image: url(../../uploads/2018/10/footer.png);
	background-size: contain; 
}


/********************************* その他のソース *********************************/

/****** トップへ戻るボタンの文字色設定は「style-all.css」に書いてあります ******/

/**** グーグルカレンダー ****/
.cal_wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 2.0833% auto;
}
.googlecal {
	position: relative;
	padding-bottom: 100%;
	height: 0;
}
.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (min-width: 768px) {
	.googlecal { padding-bottom: 75%; 
	}
}

@media (max-width: 500px) {
	.font-test{
		font-size: 8pt;
	}
}




/***  吹き出しあいこん表示するCSS 参考サイトhttps://saruwakakun.com/html-css/reference/speech-bubble ***/
.balloon3 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 0 5px;
	width: 90px;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #ff6347;
	border-radius: 50%;
	box-sizing: border-box;
}

.balloon3:before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ff6347;
	z-index: 0;
}



/***　蛍光ペン青　***//*
.under {
background: linear-gradient(transparent 50%, #a8eaff 50%);
}*/
/***　蛍光ペンみどり　***/
.pink {
	background: linear-gradient(transparent 80%, #86a671 70%);
}
/***　蛍光ペン黄色　***/
.yellow {
	background: linear-gradient(transparent 50%, #ffff00 70%);
}
/***　蛍光ペンオレンジ　ストライプ　***/
.orange-stripe { 
	position: relative;
	padding: 0.3em;
}
.orange-stripe:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: repeating-linear-gradient(-45deg, #ff2d2d, #ff2d2d 2px, white 2px, white 4px);
}

/* 190218 */

@media (max-width: 767px) {
	.fl-row[data-node] .fl-row-content-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* datacenter */ 
.datacenter-table td {
	padding: 1em 5px !important;
	font-size: .8em;
	vertical-align: top;
}

.datacenter-table p {
	white-space: nowrap;
}

@media screen and (min-width:768px) and (max-width:1099px) {
	/**.atend-everyone {
	text-indent: -2em;
}
	.atend-business {
	text-indent: -5em;
}**/

	.atend-everyone, .atend-business {
		margin-top: 5%;
	}

	.atend-everyone::after,.atend-business::after {
		top: 0px;
	}
}

/* 211113 新着情報用 */
.failures time {
	margin-right: 10px;
	display: inline-block;
}

.news__list time {
	width: 150px;
	display: inline-block;
}

@media screen and (max-width:767px) {
	.failures time, .news__list time {
		display: block;
	}
}
.gMenu>li .gMenu_name {
	font-weight: normal;
}

/*2601追加*/
.mainSection-title,h2 {
	background-color: #f5f5f5;
	padding: 14px 15px 10px;
}
.fl-module-content .fl-photo-img {
	width: 100vw;
	margin-inline: calc(50% - 50cqi);
	/* padding-inline: calc(50cqi - 50%); */
}

@media (min-width: 768px) {
	.gMenu li li,
	.device-pc .gMenu li:focus-within>.sub-menu a:focus-within {
		background-color: #FFF;
		color: #333;
	}
	.gMenu li li a{
		color: #333;
	}
	.device-pc .gMenu>li a:hover,
	.gMenu li li a:hover {
		color: #56aa2f;
	}
	.gMenu > li.menu-item-has-children::after {
		border-bottom-color: #FFF;
		filter: drop-shadow(0px -2px 0px #f5f5f5);
	}
	.gMenu li li a:hover {
		background-color: #F5F5F5;
	}
}

@media (min-width: 992px) {
	.siteHeader_logo img {
		max-height: 70px;
	}
}
}

.price-table-div table {
	margin-block: 1.5em;
}

.table, table,
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
	border: 1px solid rgba(0,0,0,.07);
}

.fl-node-5bb5cf3f00759.fl-row-fixed-width, .fl-node-5bb5cf3f00759 .fl-row-fixed-width {
	max-width: 100%;
}

.page-id-4400 .siteContent {
    padding-top: 0;
}

.page-id-4400 .n2-section-smartslider {
	width: 100vw;
	margin-inline: calc(50% - 50cqi);
	/* 親の幅に要素を寄せたい場合 */
	/* padding-inline: calc(50cqi - 50%); */
}

.page-id-5419 .siteContent {
	padding-top: 2.2em;
}

.page-id-5419 table, .page-id-5419 th, .page-id-5419 td{
	background-color: white;
	border-color: #000000;
}

@media (min-width: 1200px) {
    .page-id-5419 .siteContent {
		padding-top: 3.5em;
	}
}

.page-id-5419 table:first-of-type,.page-id-5419 table:first-of-type td {
    border-color: transparent !important;
}

.single .siteContent>.container>.row {
	display: flex;
	height: 100%;
}