@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

.page-bath/お風呂モニタリング専用クラス名

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ================================================================================

	サイトスタイル

================================================================================ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	position: relative;
	color: #000000;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
	word-wrap: break-word;
	/* 明朝 */ font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	/* ゴシック */ font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
}

#wrapper {
	position: relative;
	background-color: #fff3dd;
	max-width: none;
	/* max-width: 1920px; 固定幅レイアウト時 */
	width: 100%;
	margin: 0 auto;
	min-height: 100vh;
	display: block;
	overflow: hidden;
}
/* お風呂モニタリング専用 */
#wrapper.page-bath {
	background-color: #ffffff;
}

h1 {
	margin: 0;
	font-weight: 300;
}
h2, h3, h4 {
	margin: 0;
	font-weight: 700;
}

img {
	vertical-align: bottom;
}

li,dt,dd {
	vertical-align: top;
}

iframe {
	vertical-align: bottom;
}


/* リンク：透過アクション付 */
a {
	color: #ec661b;
	opacity: 1;
	transition-property: opacity,color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
a:hover {
	color: #ec661b;
	opacity: 0.6;
}


.elementor-widget-heading a {
	color: #ec661b !important;
}
.elementor-widget-heading a:hover {
	color: #ec661b !important;
}

/* お風呂モニタリング専用　リンク：透過アクション付 */

.page-bath a {
	color: #144a9e;
	opacity: 1;
	transition-property: opacity,color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
.page-bath a:hover {
	color: #144a9e;
	opacity: 0.6;
}


.page-bath .elementor-widget-heading a {
	color: #144a9e !important;
}
.page-bath .elementor-widget-heading a:hover {
	color: #144a9e !important;
}



/* ================================================================================

	404.php

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.not-found {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
}





/* ================================================================================

	display:none

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* SP改行消し */
	.br-pc {
		display: none;
	}
	/* SPコンテンツ消し */
	.pc_none {
		display: none;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* PC改行消し */
	.br-sp {
		display: none;
	}
	/* PCコンテンツ消し */
	.sp_none {
		display: none;
	}

}





/* ================================================================================

	pointer-events: none;

================================================================================ */


.fax {
	display: inline-block;
	pointer-events: none;
	color: #000000;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.pointer-events {
		display: inline-block;
		pointer-events: none;
		color: #000000;
	}

}





/* ================================================================================

	フロート回り込み解除 clearfix

================================================================================ */

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: "";
	overflow: hidden;
	float: none;
}
.clearfix {
	display: block; /* for IE8 */
}





/* ================================================================================

	エディター共通設定

================================================================================ */

p + * {
	margin-top: 1em;
}

strong,b {
	font-weight: 700;
}
big {
	font-size: larger;
}
small {
	font-size: smaller;
}
em {
	font-style: italic;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	body {
		font-size: 3.5vw;
	}

	/* youtube siteorigin */
	.youtube-player {
		width: 100%;
		height: 36.5vw;
		margin-top: 4vw;
	}

	/* エディターで画像の下に隙間ができるの解除 */
	img + br {
		display: none;
	}
}


/* ================================================================================

	共通見出し

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
/* 中央バージョン .h2_all */
/* 左寄せバージョン .h2_all_left */
	
	.h2_all,
	.h2_all_left {
		padding-bottom: 18px !important;
	}
	.h2_all h2,
	.h2_all_left h2 {
		position: relative;
		font-size: 18px;
		font-weight: 400;
		color: #000000;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		line-height: 1.3 !important;
	}
	.h2_all h2 span,
	.h2_all_left h2 span {
		font-size: 36px;
		font-weight: 500;
		font-family: 'Lato', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		display: block;
		padding: 7px 0 0;
		letter-spacing: 0.08em;
		text-indent: 0.08em;
		line-height: 1.3;
	}
/* 中央バージョン の飾り */
	.h2_all h2::before {
		position: absolute;
		content: '';
		display: block;
		background:url(../img/title_bg.png)no-repeat center top / 100% auto;
		width: 36px;
		height: 8px;
		bottom: -17px;
		left: 50%;
		margin-left: -18px;
	}
/* 左寄せバージョン  の飾り */
	.h2_all_left h2::before {
		position: absolute;
		content: '';
		display: block;
		background:url(../img/title_bg.png)no-repeat center top / 100% auto;
		width: 36px;
		height: 8px;
		bottom: -17px;
		left:0;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
/* スマホはどちらも中央配置 */
	.h2_all,
	.h2_all_left {
		padding: 0 4vw 4vw !important;
	}
	.h2_all h2,
	.h2_all_left h2 {
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		color: #000000;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		text-align: center;
		line-height: 1.3 !important;
	}
	.h2_all h2 span,
	.h2_all_left h2 span {
		font-size: 7.5vw;
		font-weight: 500;
		font-family: 'Lato', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		display: block;
		padding: 1.5vw 0 0;
		letter-spacing: 0.08em;
		text-indent: 0.08em;
		line-height: 1.3;
	}
/* 中央バージョン 左寄せバージョンの飾り */
	.h2_all h2::before,
	.h2_all_left h2::before {
		position: absolute;
		content: '';
		display: block;
		background:url(../img/title_bg.png)no-repeat center top / 100% auto;
		width: 8vw;
		height: 2vw;
		bottom: -4vw;
		left: 50%;
		margin-left: -4vw;
	}

}



/* ================================================================================

	PCヘッダー

================================================================================ */
@media (min-width: 768px) {

	header {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
	}


	/* グローバルナビゲーション
	----------------------------------------------- */
	
	/* ＝＝＝＝通常の横ならび＝＝＝＝ */
	#nav_box {
		height: 6.8vw;
	}
	#nav_pc {
		position:relative;
		padding: 2vw 0 0;
		height: 6.8vw;
		z-index: 5;
	}
	/* scrollで出てくるナビ部分の設定 */
	#nav_pc.fixed {
		position: fixed;
		width: 100%;
		margin: 0 auto;
		padding: 0.75vw 0 0;
		z-index: 5;
		background-color: #fff3dd;
		height: 5vw;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		box-shadow: 0 0 0.3vw 0.2vw rgba(175,149,105,0.1);
	}
	/* お風呂モニタリング専用　scrollで出てくるナビ部分の設定 */
	.page-bath #nav_pc.fixed {
		position: fixed;
		width: 100%;
		margin: 0 auto;
		padding: 0.75vw 0 0;
		z-index: 5;
		background-color: #ffffff;
		height: 5vw;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		box-shadow: 0 0 0.3vw 0.2vw rgba(175,149,105,0.1);
	}

	#nav_pc a {
		color:#000000;
	}
	#nav_pc > ul {
		font-size:0;
		text-align: left;
		padding: 0 0 0 7.5vw;
		position: relative;
	}
	#nav_pc > ul > li {
		font-size: 1.1vw;
		display: inline-block;
		padding: 0.4vw 1.27vw 0;
		vertical-align: top;
	}
	#nav_pc > ul > li > a {
		padding: 0 0 2.8vw;
		display: block;
		position: relative;
		text-align: center;
		color: #000000;
	}

	/* scrollで出てくるナビ部分の設定 */
	#nav_pc.fixed > ul > li > a {
		padding: 0 0 1.7vw;
	}

	/* 二行用テキスト設定 */
	#nav_pc >  ul > li > a.nav-long_title {
		line-height: 1.2;
		font-size: 1vw;
		padding: 0 0 2.3vw;
	}

	/* scrollで出てくるナビ部分の設定 */
	#nav_pc.fixed >  ul > li > a.nav-long_title {
		padding: 0 0 1.6vw;
	}

	/* ロゴ */
	#nav_pc > ul > li:first-child {
		line-height: 0;
		padding: 0 1.27vw;
	}

	/* scrollで出てくるナビ部分の設定 */
	#nav_pc.fixed > ul > li:first-child {
		padding: 0.2vw 1.27vw 0;
	}
	#nav_pc > ul > li:first-child img {
		width: 14.2vw;
	}

	/* 文字下矢印設定 */
	#nav_pc > ul > li:not(:first-child) > a::before {/* > */
		position: absolute;
		content: "";
		display: block;
		background: url(../img/top-nav_icon.png) no-repeat center top / 100% auto;
		width: 0.7vw;
		height: 0.4vw;
		top: 3.3vw;
		left: 50%;
		transition-property: top;
		transform: translateX(-50%);
		transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	/* お風呂モニタリング専用　文字下矢印設定 */
	.page-bath #nav_pc > ul > li:not(:first-child) > a::before {/* > */
		background: url(../img/top-nav_icon_b.png) no-repeat center top / 100% auto;
	}

	#nav_pc > ul > li:not(:first-child) > a:hover::before {/* > */
		top: 4.1vw;
	}

	/* 文字下矢印設定 */
	/* scrollで出てくるナビ部分の設定 */
	/* > */
	#nav_pc.fixed > ul > li:not(:first-child) > a::before {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/top-nav_icon.png) no-repeat center top / 100% auto;
		width: 0.7vw;
		height: 0.4vw;
		top: 2.8vw;;
		left: 50%;
		transition-property: top;
		transform: translateX(-50%);
		transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	/* お風呂モニタリング専用　文字下矢印設定 */
	/* scrollで出てくるナビ部分の設定 */
	/* > */
	.page-bath #nav_pc.fixed > ul > li:not(:first-child) > a::before {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/top-nav_icon_b.png) no-repeat center top / 100% auto;
		width: 0.7vw;
		height: 0.4vw;
		top: 2.8vw;;
		left: 50%;
		transition-property: top;
		transform: translateX(-50%);
		transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	/* > */
	#nav_pc.fixed > ul > li:not(:first-child) > a:hover::before {
		top: 3.1vw;
	}


	/* ＝＝＝＝ドロップする＝＝＝＝ */
	#nav_pc > ul > li > ul.drop_menu,
	#nav_pc > ul > li > ul.drop_menu-only {
		position: absolute;
		height: 0;
		width: 65.5vw;
		overflow: hidden;
		transition: .2s;
		transition-property: height;
		top: 4.8vw;
		left: 25.4vw;
	}
	/* scrollで出てくるナビ部分の設定 */
	#nav_pc.fixed > ul > li > ul.drop_menu,
	#nav_pc.fixed > ul > li > ul.drop_menu-only {
		top: 4.25vw;
	}


	#nav_pc > ul > li:hover > ul.drop_menu {
		overflow: visible;
		height: 26.2vw;
		background:#ffffff;
		box-shadow: 0px 5px 16px -9px rgba(0,0,0,0.3);
	}
	#nav_pc > ul > li:hover > ul.drop_menu-only {
		overflow: visible;
		height: 18vw;
		background:#ffffff;
		box-shadow: 0px 5px 16px -9px rgba(0,0,0,0.3);
	}

	#nav_pc > ul > li > ul.drop_menu > li > ul,
	#nav_pc > ul > li > ul.drop_menu-only > li > ul {
		overflow: hidden;
		float: left;
	}
	#nav_pc > ul > li > ul.drop_menu-only > li > ul {
		height:0;
	}



	/* ※画像部分のUL */
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(1),
	#nav_pc > ul > li > ul.drop_menu-only > li > ul:nth-of-type(1) {
		position: relative;
		z-index: 1;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(1),
	#nav_pc > ul > li:hover > ul.drop_menu-only > li > ul:nth-of-type(1) {
		overflow: visible;
		height: 14vw;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(1) > li,
	#nav_pc > ul > li:hover > ul.drop_menu-only > li > ul:nth-of-type(1) > li {
		overflow: hidden;
	}
	
	#nav_pc > ul > li:hover > ul.drop_menu-only > li > ul > li > a {
		opacity: 1;
		height: 18vw;
		display: block;
	}


	/* 単発リンクホバーしたときの範囲 */
	#nav_pc > ul > li:hover > ul.drop_menu-only > li > ul:nth-of-type(2) {
		overflow: visible;
		height: 3.95vw;
		margin: 0 0 0 10vw;
		text-align: left;
		font-size: 1vw;
	}
	/* スクロール */
	#nav_pc.fixed > ul > li:hover > ul.drop_menu-only > li > ul:nth-of-type(2) {
		overflow: visible;
		height: 4vw;
		margin: 0 0 0 10vw;
		text-align: left;
		font-size: 1vw;
	}
	#nav_pc > ul > li > ul.drop_menu-only > li > ul:nth-of-type(2) > li {
		display: inline-block;
		position: relative;
		width: 53vw;
		text-align: right;
		opacity: 0;
		transition: .2s;
		transition-delay: .2s;
		transition-property: opacity;
	}


	/* ソリューション */
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) {
		font-size: 0;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(2) {
		overflow: visible;
		margin: 1vw 0 0 8.5vw;
		text-align: left;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li {
		display: inline-block;
		position: relative;
		padding: 0 3.3vw 1.5vw 0;
		opacity: 0;
		transition: .2s;
		transition-delay: .2s;
		transition-property: opacity;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li:nth-of-type(2) {
		padding: 0 14vw 1.5vw 0;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li {
		font-size: 0;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li:last-of-type {
		display: block;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(2) > li {
		font-size: 1vw;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(2) > li a {
		display: inline-block;
		
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li::before {
		position: absolute;
		content: '';
		background: url(../img/before01.png) center top / contain no-repeat;
		width: 0.4vw;
		height: 0.5vw;
		top: 0.7vw;
		left: -0.7vw;
		opacity: 0;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li:last-of-type::before {
		position: absolute;
		content: '';
		background: url(../img/before02.png) center top / contain no-repeat;
		width: 0.4vw;
		height: 0.4vw;
		top: 0.7vw;
		left: -0.7vw;
		opacity: 0;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(2) > li {
		opacity: 1;
	}
	#nav_pc > ul > li:hover > ul.drop_menu-only > li > ul:nth-of-type(2) > li {
		opacity: 1;
	}
	#nav_pc > ul > li:hover > ul.drop_menu > li > ul:nth-of-type(2) > li::before {
		opacity: 1;
	}
	#nav_pc > ul > li:hover > ul.drop_menumenu-only > li > ul:nth-of-type(2) > li::before {
		display: none;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul:nth-of-type(2) > li.item {
		padding: 0 4.5vw 1.5vw 0;
	}
	
	
	/* お風呂モニタリング®︎ */
	#nav_pc > ul > li:nth-of-type(4):hover > ul.drop_menu-only {
		height: 22vw;
	}
	#nav_pc > ul > li:nth-of-type(4):hover > ul.drop_menu-only > li > ul:nth-of-type(2) {
		overflow: visible;
		height: 3.95vw;
		margin: 1.2vw 0 0 7.4vw;
		text-align: left;
		font-size: 1vw;
	}
	#nav_pc > ul > li:nth-of-type(4) > ul.drop_menu-only > li > ul:nth-of-type(2) > li {
		width: 55.5vw;
	}
	#nav_pc > ul > li:nth-of-type(4) > ul.drop_menu-only > li > ul:nth-of-type(2) > li:first-of-type {
		text-align: left;
		margin: 0 0 1.5vw 0;
	}
	#nav_pc > ul > li:nth-of-type(4) .hvr-sweep-to-bottom:hover,
	#nav_pc > ul > li:nth-of-type(4) .hvr-sweep-to-bottom:focus,
	#nav_pc > ul > li:nth-of-type(4) .hvr-sweep-to-bottom:active {
		height: 22vw;
	}
	
	
	/* 温浴指南 */
	#nav_pc > ul > li:nth-of-type(6):hover > ul.drop_menu-only {
		height: 24vw;
	}
	#nav_pc > ul > li:nth-of-type(6):hover > ul.drop_menu-only > li > ul:nth-of-type(2) {
		overflow: visible;
		height: 3.95vw;
		margin: 1.2vw 0 0 7.4vw;
		text-align: left;
		font-size: 1vw;
	}
	#nav_pc > ul > li:nth-of-type(6) > ul.drop_menu-only > li > ul:nth-of-type(2) > li {
		width: 55.5vw;
	}
	#nav_pc > ul > li:nth-of-type(6) > ul.drop_menu-only > li > ul:nth-of-type(2) > li:first-of-type {
		text-align: left;
		margin: 0 0 1.5vw 0;
	}
	#nav_pc > ul > li:nth-of-type(6) .hvr-sweep-to-bottom:hover,
	#nav_pc > ul > li:nth-of-type(6) .hvr-sweep-to-bottom:focus,
	#nav_pc > ul > li:nth-of-type(6) .hvr-sweep-to-bottom:active {
		height: 24vw;
	}



	/* ＝＝＝＝さらにドロップする＝＝＝＝ */
	#nav_pc > ul > li > ul.drop_menu > li > ul > li > ul.drop_menu {
		position: absolute;
		height: 0;
		top: 2vw;
		left: 0;
		overflow: hidden;
		transition: .2s;
		transition-property: height;
		z-index: 1;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul > li:hover > ul.drop_menu {
		overflow: visible;
		font-size: 0.9em;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul > li:hover > ul.drop_menu > li {
		position: relative;
	}
	#nav_pc > ul > li > ul.drop_menu > li > ul > li:hover > ul.drop_menu > li::before {
		position: absolute;
		content: '・';
		font-size: 0.4vw;
		top: 0.5vw;
		left: -0.7vw;
		transition: .2s;
		transition-delay: .2s;
		transition-property: opacity;
	}



	/* Sweep To Bottom */
	.hvr-sweep-to-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(0px) translateZ(0);
		transform: perspective(0px) translateZ(0);
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.hvr-sweep-to-bottom:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #f0f0f0;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-sweep-to-bottom:hover,
	.hvr-sweep-to-bottom:focus,
	.hvr-sweep-to-bottom:active {
		color: #000000;
	}
	.hvr-sweep-to-bottom:hover:before,
	.hvr-sweep-to-bottom:focus:before,
	.hvr-sweep-to-bottom:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

}





/* ================================================================================

	SPヘッダー

================================================================================ */
@media (max-width: 767px) {

	header {
		position: relative;
	}


	/* H1
	----------------------------------------------- */
	.pc_h1 {
		display: none;
	}
	.sp_h1 {
		position: relative;
		background-color: #c2d1eb;
		padding: 2vw;
	}
	.sp_h1 h1 {
		font-size: 3.2vw;
		line-height: 1.3;
	}




	/* ロゴ
	------------------------------------------- */
	 .sp-top_logo {
		background: #fff3dd;
		position: fixed;
		z-index: 9997;
		height: 50px;
		width: 100%;
		box-shadow: 0 0 0.9vw 0.6vw rgba(175,149,105,0.1);
	}
	 .sp-top_logo a {
		display: inline-block;
	}
 	.sp-top_logo img {
		width: 161px;
		margin-top: 9px;
		margin-left: 9px;
	}


	/* お風呂モニタリング専用 */
	.page-bath .sp-top_logo {
		background: #ffffff;
	}




}





/* ================================================================================

	フッター

================================================================================ */

/* PC設定
------------------------------------------- */
@media (min-width: 768px) {
	footer {
		position: relative;
	}
	footer::before {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/char_footer.png) center top / contain no-repeat;
		width: 262px;
		height: 145px;
		bottom: 64px;
		left: 50%;
		margin-left: 330px;
		pointer-events: none;
	}

	
	.footer-contact {
		position: relative;
		background: url(../img/top-contact_bg.jpg) center top / cover no-repeat;
		height: 600px;
		padding: 115px 0 0;
		color: #000000;
		text-align: center;
		border-bottom: solid #ec661b 36px;
	}

	/* お風呂モニタリング専用 */
	.page-bath .footer-contact {
		position: relative;
		background: url(../img/top-contact_bg_ofuro.jpg) center top / cover no-repeat;
		height: 600px;
		padding: 115px 0 0;
		color: #000000;
		text-align: center;
		border-bottom: solid #144a9e 36px;
	}


	/* h2 */
	.f-contact_h2 h2 {
		position: relative;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-shadow: 0px 0px #ffffff,1px 1px #ffffff,2px 2px #ffffff,3px 3px #ffffff;
	}
	.f-contact_h2 h2 span {
		font-size: 36px;
		font-family: 'Lato', sans-serif;
		display: block;
		line-height: 1.2;
		letter-spacing: 0.13em;
	}
	
	
	.f-box-contact {
		width:1000px;
		margin: 57px auto 0;
		text-align: left;
		font-size: 0;
	}
	
	/* ====メールでのお問い合わせ==== */
	.f-box-left {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid;
		padding: 42px 82px 62px 115px;
	}
	/* h3 */
	.f-box-left h3 {
		position: relative;
		letter-spacing: 0.05em;
		padding: 0 0 16px;
		font-weight: 400;
		font-size: 22px;
	}
	/* ボタン */
	.footer-contact .link-botan {
		text-align: center;
	}
	.footer-contact .link-botan a {
		position: relative;
		border: 2px solid #000000;
		font-size: 23px;
		font-family: 'Lato', sans-serif;
		color: #000000;
		letter-spacing: 0.12em;
		padding: 13px 0 12px 48px;
		width: 303px;
		display: block;
		margin: 0 auto;
		border-radius: 3px;		/* CSS3草案 */  
		-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */  
		-moz-border-radius: 3px;   /* Firefox用 */
	}
	.footer-contact .link-botan a::before {
		position: absolute;
		content: '';
		background: url(../img/mail_icon.png)no-repeat center top / 100% auto;
		width: 28px;
		height: 22px;
		top: 22px;
		left: 65px;
	}
	
	
	/* ====電話でのお問い合わせ==== */	
	.f-box-right {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		padding: 41px 0 0 80px;
	}
	/* h3 */
	.f-box-right h3 {
		position: relative;
		letter-spacing: 0.05em;
		padding: 0 0 11px;
		font-weight: 400;
		font-size: 22px;
	}
	/* お電話～ */
	.f-box-right a {
		font-family: 'Lato', sans-serif;
		position: relative;
		color: #000000;
		pointer-events: none;
		display: block;
		font-size: 31.2px;
		letter-spacing: 0.05em;
		padding: 0 0 0 37px;
	}
	.f-box-right a::before {
		position: absolute;
		content: 'TEL';
		font-size: 16px;
		top: 14px;
		left: -2px;
	}
	.f-box-right p {
		font-size: 16px;
		letter-spacing: 0.15em;
		margin-top: -5px;
	}
	.f-box-right .footer-tel {
		margin-bottom: 20px;
	}
	/* FAX */
	.f-box-right .footer-fax a::before {
		position: absolute;
		content: 'FAX';
		font-size: 16px;
		top: 14px;
		left: -2px;
	}


	/* ====footer-box01==== */
	.footer-box01 {
		text-align:left;
		font-size: 0;
		width: 1100px;
		margin: 50px auto 34px;
	}
	.f-box01_left,
	.f-box01_right {
		display: inline-block;
		font-size: 16px;
		vertical-align: top;
	}
	.f-box01_left {
		padding: 0 94px 0 0;
	}
	.f-box01_left a {
		display: inline-block;
		color:#000000;
	}


	/* インフォメーション */
	.f-box01_left ul li {
		font-size: 14px;
		padding: 24px 0 0;
		letter-spacing: 0.05em;
	}
	.f-box01_left ul li:first-of-type {
		padding: 0;
		font-weight:bold;
		letter-spacing: 0.08em;
	}
	.f-box01_left ul li .f_link a img {
		width: 220px;
		height: auto;
	}
	.f-box01_left > ul > li:nth-of-type(4) {
		float: left;
	}
	.f-box01_left > ul > li:nth-of-type(5) {
		float: left;
		margin-left: 20px;
	}


	/* エネナビ */
	.f-box01_left img {
		width: 220px;
	}



	/* リンク */
	.f-box01_right {
		text-align: left;
	}
	.f-box01_right ul {
		display: inline-block;
		vertical-align: top;
	}
	.f-box01_right ul:first-child {
		padding: 0 29px 0 0;
	}
	.f-box01_right ul li {
		height: 28px;
		margin: 0 0 4px;
	}
	.f-box01_right ul li a {
		color:#000000;
		margin:0 0 16px;
		display: inline-block;
		letter-spacing: 0.05em;
	}
	
	.f-box01_right ul li.title-bold {
		height: 28px;
		margin: 0 0 10px;
	}
	.f-box01_right ul li.title-bold a {
		font-weight: 500;
		margin: 0 0 14px;
	}

	
	
	
	/* ====footer-box02==== */
	/* リンク */
	.footer-box02 {
		border-top: 1px solid #f3af88;
		border-bottom: 1px solid #f3af88;
	}
	/* お風呂モニタリング専用 */
	.page-bath .footer-box02 {
		border-top: 1px solid #144a9e;
		border-bottom: 1px solid #144a9e;
	}


	.footer-box02 ul {
		text-align: left;
		font-size: 0;
		width: 1100px;
		margin: 0 auto;
		padding: 11px 0;
	}
	.footer-box02 ul li {
		position: relative;
		display: inline-block;
		font-size: 14px;
		padding: 0 20px 0 20px;
	}
	.footer-box02 ul li::before {
		position: absolute;
		content: '';
		display: block;
		background: #f3af88;
		width: 1px;
		height: 31px;
		left: 0;
		top: -3px;
	}
	.footer-box02 ul li:last-of-type::after {
		position: absolute;
		content: '';
		display: block;
		background: #f3af88;
		width: 1px;
		height: 31px;
		right: 0;
		top: -3px;
	}
	/* お風呂モニタリング専用 */
	.page-bath .footer-box02 ul li::before {
		background: #144a9e;
	}
	.page-bath .footer-box02 ul li:last-of-type::after {
		background: #144a9e;
	}


	.footer-box02 ul li a {
		color:#000000;
	}
	
	
	
	/* ====footer-box03==== */
	
	.footer-box03 {
		width: 1100px;
		margin: 0 auto;
	}
	.f-box03_left {
		width: 50%;
		float: left;
	}
	.f-box03_right {
		width: 50%;
		float: right;
		text-align: right;
		padding: 23px 0 28px;
	}
	.f-box03_right img {
		width: 182px;
	}


	/* SP用フッターリンク */
	.f_navi_sp {
		display: none;
	}


	/* シェアボタン */
	footer .addtoany_shortcode > div {
		display: none;
	}


	/* コピーライト */
	.f_copy {
	}
	.f_copy p {
		font-size: 12px;
		padding: 27px 0 0;
		letter-spacing: 0.08em;
	}

}



/* SP設定
------------------------------------------- */
@media (max-width: 767px) {
	footer {
		position: relative;
		background: url(../img/char_footer.png) center bottom 17vw / 62vw no-repeat;
		padding-bottom: 60vw;
	}

	.footer-contact {
		position:relative;
		background:url(../img/sp-footer-bg.jpg) center bottom / cover no-repeat #ffffff;
		padding: 6em 0;
		color: #000000;
	}
	/* お風呂モニタリング専用 */
	.page-bath .footer-contact {
		position:relative;
		background:url(../img/top-contact_bg_ofuro.jpg) center bottom / cover no-repeat #ffffff;
		padding: 6em 0;
		color: #000000;
	}
	/* h2 */
	.f-contact_h2 h2 {
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		color: #000000;
		letter-spacing: 0.1em;
		text-align: center;
		padding: 0 0 13vw;
		text-shadow: 0px 0px #ffffff,1px 1px #ffffff,2px 2px #ffffff,3px 3px #ffffff;
	}
	.f-contact_h2 h2 span {
		font-size: 7.5vw;
		font-family: 'Lato', sans-serif;
		display: block;
		letter-spacing: 0.13em;
	}
	/* ====メールでのお問い合わせ==== */
	.f-box-left {
		border-bottom: 1px solid;
		text-align: center;
		margin: 0 1em;
		padding: 0 0 3.5em;
	}
	/* h3 */
	.f-box-left h3 {
		position: relative;
		letter-spacing: 0.05em;
		padding: 0 0 0.8em;
		font-weight: 400;
		font-size: 5vw;
	}
	/* ボタン */
	.footer-contact .link-botan {
		text-align: center;
	}
	.footer-contact .link-botan a {
		position: relative;
		border: 2px solid #000000;
		font-size: 4.8vw;
		font-family: 'Lato', sans-serif;
		color: #000000;
		letter-spacing: 0.12em;
		padding: 4vw 0 4vw 7vw;
		width: 81vw;
		display: block;
		margin: 0 auto;
		border-radius: 3px;		/* CSS3草案 */  
		-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */  
		-moz-border-radius: 3px;   /* Firefox用 */
	}
	.footer-contact .link-botan a::before {
		position: absolute;
		content: '';
		background: url(../img/mail_icon.png)no-repeat center top / 100% auto;
		width: 7vw;
		height: 6vw;
		top: 5.4vw;
		left: 20vw;
	}

	
	/* ====電話でのお問い合わせ==== */	
	.f-box-right {
		text-align: center;
		padding: 3.5em 0 0;
	}
	/* h3 */
	.f-box-right h3 {
		position: relative;
		letter-spacing: 0.05em;
		font-weight: 400;
		font-size: 5vw;
	}
	/* お電話～ */
	.f-box-right a {
		font-family: 'Lato', sans-serif;
		position: relative;
		color: #000000;
		display: block;
		font-size: 9vw;
		letter-spacing: 0.05em;
		padding: 0 0 0 10vw;
	}
	.f-box-right .footer-tel a::before {
		position: absolute;
		content: 'TEL';
		font-size: 5vw;
		top: 3.4vw;
		left: 8.8vw;
	}
	.f-box-right p {
		font-size: 4vw;
		letter-spacing: 0.15em;
		margin-top: -0.6em;
	}
	/* .f-box-right .footer-tel {
		margin-bottom: 6vw;
	} */
	/* FAX */
	.f-box-right .footer-fax a {
		pointer-events: none;
	}
	.f-box-right .footer-fax a::before {
		position: absolute;
		content: 'FAX';
		font-size: 5vw;
		top: 3.4vw;
		left: 8.8vw;
	}


	/* ====footer-box01==== */
	.footer-box01 {
		text-align:left;
		font-size: 0;
		margin: 13vw auto 0;
		padding: 0 3vw;
	}
	.f-box01_left,
	.f-box01_right {
		display: inline-block;
		font-size: 4vw;
		vertical-align: top;
	}
	.f-box01_left a {
		color:#000000;
	}
	.f-box01_left span {
		pointer-events: none;
	}

	/* インフォメーション */
	.f-box01_left ul li:first-of-type {
		font-weight:bold;
		letter-spacing: 0.08em;
		padding: 0 0 1em;
	}
	.f-box01_left ul li:not(:first-child) {
		font-size: 3vw;
		padding: 0 0 3em;
	}
	.f-box01_left ul li:not(:first-child) p {
		text-indent: -0.5em;
	}
	.f-box01_left > ul > li:nth-of-type(4) {
	}
	.f-box01_left ul li .f_link a img {
		width: 100%;
		height: auto;
	}
	.f-box01_left > ul > li:nth-of-type(5) {
	}



	/* エネナビ */
	.f-box01_left img {
		width: 60vw;
	}


	/* リンク */
	.f-box01_right {
		display: none;
	}


	/* ====footer-box02==== */
	/* リンク */
	.footer-box02 {
		border-top: 1px solid #f3af88;
		border-bottom: 1px solid #f3af88;
	}
	.footer-box02 ul {
		text-align: center;
		font-size: 0;
		padding: 4vw 0;
	}
	.footer-box02 ul li {
		position: relative;
		display: inline-block;
		font-size: 3vw;
		padding: 0.5em 1em 0.5em 1em;
	}
	.footer-box02 ul li::before {
		position: absolute;
		content: '';
		display: block;
		background: #f3af88;
		width: 1px;
		height: 6vw;
		left: 0;
		top: 50%;
		margin-top: -3vw;
	}
	.footer-box02 ul li:last-of-type::after {
		position: absolute;
		content: '';
		display: block;
		background: #f3af88;
		width: 1px;
		height: 6vw;
		right: 0;
		top: 50%;
		margin-top: -3vw;
	}
	.footer-box02 ul li a {
		color:#000000;
	}	


	/* お風呂モニタリング専用 */
	.page-bath .footer-box02 {
		border-top: 1px solid #144a9e;
		border-bottom: 1px solid #144a9e;
	}
	.page-bath .footer-box02 ul li::before {
		position: absolute;
		content: '';
		display: block;
		background: #144a9e;
		width: 1px;
		height: 6vw;
		left: 0;
		top: 50%;
		margin-top: -3vw;
	}
	.page-bath .footer-box02 ul li:last-of-type::after {
		position: absolute;
		content: '';
		display: block;
		background: #144a9e;
		width: 1px;
		height: 6vw;
		right: 0;
		top: 50%;
		margin-top: -3vw;
	}

	/* ====footer-box03==== */
	
	.f-box03_right {
		display: none
	}
	.f-box03_left img {
		padding: 11vw 0 5.8vw;
		width: 37vw;
		margin: 0 auto;
		display: block;
	}
	
	/* シェアボタン */
	footer .addtoany_shortcode > div {
		text-align: center;
		display: block;
		padding: 2vw 0;
	}


	/* コピーライト */
	.f_copy {
		padding: 2vw 0;
	}
	.f_copy p {
		text-align: center;
	}
}





/* ================================================================================

	ページトップボタン

================================================================================ */

/* PC設定
------------------------------------------- */
@media (min-width: 768px) {
	#page-top {
		position: absolute;
		width: 104px;
		height: 36px;
		top: 565px;
		left: 50%;
		margin-left: -62px;
		z-index: 3;
	}
	#page-top a {
		background: url(../img/pagetop_off.png) center top / contain no-repeat;
		width: 104px;
		height: 36px;
		display: block;
		text-indent: -9999px;
		transition: all 0.3s;
		
	}
	#page-top a:hover {
		opacity: 1;
		background: url(../img/pagetop_off.png) center top / contain no-repeat;
		margin-top: -3px;
	}
}

/* SP設定
------------------------------------------- */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 9996;
		right: 8px;
	}
	#page-top a {
		background: url(../img/sp-pagetop.png) center top / contain no-repeat;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
	}
}





/* ================================================================================

	パンくずリスト

================================================================================ */

/* 背景色 */
#breadcrumb {
	background-color: transparent;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#breadcrumb {
		position: relative;
		max-width: none;
		width: 100%;
		padding: 16px 0;
		z-index: 1;
	}

	#breadcrumb > ul {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
		font-size: 0;
	}
	#breadcrumb > ul > li {
		display: inline-block;
		font-size: 14px;
	}
	#breadcrumb > ul > li + li:before {
		padding: 0 0.6em 0 0.7em;
		content: '>';
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#breadcrumb {
		position: relative;
		width: 100%;
		padding: 4vw 0;
		z-index: 1;
	}

	#breadcrumb > ul {
		position: relative;
		width: 100%;
		padding: 0 4vw;
		font-size: 0;
	}
	#breadcrumb > ul > li {
		display: inline-block;
		font-size: 3.5vw;
	}
	#breadcrumb > ul > li + li:before {
		padding: 0 0.6em 0 0.7em;
		content: '>';
	}
}





/* ================================================================================

	Wp Lightbox Bank プラグイン

================================================================================ */
#lightGallery-outer {
	background-color: rgba(0,0,0,0.8) !important;
}





/* ================================================================================

	Elementor Lightbox フッター非表示

================================================================================ */
.elementor-slideshow__footer {
	display: none;
}





/* ================================================================================

	Addtoanyボタン

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.addtoany_shortcode {
		padding-top: 8px;
		margin: 0 -4px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.addtoany_shortcode {
		padding-top: 2vw;
		margin: 0 -4px;
	}
}


/* 翻訳プラグインバグ対策 */
.addtoany_shortcode font {
	display: none;
}





/* ================================================================================

	IEハック

================================================================================ */

/* IE10以上 */
@media all and (min-width: 768px) and (-ms-high-contrast: none) {
	.elementor-image a {
		display: inline !important;
	}
}

/* reCAPTCHA表示隠し */
.grecaptcha-badge { visibility: hidden; }