@charset "utf-8";
/* CSS Document */



/*ここから メイン
-------------------------*/
/*--------pc--------*/
@media screen and (min-width: 601px){
	/********** pagettl **********/
	#pagettl .inner {
		background-image: url(img/pagettl_image.jpg);
	}


	/********** main **********/
	/*** section01 ***/
	#main #section01 .lead {
		text-align: center;
		margin-bottom: 30px;
	}
	#main .telno {
		font-weight:bold;
		font-size:20px;
		color:#805022;
	}
	#main .must {
		color:#91b726;
	}
	#main .notice {
		margin-bottom:20px;
		padding:10px 20px;
		border:1px solid #ece2d6;
		background-color:#f0ead4;
	}
	#main .btn_area {
		text-align:center;
		margin-bottom: 15px;
	}
	#main .btn_area .btn_send {
		height:40px;
		width:100px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#main .note {
		margin:5px 0 0;
		font-size:12px;
	}





	#main .item .txt-red{
		color: #EB6E42 !important;
		font-weight: bold;
		font-size: 18px;
	}
	.txt-orange{
		color: #f1814a;
	}
	.liner{
		background: linear-gradient(transparent 60%, #caedf4 60%);
	}
	.align-center{
		text-align: center;
	}
	#mfp_hidden{
		display: none;
	}
	div#mfp_loading {
		display: none;
	}
	div#mfp_loading_screen {
		display: none;
	}
	div#mfp_overlay_background {
		display: none;
	}
	div#mfp_overlay {
		display: none;
	}


	/*ここから メイン
	-------------------------*/
	/*--------pc--------*/
	h2 {
		text-align: left;
	}
	p .big{
		font-size: 20px;
		vertical-align: baseline;
	}


	/*ここから メールフォーム
	-------------------------*/
	form#mailformpro {
		padding: 0!important;
	}
	/*入力欄*/
	form#mailformpro dl.mailform{
		margin-bottom: 40px;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #f4f0ec;
		width: 100%;
	}
	/*質問箇所（左エリア）*/
	form#mailformpro dl.mailform dt.mfp{
		padding: 15px 10px;
		clear: left;
		float: left;
		width: 150px;
		display: block;
		color: #373737;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		vertical-align: middle;
		border-top: 1px solid #ccc;
		background: #f4f0ec;
		box-sizing: border-box;
	}
	/*左エリアの必須項目*/
	form#mailformpro dl.mailform dt.mfp .must {
	/*
		display: block;
		background-color: #ff9966;
		border: solid 2px #EE7700;
		text-shadow: 0px 1px 2px #933;
		padding: 2px 5px;
		font-size: 10px;
		color: #FFF;
		float: left;
		margin: 0px 5px;
		border-radius: 4px;
	*/
	}
	form#mailformpro dl.mailform dt.mfp .small{
		font-size: 12px;
		color: #525252;
		display: block;
		line-height: 1.5;
	}

	/*入力箇所（右エリア）*/
	form#mailformpro dl.mailform dd.mfp{
		padding: 15px 10px;
		margin-left: 150px;
		display: block;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
	}
	form#mailformpro dl.mailform dd.mfp .small{
		font-size: 12px;
		color: #373737;
	}
	/*名前入力ボックス*/
	form#mailformpro dl.mailform dd.mfp .label-box{
		display: inline-block;
	}
	form#mailformpro dl.mailform dd.mfp .left-label{
		float: left;
		margin-right: 30px;
	}

	form#mailformpro dl.mailform dd.mfp ul.radio-list{
	}
	form#mailformpro dl.mailform dd.mfp ul.radio-list li{
		float: left;
		margin-right: 20px;
	}
	/*チェックボックス*/
	form#mailformpro dl.mailform dd.mfp ol.check-list{

	}
	form#mailformpro dl.mailform dd.mfp ol.check-list li{
		float: left;
		width: calc(100%/2);
		margin-bottom: 5px;
		padding-left: 22px;
		text-indent: -22px;
		box-sizing: border-box;
	}

	/*入力ボックス*/
	form#mailformpro dl.mailform dd.mfp input {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
		padding: 3px 8px;
		margin: 2px;
		vertical-align: middle;
	}

	form#mailformpro dl.mailform dd.mfp label{
		display: block;
	}
	/*エラーメッセージ*/
	form#mailformpro dl.mailform dd.mfp .mfp_err{
		clear: both;
		display: none;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 17px;
		color: #F00;
		font-size: 12px;
		line-height: 1.5em !important;
		background-image: url(img/mfp_error.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
	}
	/*テキストエリア*/
	form#mailformpro dl.mailform textarea {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
		padding: 3px 8px;
		line-height: 1.5;
		width: 440px!important;
		height: 145px!important;
	}

	/*ご予約希望日時*/
	form#mailformpro dl.mailform dd.mfp .rsvchoice{
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice .date{
		float: left;
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice select {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice .time {
		float: left;
		margin-left: 30px;
	}

	/*送信ボタン*/
	form#mailformpro .mfp_buttons {
		text-align: center;
		margin-bottom: 10px;
	}
	form#mailformpro .mfp_buttons dt.mfp{
		font-weight: bold;
		font-size: 16px;
		color: #804f1b;
		margin-bottom: 10px;
	}
	form#mailformpro .mfp_buttons button {
		font-size: 16px;
		font-weight: bold;
		padding: 4px 15px;
	}
	form#mailformpro .mfp_buttons button:hover{
		opacity: 0.7;
	}
	form#mailformpro .mfp_buttons button:first-child{
		margin-right: 20px;
	}


	/*ここから 確認画面
	-------------------------*/
	#mfp_phase_confirm{

	}
	#mfp_phase_confirm h4{
	}
	#mfp_phase_confirm #mfp_confirm_table{
		border-bottom: 1px solid #ccc;
		margin: 0 auto 40px;
		width: 100%;
	}
	#mfp_phase_confirm #mfp_confirm_table tr{
	/*		border-top: 1px solid #ccc;*/
	}
	#mfp_phase_confirm #mfp_confirm_table th{
		padding: 15px 10px;
		width: 150px;
		color: #373737;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		vertical-align: middle;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		background: #f4f0ec;
		box-sizing: border-box;
	}
	#mfp_phase_confirm #mfp_confirm_table td{
		padding: 15px 10px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
	}
	/*送信ボタン*/
	#mfp_phase_confirm {
		text-align: center;
	}
	#mfp_phase_confirm .mfp_buttons dt.mfp{
	/*		color: #01a8c7;*/
	}
	#mfp_phase_confirm .mfp_buttons button {
		font-size: 16px;
		font-weight: bold;
		padding: 4px 15px;
	}
	#mfp_phase_confirm .mfp_buttons button:hover{
		opacity: 0.7;
	}
	#mfp_phase_confirm .mfp_buttons button:first-child{
		margin-right: 20px;
	}
}












/*--------sp--------*/
@media screen and (max-width: 600px){
	
	body,all{
    width: 100%;
		overflow-x: hidden;
	}
	#header,#gnav,#footer{
		display: none;
	}
	#wrap.widthfix{
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
	}
	#main.widthfix{
    width: 100%;
    box-sizing: border-box;
	}
	#main h3 {
		font-size: 22px;
		border-radius: 5px 5px 0 0/5px 5px 0 0;
	}
	#main h4{
    font-size: 18px;
	}
	#main .section .box{
    padding: 20px 3%;
	}
	/********** pagettl **********/
	#pagettl .inner {
		background-image: url(img/pagettl_image.jpg);
	}


	/********** main **********/
	/*** section01 ***/
	#main #section01 .lead {
		text-align: center;
		margin-bottom: 30px;
	}
	#main .telno {
		font-weight:bold;
		font-size:20px;
		color:#805022;
	}
	#main .must {
		color:#91b726;
	}
	#main .notice {
		margin-bottom:20px;
		padding:10px 20px;
		border:1px solid #ece2d6;
		background-color:#f0ead4;
	}
	#main .btn_area {
		text-align:center;
		margin-bottom: 15px;
	}
	#main .btn_area .btn_send {
		height:40px;
		width:100px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#main .note {
		margin:5px 0 0;
		font-size:12px;
	}





	#main .item .txt-red{
		color: #EB6E42 !important;
		font-weight: bold;
		font-size: 18px;
	}
	.txt-orange{
		color: #f1814a;
	}
	.liner{
		background: linear-gradient(transparent 60%, #caedf4 60%);
	}
	.align-center{
		text-align: center;
	}
	#mfp_hidden{
		display: none;
	}
	div#mfp_loading {
		display: none;
	}
	div#mfp_loading_screen {
		display: none;
	}
	div#mfp_overlay_background {
		display: none;
	}
	div#mfp_overlay {
		display: none;
	}


	/*ここから メイン
	-------------------------*/
	/*--------pc--------*/
	h2 {
		text-align: left;
	}
	p .big{
		font-size: 20px;
		vertical-align: baseline;
	}


	/*ここから メールフォーム
	-------------------------*/
	form#mailformpro {
		padding: 0!important;
	}
	/*入力欄*/
	form#mailformpro dl.mailform{
		margin-bottom: 40px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #f4f0ec;
		width: 100%;
	}
	/*質問箇所（左エリア）*/
	form#mailformpro dl.mailform dt.mfp{
		padding: 15px 10px;
		display: block;
		color: #373737;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		vertical-align: middle;
		border-top: 1px solid #ccc;
		background: #f4f0ec;
		box-sizing: border-box;
	}
	/*左エリアの必須項目*/
	form#mailformpro dl.mailform dt.mfp .must {
	/*
		display: block;
		background-color: #ff9966;
		border: solid 2px #EE7700;
		text-shadow: 0px 1px 2px #933;
		padding: 2px 5px;
		font-size: 10px;
		color: #FFF;
		float: left;
		margin: 0px 5px;
		border-radius: 4px;
	*/
	}
	form#mailformpro dl.mailform dt.mfp .small{
		font-size: 12px;
		color: #525252;
		display: block;
		line-height: 1.5;
	}

	/*入力箇所（右エリア）*/
	form#mailformpro dl.mailform dd.mfp{
		padding: 15px 10px;
		display: block;
		border-top: 1px solid #ccc;
		background: #fff;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
	}
	form#mailformpro dl.mailform dd.mfp .small{
		font-size: 12px;
		color: #373737;
	}
	/*名前入力ボックス*/
	form#mailformpro dl.mailform dd.mfp .label-box{
		display: inline-block;
	}
	form#mailformpro dl.mailform dd.mfp .left-label{
		float: left;
		margin-right: 30px;
	}

	form#mailformpro dl.mailform dd.mfp ul.radio-list{
	}
	form#mailformpro dl.mailform dd.mfp ul.radio-list li{
		float: left;
		margin-right: 20px;
	}
	/*チェックボックス*/
	form#mailformpro dl.mailform dd.mfp ol.check-list{

	}
	form#mailformpro dl.mailform dd.mfp ol.check-list li{
		float: left;
		width: calc(100%/2);
		margin-bottom: 5px;
		padding-left: 22px;
		text-indent: -22px;
		box-sizing: border-box;
	}

	/*入力ボックス*/
	form#mailformpro dl.mailform dd.mfp input {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
		padding: 3px 8px;
		margin: 2px;
		vertical-align: middle;
	}

	form#mailformpro dl.mailform dd.mfp label{
		display: block;
	}
	/*エラーメッセージ*/
	form#mailformpro dl.mailform dd.mfp .mfp_err{
		clear: both;
		display: none;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 17px;
		color: #F00;
		font-size: 12px;
		line-height: 1.5em !important;
		background-image: url(img/mfp_error.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
	}
	/*テキストエリア*/
	form#mailformpro dl.mailform textarea {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
		padding: 3px 8px;
		line-height: 1.5;
		width: 100%!important;
		height: 145px!important;
		box-sizing: border-box;
	}

	/*ご予約希望日時*/
	form#mailformpro dl.mailform dd.mfp .rsvchoice{
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice .date{
		float: left;
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice select {
		border: solid 1px #CCC;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #CCC inset;
	}
	form#mailformpro dl.mailform dd.mfp .rsvchoice .time {
		float: left;
		margin-left: 30px;
	}

	/*送信ボタン*/
	form#mailformpro .mfp_buttons {
		text-align: center;
		margin-bottom: 10px;
	}
	form#mailformpro .mfp_buttons dt.mfp{
		font-weight: bold;
		font-size: 16px;
		color: #804f1b;
		margin-bottom: 10px;
	}
	form#mailformpro .mfp_buttons button {
		font-size: 16px;
		font-weight: bold;
		padding: 4px 15px;
	}
	form#mailformpro .mfp_buttons button:hover{
		opacity: 0.7;
	}
	form#mailformpro .mfp_buttons button:first-child{
		margin-right: 20px;
	}


	/*ここから 確認画面
	-------------------------*/
	#mfp_phase_confirm{

	}
	#mfp_phase_confirm h4{
	}
	#mfp_phase_confirm #mfp_confirm_table{
		border-bottom: 1px solid #ccc;
		margin: 0 auto 40px;
		width: 100%;
	}
	#mfp_phase_confirm #mfp_confirm_table tr{
	/*		border-top: 1px solid #ccc;*/
	}
	#mfp_phase_confirm #mfp_confirm_table th{
		padding: 15px 10px;
		width: 150px;
		color: #373737;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		vertical-align: middle;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		background: #f4f0ec;
		box-sizing: border-box;
	}
	#mfp_phase_confirm #mfp_confirm_table td{
		padding: 15px 10px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
	}
	/*送信ボタン*/
	#mfp_phase_confirm {
		text-align: center;
	}
	#mfp_phase_confirm .mfp_buttons dt.mfp{
	/*		color: #01a8c7;*/
	}
	#mfp_phase_confirm .mfp_buttons button {
		font-size: 16px;
		font-weight: bold;
		padding: 4px 15px;
	}
	#mfp_phase_confirm .mfp_buttons button:hover{
		opacity: 0.7;
	}
	#mfp_phase_confirm .mfp_buttons button:first-child{
		margin-right: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}