@charset "UTF-8";

/************************************

reset

*************************************/
html, body {
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 14px;
  line-height:1.8;
}

h1, h2, h3, h4, h5, h6, address, img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-style: normal;
  font-weight: normal;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  margin: 0px;
  padding: 0px;
  border: 0px;
  list-style-type: none;
}

table, caption, th, td {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-style: normal;
  font-weight: normal;
}

hr {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

iframe {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

form, fieldset, input, button, select, optgroup, option, textarea,
label, legend {
  margin: 0px;
  padding: 0px;
}

span, em, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-style: inherit;
  font-weight: inherit;
}

strong {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

pre {
  margin: 0px;
  padding: 0px;
  clear: both;
}

* {
  font-family: "メイリオ", Meiryo, Arial, Verdana, sans-serif;
}

textarea, input, select {
  font-family: "メイリオ", Meiryo, sans-serif;
}
@media all and (-ms-high-contrast: none) {
  * {
    font-family: "メイリオ",Meiryo,sans-serif;
  }
}

img {
  vertical-align: bottom;
}

/*
------------------------------------------------
Style_Formatting＿HTML5
------------------------------------------------
*/
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
  margin: 0px;
  padding: 0px;
}

/*
------------------------------------------------
CSS Model
------------------------------------------------
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*-----------------------------------------------

layout

-----------------------------------------------*/

body#yoyaku_syukuhaku{background-color:#EEFFF7;}
body#yoyaku_higaeri{background-color:#FFFFE1;}
body#sougei{background-color:#E6F2FF;}
body#thanks{background-color:#fff;}

.wrapper{
	display: block;
	width: 600px;
	margin:20px auto;
}
.formtext{
	background-color:#ffe1a3;
	text-align: center;
	color:#fff;
	padding:20px;
}
body#yoyaku_syukuhaku .formtext{background-color:#669933;}
body#yoyaku_higaeri .formtext{background-color:#DC7729;}
body#sougei .formtext{background-color:#003399;}

body#thanks .formtext, 
body#thanks .formtext a{color:#000;}

.formtext h1{
	font-size:20px;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.formtext p{
	font-size:13px;
}

.formbox small{
	line-height: 1.5;
}
.formbox form#mailformpro{
	padding:0;
}
table.form_layout{
	border-collapse: collapse;
	width: 100%;
}
table.form_layout tr th, 
table.form_layout tr td{
	border:1px solid #999999;
	font-size:13px;
	padding:7px 5px;
	text-align: left;
}
table.form_layout tr th{
	width: 150px;
	background-color:#D2EEB7;
}

body#yoyaku_syukuhaku table.form_layout tr th{background-color:#D2EEB7;}
body#yoyaku_higaeri table.form_layout tr th{background-color:#E7EA9A;}
body#sougei table.form_layout tr th{background-color:#BFDDF4;}

table.form_layout tr th b{
	font-weight: normal;
}
table.form_layout tr th b.must::after{
	content:"※";
	color:red;
}

.formbox #mailformpro input, 
.formbox #mailformpro textarea{
	width: 400px !important;
}
.formbox #mailformpro textarea{
	min-width: 400px;
	min-height: 100px;
}
.formbox #mailformpro input.half{
	width: 200px !important;
}
.formbox #mailformpro input.middle{
	width: 100px !important;
}

.formbox #mailformpro .syukuhaku input{
	width: 60px !important;
}
.formbox #mailformpro .checkbox input,
.formbox #mailformpro .radio input{
	width: auto !important;
}
.formbox #mailformpro .mfp_buttons{
	background-color:#D2EEB7;
	border:#999 solid 1px;
	border-top: none;
} 

body#yoyaku_syukuhaku .formbox #mailformpro .mfp_buttons{background-color:#D2EEB7;}
body#yoyaku_higaeri .formbox #mailformpro .mfp_buttons{background-color:#E7EA9A;}
body#sougei .formbox #mailformpro .mfp_buttons{background-color:#BFDDF4;}

.formbox #mailformpro .mfp_buttons button{
	padding:0.3em 0.8em;
}
.formbox .blue{
	color:blue;
}

.formbox .address span{
	display: block;
	margin-top: 0.4em;
}
/*****************************************
鼓松 宿泊予約
*****************************************/
.child_course{
	display: block;
	width: 90%;
	margin:20px auto;
}
.child_course dl{
	display: flex;
	align-items: stretch;
	border: #999 solid 1px;
	border-bottom:none;
}
.child_course dl:last-child{
	border-bottom: #999 solid 1px;
}
.child_course dt{
	display: flex;
	align-items: center;
	width: 10%;
	background-color:#D2EEB7;
	text-align: center;
}
.child_course dt b{
	display: block;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
.child_course dd{
	display:block;
	width: 90%;
	padding:3px 10px;
}


.child_course_people{
	display: block;
	width: 90%;
	margin:20px auto;
}
.child_course_people dl{
	display: flex;
	border: #999 solid 1px;
	border-bottom:none;
}
.child_course_people dl:last-child{
	border-bottom: #999 solid 1px;
}
.child_course_people dt{
	display: flex;
	align-items: center;
	width: 120px;
	border-right: #999 solid 1px;
	text-align: center;
}
.child_course_people dt b{
	display: block;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
.child_course_people dd{
	display:block;
	padding:3px 10px;
}
/*****************************************
thanks
*****************************************/
#thanks .formtext{
	margin-top: 30vh;
}
#thanks .formtext a{
	display:table;
	color:#fff;
	margin:0.5em auto 0;
	text-decoration: underline;
}