@charset "utf-8";
/* CSS Document */

/**********************************

共通

**********************************/

/* フォント */
body:lang(ja), button:lang(ja),
input:lang(ja),
select:lang(ja),
optgroup:lang(ja),
textarea:lang(ja), .author-description .author-link:lang(ja),
.comment-metadata:lang(ja),
.comment-reply-link:lang(ja),
.comments-title:lang(ja),
.comment-author .fn:lang(ja),
.discussion-meta-info:lang(ja),
.entry-meta:lang(ja),
.entry-footer:lang(ja),
.main-navigation:lang(ja),
.no-comments:lang(ja),
.not-found .page-title:lang(ja),
.error-404 .page-title:lang(ja),
.post-navigation .post-title:lang(ja),
.page-links:lang(ja),
.page-description:lang(ja),
.pagination .nav-links:lang(ja),
.sticky-post:lang(ja),
.site-title:lang(ja),
.site-info:lang(ja),
#cancel-comment-reply-link:lang(ja),
h1:lang(ja),
h2:lang(ja),
h3:lang(ja),
h4:lang(ja),
h5:lang(ja),
h6:lang(ja), .page-title:lang(ja), blockquote cite:lang(ja), table:lang(ja), .button:lang(ja),
input:lang(ja)[type="button"],
input:lang(ja)[type="reset"],
input:lang(ja)[type="submit"], .comment-navigation .nav-previous:lang(ja),
.comment-navigation .nav-next:lang(ja), .comment-list .pingback .comment-body:lang(ja),
.comment-list .trackback .comment-body:lang(ja), .comment-list .pingback .comment-body .comment-edit-link:lang(ja),
.comment-list .trackback .comment-body .comment-edit-link:lang(ja), .comment-form .comment-notes:lang(ja),
.comment-form label:lang(ja), .widget_archive ul li:lang(ja),
.widget_categories ul li:lang(ja),
.widget_meta ul li:lang(ja),
.widget_nav_menu ul li:lang(ja),
.widget_pages ul li:lang(ja),
.widget_recent_comments ul li:lang(ja),
.widget_recent_entries ul li:lang(ja),
.widget_rss ul li:lang(ja), .widget_tag_cloud .tagcloud:lang(ja), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ja), .entry .entry-content .wp-block-archives li > a:lang(ja),
.entry .entry-content .wp-block-categories li > a:lang(ja),
.entry .entry-content .wp-block-latest-posts li > a:lang(ja), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ja), .entry .entry-content .wp-block-verse:lang(ja), .entry .entry-content .has-drop-cap:lang(ja):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ja), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover-image h2:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover h2:lang(ja), .entry .entry-content .wp-block-audio figcaption:lang(ja),
.entry .entry-content .wp-block-video figcaption:lang(ja),
.entry .entry-content .wp-block-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ja), .entry .entry-content .wp-block-file:lang(ja), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ja), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ja), .wp-caption-text:lang(ja), .gallery-caption:lang(ja) {
  font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
}
h1:before,
h2:before{
	display: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	width: 100%;
}
.pc{
	display: inline-block;
}
.fRed{
	color: red;
}
.center{
	text-align: center;
}
@media(max-width:767px){
	.pc{
		display: none;
	}
}/* 767px end */


#page{
	width: 100%;
	max-width: 748px;
	margin: 0 auto;
}
#apply{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 65vh;
	padding: 0 20px;
}
* .title{
	font-size: 32px;
	font-weight: normal;
	margin: 40px auto;
	text-align: center;
}
* .title:before{
	display: none;
}
#colophon{
	margin-top: 100px;
}
#colophon .site-info{
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	background:url('https://hokubu.public-swimming-pool.com/shared/img/end_bg.gif');
	width: 100%;
	padding: 0;
	margin: 0;
}
#colophon .site-info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 30px;
	color: #fff;
	background:url('https://hokubu.public-swimming-pool.com/shared/img/end_bg.gif');
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
#colophon .site-info li{
	font-size: 11px;
	line-height: 1.5;
}
#colophon .site-info li:nth-of-type(1){
	width: 305px;
}
#colophon .site-info li:nth-of-type(2){
	width: 327px;
}


/**********************************

期間外

**********************************/

.endPage{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.endPage .title,
.endPage p{
	font-size: 25px;
	line-height: 1.5;
}
.endPage .backBt{
	text-align: center;
}
.endPage a{
	display: inline-flex;
	align-items: center;
	background-color: #005177;
	color: #fff;
	padding: .5em 1em;
	border-radius: 3px;
	margin: 100px auto 0;
}
.endPage a:hover{
	opacity: .6;
}

/**********************************

サンクスページ

**********************************/

.thanksPage{
	width: 100%;
	max-width: 980px;
	padding: 0 20px;
	margin: 0 auto;
	height: 65vh;
}

.thanksPage .title{
	font-size: 32px;
	line-height: 1.5;
	font-weight: bold;
}
.thanksPage .notice{
	font-size: .9em;
	margin-top: 20px;
}
.thanksPage p{
	margin: 0;
	line-height: 1.5;
}
.thanksPage ul{
	list-style: none;
}
.thanksPage ul li{
	margin: 0;
	text-indent: -1em;
	line-height: 1.5;
}

.thanksPage .backBt{
	text-align: center;
}
.thanksPage a{
	display: inline-flex;
	align-items: center;
	background-color: #005177;
	color: #fff;
	padding: .5em 1em;
	border-radius: 3px;
	margin: 100px auto 0;
}
.thanksPage a:hover{
	opacity: .6;
}

/**********************************

managePage

**********************************/
.managePage p{
	font-size:17px;
}
.managePage .mailpoet_checkbox_label{
	display: block;
}
.managePage .mailpoet_paragraph{
	margin-top: 20px;
}
.managePage .mailpoet_checkbox_label{
	display: block;
}
.managePage .mailpoet_paragraph{
	margin-top: 20px;
}
/*.managePage div.mailpoet_paragraph:nth-of-type(1),
.managePage div.mailpoet_paragraph:nth-of-type(2){
	display: none;
}*/
.managePage .mailpoet_select{
	margin-left: 1em;
}


/**********************************

コンタクトフォーム

**********************************/
.backSec p{
	font-size: 20px;
}
/*見出し欄*/
.inquiry th{
	text-align:left;
	font-size:16px;
	color:#444;
	padding-right:5px;
	padding-left: 3.5em;
	text-indent: -3em;
	width:36%;
	background:#f7f7f7;
	border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
	font-size:16px;
	border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
	border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
	font-size:12px;
	padding:.5em;
	background:#ff9393;
	color:#fff;
	border-radius:2px;
	margin-right:1em;
	position:relative;
	bottom:1px;
}
/*任意の調整*/
.any{
	font-size:7px;
	padding:5px;
	background:#93c9ff;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
	display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
	display: flex;
	justify-content: space-between;
	position: relative;
}
#formbtn input{
	display: block;
	padding:15px;
	width:260px;
	background:#ffaa56;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:2px;
	margin: 25px auto 45px;
	border:2px solid #ffaa56;
}

/*送信ボタンマウスホバー時*/
#formbtn input:hover{
	background:#fff;
	color:#ffaa56;
}

.wpcf7c-elm-step2 p{
	text-align: center;
}
/* 確認画面 */
.custom-wpcf7c-confirmed .inquiry th,
.custom-wpcf7c-confirmed .inquiry td{
  background-color: #e8f0fe ;
}
.wpcf7c-conf {
    background-color: #dcdcdc; /* 背景色 */
    color: black; /* 文字色 */
    border: 1px solid #C8D3E8; /* 周りの線: 太さ　線種 線の色 */
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #dcdcdc inset;
}

/* 戻るボタン */
#formbtn input#back{
	background:#0073aa;
	color:#fff;
	border:2px solid #0073aa;
}
/* 戻るボタンマウスホバー時 */
#formbtn input#back:hover{
	background:#fff;
	color:#0073aa;
}
.wpcf7-spinner {
	position: absolute;
	right: 0;
	bottom: 0;
}

.screen-reader-response,
.wpcf7-not-valid-tip{
	color: red;
	font-size: .8em;
	margin-left: 1em;
}
table td, table th{
	padding: 0.8em 1em;
}
span.wpcf7-list-item{
	margin: 0 1em;
}

.wpcf7 textarea[name="reservation-date"] {
	width: 100%;
	height: 350px !important;
}
.hidden{
     visibility: hidden;
     display: none;
}
.captchaWrap{
	text-align: center;
}
.captchaWrap label{
	font-size: 19px;
	display: inline-block;
	margin: .5em 0 1em;
}
.captchaWrap input[type="text"]{
	width: auto;
}
#apply{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.wpcf7-list-item-label:hover{
	cursor: pointer;
	color: red;
}
.site-branding{
	font-size: 32px;
	text-align: center;
}
.site-info{
	display: flex;
	justify-content: space-around;
	text-align: center;
}
span.wpcf7-list-item{
	display: block;
}

.appSec{
	margin-bottom: 40px;
}
.appSec.none{
	display: none;
}
.appSec h3{
	font-size: 25px;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}
.appSec p{
	font-size: 34px;
	/*font-weight: bold;*/
	color: #FF0000;
	text-align: center;
	letter-spacing: .02em;
}


/**********************************

mailMagazinePage

**********************************/

#primary h1:not(.site-title):before,
#primary h2:before {
	content: none;
}

#primary h1{
	font-size: 32px;
	text-align: center;
}
/*必須の調整*/
.mailpoet_required{
	font-size:12px;
	padding:.5em;
	background:#ff9393;
	color:#fff;
	border-radius:2px;
	margin-right:1em;
	position:relative;
	bottom:1px;
}
.mailpoet_text_label{
	font-size:24px;
}


/*送信ボタンのデザイン変更*/
.mailpoet_submit{
	display: flex;
	justify-content: space-around;
	padding:15px;
	width:320px;
	height: 50px;
	background:#ffaa56!important;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:2px;
	margin:40px auto 0!important;
	border:2px solid #ffaa56!important;
}

/*送信ボタンマウスホバー時*/
.mailpoet_submit:hover{
	background:#fff!important;
	color:#ffaa56!important;
}

.mailpoet_text_label{
	margin-bottom: .5em;
}

.mailpoet_paragraph,
.mailpoet_text_label {
	font-size: 17px;
}
#mailpoet_form_1 .mailpoet_paragraph{
	line-height: 1.5!important;
}

#primary .title{
	line-height: 1.5;
}
#primary .backBt{
	text-align: center;
}

#primary .backBt a{
	width: 320px;
	height: 50px;
	font-size: 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #005177;
	color: #fff;
	border-radius: 3px;
	margin: 20px auto 0;
}
#primary .backBt a:hover{
	opacity: .6;
}


/**********************************

.unregistPage

**********************************/
.unregistPage{
	text-align: center;
}
.unregistPage .cancellation a{
	width: 320px;
	height: 50px;
	font-size: 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #005177;
	color: #fff;
	border-radius: 3px;
	margin: 20px auto 0;
}
.unregistPage .cancellation a:hover{
	opacity: .6;
}


/**********************************

.completedPage

**********************************/
.completedPage{
	text-align: center;
}

@media(max-width:640px){
	body,
	#page{
		width: 100%;
	}
	.site-content{
		padding: 0 2%;
		overflow: visible;
	}
	.thanksPage{
		padding: 0;
	}
	#mailpoet_form_1 form.mailpoet_form{
		padding: 0!important;
	}
}/* 767px end */