@charset "utf-8";
/*順番予約など携帯でも表示させたいページ用のCSS
幅を最大240pxとし、一つのURLでPCと携帯の両方に使用*/

/*****************************************
　■初期設定
*****************************************/
html {
	height: 100%;
}

body {
	font-size: 95%;
	color: #111313;
	text-align: center;
	-webkit-text-size-adjust: 100%;/*スマホの文字倍率自動調整のオフ*/
}
/*背景、フォント*/

* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
    /*line-heightリセット　iphoneでlastnote4表示崩れ*/
	br {
        line-height: initial;
    }
/*全余白のリセット*/

input {
	line-height: 1em;
}

td, tr {
	color: #111313;
	font-size: 100%;
}
/*表の初期設定*/


/*****************************************
　■リンクの色設定
*****************************************/

a:link {
	color: #3366CC;
	text-decoration: underline;
}

a:visited {
	color: #3366CC;
	text-decoration: underline;
}

	
a:hover {
	color: #3366CC;
	text-decoration: none;
}

a:active {
	color: #3366CC;
	text-decoration: none;
	}
	
img {
	border: 0;
}

/*iOS15からsubmit文字が白になり読みづらくなった*/
input[type="button"],input[type="submit"] {
    color: #000000;
}
input[type="button"]:disabled,input[type="submit"]:disabled {
    color: #999999;
}




/*****************************************
　■レイアウト
*****************************************/

/*一番背景の石壁*/
body {
	background: url(../img/format_background.jpg);
	padding: 0;
	height: 100%;
}

/*本番*/
#outline {
	width: 100%;
	max-width: 820px;
	background: url(../img/format_backShadow.jpg) repeat-y center;
	margin: 0 auto;
	text-align: center;
	min-height: 100%
}

	/*モバイル表示テスト用*/
	/*#outline {
		width: 100%;
		max-width: 240px;
		background: url(../img/format/format_backShadow.jpg) repeat-y center;
		margin: 0 auto;
		text-align: center;
	}*/


#header {
	height: 100px;
	width: 340px;
    margin-left: auto;
    margin-right: auto;
	max-width:700px;/*最低768タブレットで考えているので、700未満端末ではみ出すのは考慮しない*/
	background: url(../img/format_mobile_title.jpg) no-repeat center;
}
    @media screen and (max-width: 339px) {
        #header {
            height: 100px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            max-width:700px;/*最低768タブレットで考えているので、700未満端末ではみ出すのは考慮しない*/
            background: url(../img/format_mobile_title.jpg) no-repeat center;
        }
    }
	
	#header h1 {
		text-indent: -9999px;
	}
	
	#header h1 a:hover {
		position: relative;
		top:0;
		left:0;
	}
	
#header_maintenance {
	height: 100px;
	width: 100%;
	max-width: 820px;
}
	
h2 {
	text-align: center;
	font-size: 140%;
	border-bottom: 3px #EFE4DA solid;
	width: 240px;
	margin: 15px auto 30px auto;
	font-weight: normal;
	letter-spacing: 0.1em;
}
	h2.long {
		width: 300px;
		margin: 15px auto 10px auto;
	}
	h2.long2 {
		max-width: 450px;
		width:95%;
		margin: 15px auto 10px auto;
	}
	h2.list1 {
		width: 95%;
		max-width: 470px;
		margin: 30px auto 15px auto;
		background: #EFE4DA;
		border: none;
		padding: 0.5em 0;
		border-radius: 8px;
	}
	h2.list2 {
		width: 95%;
		max-width: 470px;
		margin: 90px auto 15px auto;
		background: #EFE4DA;
		border: none;
		padding: 0.5em 0;
		border-radius: 8px;
	}
	h2.mypage {
		width: 95%;
		max-width: 470px;
		margin: 40px auto 15px auto;
		background-color:#259ADB;/*#55CAE3*/
		color: #ffffff;
		/*text-shadow: 1px 1px 1px #888;*/
		border: none;
		padding: 0.5em 0;
		border-radius: 8px;
		font-size: 130%;
		letter-spacing: 0.1em;
	}
	h2.middle {/*ページ中間部に出現するh2*/
		color: #67482C;
		margin-top: 50px;
		margin-bottom: 0.5em;
		max-width: 420px;
		width: 95%;
		padding-bottom: 0.4em;
		padding-top: 0.4em;
		background-color: #FAF6F3;
		border-bottom: 2px #EFE4DA solid;
		border-top: 2px #EFE4DA solid;
	}

.clear{
	clear: both;
	height: 30px;
}
.clear2 {
	clear: both;
}

#footer {
	height: 60px;
}

/*****************************************
　■個別の装飾
*****************************************/
@media screen and (min-width: 400px) {
.btn_selectTime_float_box {/*ブラウザの横幅で横に並べるか縦に並べるかスイッチする*/
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 400px;
	height: 95px;
	text-align: center;
}
	.btn_selectTime_float {
		float: left;
		width: 200px;
	}
}

@media screen and (max-width: 399px) {
.btn_selectTime_float_box {/*ブラウザの横幅で横に並べるか縦に並べるかスイッチする*/
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
	.btn_selectTime_float {
		/*float: left;*/
		width: 100%;
		text-align: center;
	}
}
/*ボタンを画像にしていたCLIENT_ID189以下*/
p.btn_selectTime {
	text-align: center;
}
	p.btn_selectTime img {
		margin: 0 auto 5px auto;
	}
	
	p.btn_selectTime a:hover {
		position:relative;
		top:0;
		left:0;
	}

/*ボタンをCSSにしたCLIENT_ID190以上*/
p.btn_selectTime2 {
	text-align: center;
	margin: 0 auto 5px auto;
    width:180px;
    height:70px;
    background-color: #97714A;
    display:table;
}
    p.btn_selectTime2 a {
        background-color: #97714A;
        color:#FFFFFF;
        text-decoration: none;
        display: table-cell;
        vertical-align: middle;
        font-size: 22px;
        font-weight: normal;
        letter-spacing: 2px;
    }
        p.btn_selectTime2 a.runthrough {
            font-size: 21px;
        }
    p.btn_selectTime2 a .ampm_small {
        font-size: 16px;
    }
	p.btn_selectTime2 a:hover {
		position:relative;
		top:0;
		left:0;
	}

			
p.btn_goYoyaku {
	text-align: center;
	margin-top: 20px;
}

	p.btn_goYoyaku a img {
		margin: 0 auto 15px auto;
	}
		p.btn_goYoyaku a:hover {
			position:relative;
			top:0;
			left:0;
		}
p.btn_goYoyaku2 {/*2021/12/13～ボタンを画像からCSSに切り替え。ガラケー用に最低限のデザインはhtml側に*/
	text-align: center;
	margin: 20px auto 15px auto;
    background-color: #FF4348;
    width:180px;
    height: 60px;
    display:table;
}
    p.outoftime {
        background-color: #AAAAAA;
    }
		p.btn_goYoyaku2 a {
            color: #FFFFFF;
            text-decoration:none;
            font-size: 24px;
            font-weight: normal;
            letter-spacing: 5px;
            display: table-cell;
            vertical-align: middle;
		}
            p.outoftime a {
                color: #DADADA;
            }
		p.btn_goYoyaku2 a:hover {
			position:relative;
			top:0;
			left:0;
		}




.yoyakuInfo {
}
	.yoyakuInfo p {
		text-align: center;
		line-height: 1.8em;
		margin-bottom: 1em;
		font-size: 110%;
	}
	.yoyakuInfo p .title {
		font-size: 115%;
		color: #67482C;
		line-height: 2em;
	}

.marginT30 {
	margin-top: 30px;
}
.marginT5 {
	margin-top: 5px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginB10 {
	margin-bottom: 10px;
}
.marginB15 {
	margin-bottom: 15px;
}
.paddingB30 {
	padding-bottom: 30px;
}
.paddingT30 {
	padding-top: 30px;
}

.mobP {
	width: 80%;
	max-width: 400px;
	margin:15px auto;
	text-align: left;
}

#lastNote {
	width: 95%;
	max-width: 470px;
	margin:40px auto 0 auto;
	text-align: left;
	border-top: solid 1px #ECDBD2;
	padding: 10px 5px 15px 5px;
}
	#lastNote p {
		margin: 0 0 0 0;
		text-align: left;
		line-height: 1.2em;
		background: url(../img/catch1.jpg) no-repeat 0 4px;
		padding-left: 14px;
		padding-bottom: 10px;
		font-size: 97%;
	}

#lastNote2 {
	width: 80%;
	max-width: 700px;
	margin:40px auto 15px auto;
	/*border-top: double 3px #ECDBD2;*/
	padding: 10px 10px 0 10px;
}
	#lastNote2 p {
		line-height: 1.7em;
		text-align: center;
	}

#lastNote3 {
	width: 90%;
	max-width: 650px;
	margin:40px auto 15px auto;
	/*border: dotted 2px #ECDBD2;*/
	padding: 10px;
	background-color: #FCF6F3;
}
	#lastNote3 p {
		margin: 5px 5px;
		text-align: left;
		font-size: 110%;
		line-height: 1.5em;
	}

#lastNote4 {
	width: 85%;
	max-width: 380px;
	margin:0px auto 10px auto;
	border: solid 1px #ECDBD2;
	padding: 5px;
}
	#lastNote4 p {
		margin: 5px 5px;
		text-align: left;
		font-size: 110%;
		line-height: 1.5em;
	}

#lastNote5 {
	width: 95%;
	max-width: 470px;
	margin:0px auto 0 auto;
	text-align: left;
	border: solid 1px #ECDBD2;
	padding: 10px 6px 0 6px;
	border-radius: 15px;
}
	#lastNote5 p {
		margin: 0 0 10px 0;
		text-align: left;
		line-height: 1.2em;
		background: url(../img/catch1.jpg) no-repeat 0 4px;
		padding-left: 14px;
		font-size: 97%;
	}

input.reload {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;	
	padding: 0 25px;
	font-size: 115%;
	margin-top: 12px;
	height: 60px;
}

input.wide1 {/*恐らく未使用*/
	padding: 5px 5px;
	font-size: 80%;
}

input.wide2 {/*予約を進んでいくボタンのみ*/
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;	
	padding: 0 0px;
	font-size: 130%;
	height: 50px;
	width: 100px;
}

input.wide3 {/*テキスト入力ボックス用*/
	padding: 0.1em 0;
}

input.wide4 {/*予約を取り消す、氏名からマイページを検索ボタン*/
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;	
	padding: 0 12px;
	font-size: 100%;
	height: 60px;
    display: block;
    margin: 30px auto 0px auto;
    
}

input.wide5 {/*マイページを忘れた方へなど*/
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;	
	padding: 0 5px;
	font-size: 100%;
	margin-left: 0.6em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	height: 25px;
}

input.text_width25 {
	width: 25px;
}
	input.text_width50 {
		width: 50px;
	}
	input.text_width65 {
		width: 65px;
	}
	input.text_width100 {
		width: 100px;
	}
	input.text_width150 {
		width: 150px;
	}
	input.text_width200 {
		width: 200px;
	}
	input.text_width250 {
		width: 250px;
	}

.selectbox_big {
	font-size: 130%;
}

#timeTable {
	width: 98%;
	max-width: 300px;
	margin: 20px auto 0 auto;
	background-color: #EFE9E0;
	padding: 0 0 5px 0;
}
	#timeTable p {
		margin-bottom: 10px;
		line-height: 1.7em;
	}
	#timeTable p.ttTitle {
		font-size: 130%;
		letter-spacing: 0.4em;
		color: #5E5645;
		background-color: #E0DAD1;
		padding: 5px 0
	}
	#timeTable .simple {
		font-size: 85%;
		margin-bottom: 5px;	
		line-height: 1.3em;
	}
	#timeTable table.tt {
		border-spacing: 0px;
		margin: 0 auto 0 auto;
		width: 98%;
	}
		#timeTable table.tt td {
			padding: 8px 0;
			border-bottom: solid 1px #B49F8B;
			text-align: center;
			font-size:100%;
		}
			#timeTable table.tt td.borderNone {
				padding: 8px 0;
				border: none;
			}

#timeTableInfo {
	width: 95%;
	max-width: 300px;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid  #EFE9E0;
}
	#timeTableInfo p.timing {
		color: #952A23;
		margin: 4px 5px 4px 5px;	
		line-height: 1.3em;
		text-align: left;
		font-size: 105%;
	}

#special_timeTableInfo {
	width: 95%;
	max-width: 370px;
	margin: 15px auto 15px auto;
	background-color: #FBEBEE;
	border-radius: 10px;
	padding: 0.5em;
	box-shadow: 1px 1px 1px #888;
}
	#special_timeTableInfo p.special_timing_title {
		color: #BA5C45;
		margin: 4px 5px 4px 5px;	
		line-height: 1.3em;
		text-align: center;
		font-size: 125%;
	}
	#special_timeTableInfo p.special_timing {
		color: #BA5C45;
		margin: 4px 5px 4px 5px;	
		line-height: 1.3em;
		text-align: left;
		font-size: 110%;
	}

table.waitingList {
	margin: 15px auto 30px auto;
	border: solid 2px #EAE5DE;
	border-collapse: collapse;
}

	table.waitingList td {
		white-space: nowrap;
		text-align: center;
		min-width: 70px;
		font-size: 100%;
		/*padding: 9px 0;*/
		background: url(../img/arrow_list.jpg) center top no-repeat;
		padding-top: 13px;
		padding-bottom: 5px;
	}
		table.waitingList td.top {
			/*border-bottom: dashed 1px #B49F8B;
			padding: 9px 0;*/
			background: none;
			padding-top: 9px;
		}
		table.waitingList td a {
			padding: 0.5em;
			font-size: 120%;
			text-decoration: none;
		}

	table.waitingList td.tdTitle {
		padding: 7px 1.5em;
		border: #876F56 2px solid;
		background: #876F56;
	}

	table.waitingList td.tdTitle p {
		color:#FFFFFF;
		letter-spacing: 0.1em;
		font-size: 115%;
		text-shadow: 1px 1px 1px #555;
		line-height: 1.4em;
	}
		table.waitingList td.tdTitle p .weaker {
			font-size: 90%;
		letter-spacing: 0em;
		}

	table.waitingList td.self_strong {
		font-weight: bold;
		font-size: 130%;
		letter-spacing: 0.1em;
		padding-top: 18px;
	}
		table.waitingList td.self_strong a {
			color: #C03E40;
		}
	
table.entry_input {
	margin: 20px auto 10px auto;
	max-width: 320px;	
}

	table.entry_input td {
        text-align: center;
	}

	table.entry_input tr.title td {
		background: #9A7E63;
		color: #FFFFFF;
		padding: 5px 3px 5px 3px;
		letter-spacing: 0.1em;
		border-radius: 8px;
		text-shadow: 1px 1px 1px #555;
		font-size: 110%;
	}

	table.entry_input tr.input td {
		padding: 10px 5px 5px 5px;
	}

	table.entry_input tr.input2 td {
		padding: 5px 5px 50px 5px;
	}

	table.entry_input tr.input3 td {
		padding: 5px 5px 50px 5px;
	}

	table.entry_input tr.note td {
		padding: 0px 0px 50px 0px;
	}

		table.entry_input tr.note p {
			margin:0 auto;
			width: 85%;
			padding: 5px;
			background: #F0E9E1;
			font-size: 12px;
		}
            table.entry_input p.note_design {/*note(注意書き)なし想定項目のinput2に、やはり注意書きを入れたい場合、input2の大余白は変えられないのでtdを使わずpでnoteのデザイン↑を模倣*/
                margin:10px auto 0 auto;
                width: 85%;
                padding: 5px;
                background: #F0E9E1;
                font-size: 15px;
                text-align: left;
            }

		table.entry_input tr.note p.demo_guide {
			margin:0 auto;
			width: 100%;
			padding: 10px;
			background: #BD86A2;
			font-size: 16px;
			color: #FFFFFF;
			line-height: 1.5em;
			font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

	table.entry_input tr.note2 td {
		padding: 0px 0px 5px 0px;
	}

		table.entry_input tr.note2 p {
			margin:0 auto;
			width: 85%;
			padding: 5px;
			background: #F0E9E1;
			font-size: 12px;
		}

	table.entry_input tr.agree td {
		padding: 5px 5px 5px 5px;
	}

		table.entry_input tr.agree p {
			margin:5px auto 10px auto;
			width: 90%;
			padding: 5px;
			border: double 4px #F0E9E1;
			font-size: 100%;
		}

	table.entry_input tr.confirm td {
		padding: 0;
	}

		table.entry_input tr.confirm p {
			margin:0px auto 20px auto;
			padding: 10px;
			border-bottom: solid 1px #F0E9E1;
			border-left: solid 1px #F0E9E1;
			border-right: solid 1px #F0E9E1;
			font-size: 115%;
		}
	input.multiple_cardnum {
		margin-bottom: 0.5em;
	}
	input.multiple_cardnum2 {
		margin-bottom: 1em;
		height: 1.5em;
	}
	select.add_pettype {
		margin-bottom: 0.5em;
	}

#error {
	width: 80%;
	max-width: 400px;
	margin:0 auto 10px auto;
}
	
	#error p.error_message {
		color: #FF3333;
		text-decoration: underline;
		line-height: 1.7em;
	}

#separate_mng_alert {
	width: 95%;
	max-width: 310px;
	margin:20px auto 10px auto;
	background-color: #FFEBF0;
	border-radius:  8px;
	padding: 4px 0;
}
	
	#separate_mng_alert p.error_message {
		color: #FF3333;
		line-height: 1.5em;
		text-align: center;
		font-size:  110%;
	}

#thanks {
	width: 90%;
	max-width: 500px;
	margin:0 auto 0 auto;
}

	#thanks p {
		line-height: 1.7em;
		margin-bottom: 1.5em;
		text-align: left;
		font-size: 120%;
	}
	
p.message {
	width: 90%;
	max-width:400px;
	line-height: 1.5em;
	margin: 10px auto 30px auto;
	text-align: left;
}
	p.message_cen {
		width: 90%;
		max-width:400px;
		line-height: 1.5em;
		margin: 10px auto 30px auto;
		text-align: center;
	}
p.message2 {
	width: 90%;
	max-width:550px;
	line-height: 1.7em;
	margin: 30px auto 30px auto;
	text-align: left;
}
p.message3 {
	width: 95%;
	max-width:360px;
	line-height: 1.5em;
	margin: 10px auto 20px auto;
	text-align: left;
}
	
.strong2 {
	text-decoration:underline;
	color: #FF3333;
}
	.strong2-2 {/*マイページの待ち人数*/
		text-decoration:underline;
		color: #FF3333;
		font-size: 130%;
		padding: 0 3px;
	}
.strong3 {
	color: #FF3333;
}
.strong4 { /*現在「●人」の方がお待ちです。の「●人」*/
	font-size: 150%;
	letter-spacing: 0.1em;
}
.strong5 { /*複数予約のキャンセル画面の注意書き*/
	font-size: 110%;
	margin: 30px auto;
	line-height: 1.6em;
	text-align: left;
	max-width: 520px;
	width: 95%;
	background-color: #FFF3EB;
	padding: 10px 5px;
	box-sizing: border-box;
	border-radius: 8px;
}
.strong6 {
	font-size: 120%;
	letter-spacing: 0.1em;
}
.strong7 {/*thanksの「『154番』で順番をお取りしました。の番号の部分*/
	color: #FF3333;
	font-size: 130%;	
}

.taCen {
	text-align: center;
}

.taLeft {
	text-align: left;
}

.fontSmall {
	font-size: 85%;
	color: #BA5C45;
}

.fontSmall2 {
	font-size: 90%;
	color: #BA5C45;
}

.fontSmall3 {
	font-size: 85%;
	color: #BA5C45;
}

.fontSmall4 {
	font-size: 50%;
}

.fontSmall5 {
	font-size: 90%;
}

.fontSmall6 {
	font-size: 100%;
}

.line_height1 {
	line-height: 2em;
}
.line_height2 {
	line-height: 1.5em;
}

p.client_news {
	border-left: 4px #F0B49D solid;
	padding-left: 6px;
	color: #CD6749;
}

p.firstVisit_alert {
	margin: 0 auto 15px auto;
	line-height: 1.7em;
	color:#FF0033;
}

p.emergency_note_for_client {
	width: 90%;
	max-width: 450px;
	/*color: #F71D53;*/
	/*border: 5px #F71D53 double;*/
	margin: 0 auto 2em auto;
	/*padding: 1em 1.5em;*/
	font-size: 130%;
	line-height: 1.7em;
	text-align: left;
	color: #FF6467;
	
	/*アニメーションの時間や繰返しの設定。アニメーション自体はanimate.cssで*/
		/* 何秒かけてアニメーションする */
		-webkit-animation-duration: 9s;
		animation-duration: 9s;
		/* 一瞬待ってからアニメーションする */
		-webkit-animation-delay: 0ms;
		animation-delay:0ms;
		/* 無限に繰り返す */
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
}

p.animate_for_top {
	width: 90%;
	max-width: 350px;
	margin: 1em auto 0 auto;
	font-size: 115%;
	line-height: 1.5em;
	text-align: left;
	color: #FF6467;
	
	/*アニメーションの時間や繰返しの設定。アニメーション自体はanimate.cssで*/
		/* 何秒かけてアニメーションする */
		-webkit-animation-duration: 8s;
		animation-duration: 8s;
		/* 一瞬待ってからアニメーションする */
		-webkit-animation-delay: 0ms;
		animation-delay:0ms;
		/* 無限に繰り返す */
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
}

#thanks p.animate_for_thanks {
	font-size: 110%;
	line-height: 1.5em;
	text-align: left;
	color: #FF6467;
	
	/*アニメーションの時間や繰返しの設定。アニメーション自体はanimate.cssで*/
		/* 何秒かけてアニメーションする */
		-webkit-animation-duration: 5s;
		animation-duration: 5s;
		/* 一瞬待ってからアニメーションする */
		-webkit-animation-delay: 0ms;
		animation-delay:0ms;
		/* 無限に繰り返す */
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
}

#thanks a.go_mypage {
	padding: 12px 18px;
	background-color:#259ADB;/*#55CAE3*/
	text-decoration: none;
	border-radius: 8px;
	color: #ffffff;
	/*text-shadow: 1px 1px 1px #888;*/
	letter-spacing: 0.1em;
	font-size: 115%;
}

#thanks a.go_mypage2 {
	padding: 2px 5px 2px 4px;
	background-color:#259ADB;/*#55CAE3*/
	text-decoration: none;
	border-radius: 5px;
	color: #ffffff;
	/*text-shadow: 1px 1px 1px #888;*/
	letter-spacing: 0em;
	font-size: 110%;
}

p.waittime {
	margin-top: 0.5em;
}

p.delete_yoyakufnc_note {
	padding: 20px 0;
	line-height: 1.5em;
	color: #C0133E;
}



/*****************************************
　2019.07.23 予約画面(特にスマホ)で文字を大きくするようCSS上書き変更
*****************************************/

	/*入力しやすいように大きく*/
	table.entry_input tr.input td {
		font-size: 16px;
	}
		table.entry_input input,
		table.entry_input select,
		table.entry_input label {
			font-size: 17px;
		}
			table.entry_input td.long_input input,
			table.entry_input td.long_input select,
			table.entry_input td.long_input label {
				font-size: 15px;
			}
			table.entry_input select {
				height:  35px;
				min-width: 60px;
			}
			table.entry_input .big_check {
				height:  20px;
				width:  20px;
				vertical-align:bottom;
			}
	

	table.entry_input tr.title td {
		background: #9A7E63;
		color: #FFFFFF;
		padding: 5px 3px 5px 3px;
		letter-spacing: 0.1em;
		border-radius: 8px;
		text-shadow: 1px 1px 1px #555;
		font-size: 115%;
	}

	table.entry_input tr.title td.long_title {/*130ではタイトル文字サイズが大きすぎる場合に小さく*/
		font-size: 115%;
		letter-spacing: 0em;
	}

	table.entry_input tr.input td {
		padding: 20px 5px 15px 5px;
	}

	table.entry_input tr.input2 td {/*下に説明のない場合*/
		padding: 20px 5px 70px 5px;
	}

	table.entry_input tr.input3 td {/*メールの「了解しました」*/
		padding: 10px 5px 70px 5px;
	}

	table.entry_input tr.note td {
		padding: 0px 0px 70px 0px;
	}

		table.entry_input tr.note p, table.entry_input tr.note2 p {
			font-size: 15px;
		}

		table.entry_input tr.agree p {
			font-size: 110%;
		}
		table.entry_input tr.confirm td {
			/*長い半角文字のみの羅列(つまりメアド)が折り返されないので、折り返す*/
			word-break: break-all;
		}

		table.entry_input tr.confirm p {
			font-size: 120%;
		}

        table.entry_input textarea.free_text_box {
            width:100%;
            height: 160px;
			font-size: 16px;
            padding:0.2em;
        }

.web_monshin {
	margin-bottom: 40px;
	margin-top: 40px;
}
	.web_monshin a {
		background-color: #FF4B77;
		color: #FFFFFF;
		font-size: 120%;
		padding: 10px 50px;
		position: relative;
		top:0;
		left:0;
		text-decoration:  none;
		border-radius: 25px;
	}
	.web_monshin .web_monshin_btn {
		height: 45px;
	}
	.web_monshin .web_monshin_note {
	}

.mypage_cancel_btn a {/*0list→キャンセルへ移動するボタン*/
    background-color: rgba(233,212,235,1.00);
    color: rgba(107,22,114,1.00);
    text-decoration: none;
    padding: 0 0px;
    font-size:15px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    right: 10%;
    z-index: 999;
    box-sizing: border-box;
    padding-top: 30px;
}
/*なるべく右に寄せる*/
@media screen and (max-width: 950px) {
    .mypage_cancel_btn a {
        right:5px;
    font-size:14px;
    display: block;
    width: 90px;
    height: 90px;
    padding-top: 25px;
    }
}
a.cancel_finish_btn {/*キャンセル完了画面から戻るときのボタン*/
    text-decoration: none;
    font-size:16px;
    display: inline-block;
    box-sizing: border-box;
    padding: 15px;
    color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 4px;
    margin-top: 30px;
}
    a.cancel_finish_btn_inline {/*キャンセル完了画面から戻るときのボタン*/
        text-decoration: none;
        font-size:14px;
        display: inline-block;
        box-sizing: border-box;
        padding: 6px 6px;
        color: #fff;
        cursor: pointer;
        background: #428ec9;
        border-radius: 4px;
        margin-top: 0px;
        margin-right: 2px;
    }

/**** TELリンクを消す ****/
a.tellink {
	line-height: 3em;
}
@media screen and (min-width: 768px) {
	a.tellink {
		pointer-events: none;
		color: currentColor;
		text-decoration: none;
	}
}

.display_none_on_waitingList {
	display: none;
}