@charset "utf-8";



/* ------------------------------------------------------
    ▼移行に伴い追記（PC）
---------------------------------------------------------*/

/* td padding 調整 */
body.form .contents table td{
  padding: 10px !important;
}

/* 個別調整 */
.attention{
  margin:10px ;
}


/* ------------------------------------------------------
    ▲移行に伴い追記（PC）
---------------------------------------------------------*/



body.form {
	background:#ffd401;
	color:#666;
}



body.form #wrapper .header h2 {
	display:none;
}
body.form #wrapper {
	background:none!important;
	background-repeat:no-repeat;

	width: 612px;
	margin:0 auto 0 auto;
}
body.form #wrapper .contents {
	width:540px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	background:#FFF;
	
}

body.form h1{
	width:612px;
	height:200px;
	background:url(../img/c7ac180d-998f-4a7f-9303-e19acfab57e2/header.png) no-repeat;
	margin-bottom:10px;
}

body.form #wrapper .confirm .btn-set p {
	display:inline;
}


	
body.form #wrapper .contents form {
	margin-right: auto;
	margin-left: auto;
	width:400px;
}
.footer .link-close a {
	background-image: url(../img/c7ac180d-998f-4a7f-9303-e19acfab57e2/background.gif);
	display:block;
	text-indent:-9999px;
	padding:0px;
	height: 21px;
	width: 70px;
	margin-right: auto;
	margin-left: auto;
}
body.form #wrapper .contents .form-textarea textarea {
	height: 100px;
	width: 100%;
}

body.form #wrapper .contents form table tr .form-reserve2 #reserve2 {
	width: 50%;
}

body.form .contents .form-textbox #item01{width:90%;}

body.form .contents .form-reserve3 #reserve3{width:90%;}

body.form #wrapper .contents .form-tel #tel {
	width: 120px;
}

body.form #wrapper .contents .form-mail #mail {
	width: 200px;
}
body.form #wrapper .contents table {
	width:400px;
}

body.form #wrapper .contents table td {
	width:70%;
	padding:10px;
	border-right:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	background:#FFFFFF;
	border-bottom:1px dotted #CCCCCC;
	word-break: break-word;
}

body.form #wrapper .contents table th{
	color:#333;
	width:35%;
	padding:10px;
	background:#CCC;
	border:1px dotted #CCCCCC;
}

body.form #wrapper .contents .text1 {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	line-height:1.5em;
	text-align:left!important;
}

body.form #wrapper .contents .form-error {
	text-align: center;
	color:#F00;
	font-weight:bold;
}

body.form #wrapper .confirm table {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
body.form .complete .text-comment {
	width:100%;

}
body.form #wrapper .confirm table th{
	width:40%;
	}
	
body.form #wrapper .confirm form {
	margin-right: auto;
	margin-left: auto;
	width:400px;
}

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

body.form #wrapper {width:98%; }

.footer{background:none!important; width:100%; margin:0 auto}

body.form h1{
	width:300px;
	background:url(../img/000000012-header.png) no-repeat;
	background-size:contain;
	height:98px;
	margin:0 auto 10px auto;
}
	
body.form #wrapper .contents .text1 {
	display:none;
}

body.form #wrapper .contents .form-tel #tel {
	width:auto;
}


body.form #wrapper .contents .form-mail #mail {
	width:auto;
}

body.form #wrapper .contents {
	width:90%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	background:#FFF;
}

body.form #wrapper .contents form table {
	width:98%;
	height:auto;
	margin:0 auto;
	margin-bottom:20px
}

body.form .contents table td, body.form .contents table th {
    display: table-cell;
}

body.form #wrapper .contents form table td {
	width:60%;
	padding:10px;
}

body.form #wrapper .contents form table th{
	width:40%;
	color:#666;
	padding:10px;
	background:#CCC;
		}

body.form #wrapper .contents form {
	margin-right: auto;
	margin-left: auto;
	width:100%;
}

body.form #wrapper .contents .form-textarea textarea {
    width: 92%;
}
body.form .contents select {
    width: 70%;
}

body.form #wrapper .confirm form {
	margin-right: auto;
	margin-left: auto;
	width:80%;
}


body.form .complete .text-comment {
	width:100%;
	
}


body.form #wrapper .confirm form {
	margin-right: auto;
	margin-left: auto;
	width:80%;
}

body.form #wrapper .confirm table {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

}


.oubo_text_ttl{ text-align:center;}