@charset "utf-8";

/*=====================================================================================
	General Settings
=====================================================================================*/
	/* iPhone/iPadの自動サイズ調整機能をOFF */
	@font-face {
		font-family: 'genshin';
		font-display: swap;
		src: url('../fonts/genshin.woff2') format('woff2'),
		  url('../fonts/genshin.woff') format('woff');}
	html, body { height:100%; margin:0; }
	html { 
		font-family:"genshin","Hiragino Kaku Gothic Pro", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		/*font-size: 62.5% ;*/
		font-size: 100%;
		-webkit-text-size-adjust: none;
	}

	body {
		background:white;
		font-family: 'genshin','Noto Sans JP', sans-serif;
		margin-right: auto;
		margin-left : auto;
		color:dimgray;
	}  

	h1 {
		font-size:1.8rem; 
		font-weight: bold;
	}

	h2 {
		font-size:1.6rem; 
		font-weight: bold;
	}
	h3 {
		font-size:1.4rem; 
		font-weight: bold;
	}
	h4 {
		font-size:1.2rem; 
		font-weight: bold;
	}
	h5 { 
		text-decoration:underline;
	}
	p {
		margin: 2rem 0; /**/
		line-height:1.5;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	/* カラム */
	header {
		background: #ff69b4;
		text-align: center;
		height:auto;
	}
		.header_contents{
			max-width:960px;
			margin:0 auto;
		}
		header img {
			margin:0 auto;
		}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		header {
			width:100%;
			text-align:center;
		}
	}
		header p{
			margin:0;
			padding: 16px 16px 0 0;
			text-align: right;
			font-weight: 900;
			font-size:1.5rem;
			color: white;
		}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		header p {
			font-size:1rem
		}
	}
	.mainbox{
		position: relative;
		background: white;
		box-shadow: 0 3px 2px dimgray;
		padding:0 0 16px 0;
	}
		div.mainbox p{
			margin: 0.8rem 0px;
		}
	footer {
		position: relative;
		background: #f69f4b;
		color:white;
		box-shadow: 0 3px 2px dimgray;
		height:36px;
		text-align: center;
		font-size: 0.8rem;
	}
		footer p {
			margin:0;
			padding-top:0.8em;
		}


	/*文字装飾*/
	.marker_yellow_hoso {
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}
	.underline {
		text-decoration: underline;
	}
	.designed_underline_double {
		border-bottom: double 6px;
	}
	.designed_underline_dashed {
		border-bottom: dashed 1px;
	}
	.designed_underline_dotted {
		border-bottom: dotted 1px;
	}
	.deeppink {
		color: deeppink;
	}
	.crimson {
		color: crimson;
	}
	.linegreen {
		color: #00B900;
	}
	.bold {font-weight:bold}
	.b100 {font-weight: 100;}
	.b200 {font-weight: 200;}
	.b300 {font-weight: 300;}
	.b400 {font-weight: 400;}
	.b500 {font-weight: 500;}
	.b600 {font-weight: 600;}
	.b700 {font-weight: 700;}
	.b800 {font-weight: 800;}
	.b900 {font-weight: 900;}

	.blink01 {
		animation: blinkAnime 1s infinite alternate;
	}
		@keyframes blinkAnime{
		0% { color:black }
		100% { color: red }
		}

	/*レイアウト*/
	.tex_a_l { text-align: left;}
	.tex_a_c { text-align: center;}
	.tex_a_r { text-align: right;}  
	.lf { float: left;}
	.rf { float: right;}
	.clear{ clear:both;}
	.t_padd_24 { padding-top:24px; }
	.t_padd_36 { padding-top:36px; }
	.l_padd_12 { padding-left:12px; }
	.mg_12 { margin: 12px;}
	.mg_36 { margin: 36px;}
	.t_mg_12 { margin-top : 12px;}
	.b_mg_12 { margin-bottom: 12px;}
	.l_mg_12 { margin-left : 12px;}
	.l_mg_16 { margin-left : 16px;}
	.r_mg_12 { margin-right : 12px;}
	.t_mg_36 { margin-top : 36px;}
	.b_mg_36 { margin-bottom: 36px;}
	.nowrap { white-space: nowrap;}


	/*フォントサイズ*/
	.fontls { font-size:1.5rem; }
	.fontms { font-size:1.2rem; }
	.fontns { font-size: 1rem;}
	.fontss { font-size:0.8rem; }

	.pc{ display: inherit !important;}
	.smp{ display: none !important; }
	.tab_f{ display: none !important; }

	/* フォーカス枠の削除 */
	*:focus {
		outline: none;
	}

	/* fontawesome共通 */
	.icon::before {
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}
	/*icon*/
	.material-icons{
		vertical-align:middle;
	}
	span.material-icons{
		font-size: 1.2rem;
	}


	/*　レスポンシブ表示非表示スイッチ */
	.hidden {display:none;}
	@media screen and (max-width:480px){
		.display_sp{
			display:inline;
		}
		.display_pc{
			display:none;
		}
	}
	@media screen and (min-width:481px){
		.display_sp{
			display:none;
		}
		.display_pc{
			display:inline;
		}
	}
	@media screen and (min-width:481px){
		.r_switch{
			display:none;
		}
	}
	@media screen and (max-width:480px){
		.r_switch{
			display:inline;
		}
	}
	@media screen and (min-width: 641px){
		#wrapper2{ 
			width:100%;
			max-width:870px;
			margin:0 auto;
		}
	}
	@media screen and (max-width: 640px){
		#wrapper2{ 
			width:calc(100%-2rem); ;
			margin:0 1rem;
		}
	}
	@media screen and (min-width: 641px){
		.cal_wrapper{ 
			width:100%;
			max-width:870px;
			margin:0 auto;
		}
	}
	@media screen and (max-width: 640px){
		.cal_wrapper{ 
			width:calc(100% - 2rem);
			margin:0 auto;
		}
	}
	@media screen and (min-width:541px){
		.wrapper_960{
			max-width:960px;
			margin:0 auto;
		}
		.wrapper_870{
			max-width:870px;
			margin:0 auto;
		}
	}
	@media screen and (max-width:540px){
		.wrapper_960{
			width:100%;
		}
		.wrapper_870{
			width:100%;
		}
	}

	.warning_error{
		background: #ff0573;
		margin: 5% auto;
		padding: 4%;
		line-height: 30px;
		color: #fff;
		max-width: 800px;
	}
	
	.warning_error a{
		color: #fff;
	}
	
	.warning_error .warning_text2{
		font-size: 16px;
		line-height: 30px;
		color: #fff;
	}
	
	.warning_error_list{
		margin: 0;
		padding: 0;
		line-height: 30px;
		color: #ff0573;
	}
	
		.warning_error_list .warning_text2{
			display : inline;
			font-size: 16px;
			line-height: 30px;
			color: #ff0573;
		}
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
				box-sizing: border-box;
	}
	input[type="button"],
	input[type="submit"]{
		-webkit-appearance: none;
	}
	input[type="button"]:hover,
	input[type="submit"]:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
/*===========================================================================
	Common design
============================================================================*/
/* ---------------------------------------
	フローチャート 
----------------------------------------*/
	@media screen and (min-width: 571px) {
		/*　画面サイズ 571px以上で適用　*/
		.step{
			list-style-type: none;
			display:table;
			width:100%;
			padding:0;
			/*20201106*/
			max-width:960px;
			margin:0 auto 0;
			/*20201106*/
			overflow:hidden;
		}
			.step li{
			display:table-cell;
			position:relative;
			background: darkgray;
			padding: 1em 0.5em 1em 3rem;
			color: #fff;
			}
				.step li:last-child{
					padding-right: 1em;
					  }
				  .step li:last-child:before,
				  .step li:last-child:after{
					display:none;
				  }
				  .step li:before,
				  .step li:after{
					content: "";
					position: absolute;
					width: 0;
					height: 0;
					margin: auto;
				  }
				  .step li:before{
					top:-15px;
					right:-1em;
					border-style: solid;
					border-color: transparent transparent transparent #fff;
					border-width: 40px 0 40px 1em;
					z-index: 10;
				  }
				  .step li:after{
					top:-15px;
					right:-.8em;
					border-style: solid;
					border-color: transparent transparent transparent darkgray;
					border-width: 40px 0 40px 1em;
					z-index: 10;
				  }
				  .step li.is-current{
					background: #f69f4b;
					font-weight: bold;
				 }
				  .step li.is-current:after{
					border-color: transparent transparent transparent #f69f4b;
				  }
			}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		.step{
			list-style-type: none;
			padding:0;
			margin:0;
		}
			.step li{
				position: relative;
				width:100%;
				background: darkgray;
				padding: 1em 1em 1em 1em;
				margin-bottom: 2px;
				/*text-align:center;*/
				color: #fff;
			}
			.step li.is-current{
				background: #f69f4b;
				font-weight: 900;
			}
			.step li.is-current:after{
					border-color: #f69f4b transparent transparent transparent;
			}
			.step li:not(.is-current){
				display : none;
			}
	}
	@media screen and (max-width:570px){
		.step_tenpo{
			display:none;
		}
	}
	@media screen and (min-width:570px){
		.step_tenpo_ap{
			display:none;
		}
	}
	.step_back_1 {
		position: relative;
		top:-1px;
		background: linear-gradient(to right, #f69f4b 0%, #f69f4b 50%, #a9a9a9 50%, #a9a9a9 100%);
	}
	.step_back_2 {
		position: relative;
		top:-1px;
		background: #a9a9a9;
	}
	.step_back_3 {
		position: relative;
		top:-1px;
		background: linear-gradient(to right,  #a9a9a9 50%, #a9a9a9,  #f69f4b 0%, #f69f4b 50% 100%);
	}

/*----------------------------------------------
	フローチャートend
-----------------------------------------------*/

	/*感染防止メッセージ*/
		/*ボックス全体*/
		.ip_oritatami_box {
			margin: 1rem 0 2rem;
			padding: 0 ;
			max-width: 100%;/*最大幅*/
		}
	
		/*ラベル*/
		.ip_oritatami_box label {
			position: relative;
			display: block;
			background : #ff69b4;
			border: solid 1px #ff69b4;
			color: white;
			font-weight: bold;
			cursor :pointer;
			text-align: center;
			transition: all 0.5s;
			margin: 1rem auto 0.5rem;
			padding:0.5rem;
		}
	
		@media screen and (max-width:480px){
			.ip_oritatami_box label {
				margin:0 1rem 0.5rem;
			}
		}
				/*ラベルホバー時*/
				.ip_oritatami_box label:hover {
					color :#ff69b4;
					background:white;
					border: solid 1px #ff69b4;

				}
	
			/*チェックは隠す*/
			.ip_oritatami_box input {
				display: none;
			}
	
			/*中身を非表示にしておく*/
			.ip_oritatami_box .ipshow {
				height: 0;
				padding: 0;
				overflow: hidden;
				opacity: 0;
				transition: 0.8s;
			}
			/*クリックで中身表示*/
			.ipextension:checked + .ipshow {
				height: auto;
				padding: 1.5rem;
				margin: 0 auto 10px;
				color: #565656;
				background: white;
				border: dashed 2px  #ff69b4;
				font-family: 'Noto Sans JP', sans-serif;
				border-radius: 8px;
				opacity: 1;
			}
	
			/*メディアクエリ*/
			@media screen and (max-width: 570px){
				.ipextension:checked + .ipshow {
				margin: 0 1rem 2rem 1rem;
				padding:1rem
				}
			}
	/*感染防止メッセージ*/

/* -------------------------------------------
	LINE連携関連
--------------------------------------------*/
	/*-----LINE連携ボタン-----*/
	.line_button {
		display:block;
		position: relative;
		max-width:680px;
		color: white;
		background: #00B900;/*LINEコーポレートカラー※変更しないように！*/
		line-height: 1.4;
		padding: 1em 0 1em 0;
		margin:1rem auto 1rem;
		border-radius: 1em;
		text-align: center;
	}
	
			/*.line_button:before {
			font-family: "Font Awesome 5 Brands";
			content: "\f3c0";
			font-weight: 400;
			font-size:36px;
			position: absolute;
			left : 32px; /*左端からのアイコンまでの距離
			}*/
			.line_button a {
			color: white;
			display: block;
			font-weight:bold;
			font-size:1.4em;
			}
			@media screen and (min-width: 481px) {
				.line_button a span{
				font-size: 0.6em;
				}
			}
			@media screen and (max-width: 480px) {
				.line_button a span{
				font-size: 12px;
				}
			}
			@media screen and (max-width: 570px) {
				/*　画面サイズ 570pxまで適用　*/
				.line_button {
					max-width:90%;
				}		
			}
	/*-----LINE連携ボタンend-----*/

	/*-----LINE折り畳みメッセージ-----*/
	/*ボックス全体*/
	.line_oritatami_box {
	margin: 2em 0;
	padding: 0 12px 0 12px; /*上右下左
	max-width: 100%;/*最大幅*/
	}

	/*ラベル*/
	.line_oritatami_box label {
		position: relative;
		display: block;
		max-width:680px;
		margin: 0.5em auto 1em;
		padding:6px;
		text-align: center;
		border : solid 2px #00B900;
		background: #00B900;
		color :white;
		font-weight: bold;
		cursor :pointer;
		transition: all 0.5s;
	}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		.line_oritatami_box label {
			max-width:94%;
		}
	}
			/*ラベルホバー時*/
			.line_oritatami_box label:hover {
			background:white;
			color:#00B900;
		}


		/*チェックは隠す*/
		.line_oritatami_box input {
				display: none;
		}

	/*中身を非表示にしておく*/
		.line_oritatami_box .locshow {
			height: 0;
			padding: 0;
			overflow: hidden;
			opacity: 0;
			transition: 0.8s;
		}
	/*クリックで中身表示*/
	.locextension:checked + .locshow {
		max-width:960px;
		height: auto;
		padding: 0;
		margin: 0 auto 2em;
		color: #565656;
		background: #fff;
		border: solid 1px #00B900;
		border-radius: 8px;
		opacity: 1;
	}
	
	/*レイアウト*/

	/*メディアクエリ*/
	@media screen and (max-width: 570px){
		.locextension:checked + .locshow {
		margin: 0 0.5em 2em;
		}
	}
		@media screen and (min-width: 641px){
			.l_img1{
				float: left;
			}
			.l_img2{
				float: right;
			}
			.responsive_br br{
				display:none;
			}
		}
		@media screen and (max-width: 640px){
			.l_img1{clear: left;}
			.l_img2{clear: right;}
			.responsive_br br{
				display:inline;
			}
		}
		/*紹介タイトル部分*/
		.line_title{
			display: block;
			font-size: 2rem;
			font-weight: 900;
			color: white;
			background-color: #00B900;
			padding-left:18px;
			clear: both;
		}
		@media screen and (max-width: 640px){
			.line_title {
				margin-left: 0;
				padding:0.5em 0;
				font-size:1.2rem
			}
		}
	/*-----LINE折り畳みメッセージend-----*/
	/*-----新規LINEチェックボックス-----*/
	.line_ckbox {
		display: block;
		max-width: 480px;
		margin:0 auto;
		padding:1.5rem;
		text-align: center;
		border:solid 1px #00B900;
		font-size: 1.2rem;
		border-radius: 1rem;
	}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		.line_ckbox {
			max-width: 90%;
		}
	}
		.line_ckbox span {
			color: #00B900;
		}
	.line_thxbox {
		display: block;
		max-width: 540px;
		margin:2em auto;
		padding:1.5rem;
		text-align: center;
		border:solid 1px #00B900;
		font-size: 1.2rem;
		border-radius: 1rem;
	}
	@media screen and (max-width: 570px) {
		/*　画面サイズ 570pxまで適用　*/
		.line_thxbox {
			max-width: 90%;
		}
	}
	/*-----新規LINEチェックボックスend-----*/
	/*-----連携促進メッセージ-----*/
		.line_message {
			position: relative;
			display: block;
			margin: 0 auto;
			padding: 1rem 0;
			min-width: 120px;
			width: 100%;
			max-width: 680px;
			color: #00B900;
			font-size: 1.2em;
			font-weight: 900;
		}

		@media screen and (max-width: 570px) {
			/*　画面サイズ 570pxまで適用　*/
			.line_message {
				max-width:90%;
			}
		}
		/*-----新着情報-----*/
		.new_info{
			position: relative;
			max-width:680px;
			color: dimgray;
			margin:2.5rem auto 1rem ;
			font-weight:900;
			font-size:1.2em;
		}
		@media screen and (max-width: 570px) {
			/*　画面サイズ 570pxまで適用　*/
			.new_info {
				max-width:90%;
			}
		}
	/*-----新着情報end-----*/
	/*-----サファリ向け折り畳みメッセージ-----*/
		/*ボックス全体*/
		.safari_oritatami_box {
			margin: 2em 0;
			padding: 0 12px 0 12px; /*上右下左
			max-width: 100%;/*最大幅*/
			}
	
		/*ラベル*/
		.safari_oritatami_box label {
			position: relative;
			display: block;
			max-width:480px;
			margin: 0.5em auto 1em;
			padding:6px;
			text-align: center;
			color :dimgray;
			font-weight: bold;
			cursor :pointer;
			text-decoration: underline;
			transition: all 0.5s;
		}
	
	
			/*チェックは隠す*/
			.safari_oritatami_box input {
					display: none;
			}
	
		/*中身を非表示にしておく*/
			.safari_oritatami_box .socshow {
				height: 0;
				padding: 0;
				overflow: hidden;
				opacity: 0;
				transition: 0.8s;
			}
		/*クリックで中身表示*/
		.socextension:checked + .socshow {
			box-sizing:border-box;
			height: auto;
			max-width:960px;
			padding: 0;
			margin: 1em auto;
			color: #565656;
			background: #fff;
			border: solid 1px #00B900;
			border-radius: 8px;
			opacity: 1;
		}
		.socshow img {width: 100%;}
		/*-----ヘルプページ-----*/
		.kasen_help { border-bottom: double 3px dimgray; }
		.help_txt { text-align:left; }
		.help_txt h5 { margin-left:-0.5em; margin-top:2em; font-size:0.8em; text-align:center;}
		.help_txt p {  line-height:2rem; border-bottom: double 3px dimgray; font-size:0.8em; padding-left:1.6em; text-indent:-1.6em;}
		.linkbox {
			margin:1em auto;
			display:block;
			position: relative;
			background:#32ceb6;
			border-radius:0.5em;
			width:100%;
			max-width:300px;
			font-size:1em;
			text-align:center;
			height:3em;
		}
		.linkbox a {
			position: absolute;
			padding:1em;
			color:white;
			top: 0;
			left: 0;
			height:100%;
			width: 100%;
		}
		.line_newyoyaku_run{
			margin:0 auto;
			max-width:700px;
			padding-top:3em;
			padding-bottom:0;
		}
		.line_newyoyaku_run h2{
			font-size:1.4rem
		}
		@media screen and (max-width:480px){
			.line_newyoyaku_run{
				max-width:100%;
				margin:1rem; 
				font-size:16px;
			}
			.line_newyoyaku_run h2{
				font-size:1rem
			}
		}
	@media screen and (max-width:480px){
		.line_prm_img {
			width:85%;
		}
	}
	.line_read {
		margin:2rem auto 3rem;
		max-width:870px;
		border:solid 1px #00B900;
		border-radius:4px;
	}
	.line_read h4{
		padding:0.5rem;
		font-weight:100;
	}
	.line_read p{
		padding:1rem;
	}
	@media screen and (max-width:480px){
		.line_read {
			margin:1rem auto;
			width:90%;
		}
		.line_read p{
			padding:1rem;
		}
	}
/*---------------------------------------------
	LINE関連end
----------------------------------------------*/

/*********************************************************************
 * 共通スタイル
 * dependences: reset.css
 ********************************************************************/
 
/* iPhone・WindowsPhone用のフォント指定。Androidはデバイスフォントが様々なため指定しない(sans-serif) */
	/*
	* {
		font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
		margin:0;
		padding:0;
	}
	*/


	.pc{ display: inherit !important;}
	.smp{ display: none !important; }
	.tab_f{ display: none !important; }

	/* フォーカス枠の削除 */
	*:focus {
	outline: none;
	}

	/* iPhone/iPadの自動サイズ調整機能をOFF 
	html, body { height:100%; margin:0; }
	html { 
		font-family:"Hiragino Kaku Gothic Pro", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		/*font-size: 62.5% ;
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}
	*/

	/* iPhone UIガイドラインの推奨サイズに設定 */

	@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
	}

	a[href^="tel:"] {
		pointer-events: none;
	}

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

	a[href^="tel:"] {
		pointer-events: auto;
	}

	}/* ウィンドウ幅が0～479pxの場合に適用するCSS */
	/*
	body, textarea { font-family: "Yu Gothic",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Helvetica,Arial,sans-serif; }
	input, select { font-family: "Yu Gothic",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Helvetica,Arial,sans-serif; }
	*/
	textarea { font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif; }
	input, select { font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif; }
	/* IEハック */
	@media all and (-ms-high-contrast:none) {

	.midashi_box .icon_box {
		padding: 6px 25px 3px !important;
	}

	.midashi_box h3 {
		margin: 15px 0 0 !important;
	}

	.hall_list .name h3 {
		line-height: 30px;
	}

	/*.footer{
		height: 170px !important;
		line-height: 80px !important;
	}

	h1{
		padding: 10px 0 0;
	}
	*/

	}/* IEハック */

	body {
		/*font-size: 2em;*/
		/*line-height: 30px !important;*/
		color: #292929;
		/*padding-bottom: 120px;*/
		/*background: url(../img/top/bg.png) no-repeat;*/
		/*background-size: cover;*/
	}

	#map div{
		line-height: normal !important;
		font-size: 11px;
	}

	#map p{
		line-height: normal !important;
		font-size: 11px;
	}

	a {
		text-decoration: none;
		color: #de0b76;
		outline: none;
	}

	a img {
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
				transition: 0.1s ease-in-out;
	}

	a:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}


	div.anchor{
		display: block;
		padding-top: 80px;
		margin-top: -80px;
	}

	td {
		color: #333;
		padding: 5px 0 5px 10px;
	}

	th {
		color: #333;
		padding: 5px 0 5px 10px;
	}

	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	li{
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	button {
		background: transparent;
		padding: 0;
		border: none;
	}
	/*
	p,div {
		text-align: left;
	}
	*/
	/*--------------------------------*/

	.logo{
		margin: 110px 0 70px -70px;
		text-align: center;
	}

	.logo_b{
		margin: 10px 0 20px -70px;
		text-align: center;
	}


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

	/*h1{
		padding: 0 0 0;
		float: left;
	}
	*/
	/*------------------------------------------------*/

	.head{
		position: relative;
		width: 100%;
		height: 100px;
		margin: 0 auto;
		background: #ff69b4;
		overflow: hidden;
	}

	.head .inner{
		max-width: 960px;
		margin: 0 auto;
	}

	.head .inner div{
		float: right;
		text-align: right;
		color: #fff;
		padding: 1.2vw 0 0;
	}

	.head .inner div p{
		text-align: right;
		font-size: 25px;
		font-weight: bold;
	}

	.flow_list{
		width: 100%;
		/*height: 100px;*/
		/*border-top: 2px solid #d21577;*/
		/*background: #3ac0ec;*/
		text-align: center;
		padding-top: 70px;
		margin-bottom: 60px;
	}

	.flow_list_none{
		/*border-top: 2px solid #d21577;*/
		padding-top: 40px;
		margin-bottom: 30px;
	}
	/*
	h2{
		max-width: 1000px;
		border-top: 1px solid #f69f4b;
		font-size: 30px;
		text-align: center;
		margin: 0 auto 50px;
		padding: 20px 0 0;
	}

	h2 p{
		font-size: 11px;
		text-align: center;
		color: #f69f4b;
		margin-top: 10px;
	}

	h2 img{
		vertical-align: middle;
		margin-right: 8px;
	}
	*/
	.top_news{
		border:solid 1px #ff69b4;
		padding: 36px;
		width: 60%;
		margin: 0 auto 80px;
		border-radius: 1rem;
	}

	.top_news h4 {
		font-size: 22px;
		color: #fff;
		margin-bottom: 15px;
		padding:12px;
		background-color: #ff69b4;
		text-align: center;
	}
	@media screen and (min-width: 421px){
		.top_news h4 {
			font-size: 18px;
		}
	}

	.top_news p{
		line-height: 1.5rem;
	}

	.top_news p a {
		color: #fff;
		background-color: #3ac0ec;
		font-size: medium;
	}

	.top_news p strong {
		text-decoration: underline;
	}

	@media screen and (min-width:481px){
		.top_news_2{
			max-width: 860px;
			border-radius: 0.5rem;
			margin: 2rem auto 3rem;
		}
	}
	@media screen and (max-width:480px){
		.top_news_2{
			padding:2rem 1rem;
			border-radius: 0.5rem;
			margin: 2rem auto 3rem;
		}
	}
		.top_news_2 h4 {
			font-size:1.4rem;
			color: #fff;
			margin-bottom: 15px;
			padding:0.5em;
			background-color: #f69f4b;
			text-align: center;
		}
		@media screen and (max-width:480px){
			.top_news_2 h4{
				font-size:1.2rem;
			}
		}
		.top_news_2 h5 {
			margin: 30px 0 0 0;
		}
		.top_news_2 div {
			margin: 30px 0 0 0;
		}
		.top_news_2 p{
			font-size: 14px;
			line-height: 35px;
		}

		.top_news_2 p a {
			color: #fff;
			background-color: #3ac0ec;
			font-size: medium;
		}

		.top_news_2 p strong {
			text-decoration: underline;
		}

		.top_news_2 p #tomosyou {
			text-decoration: underline;
			color: #fff;
			background-color: #f69f4b;
			font-size: medium;
		}
	/*
	.footer{
		height: 50px;
		font-size: 11px;
		text-align: center;
		color: #fff;
		background: #f69f4b;
		padding: 15px 0 0;
		width: 100%;
		float: left;
	}
	*/

	.hide {
	/* 表示の切り替えに使用する */
		display: none;
	}

	.form_list{
		width: 960px;
		margin: 0 auto 80px
	}

	.form_list li{
		width: 100%;
		float: left;
		border-bottom: 1px solid #e2e2e2;
		padding: 50px 0;
	}

	.form_list .th{
		width: 20%;
		float: left;
		font-size: 20px;
		font-weight: bold;
	}

	.form_list .th img{
		vertical-align: middle;
		margin-right: 5px;
	}

	.form_list .td{
		width: 80%;
		float: left;
	}

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

	.form_list input[type=radio] {
		display: none; 	/* ラジオボタンを非表示にする */
	}

	.form_list input[type="radio"]:checked + label {
		background: #31A9EE;/* マウス選択時の背景色を指定する */
		color: #ffffff; 	/* マウス選択時のフォント色を指定する */
	}

	.form_list .label:hover {
		background-color: #3ac0ec; 	/* マウスオーバー時の背景色を指定する */
		color: #fff;
		border: 1px solid #3ac0ec;/* ボックスの境界線を実線で指定する */
	}

	.form_list .label {
		font-size: 20px;
		display: block;	/* ブロックレベル要素化する */ 
		float: left;		/* 要素の左寄せ・回り込を指定する */ 
		margin: 5px;		/* ボックス外側の余白を指定する */
		width: 140px;		/* ボックスの横幅を指定する */
		height: 70px;		/* ボックスの高さを指定する */
		padding-left: 5px;	/* ボックス内左側の余白を指定する */
		padding-right: 5px;	/* ボックス内御右側の余白を指定する */
		color: #4f4f4f;		/* フォントの色を指定 */
		text-align: center;	/* テキストのセンタリングを指定する */
		line-height: 70px;	/* 行の高さを指定する */
		cursor: pointer;	/* マウスカーソルの形（リンクカーソル）を指定する */
		border: 1px solid #cfcfcf;/* ボックスの境界線を実線で指定する */
		border-radius: 5px;	/* 角丸を指定する */
	}

	.form_list .label_area {
		width: 48%;
		font-size: 18px;
	}

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

	.form_list .select-wrap {
		position: relative;
		margin-bottom: 80px;
	}
	.form_list .select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 15px;
		top: 0;
		content: "\f123";
		font-family: "IonIcons";
		line-height: 73px;
		color: #7F878C;
		pointer-events: none;
		width: 57%;
	}
	.form_list select{
		outline:none;
		-moz-appearance: none;
		text-indent: 10px;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 70px;
		padding: 8px 12px;
		border:1px solid #ddd;
		color:#292929;
		width: 45%;
		border-radius:3px;
	}
	.form_list select option{
		background-color: #fff;
		color: #333;
	}
	.form_list select::-ms-expand {
		display: none;
	}
	.form_list select:-moz-focusring { 
		color: transparent; 
		text-shadow: 0 0 0 #828c9a;
	}
	.form_list .select-wrap.select-primary:before{
		color:#fff;
	}
	.form_list .select-wrap.select-primary > select{
		background:#0084B4;
		color:#fff;
		border-color:#0084B4;
	}
	.form_list .select-wrap.select-primary > select:-moz-focusring { 
		color: transparent; 
		text-shadow: 0 0 0 #fff;
	}

	.form_list .select-wrap.select-inverse:before{
		color:#fff;
	}
	.form_list .select-wrap.select-inverse > select{
		color:#fff;
		border-color: #fff;
	}

	.form_list .select-wrap.select-inverse > select:-moz-focusring { 
		color: transparent; 
		text-shadow: 0 0 0 #fff;
	}

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

	.form_list h3{
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.form_list .area{
		width: 100%;
		float: left;
		padding-bottom: 50px;
	}

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


	.page_top{
		margin: -25px 0 0;
		position: fixed;
		bottom: 65px;
		right: 0;
		z-index: 80;
	}

	.page_top a{
		background: rgba(192,164,33, 0.7);
		float: left;
		color: #fff;
		width: 50px;
		padding: 5px;
		text-align: center;
		border-radius: 5px 0 0 5px;
		
	}

	/*------------------------------------------------*/
	/*STEP02*/

	.step_bt{
		margin-bottom: 2rem;
	}

	.step_bt a{
		background: #dd6d00;
		border-radius: 5px;
		text-align: center;
		margin: 3rem auto 0;
		display: table;
		max-height:80px;
		width: 100%;
		padding:2rem;
		max-width:480px;
		color: #fff;
		position: relative;
		font-size:1rem;
	}
	@media screen and (max-width:570px){
		.step_bt a{
			width:calc(100% - 2rem);
			margin:0 1rem;
		}
	}

	/**/

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

	.yoyaku_cal_box{
		margin: 0 auto;
		/*20201106 Delete
		max-width: 960px;
		*/
		/*20201106 Add*/
		width:100%;
	}

	.yoyaku_cal_box .text{
		text-align: center;
	}
	.yoyaku_cal_box h3{
		font-size: 2.4rem;
		font-weight: normal;
		margin-top: 12px;
		margin-bottom: 10px;
		margin-left:2rem;
	}
	@media screen and (max-width:480px){
		.yoyaku_cal_box h3{
			margin-left:1rem;
		}
	}
	/*
	.yoyaku_cal_box h3{
		text-align: center;
		font-size: 30px;
		font-weight: normal;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	.yoyaku_cal_box h3 span{
		font-size: 16px;
	}

	.yoyaku_cal_box h3 p{
		text-align: center;
		border-top: 2px solid #f69f4b;
		width: 500px;
		margin: 10px auto 0;
		padding-top: 10px;
		font-size: 16px;
		color: #f69f4b;
	}
	*/
	#yoyaku_cal{
		width:100%;
		max-width: 870px;
		/*border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin: 15px auto 30px;*/
		font-size: 15px;
		margin:0 auto;
		border:1px solid silver;
		border-spacing: 0;
		border-collapse: separate;
		overflow:hidden;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	/*2022.0805*/
	#yoyaku_cal tr{
		background: #fff;
	}
	@media screen and (min-width:481px){
		#yoyaku_cal tr{
			height:1.5rem;
		}
	}
	@media screen and (max-width:480px){
		#yoyaku_cal tr{
			height:0.8rem;
		}
	}
	/*2022.0805*/
	#yoyaku_cal th{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		vertical-align: middle;
		padding: 0.8rem 0.3rem;
		line-height: 18px;
		text-align: center;
	}
    /*2022.0805*/

	#yoyaku_cal th.sunday{
		background: #ffdbeb;
	}

	#yoyaku_cal th.saturday{
		background: #def7ff;
	}

	#yoyaku_cal td{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		vertical-align: middle;
		padding: 0px 0;
		text-align: center;
	}

	#yoyaku_cal .bg_black{
		background: #eee;
		color: #999;
	}
	/*2022.0805*/
	@media screen and (max-width:480px){
		#yoyaku_cal .bg_black{
			font-size: 0;
		}
	}
	/*2022.0805*/


	#yoyaku_cal .ok{
		background: #fff;
		color: #e659c1;
		cursor: pointer;
	}
		#yoyaku_cal .ok:hover{
			background: #ffe1c6;
			color: dimgray;
			cursor: pointer;
			transition: 0.8s;
			-webkit-transition: 0.8s; /* Chrome、Safari用 */
			-moz-transition: 0.8s; /* Firefox用 */
			-o-transition: 0.8s; /* Opera用 */
		}

	#yoyaku_cal .okm{
		background: #fff;
		color: #e659c1;
		cursor: pointer;
	}
		#yoyaku_cal .okm:hover{
			background: #ffe1c6;
			color: dimgray;
			cursor: pointer;
			transition: 0.8s;
			-webkit-transition: 0.8s; /* Chrome、Safari用 */
			-moz-transition: 0.8s; /* Firefox用 */
			-o-transition: 0.8s; /* Opera用 */
		}
		.yoyaku_rule{
			width: 100%;
			max-width:870px;
			height:60px;
			display: table;
			margin:2rem auto 1rem;
		}
		@media screen and (max-width:480px){
			.yoyaku_rule{
				width:100%;
			}

		}
	
		.yoyaku_rule .ok{
			background: #e43a6e;
			text-align: center;
			color: #fff;
			display: table-cell;
			vertical-align: middle;
		}
	
		.yoyaku_rule .okm{
			background: #e43a6e;
			text-align: center;
			color: #fff;
			display: table-cell;
			vertical-align: middle;
		}
	
		.yoyaku_rule .ng{
			background: #ddd;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
		}

		.yoyaku_cal_box .cal_comment{
			max-width: 900px;
			min-height: 36px; 
			background-position: bottom, top;
			margin: 12px auto;
			padding: 0;
		}
		@media screen and (max-width:480px){
			.yoyaku_cal_box .cal_comment{
				width: 100%;
				margin:0 auto;
				}
		}

		.yoyaku_select_mes{
			max-width:870px; 
			margin:0 auto 2rem;
		}
		@media screen and (max-width:480px){
			.yoyaku_select_mes{
				width:calc(100%-2rem); 
				margin:0 1rem 2rem;
				font-size:0.8em;
			}
		}

	.calendar_pager input{
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 16px;
		position: relative;
		width: 20%;
	}

	.calendar_pager input:nth-child(1){
		float: left;
	}

	.calendar_pager input:nth-child(2){
		float: right;
	}

	.calendar_pager input::before {
		content: "";
		bottom: 35%;
		right: 10px;
		position: absolute;
		z-index: 100;
		display: block;
		width: 15px;
		height: 15px;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/**/


	.nichiji_list{
		margin: 0 0 25px;
	}


	.nichiji_list li{
		border-bottom: 1px dotted #ccc;
		padding: 0 0 15px;
		margin: 15px 0 0;
	}

	.nichiji_list li p{
		font-size: 0.8em;
		margin: 5px 0 0;
		color: #f69f4b;
	}
	/*2022.01.17*/
	.nichiji_list_new{
		width: 100%;
		max-width: 860px;
		margin: 0 auto 60px;
	}
	@media screen and (max-width:480px)
	{
		.nichiji_list_new{
			width:90%;
		}
	}
	.nichiji_list_new select{
		font-size: 25px;
		border-radius: 5px;
		padding: 8px 10px;
		border: 1px solid white;
		margin-right: 5px;
		background:white;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color:dimgray;
	}
	.nichiji_list_new select::-ms-expand {
		display:none;
	}
	@media screen and (max-width:480px){
		.nichiji_list_new select{
			  box-sizing: border-box;
			  font-size: 25px;
			  border-radius: 5px;
			  padding: 8px 10px;
			  border:1px solid white;
			  margin-right: 5px;
			  background:white;
			  color:dimgray;	  
		}
	}
	/*2022.05.03add*/
	@media screen and (min-width:480px){
		.nichiji_list_new .li_date{
			margin-right:1rem;
			float:left;
		}
	}
	@media screen and (max-width:480px){
		.nichiji_list_new .li_date{
			margin-right:0;
			clear:both;
		}
	}
	/*2022.05.03add*/
	/*2022.01.17*/
	.hiduke_bt p{
		font-size: 0.8em;
		margin: 5px 0 25px;
		color: #f69f4b;
		text-align: center;
	}

	.hiduke_bt div{
		text-align: center;
		margin-bottom: 20px;
	}

	.hiduke_bt input[type="button"],.hiduke_bt input[type="submit"] {
		background: #dd6d00;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		color: #fff;
		padding: 8.5px 18px;
		font-size: 1.2em;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		color: #fff;
		width: 50% !important;
		height: 80px;
		border: none;
	}


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

	#yoyaku_info{
		width: 100%;
	}

	#yoyaku_info li{
		padding: 5px;
		font-size: 1.5em;
	}

	#yoyaku_info li div{
		width: 30%;
		float: left;
		text-indent: 10px;
	}

	#yoyaku_info li:nth-child(odd){
		background: #eee;
	}

	#yoyaku_info li:nth-child(even){
		background: #ddd;
	}


	#yoyaku_info td{
		padding: 2vw;
		font-size: 1.2rem;
		border: 2px solid white;
		padding: 1rem 0.5rem
	}
	#yoyaku_info tr:nth-child(odd){
		background: #eee;
	}

	#yoyaku_info tr:nth-child(even){
		background: #ddd;
	}

	/**/

	.calendar_pager{
		max-width: 870px;
		margin: 0 auto 20px;
		display: flow-root;
		clear:both;
	}

	.calendar_pager input[type="button"],.calendar_pager input[type="submit"] {
		border: 1px solid #ccc;
		background: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
		color: #fff;
		padding: 8.5px 18px;
		font-size: 1.2em;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		color: #333;
	}

	.soudan_area{
		text-align: center;
		color: #e43a6e;
		margin-bottom: 50px;
	}

	.soudan_area p{
		width: 60%;
		max-width: 600px;
		text-align: center;
		color: #e43a6e;
		border: 1px solid #e43a6e;
		margin: 0 auto 0;
		padding: 15px;
		font-size: 14px;
	}

	/**/

	.change_bt{
		width: 100%;
		max-width: 900px;
		margin: 3rem auto 0;
		/*text-align: center;
		text-align: -webkit-center;*/
	}

	.change_bt li{
		display: inline-block;
		width: 50%;
	}
	@media screen and (max-width:570px){
		.change_bt li{
			margin-left: 0;
		}
	}

		.change_bt li input[type="submit"] {
		border-width:0 0 2px 0;
		border-style: solid;
		border-color: #f69f4b;
		background-color: white;
		color:dimgray;
		padding: 0;
		}
	.nichiji_list{
		width: 100%;
		max-width: 860px;
		margin: 0 auto 60px;
	}
	@media screen and (max-width:480px)
	{
		.nichiji_list{
			width:90%;
		}
	}
	.nichiji_list .t_title{
		text-indent: 0;
		height: auto;
		margin-bottom: 50px;
		padding-bottom: 15px;
		font-weight: bold;
	}

	.nichiji_list .t_title img{
		vertical-align: middle;
	}

	.nichiji_list .nichiji_list_li{
		display: inline-block;
		border-bottom: none;
		margin-right: 50px;
	}

	.nichiji_list .color_on3{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.nichiji_list .w25{
		color: #dd6d00;
	}

	.nichiji_list .w35{
		display: inline-block;
		vertical-align: top;
		width: 15%;
		font-weight: bold;
		padding: 2% 0 0;
	}

	.nichiji_list .w75{
		display: inline-block;
		width: 100%;
	}

	.nichiji_list .w75 span{
		font-size: 14px;
		color: #f69f4b;
		display: inherit;
	}

	.nichiji_list .t_center{
		text-align: center;
		display: block;
	}

	.nichiji_list .t_center p{
		text-align: center;
	}

	.nichiji_list select,.nichiji_list input[type="text"],.nichiji_list input[type="tel"],.nichiji_list input[type="email"]{
		font-size: 25px;
		border-radius: 5px;
		padding: 8px 10px;
		border: 1px solid #ccc;
		margin-right: 5px;
		background:white;
	}
	@media screen and (max-width:480px){
		.nichiji_list select,.nichiji_list input[type="text"],.nichiji_list input[type="tel"],.nichiji_list input[type="email"]{
			box-sizing: border-box;
			width:100%;
		}
	}

	.kakunin_bt input[type="submit"]{
		text-align: center;

		background: #dd6d00;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		min-height:80px;
		color: #fff;
		padding: 1em auto 1em 2em;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		border: none;
		
	}
	@media screen and (min-width:481px){
		.kakunin_bt input[type="submit"]{
			max-width: 680px;
			width: 100%;
			font-size: 1rem;
		}
	}
	@media screen and (max-width:480px){
		.kakunin_bt input[type="submit"]{
			width: calc(100% - 2rem);
			font-size:1rem;
			margin:0 1rem;
		}
	}
	.kakunin_bt{
		margin-bottom: 50px;
	}

	.kakunin_bt div{
		text-align: center;
		margin-bottom: 20px;
	}

	.kakunin_bt p{
		text-align: center;
		font-size: 14px;
		color: #1296da;
	}

	.return_bt{
		margin-bottom: 50px;
	}
	
		.return_bt div{
		text-align: center;
		margin-bottom: 20px;
		}
	
		.return_bt input[type="submit"] {
			text-align: center;
		
			background: #aaa;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			color: #fff;
			min-height:80px;
			text-decoration: none;
			vertical-align: middle;
			cursor: pointer;
			border: none;
		}
			@media screen and (min-width:481px){
				.return_bt input[type="submit"]{
					max-width: 680px;
					width: 100%;
					font-size: 1rem;
				}
			}
			@media screen and (max-width:480px){
				.return_bt input[type="submit"]{
					width: calc(100% - 2rem);
					font-size:1rem;
					margin:0 1rem;
				}
			}

	.yoyaku_login_box{
		margin: 5% auto;
		line-height: 30px;
		color: #ff0573;
		max-width: 800px;
	}

	@media screen and (max-width:480px){
		.calendar_top_link{
			position:relative;
			text-align: center;
			background: #dd6d00;
			padding:1rem;
			font-weight: bold;
			margin:2rem auto 1rem;
			height:3rem;
			width:90%;
			border-radius:6px;
		}
		.calendar_top_link a{
			position: absolute;
			top:0;
			left:0;
			padding-top:1rem;
			width:100%;
			height:100%;
			color:white;
		}
	}
	@media screen and (min-width:481px){
		.calendar_top_link{
			display:none;
		}
	}
	/*------------------------------------------------*/
	/*STEP03*/

	#yoyaku_title{
		text-align: center;
	}
	@media screen and (min-width:481px){
	#yoyaku_title h3{
		box-sizing: border-box;
			margin: 0 auto 30px;
			text-align: center;
			border: 1px solid #ff67b4;
			display: inline-block;
			color: #ff67b4;
			padding: 3% 4%;
			font-size: 22px;
			max-width: 870px;
			width:100%;
		}
	}
	@media screen and (max-width:480px){
		#yoyaku_title h3{
			margin: 0 auto 30px;
			width:90%;
			text-align: center;
			border: 1px solid #ff67b4;
			display: inline-block;
			color: #ff67b4;
			padding: 3% 4%;
			font-size: 18px;
		}
	}

	#yoyaku_title .cancel{
		text-align: center;
	}



	.yoyaku_jyouki{
		display: block;
		text-align: center;
		margin:2rem 0;
	}

	.yoyaku_jyouki p{
		text-align: center;
		font-size: 50px;
		color: #ccc;
	}

	/*------------------------------------------------*/
	/*STEP04*/

	#thanks_title{
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}

	#thanks_title h3{
		margin: 0 auto 30px;
		text-align: center;
		border: 1px solid #cf1674;
		display: inline-block;
		color: #cf1674;
		padding: 3% 5%;
		font-size: 22px;
	}

	.yoyakupage_bt{
		padding: 15px;
		font-weight: bold;
		border: solid 2px #ff0573;
		cursor: pointer;
		color: #ff0573 !important;
		display: inline-block;
		margin: 10px 0 0;
		border-radius: 5px;
	}

	/* 20.06.29 k-brains Add */

	.tenpo_select .form_list li{
		padding: 0;
	}
	.tenpo_select .form_list .select-wrap{
		margin-bottom: 10px;
	}

	@media only screen and (min-width: 671px){

		.tenpo_select{
			width: 900px;
			margin: 0 auto;
			margin-bottom: 50px;
		}

		.tenpo_select .form_list{
			width: 900px;
		}

		.tenpo_select .guide_box:first-of-type{
			margin-top: 40px;
		}

		.tenpo_select .guide_box:last-of-type{
			margin-bottom: 40px;
		}
	}
	/* 20.06.29 k-brains End */
	/*=================================================================================
			予約確定ページ
	=================================================================================*/
		/*--------------------------------------------------------
			予約成功
		--------------------------------------------------------*/
		.yoyaku_comp {
			max-width: 100%;
			position: relative;
			padding: 0.5em 0.7em;
			margin: 2em 3rem;
			background: #f69f4b;
			color: white;
			font-weight: bold;
			font-size:1.8em;
			text-align: center;
		}
		@media screen and (max-width:480px){
			.yoyaku_comp {
				padding: 0.5em 0.7em;
				margin: 2em 1rem;
				font-size:1.2rem;
			}
		}
		.yoyaku_comp::after {
			position: absolute;
			content: '';
			top: 100%;
			left: 30px;
			border: 15px solid transparent;
			border-top: 15px solid #f69f4b;
			width: 0;
			height: 0;
		}
			.yoyaku_comp p {
				margin: 0; 
				padding: 0;
			}
		#yoyaku_info_box1 {margin:1rem 3rem;}
		@media screen and (max-width:480px){
		#yoyaku_info_box1 { margin:0; }
		}
		#yoyaku_info_box2 {margin:1rem 0;}
		@media screen and (max-width:480px){
		#yoyaku_info_box2 { margin:0; }
		}
		/*--------------------------------------------------------
			予約失敗
		--------------------------------------------------------*/
		.yoyaku_fale{
			width: 80%;
			padding: 8px 19px;
			margin: 2em auto;
			color: crimson;
			text-align: center;
			background: whitesmoke;
			border-top: solid 5px crimson;
			border-bottom: solid 5px crimson;
			font-size:1.2em;
		}
		.yoyaku_fale p {
			margin: 0; 
			padding: 0;
		}
			/*一週間日付表示*/
			/*
			.weekbox {
				display: block;
				position: relative;;
				height: 60px;
				width:100%;
				max-width:300px;
				line-height: 60px;
				margin:1rem auto 1rem;
				text-align: center;
				padding: 7px 0;
				font-size: 18px;
				background: #f69f4b;
				color: #FFF;
				box-sizing: border-box;
			}
			
				.weekbox p {
				margin: 0;
				padding: 0 30px;
				border-top: dashed 1px #FFF;/
				border-bottom: dashed 1px #FFF;
				line-height: 22px;
				}
			
				.weekbox:before, .weekbox:after {
				position: absolute;
				content: '';
				width: 0px;
				height: 0px;
				z-index: 1;
				}
			
				.weekbox:before {
				top: 0;
				left: 0;
				border-width: 30px 0px 30px 15px;
				border-color: transparent transparent transparent #fff;
				border-style: solid;
				}
			
				.weekbox:after {
				top: 0;
				right: 0;
				border-width: 30px 15px 30px 0px;
				border-color: transparent #fff transparent transparent;
				border-style: solid;
				}
				*/
		.weekbox {
			position: relative;
			margin: 2rem auto 0;
			padding: 1rem 0 0;
			text-align: center;
			color: dimgray;
			max-width:12rem;
			}
			/*.steptitle h2 {
				font-size:1.4rem;
				}*/
			.weekbox .week-title {
				position: absolute;
				display: block;
				border-bottom:2px solid #f69f4b;
				margin-top: 1rem;
				width: 100%;
				text-align:center;
				top: 0px;
				left: 0px;
				padding: 2px;
				height: 2rem;
				line-height: 25px;
				font-size: 1rem;
				color: dimgray;
				font-weight: bold;
			}
			@media screen and (max-width:480px){
				.weekbox .week-title {
					margin-top: 0.5rem;
				}
			}
			.weekbox p {
				margin: 0; 
				padding: 1.5rem 0 0;
			}
		.cancelhyouji{
			box-sizing: border-box;
			max-width: 870px;
			width:100%;
			position: relative;
			margin: 2rem auto 2.5rem;
			border:solid 1px #f69f4b;
			border-radius: 0.5em;
		}
			.cancelhyouji h2{
				text-align: center;
				margin:1em auto;
			}
			@media screen and (max-width:480px){
				.cancelhyouji h2{
					font-size:0.8em;
				}
			}
	/*ポップアップ*/	
	.popup {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		opacity: 0;
		visibility: hidden;
		transition: .6s;
	}

	.popup_title{
		background: #e9349b;
		padding: 1.5rem 3rem 1.5rem 2rem;
		color: #fff;
		font-weight: bold;
		font-size: 1.2rem;
	}

	.popup_title div{
		display: flex;
		align-items: center;
		justify-content: left;
		flex-wrap: wrap;
	}

	.popup_contents{
		overflow: auto;
	}
	@media screen and ( min-width:481px ){
		.popup_contents{
			padding: 0 2rem 2rem;
			height: 70vh;
		}
	}
	@media screen and ( max-width:480px ){
		.popup_contents{
			padding: 0;
			height: 60vh;
		}
	}
	@media screen and ( min-width:481px ){
		.popup_contents li{
			padding: 1rem 2rem 3rem;
		}
	}
	@media screen and ( max-width:480px ){
		.popup_contents li{
			padding: 0 1.5rem 1rem;
		}
	}

	.popup_contents li h4{
		font-size:1.1rem;
		margin-bottom: 1.5rem;
		border-top: 1px solid #e9349b;
		border-bottom: 1px solid #e9349b;
		padding: 0.7rem 0;
	}

	.popup.is-show {
		opacity: 1;
		visibility: visible;
	}
	.popup-inner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 90vw;
		max-width: 700px;
		padding: 0;
		background-color: #fff;
		z-index: 2;
	}
	.popup-inner img {
		width: 100%;
	}
	.close-btn {
		position: relative;
		bottom: 0;
		top: 10px;
		height:3rem;
		text-align: center;
		cursor: pointer;
		border:1px solid #e9349b;
		border-radius:1.5rem;
		background:#e9349b;
		font-size:1rem;
		padding:1rem;
		max-width:240px;
		font-weight:bold;
		color:white;
		margin:0 auto 2rem;

	}

	.black-background {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.8);
		z-index: 1;
		cursor: pointer;
	}