@charset "utf-8";
/*8/27/2020の改修内容

/*=====================================================================================
	General Settings
=====================================================================================*/
	/* 使用フォント
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	*/
	/* 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;
	}

	/*icon*/
	.material-icons{
		vertical-align:middle;
	}
	span.material-icons{
		font-size: 1.2rem;
	}
	/*感染防止メッセージ*/
		/*ボックス全体*/
		.ip_oritatami_box {
			margin: 1rem 0 2rem;
			padding: 0 ;
			max-width: 100%;/*最大幅*/
		}
	
		/*ラベル*/
		.ip_oritatami_box label {
			position: relative;
			display: block;
			background : #f88ba5;
			border: solid 1px #f88ba5;
			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 :#f88ba5;
					background:white;
					border: solid 1px #f88ba5;

				}
	
			/*チェックは隠す*/
			.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 #ffc3c3;
				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
				}
			}
	/*感染防止メッセージ*/
	.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;
		}
	}

	/* カラム */
	header {
		background: #f88ba5;
		text-align: center;
	}
		header img {
			vertical-align: middle;
		}
	.mainbox{
		position: relative;
		background: white;
		padding:0 0 16px 0;
	}
		div.mainbox p{
			margin: 0.8rem 0px;
		}
	footer {
		position: relative;
		background: #f88ba5;
		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;		
	}
	.deeppink2 {
		color: #f88ba5;
	}
	.crimson {
		color: crimson;
	}
	.linegreen {
		color: #00B900;
	}
	.bold {font-weight:bold}

	.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;}
	.mg_1r { margin: 1rem;}
	.mg_2r { margin: 2rem;}
	.t_mg_12 { margin-top : 12px;}
	.b_mg_12 { margin-bottom: 12px;}
	.l_mg_12 { margin-left : 12px;}
	.l_mg_1r { margin-left : 1rem;}
	.l_mg_2r { margin-left : 2rem;}
	.l_mg_3r { margin-left : 3rem;}
	.r_mg_12 { margin-right : 12px;}
	.t_mg_36 { margin-top : 36px;}
	.b_mg_36 { margin-bottom: 36px;}
	.nowrap { white-space: nowrap;}

	.t_center{text-align: center;}

	.indent_1r{text-indent: 1rem;}
	.indent_2r{text-indent: 2rem;}
	.indent_3r{text-indent: 3rem;}


	/*フォントサイズ*/
	.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;
	}

	/* 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;
		}
	}

	textarea { font-family: "genshin","Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif; }
	input, select { font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif; }


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

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

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

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

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

	a {
		text-decoration: none;
		color: #110b93;
		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);
			}
	input[type="button"],
	input[type="submit"]{
		-webkit-appearance: none;
	}
	input[type="button"]:hover,
	input[type="submit"]:hover {
		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;
	}

	.hidden { display: none;}

	*, *: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;
	}
	.only_clinic{
		display:none;
	}
	.only_mens{
		display: none;
	}
	.mens_tel{
		display: none;
	}

	/* エラー表示等 */
	.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;
		}
		.yoyaku_login_box{
			margin: 5% auto;
			line-height: 30px;
			color: #ff0573;
			max-width: 800px;
		}
		
		input[type="button"]:hover,
		input[type="submit"]:hover {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}
	/*　レスポンシブ表示非表示スイッチ */
	@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:960px;
			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%;
		}
	}
/*===========================================================================
	Common design
============================================================================*/
	/* ---------------------------------------
		フローチャート 
	----------------------------------------*/
	@media screen and (min-width: 571px) {
	/*　画面サイズ 571px以上で適用　*/
	.step{
		list-style-type: none;
		display:table;
		width:100%;
		max-width:960px;
		padding:0;
		margin:0 auto 0;
		overflow:hidden;
	}
	.step.member_step{
		max-width:870px;
	}
	
		.step li{
		  display:table-cell;
		  position:relative;
		  left:-2rem;
		  background: darkgray;
		  padding: 1rem 0.5em 1rem 2rem;
		  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: #f88ba5;
				font-weight: bold;
		 	}
		  	.step li.is-current:after{
				border-color: transparent transparent transparent #f88ba5;
			}
		}
	@media screen and (max-width:570px){
		.step_tenpo{
			display:none;
		}
		.step_tenpo_line {
			display: block;
			width:100%;
			height:2px;
			border:1px #f88ba5 solid;
		}
	}
	@media screen and (min-width:570px){
		.step_tenpo_ap{
			display:none;
		}
	}
	@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 1rem;
				margin-bottom: 2px;
				/*text-align:center;*/
				color: #fff;
			}
			.step li.is-current{
				background: #f88ba5;
				font-weight: 900;
			}
			.step li.is-current:after{
		  		border-color: #f88ba5 transparent transparent transparent;
			}
			.step li:not(.is-current){
				display : none;
			}
	}
	.step_back_1 {
		position: relative;
		top:-1px;
		background: linear-gradient(to right, #f88ba5 0%, #f88ba5 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,  #f88ba5 0%, #f88ba5 50% 100%);
	}

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

	/* -------------------------------------------
		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-family: 'M PLUS Rounded 1c', sans-serif;
			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 2rem;
		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;
		font-family: 'Noto Sans JP', sans-serif;
		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 p {
			font-family:'M PLUS Rounded 1c', sans-serif;
		}
			.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_thxbox p {
			font-family:'M PLUS Rounded 1c', sans-serif;
		}
			.line_ckbox span {
				color: #00B900;
			}
	/*-----新規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;
		}
		@media screen and (max-width:480px){
			.socextension:checked + .socshow {
				width:90%;
			}
		}
		.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 2rem;
		}

	@media screen and (max-width:480px){
		.line_read {
			margin:1rem auto;
			width:90%;
		}
		.line_read p{
			padding:1rem;
		}
	}
	/*---------------------------------------------
		LINE関連end
	----------------------------------------------*/
	
.logo{
	margin: 110px 0 70px -70px;
	text-align: center;
}

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


/*--------------------------------*/
/*----20200703_del----
h1{
	padding: 20px 0 0;
}
----20200703_del----*/
/*------------------------------------------------*/

/*.head{
	width: 1000px;
	height: 100px;
	margin: 0 auto;
}
*/

.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;
}

.top_news{
	border: 1px solid #dedede;
	padding: 40px 50px;
	max-width: 870px;
	width: 87%;
	margin: 0 auto 80px;
}

.top_news h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 15px;
	background-color: #3ac0ec;
	text-align: center;
}

.top_news p{
	font-size: 14px;
	line-height: 35px;
}

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

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

.top_news p #tomosyou {
	text-decoration: underline;
	color: #fff;
	background-color: #ec3ab8;
	font-size: medium;
}


/*--------------------20200503 tj----------------------------*/
@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: 0 auto ;
	}
}
	.top_news_2 h4 {
		font-size:1.4rem;
		color: #fff;
		margin-bottom: 15px;
		padding:0.5em;
		background-color: #f88ba5;
		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: 1.8rem;
}

.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: #ec3ab8;
	font-size: medium;
}

/*--20200703_del--
.footer{
	height: 50px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background: #e9349b;
	padding: 15px 0 0;
	width: 100%;
	float: left;
}
--20200703_del--*/


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

.form_list{
	width: 940px;
	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;
	}

/*--------------------------*/
/*
.guide_box{
	width: 800px;
	border: 2px solid #ffafdd;
	padding: 20px;
	float: right;
	color: dimgray;
}

	.guide_box h4{
		margin-bottom: 5px;
	}
*/
/*--------------------------*/


.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;
	}
/*=================================================================================
	カレンダー
==================================================================================*/
  /* カレンダー */
  .yoyaku_cal_box{
	margin: 0 auto;
	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:0.8rem;
		}
	}
  /*
  	.yoyaku_cal_box h3 span{
		font-size: 2rem;
	}
	@media screen and (max-width:480px){
		.yoyaku_cal_box h3 span{
			font-size: 1.6rem;
		}
	}
	*/
	#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;
	}
  
	#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;
		}
	}
  
	#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;
	}
  
	#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;
		/*font-size: 0;*/
	}
	@media screen and (max-width:480px){
		#yoyaku_cal .bg_black{
			font-size: 0;
		}
	}
  
	#yoyaku_cal .ok{
		background: #fff;
		color: #e659c1;
		cursor: pointer;
	}
		#yoyaku_cal .ok:hover{
			background: pink;
			color: deeppink;
			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: pink;
			color: deeppink;
			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_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;
		}
	}

	.yoyaku_cal_box .cal_comment{
	  max-width: 100%;
	  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;
		  }
	}
  .calendar_pager{
	max-width: 870px;
	margin: 0 auto 20px;
	display: flow-root;
	clear:both;
  }
  
	.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);
	}
  
	.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;
	}
  .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: dimgray;
	}
  
	.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 td {
			padding: 2vw;
			font-size: 1.2rem;
			border: 2px solid white;
			padding: 1rem 0.5rem
		}
		#yoyaku_info td.sub1 {
			width:30%;
	  	}
  
		#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 tr:nth-child(odd){
			background: #eee;

		}
	
		#yoyaku_info tr:nth-child(even){
			background: #ddd;
		}
  
  .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: 2px auto;
  }
  
	.change_bt li{
	  display: inline-block;
	  width: 50%;
	}
  
	  .change_bt li input[type="submit"] {
		border: solid 1px #f88ba5;
		background-color: white;
		color:dimgray;
		border-radius: 6px;
		padding: 8px 36px;
	  }
  
  .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 .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:80%;
		}
	}

	/*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*/
	.kakunin_bt{
		margin-bottom: 50px;
	}
	
  .kakunin_bt input[type="submit"]{
	text-align: center;
	background: #32ceb6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height:80px;
	color: #fff;
	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 div{
	  text-align: center;
	  margin-bottom:20px;
	}
  
	.kakunin_bt p{
	  text-align: center;
	  font-size: 14px;
	  color: #f88ba5;
	}
  
  .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;
		}
	}
	.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;
	  }
	}
	
	#yoyaku_title{
		text-align: center;
	  }
	@media screen and (min-width:481px){
	#yoyaku_title h3{
			margin: 0 auto 30px;
			text-align: center;
			border: 1px solid #cf1674;
			display: inline-block;
			color: #cf1674;;
			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 #cf1674;
			display: inline-block;
			color: #cf1674;
			padding: 3% 4%;
			font-size: 18px;
		}
	}

	.yoyaku_jyouki{
		display: block;
		text-align: center;
		margin:2rem 0;
	}
		  
		.yoyaku_jyouki p{
			text-align: center;
			font-size: 50px;
			color: #ccc;
		}
	@media screen and (max-width:480px){
		.calendar_top_link{
			position:relative;
			text-align: center;
			background: #f88ba5;
			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;
		}
	}

/*=================================================================================
		予約確定ページ
=================================================================================*/
	/*--------------------------------------------------------
		予約成功
	--------------------------------------------------------*/
	.yoyaku_comp {
		max-width: 100%;
		position: relative;
		padding: 0.5em 0.7em;
		margin: 2em 3rem;
		background: #fadce2;
		color: #f88ba5;
		font-weight: bold;
		font-size:1.8em;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		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 #fadce2;
		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:0 auto 1em;
		text-align: center;
		padding: 7px 0;
		font-size: 18px;/*フォントサイズ*/
	/*	background: #f88ba5;/*背景色*/
	/*	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 #f88ba5;
				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; 
			}
	.step_bt{
		margin-bottom: 2rem;
	}
	
	.step_bt a{
		background: #32ceb6;
		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:480px){
		.step_bt a{
			width:calc(100% - 2rem);
			margin:0 1rem;
		}
	}
	

	.cancelhyouji{
		box-sizing: border-box;
		max-width: 600px;
		width:100%;
		position: relative;
		margin: 2rem auto 2.5rem;
		border:solid 1px #f88ba5;
		border-radius: 0.5em;
	}
		.cancelhyouji h2{
			text-align: center;
			margin:1em auto;
		}
		@media screen and (max-width:480px){
			.cancelhyouji{
				width:90%;
			}		
			.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: rgb(233, 52, 155);
		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;
		}
	}

	.popup_contents li{
		border-bottom: 1px dotted #ccc;
	}
	@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;
	}