@charset "utf-8";
/*------ベース-----*/
/* web font */

@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");/*Noto Sans JP*/
@import url("https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css"); /*Rounded Mplus 1c*/


h1,h2,h3,h4,h5,h6,a,ul,ol,li,td,th,dd,dt,dl,p,a{	max-height:999999px}

* {
	padding: 0;
	margin: 0;
}
html{
	scroll-behavior: smooth;
	font-size: 100%;
}

body {
	font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Arial, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
	line-height: 1.7;
	text-align: justify;
	color: #333333;
}
.clear{
	clear: both;
	height: 0px;
	padding: 0;
	margin: 0;
	display: block;
	background-color: transparent;
	line-height: 1px;
}


aside{
	display:block;}

p {
	margin: 0 0px 1.5em;
}


p.indent1em{
	margin-left: 1em;
}

a {
	border: none;
	text-decoration: none;
}
a:hover {
	transition: color 0.3s ease 0s;
	text-decoration: none;
}
a img {
	border: none;
}
a:hover img{
	text-decoration: none;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	transition: opacity 0.6s ease;
}

img{
	max-width:100%	!important;
	height:auto;}

table{ border-collapse:collapse;}


.no_justify{
text-align: left;
}


/*ルビの設定*/
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
	padding: 10px 0 0 0;
}
h4 span.ruby {
padding: 10px 0 0 0;
  display: block;
}



/*--※付きコメントにする dl and span-----*/



dl.kome{
	overflow:hidden;}

dl.kome dt{
	float: left;
}
dl.kome dd{
	padding: 0 0 5px 1.5em;
}


span.kome{
	padding: 0 0 5px 1.5em;
	display: block;
	position: relative;
	margin: 5px 0 0 0;
	overflow: hidden;
}
span.kome:before{
	content: "※";
	position: absolute;
	top: 0px;
	left: 0px;
}


/*スペーサーブロック*/

.wp-block-spacer{
	display: block;
	height: 40px;
}

/*imageのシャドウ*/
.shadow img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px #888888;
	box-shadow: 0px 0px 5px #888888;
	border: 3px solid #FFFFFF;
}

/*imageのシャドウ*/
.radius img{
	border-radius: 10px;
}


/*チェックリスト*/

ul.check {
	margin: 0 0 15px;
	padding-left: 0;
}
ul.check li{
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 5px 2em;
	background-image: url(../image/common/check01.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 1.5em;
}





/*--使用するフォントの設定----------------------------------------------------*/


/*--明朝フォントセット--*/
.font_mi {
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	transform: rotate(.03deg);
}

/*--Noto Sans JP (web)--*/
.font_noto {
	font-family: 'Noto Sans JP';
}

/*--Rounded Mplus 1c (web)--*/
.font_round {
	font-family: 'Rounded Mplus 1c';
}

/*--游ゴシック--*/
.font_yugo {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}

.red{
	color: #FF0000;
}


/*--ScrollTrigger----------------------------------------------------*/

.invisible,
.visible{
	transition: opacity 0.5s ease;
	opacity: 0.0;
}



/*--header----------------------------------------------------*/


.wrap {
	overflow: hidden;
	width:100%;
}



/*--footer----------------------------------------------------*/


footer p.copy{
	text-align: center;
	margin: 0;
	background-color: #00A3D9;
	padding: 10px 0;
	color: #FFFFFF;
	font-size: 14px;
}

footer p.copy a{
	color: #FFFFFF;
}
footer p.copy a:hover{}

footer p.copy span{
	display: inline-block;
}


/*-トップページのスライドショー-*/


.topimg_sp {
	margin: 0 0 0px;
	width: 100%;
	background-color: #E9F8FA;

}

.topimg_sp ul.bxslider li img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}




/* pc 設定*/

.topimg {
}

.topimg img{
}





/*-eye-----------------------------------------------------*/


#eye {
	padding: 0;
	margin: 0 0 0px;
	width: 100%;
	background-color: #F9F9F9;
}


/*-info-----------------------------*/


.sub_info{
	margin: 0 0 30px;
	border: 1px solid #0059B2;
}

.sub_info .infobox{
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	margin: 0 auto 10px;
	padding: 0 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sub_info .infobox iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}



/*-------------------------------
   TopicPath
-------------------------------*/
.topicpath,
#topicpath {
	padding: 3px 0px;
	margin: 0 0 0px;
	background-color: #EEEEEE;
	color: #000000;
	width: 100%;
/*	border-bottom: 1px solid #007BD9;*/
}
.topicpath .box,
#topicpath ul {
	list-style: none;
	padding: 0px 10px;
	margin: 0 auto;
	display: block;
	max-width: 1000px;
	font-size: 15px;
}
#topicpath ul li {
	display: inline;

}

#topicpath ul li:after{ content:"＞"}

#topicpath ul li:last-child:after{ content:none;}

.topicpath .box a,
#topicpath ul li a {
	color: #000000;
}

#topicpath ul li span {
}





/*-------------------------------
   ページトップボタン
-------------------------------*/
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 20px;
  opacity: 0.6;
  z-index: 899;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
	font-family: FontAwesome;
	content: '\f139';
	font-size: 60px;
	color: #888888;
}






/*-------------------------------
   よくある質問
-------------------------------*/

.qa dl{
	margin: 0 0 20px;
}
.qa dt{
	padding: 5px 0px 5px 40px;
	margin: 0;
	position: relative;
	color: #00A3D9;
	font-weight: bold;
}
.qa dl dt::before {
	content: "Q";
	background-color: #00A3D9;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	display: block;
	margin: 0 0px 0 -40px;
	float: left;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.qa dd{
	padding: 10px 0px 20px 40px;
	margin: 0px 0px 20px;
	position: relative;
	border-bottom: 2px dotted #888888;
	overflow: hidden;

}
.qa dl dd::before {
	content: "A";
	background-color: #FF7373;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	display: block;
	margin: 0px 0px 0 -40px;
	float: left;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.qa dd:last-child{
	margin-bottom:10px;
}
.qa dd a{
float: right;

} 



/*-------------------------------
   ギャラリー
※ lightbox を利用している
-------------------------------*/

.gallery{
	display:block;
}

.gallery ul{
	display: flex;
	align-content: stretch;
	align-items: stretch;
	justify-content: space-between;
	margin: 0 auto 10px;
	flex-wrap: wrap;
	max-width: 1120px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery ul li{
	list-style-type: none;
	margin: 0 1% 20px;
	padding: 0;
	width: 18%;
	display: block;
}
.gallery ul li a img{
	width: 100%;
	height: auto;
	margin: 0 auto 0px;
	display: block;
}

#lightbox .lb-outerContainer {
	width:auto;
}
/*-------------------------------
   ギャラリー2
※ bxslider を利用している
-------------------------------*/


.gallery2{
	padding: 0 0px;
}
.gallery2 li{}
.gallery2 li img{
	margin: 0 auto;
	display: block;
}

.custom-thumb{
	margin: -40px 0 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	align-content:center;
	flex-wrap:wrap;
}
.custom-thumb a{
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
	margin: 0;
	box-sizing: border-box;
}


.gallery3 li img{
	text-align: center;
	margin: 0 auto;
	display: block;
}
 



/*-------------------------------
   contact 枠の設定
-------------------------------*/
.contact{
	width: 100%;
	height: 100%;
}
.contact iframe{
	width: 100%;
	height: 100%;
}




/*-- youtubeの埋め込みのレスポンシブ化 --*/

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 0 0 20px;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.wp-block-quote{
	font-size: 90%;
	background-color: #EEEEEE;
	padding: 10px 15px;
	border-radius: 10px;
	margin: 0 0 20px;
}
.wp-block-quote p{
margin: 0 0 10px;
overflow: hidden;
}
.wp-block-quote p strong{
	color: #D80000;
}

.wp-block-quote img{
	margin: 0 0 10px 20px;
	float: right;
	display: block;
	max-width: 150px;
}

.wp-block-quote cite{
	font-weight: bold;
}