@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 */
/**




/**
 * reservation.html
 */


#formFlow {
	width:800px; 
	text-align: center;
	margin:0 auto 40px;
}
#formFlow img {
	width: 100%; 
	height: auto;
}
#formSec {
	width:960px;
	text-align:center; 
	margin: auto;
	padding: 0 0 25px; 
}
#formSec h2 {
	text-align:left; 
	border: none !important;
	margin:0 0 10px; 
	padding:0; 
	font-size:20px;
	font-weight:bold;
}
#formSec p {
	text-align:left; 
}

#formTable {
	border-collapse: collapse;
	width: 960px;
	text-align: center;
	margin: 0 auto 150px;
	border-top: 10px #006858 solid; 
}
#formTable tr:nth-child(odd) {
	background:#fff;
}
#formTable tr:nth-child(even) {
	background:#f2f2f2;
}
#formTable th {
	border-right: 1px #dcdcdc solid; 
	padding: 15px 10px;
	font-size: 14px; 
	font-weight: normal;
}
#formTable td {
	padding: 15px 10px;
	font-size: 14px; 
}
.formTd_01 {
	width: 190px;
	border-right: 1px #dcdcdc solid; 
	text-align: left; 
	padding-left: 30px !important;
}
.formTd_02 {
	width:80px;
	border-right: 1px #dcdcdc solid; 
	text-align:right;
	padding-right: 60px !important;
}
.formTd_03 {
	width:125px;
	border-right: 1px #dcdcdc solid; 
	text-align:left;
	padding-left:55px !important;
}
.formTd_03 span {
	padding-left: 35px;
}
.sTts01:before {
	content: url(../../common/imgs/icon_circle.png);
	margin: 0 5px 0 0;

}
.sTts02:before {
	content: url(../../common/imgs/icon_tri.png);
	margin: 0 5px 0 0;
}
.sTts03:before {
	content: url(../../common/imgs/icon_cross.png);
	margin: 0 6px 0 0;
}


.formTd_04 {
	width:174px; 
	text-align:center;
	margin: auto;
}
.formTd_04 a {
	display: block;
	width: 140px;
	height: 30px; 
	line-height:30px; 
	background:#999;
	border-radius: 5px;
	text-align:center;
	margin: auto;
	font-size: 13px; 
	color: #fff;
	text-decoration: none;
}
.formTd_04 a:before {
	content: url(../common/imgs/icon_tri03.png);
	position: relative;
	top:2px;
	margin:0 12px 0 0;
}
.formTd_04 a:hover {
	background: #bbb; 
	transition: 0.2s ease-in-out; 
}

@media only screen and (max-width: 960px){

}

@media only screen and (max-width: 640px){
.dPc { display:none; }
.dMb { display:block; }

#formFlow {
	width:auto; 
}
#formFlow img {
	width: 95%; 
	height: auto;
	margin: 0 auto;
}
#formSec {
	width:auto;
}
#formSec h2 {
	padding: 0 10px;
}
#formSec p {
	padding: 0 10px;
}

#formTable {
	width: 100%;
	margin: 0 auto 50px;
}
#formTable th {
	display: block;
	width: auto; 
	text-align: left; 
	padding: 15px 10px 10px; 
}
#formTable td {
	display: block;
	width: auto; 
	padding: 5px 10px; 
}
.formTd_01 {
	width: 100%;
	border-right: none; 
	text-align: left; 
	padding-left: 10px !important;
}
.formTd_02 {
	width: 100%;
	border-right: none; 
	text-align: left;
	padding-right: 0 !important;
}
.formTd_03 {
	width: 100%;
	border-right: none; 
	text-align: left;
	padding-left:10px !important;
}
.formTd_03 span {
	padding-left: 5px;
}

.formTd_04 {
	width: 100%;
	border-right: none; 
	text-align: center;
	margin: auto;
	padding: 10px 10px 15px !important; 
}
.formTd_04 a {
	width: auto;
	min-width: 300px;
	height: 40px; 
	line-height: 40px; 
	font-size: 14px; 
}
}

.newsArea{
	width: 800px;
	margin: auto;
    padding: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom:20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    color: red;
    /*background-color: #f1f1f1;*/
}

@media only screen and (max-width: 768px){

.newsArea{
	width: auto;
	margin-bottom: 20px;
    padding: 0 15px;
    border: none;
    /*background-color: #f1f1f1;*/
}
}


/**
 * 電話するボタン
 */

.formTd_04 .telbtn_sp{
	display: none;
}
@media only screen and (max-width: 640px){
	.formTd_04 .telbtn_sp{
		display: block;
	}
	.formTd_04 .telbtn_pc{
		display: none;
	}

}