@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Lato:Thin);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.tekton{
	font-family: tekton-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.dnp{
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.vdl{
	font-family: vdl-penletter, sans-serif;
font-weight: 500;
font-style: normal;
}
.hansans{
	font-variation-settings: "wght" 350;
}

/*header*/
.header_pc{
	width:85%;
	min-width:1100px;
	height:120px;
	margin:0 auto;
	padding:0px 5%;
	background-color:#fff;
	display:flex;
	position:fixed;
	top:0;
	left:50%;
	transform:translatex(-50%);
	justify-content:space-between;
	z-index:10;
	border-radius: 0 0 70px 70px;
}
.header_logo{
	width:280px;
	object-fit:contain;
	vertical-align:top;
	height:80px;
	margin-top:20px;
}
.header_nav_pc{
	width:952px;
	display:flex;
	justify-content:right;
}
.header_nav_li{
	margin:0 0 0 30px;
	text-align:center;
}
.header_nav_link{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:10px 5px;
	font-size:18px;
	text-decoration:none;
	color:#000;
	margin-top:35px;
	text-align:center;
}
.c_g{
	background-color:#BDC997;
	padding:10px 30px;
	border-radius:10px;
}
.c_y{
	background-color:#FFDE00;
	padding:10px 30px;
	border-radius:10px;
}

.top_hl_box{
	position:relative;
	
	width:100%;
	padding:120px 0 40px;
}
.ninjin_top{
	position:absolute;
	top:20px;
	right:20px;
	width:600px;
	object-fit:cover;
	z-index:-1;
	
}
.top_hl{
	font-size:7.8vw;
	color:#49542B;
	width:95%;
	margin:0px auto 0px;
	line-height:1.2;
}
.top_hl span{
	font-size:7.8vw;
	color:#117A53;
}




.monthly-calendar caption {
  font-size: 24px;
  padding-bottom:15px;
}
.day-box.no-day {
  background-color: transparent;
}
.reservation-calendar {
  padding-top: 0!important;
}
.monthly-calendar {
  background-color: white!important;
}
.reservation-calendar h1 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #754C24;
  text-align: center;
  line-height: 2;
}
.reservation-calendar .home-news-headline p {
  text-align: center;
}
.news_wrap{
	width:80%;
	margin:0 auto;
	padding:120px 10%;
	background-color:#EDEDE2;
}
.news_hl{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	margin-bottom:60px;
}
.news_hl span{
	display:block;
	font-size:20px;
}
.news_inner{
	width:100%;
	padding:60px 30px;
	background-color:#ffffff;
}

.top_news_li{
	list-style:none;
	margin-bottom:15px;
	padding:10px 5px;
	border-bottom:1px solid #ccc;
}
.top_news_li a{
	display:flex;
}
.top_news_day{
	margin-right:30px;
	color:#000000;
}
.category_name{
	margin-right:45px;
	color:#000;
	font-size:14px;
	line-height:26px;
}
.top_news_title{
	color:#000000;
}
.top_news_title a{
	color:#000000;
}

.single_wrap{
	width:800px;
	margin:120px auto 100px;
	display:flex;
}
.single_inner{
	width:100%;
	padding-right:0px;
}
.single_inner .tag_wrap ul{
	flex-wrap:nowrap;
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	margin:0 0 15px;
}
.single_inner .tag_wrap li{
	color: #454545;
	margin:0;
	font-size:14.8px;
	width:auto;
}
.tag_wrap{
	width:100%;
}
.bread_li a{
	color: #454545;
	font-size:14.8px;
}
.bread_li span{
	display:inline-block;
	margin:-2px 10px 0 0;
	color: #454545;
	font-size:14.8px;
	padding-left:5px;
}
.bread_text{
	color: #454545;
	font-size:14.8px;
}
.blog-detail__title{
	font-size:26px;
	font-weight:bold;
	color:#000;
	letter-spacing:2px;
	line-height:1.4;
	margin-bottom:15px;
}
.blog-detail__time{
	color:#454545;
	font-size:12.8px;
	margin-bottom:15px;
}
.single_category{
	display:inline-block;
	background-color: #071627;
	color:#fff;
	font-size:12.8px;
	padding:4px 8px 2px;
	margin-bottom:30px;
}
.blog-detail__image{
	margin-bottom:40px;
}
.blog-detail__image img{
	width:100%;
	object-fit:cover;
}
.single_interview_wrap{
	display:flex;
	margin-bottom:20px;
}
.single_interview_day,.single_interview_name{
	font-size:14px;
	color:#454545;
	margin-right:30px;
}
.single_hl{
	padding: 0.25em 0.5em;
	margin-bottom:20px;
  background: transparent;
  border-left: solid 5px #7db4e6;
}
.news-img,.service-img{
	width:100%;
	object-fit:cover;
}
.service-link{
	display:block;
	width:250px;
	padding:10px 25px;
	font-size:14.5px;
	text-align:center;
	margin-bottom:25px;
	color:#454545;
	background:#fff;
	transition:0.3s;
}
.service-link:hover{
	background-color:#42647F;
	color:#fff;
	border-color:#42647F;
	transition:0.3s;
}
.single_content{
	margin-bottom:30px;
	letter-spacing:1.4px;
	line-height:1.6;
	color:#454545;
}
.single_gallery{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
}
.single_gallery li{
	width:30%;
	margin:0 0 20px;
}
.single_gallery li:nth-child(2),.single_gallery li:nth-child(5),.single_gallery li:nth-child(8){
	width:30%;
	margin:0 5%;
}
.single_gallery_img{
	width:100%;
	object-fit:cover;
}
.page_nav_wrap{
	width:100%;
	margin-top:60px;
	display:flex;
	justify-content:center;
}
.page_nav_wrap a{
	display:inline-block;
	margin:0 30px;
	padding:15px 20px;
	border:1px solid #444;
	color:#444;
	font-size:14px;
	text-align:center;
	transition:0.3s;
}
.page_nav_wrap a:hover{
	background-color:#754C24;
	color:#fff;
	border-color:#754C24;
	transition:0.3s;
}
.sidebar_content{
	width:320px;
	padding-left:30px;
	border-left:0.6px solid #ccc;
}
.sideber_headline{
	color:#111111;
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
}
.side_category_list{
	margin-bottom:40px;
}
.side_category_list article,.side_category_list li{
	margin-bottom:3px;
}
.side_category_list article a,.side_category_list li a{
	font-size:14.8px;
	transition:.3s;
}
.side_category_list article a:hover,.side_category_list li a:hover{
	color:#ccc;
}
.side_category_list li{
	margin-bottom:30px;
}
.sidber_link{
	width:100%;
}
.sidber_img{
	width:100%;
	height:250px;
	object-fit:contain;
}
.pp_box{
	margin-bottom:30px;
	text-align:right;
}
.pp_btn{
	font-size:14px;
}
.single-img{
	width:100%;
	object-fit:cover;
}

@media(max-width:800px){
	.post_wrap,.single_wrap{
		flex-direction:column;
	}
	.single_wrap{
		width:90%;
		margin:60px auto;
	}
	.post_inner,.single_inner{
		width:100%;
	}
	.single_inner{
		margin-bottom:60px;
	}
	.page_nav_wrap{
		margin-top:40px;
		flex-wrap:wrap;
	}
	.page_nav_wrap a{
		display:inline-block;
		margin:10px 0 0;
		padding:15px 10px;
		width:80%;
	}
	.post_inner li{
		width:100%;
	}.post_inner .title{
		color:#888!important;
	}
	.news_inner{
		width:calc(100% - 60px);
	}
	.top_news_li a{
		flex-wrap:wrap;
		justify-content:left;
	}
	.top_news_day{
		
	}
}