@media screen and (min-width:572px) {/*PCでは改行させない*/
.spbr{
  display:none;
 }
}	
	



/*================================================
 *  移植
 ================================================*/
 
#main_yoyaku_kakunin {
	max-width:718px;
	margin:0 auto;
	line-height:120%;
	background:#fff;
	padding: 10px;
	font-size: 1.6rem;
	
}

.yoyaku_img img{
	display: block;
    margin: 0 auto 0 auto;
    max-width: 100%;
    height: auto;
}


table.formTable{
	max-width:698px;	
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	font-size: 1.4rem;
	line-height: 120%;
	color:#555;
	margin-bottom: 14px;
	border: none;
    box-shadow: none;

}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#main_yoyaku_kakunin {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
	margin-bottom: 15px;
}
}




/*================================================
 *  問い合わせフォームのinput
 ================================================*/

.toiawase select{
	padding: 9px 10px;
	font-size:1.6rem;
	width: 100%;
}

.day select{
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.5rem;
    width: auto;
}
@media screen and (min-width:768px) {/*PC追加指定*/
.day select{
    padding: 6px;
    margin: 6px;
    font-size: 1.6rem;
    width: auto;
}
}


table.yoyaku_hyou th .hissu, .no_hissu,
table.yoyaku th .hissu, .no_hissu,
table.formTable th .hissu, .no_hissu{
font-weight: bold;
}

/*　「必須」の装飾　*/
table.yoyaku_hyou th .hissu::after,	
table.yoyaku th .hissu::after,	
table.formTable th .hissu::after{
    margin-left: 1em;
    content: '必須';
    display: inline-block;
    background: #e00429;
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    position: relative;
	padding: 0.2em 1em;
    top: -1px;
}


.toiawase input[type="text"],
.toiawase input[type="tel"],
.toiawase input[type="email"]{
	border: 1px solid #d9d9d9;
    box-shadow: inset 0.5px 0.866px 2px 0px rgba(5, 1, 2, 0.25);
    padding: 9px 10px;
}


@media screen and (max-width:572px) {
/*　スマホ100％　*/
.toiawase input[type="text"],
.toiawase input[type="tel"],
.toiawase input[type="email"]{
	width:100%;
	box-sizing: border-box;
}
/*　様の分　*/
.name > input[type="text"]{
	width:47%;
	box-sizing: border-box;
}

}

.toiawase textarea{
	width:100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
    box-shadow: inset 0.5px 0.866px 2px 0px rgba(5, 1, 2, 0.25);

}


.toiawase > table.formTable td > ol{ 
	margin-bottom: 0em;
}

.toiawase > table.formTable td > ol > li{ 
	margin-left: 0em;
	margin-bottom: 8px;
}






/*================================================
 *  メールが届かない方へリンク
 ================================================*/	
.mailinfolink {
  display: inline-block;
  text-align: left;
  background-color: #fff;
  font-size: 16px;
  color: #444444;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 30px 8px 30px;
  border-radius: 4px;
  position: relative;
  font-size: 1.4rem;
  border: 1px solid #9e9e9e;
	margin-bottom: 15px;
}
@media screen and (min-width:768px) {/*PC追加指定*/
.mailinfolink {
  margin-top: 15px;
}
}

.mailinfolink:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";/* 好きなフォントアイコンを　*/
	font-weight: 900;
	margin-right: 8px;
}

.mailinfolink:hover {
  opacity: 0.8;
}