@charset "UTF-8";

#main{ margin: 0 auto; max-width: 1200px;}
@media screen and (max-width: 1200px) {
	#main{ margin: 0 auto; max-width: 100%;
	}}

/*フッター*/
footer{ width: 100%; background-color: #000; color: #FFF;}
footer a{color: #FFF;}
#footer{margin: 0 auto; max-width: 1200px; margin-top: 50px;}
@media screen and (max-width: 1200px) {
	#footer{margin: 0 auto; max-width: 100%;
	}
}

/*PCヘッダー*/
@media screen and (min-width: 768px) {
	#header{margin: 0 auto; max-width: 100%;border-bottom: inset 8px #91000D;}
.header{margin: 0 auto; max-width: 1200px; padding-top: 20px;font-family: "Sawarabi Gothic";display: flex;}
.header_h1{padding-left: 15px;padding-top: 15px;}
.header_h1 span{font-size: 1.5em;}

.header_tel{padding-left: 180px;padding-top: 25px; font-size: 1.3em;}
}
/*タブ*/
.header_con {
    background-color: #9B8557;
    margin: 20px 10px 0px 30px;
    border: 1px solid #9B8557;
    border-radius: 5px 5px 0 0;letter-spacing: 0.4em;
    padding: 8px 10px 0 10px;color: #fff;font-family: "Sawarabi Mincho";
}
	.header_con a{color: #fff;}
.header_res {
    background-color: #91000D;
    margin: 20px 10px 0px 10px;
    border: 1px solid #9B8557;
    border-radius: 5px 5px 0 0;
    padding: 8px 10px 0 10px;color: #fff;font-family: "Sawarabi Mincho";
}
	.header_res a{color: #fff;}
#header_menu{margin: 0 auto; max-width: 100%;background-color: #F1EEE2;}
.header_menu{margin: 0 auto; max-width: 1200px; padding-top: 20px;font-family: "Sawarabi Mincho";display: flex;}
	nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 100%;
text-align: center;
}
nav li{
display: table-cell;
min-width: 171px;
	font-size: 1.2em;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #555;
padding-bottom: 5px;
}


/**横並びボックス3個**/
.footer_box{ width:1000px; margin:0 auto;}
.footer_box_left{ float:left; width:75%;}
.footer_box_left_l{ float:left; width:65%;}
.footer_box_left_r{ float:right;width:30%;}
.footer_box_right{ float:right;width:20%;}

@media (max-width: 650px) {
.footer_box{ width:100%; margin:0 auto;}
.footer_box_left{ float:left;width:100%;}
.footer_box_left_l{ float:left;width:96%; margin: 2%;}
.footer_box_left_r{ float:left;width:96%; margin: 2%;}
.footer_box_right{ float:left;width:96%; margin: 2%;}	
}
/*——　文字の右にライン　——*/
.footer_tit_right {display:flex; align-items:center;}
.footer_tit_right:after {margin-left:5px; border-top:1px solid #FFF; content:""; flex-grow:1;}

/*HOME*/
.h2{font-family: "Sawarabi Mincho";margin:0 auto;padding:80px 0 0 0; color:#690000;font-size: 1.8em;text-align:center;}
@media (max-width: 650px) {.h2{padding:20px 0 0 0;}}
h2{font-family: "Sawarabi Mincho";margin:0 auto;font-size: 1.0em; text-align: center;;padding:10px 0 0 0;}
.uline {
	padding-bottom: 1px;
	border-bottom: 1px solid #8D7553;
	display: inline-block;
}

.inf_box01{ margin:0 auto; width:100%;}
.inf_box01_left{float:left;width:46.9%;}
.inf_box01_right{float:right;width:53.1%;}
.inf_box01_right p{border-left:5px solid #006535;padding:14px 20px 15px 20px; }

@media (max-width: 650px) {.inf_box01_left{float:left;width:100%;}
.inf_box01_right{float:right;width:100%;}.inf_box01_right p{padding:15px; }}


.inf_box02{ margin:0 auto; width:100%;}
.inf_box02_left{float:left;width:59.7%;}
.inf_box02_right{float:right;width:40.3%;}
.inf_box02_right p{border-left:5px solid #006535;padding:23px 20px 30px 20px; }

@media (max-width: 650px) {.inf_box02_left{float:left;width:100%;}
.inf_box02_right{float:right;width:100%;}.inf_box02_right p{padding:15px; }}

/*全て見るボタン*/
.top_button a {
    background: #F3EAD7;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #690000;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	border: 1px solid #796345;
}
.top_button a:hover {
    background: #690000;
    color: #F3EAD7;
}
.top_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #690000;
    border-right: 3px solid #690000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.top_button a:hover:after {
    border-color: #F3EAD7;
}

/*予約ボタン*/
.re_button {
  background-color: #E62846;
  border: double 6px #BE0528;
  color: #fff;
  border-radius: 10px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
}
.re_button:hover {
  color: #fff;
  background-color: #BE0528;
}

/*コース枠*/
.course_box01{ margin:0 auto; width:100%;}
.course_box01_left{float:left;width:50%;}
.course_box01_right{float:right;width:50%;}

@media screen and (min-width: 768px) {.course_box01_left{padding-right:20px;}}
@media screen and (max-width: 768px) {.course_box01{width:95%;}.course_box01_left{float:left;width:100%;}
.course_box01_right{float:left;width:100%;}}

/*コース見出し*/
.course_tit {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #B07120;
color: #C30D23;
	font-size: 1.3em;
}
@media screen and (max-width: 768px) {.course_tit {font-size: 1.2em;}}

.nomiho {
	display: inline-block;
  background: #B07120;/*背景色*/
  padding: 0.2em 1.0em;/*文字まわり（上下左右）の余白*/
	text-align: center;
	color:#fff; font-weight: bold;
}