@charset "UTF-8";

/***********************************
* 大見出し	*
***********************************/
/* 中身だし --------------------*/
/* 小見出し*/

	@media (min-width: 768px) {

	}
	@media (min-width: 992px) {

	}
	@media (min-width: 576px){
	}



/***********************************
* 全ページ共通 *
***********************************/
.tel-link a{
	color:#4a4a4a;
}
.tel-link a:hover{
	text-decoration:none;
}

/*color--------------------*/
.c_red00{ color:#c91024;}
.c_red01{ color:#cc0000;}

.c_orange01{ color:#ea5534;}

.c_green01{color: #4da83d;}

.c_brown01{ color:#685236;}
.c_brown02{ color:#b39574;}
/* フォント --------------------*/
body{
	font-family: "Noto Sans Japanese", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#382628;
	font-weight: 300;
	background-color: #fff;
}
/* 英語フォント*/
@font-face {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(https://fonts.gstatic.com/s/didactgothic/v10/v8_72sD3DYMKyM0dn3LtWk3vq9dAc3DuCNWjMJNKvGE.woff) format('woff');
}
.en{
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.08em;
}

/* ドロワーメニュー --------------------*/
.contents {
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navTgl:checked ~ .contents {
	transform: translateX(250px);
}
/* toggle button */
#navTgl {
	display: none;
}
label {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
}
.open {
	z-index: 12;
	width: 48px;
	height: 48px;
	background: #5c4427;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);

	color:#fff;
	font-size: 10px;
	line-height: 75px;
	text-align: center;
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(42% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 11;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
#navTgl:checked + .open {
	background: #846b43;
	transform: translateX(250px);
}
#navTgl:checked + .open span {
	transform: scaleX(0);
}
#navTgl:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}
/* drawer menu */
.menu {
	z-index: 11;
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	width: 250px;
	height: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(255,255,255,.8);
	transform: translateX(-100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu li {
	font-size: .8em;
	line-height: 1.4;
	padding:0 0rem;
}
.menu li {
	border-bottom: 1px solid #b2ada5;
}
.menu a {
	color:#452900;
	display: block;
	background-image: url(../img/bg_header-nav.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 12px;
	padding: 0.9rem 0.5rem 0.5rem 0.9rem;
	text-decoration: none;
	transition: background .6s;
}
.menu a:before{
	content: "\f0da \00a0";
	font-family: FontAwesome;
	color:#f18c8b;
}
.menu li ul li{
	border-bottom: none;
	font-size: .9em;
}
.menu li ul li i{
	color:#f18c8b;
	font-weight: 400;
}
.menu li ul li a{
	padding: 0.4rem 0.5rem 0.4rem 0.8rem;
	background: none;
}
.menu li ul li:last-child{
	padding-bottom: 1rem;
}
.menu a:hover {
}
#navTgl:checked ~ .menu {
	transform: none;
}

@media screen and (min-width: 992px) {
	.open {
		display: none;
	}
}
@media (max-width: 991px){
	nav.nav-pc{
		display: none;
	}
}

.nav-pc li { font-size: 113% !important; }

/* header --------------------*/
header{
	border-top:solid #5c4427 3px;
	border-bottom: solid #ea5534 2px;
	margin-bottom: 1px;
	padding-bottom: 0.5rem;
}
header .header-block-01{
	padding-top: 0.8rem;
}
header .header-block-02{
	padding-top: 0.2rem;
}
header .header-block-01 h1{
	color:#79533b;
	font-weight: 400;
	font-size: 0.6rem;
	text-align: center;
	margin-bottom: 0.8rem;
}
header .header-block-01 .logo{
	text-align: center;
}
header .header-block-01 .logo img{
	width: 80%;
	max-width: 275px;
}

header .header-block-02 .tel{
	text-align: center;
	margin-bottom: 10px;
}
header .header-block-02 .tel img{
	width: 95%;
	max-width: 323px;
}
header .header-block-02 .web{
	padding-left: 1rem;
}
header .header-block-02 .web img{
	width: 100%;
	max-width: 77px;
}

	@media (min-width: 768px){
		header{
			padding-bottom: 0.8rem;
		}
		header .header-block-01{
			padding-top: 0.6rem;
		}
		header .header-block-02{
			padding-top: 1rem;
		}
		header .header-block-01 .logo{
			text-align: left;
		}
		header .header-block-01 .logo img{
			width: 98%;
		}
		header .header-block-01 h1{
			white-space: nowrap;
			text-align: left;
		}
		header .header-block-01 .tel{
			text-align: right;
			margin-bottom: 40px;
		}
		header .header-block-02 .tel{
			text-align: right;
			padding-top: 30px;
			margin-bottom: 40px;
		}
	}
	@media (min-width: 992px){
		header{
			padding-bottom: 1.6rem;
		}
		header .header-block-01{
			padding-top: 2.0rem;
		}
		header .header-block-02{
			padding-top: 0.8rem;
		}
		header .header-block-01 h1{
			font-size: 0.7rem;
			white-space: nowrap;
			margin-bottom: 1.3rem;
		}
		header .header-block-01 .logo img{
			width: auto;
		}
		
		header .header-block-02 .tel{
			text-align: right;
			padding-top: 30px;
			margin-bottom: 40px;
		}
		
		header .header-block-02 .web {
			text-align: right;
			padding-left: 0rem;
			padding-bottom: 1rem;
		}
		nav ul{
			text-align:right;
			margin: 0;
			padding: 0;
		}
		nav ul li{
			display:inline;
			background-image: url(../img/bg_nav.jpg);
			background-repeat: no-repeat;
			background-position: right;
			font-size: 0.8rem;
		}
		nav ul li:last-child{
			background: none;
		}
		nav ul li a{
			padding: 0.5rem 0.7rem;
			color:#382628;
		}
		nav ul li a:hover{
			color:#82676a;
			text-decoration: none;
		}
	}
	@media (min-width: 1200px){
		nav ul li a{
			padding: 0.5rem 0.9rem;
		}
	}


/* footer --------------------*/
footer{
	padding-bottom: 40px;
}
.footer-block{
	background-color: #fffdd2;
	/*background-color: #dbcda6;*/
	margin-bottom: 1px;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.footer-copy-block{
	border-top: solid #5c4427 3px;
	height: 35px;
}

.footer-block p,
.footer-block tr th,
.footer-block tr td{
	font-size:0.75rem;
	font-weight: 400;
}
.footer-copy-block p{
	text-align: center;
	color:#382628;
	font-size: 0.6rem;
	line-height: 35px;
	margin-bottom: 0;
}
.footer-logo{
	text-align: center;
	margin-bottom: 1rem;
}
.footer-logo img{
	width: 80%;
	max-width: 275px;
}
.g-map{
	position: relative;
	padding-bottom: 80%;
	height: 0;
	overflow: hidden;
}
.g-map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.access-txt{
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5rem;
}

.time-block table{
	width: 100%;
	border-top: solid #e0958b 1px;
	border-left: solid #e0958b 1px;
	margin-bottom: 0.5rem;
	color: #261b13;
}
.time-block table tr th,
.time-block table tr td{
	text-align: center;
	border-bottom: solid #e0958b 1px;
	border-right: solid #e0958b 1px;
}
.time-block table tr th{
	background-color: #f3b0a7;
	padding: 0.2rem 0;
}
.time-block table tr td{
	background-color: #fff;
	color:#f3b0a7;
	padding: 0.3rem 0.2rem;
}
.time-block table tr td.time{
	color:#382628;
}
.footer-block p.time-notice{
	padding: 0 1rem;
}
.footer-block p.btn-mail,
.footer-block p.btn-web{
	text-align: center;
	margin-bottom: 0.5rem;
}
.footer-block p.btn-mail a,
.footer-block p.btn-web a{
	color:#fff;
	display: inline-block;
	padding: 0.3rem 1rem;
}
.footer-block p.btn-mail a:hover,
.footer-block p.btn-web a:hover{
	text-decoration: none;
	color:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.footer-block p.btn-mail a{
	background-color: #174b35;
}
.footer-block p.btn-web a{
	background-color: #9d8969;
}
	@media (min-width: 768px){
		.footer-block{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		.footer-logo{
			margin-bottom: 1.5rem;
		}
		.footer-logo img{
			width: 260px;
		}
		.access-block,
		.time-block{
			width: 95%;
			margin-left: auto;
			margin-right: auto;
		}
		.access-block{
			margin-left: 0;
		}
		.footer-block .access-txt p span{
			font-size: 85%;
		}
		.time-block{
			margin-right: 0;
		}
		.g-map{
			padding-bottom: 50%;
		}
	}
	@media (min-width: 992px){
		.footer-block{
			padding-top: 3.6rem;
			padding-bottom: 3.6rem;
		}
		.footer-block p,
		.footer-block tr th,
		.footer-block tr td{
			font-size: 0.88rem;
		}
		.footer-copy-block p{
			font-size: 0.75rem;
		}
		.footer-logo{
			margin-bottom: 3rem;
		}
		.footer-logo img{
			width: auto;
		}
		.access-block,
		.time-block{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		.footer-block p.time-notice{
			margin-bottom: 1.5rem;
		}
		.footer-block p.btn-mail,
		.footer-block p.btn-web{
			margin-bottom: 0.8rem;
		}
	}
	@media (min-width: 1110px){
		footer{
			padding-bottom:0;
		}
	}
/* pagetop --------------------*/
#pagetop {
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:none;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 40px;
	 line-height: 40px;
	 background: rgba(234,85,52,0.8);
	 color: #fff;
	 text-decoration: none;
	 text-align: center;
	 font-weight: bold;
}
#pagetop i{ padding-right:3px;}
#pagetop:hover{
	 background: rgba(234,85,52,1);
}

	@media (min-width: 1110px) {
		#pagetop {
			bottom: 50px;
			right: 50px;
			width: 100px;
			height: 100px;
			line-height: 100px;
			border-radius: 100px;
		}
	}

/***********************************
* 中ページ共通 *
***********************************/
/* ページタイトル--------------------*/
/*メモ：写真の指定は各ページスタイルシート内に記載*/
#icatch-block{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 2rem;
}
#icatch-block h2{
	font-family: 'Noto Serif JP', serif;
	color:#fff;
	text-shadow: 1px 1px 3px #1e1e1e;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 2rem 0;
	font-size: 1.2rem;
}
	@media (min-width: 576px){
		#icatch-block{
			margin-bottom: 3rem;
		}
		#icatch-block h2{
			padding: 3rem 0;
			font-size: 1.8rem;
		}
	}
	@media (min-width: 768px){
		#icatch-block{
			margin-bottom: 3rem;
		}
		#icatch-block h2{
			padding: 3rem 0.8rem;
		}
	}
	@media (min-width: 992px) {
		#icatch-block{
			margin-bottom: 4rem;
		}
		#icatch-block h2{
			padding: 4rem 0.8rem;
			font-size: 2.1rem;
			letter-spacing: 0.2em;
		}
	}

/* contents-block：中ページの中身--------------------*/
#contents-block p,
#contents-block ul li{
	font-size: 0.75rem;
}
#contents-block ul{
	margin: 0;
	padding: 0;
}
	@media (min-width: 992px) {
		#contents-block p,
		#contents-block ul li{
			font-size: 0.88rem;
		}
	}

/* section:article-*/
.article{
	margin-bottom: 2rem;
}

/*.article h3{
  /*padding: .5em .75em;
  background-color: #eeddcb;
  border-bottom: 1px solid #b39574;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  font-size: 1rem;
  /*padding: .5em .75em;
  background-color: #bc9f84;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
/*}*/

.article h3{
font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  font-size: 1rem;
  position: relative;
  padding: .3em;
  background-color: #dfcdba;
	margin-bottom: 2rem;
}
.article h3 span {
  display: block;
  padding: .55em 1em;
  border: 1px dashed #b39574;
}
.article h3::before,
.article h3::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
}
.article h3::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #bea891;
}


/*
.article h3{
	font-family: 'Noto Serif JP', serif;
	line-height: 1.8;
	border-bottom: solid 2px #9d8969;
	position: relative;
	color:#006400;
	font-size: 1rem;
}
.article h3:before{
	content: "\f24d";
	color:#9d8969;
	letter-spacing: 0.2em;
	font-family: FontAwesome;
	position: relative;
  top: 1px;
}
.article h3:after{
	position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #338333;
  bottom: -2px;
  width: 30%;
}*/
	@media (min-width: 576px){
		.article{
			margin-bottom: 3rem;
		}
		.article h3{
			font-size: 1.2rem;
			margin-bottom: 1rem;
		}
	}
	@media (min-width: 992px){
		.article{
			margin-bottom: 4rem;
		}
		.article h3{
			font-size: 1.4rem;
			margin-bottom: 1.2rem;
		}
	}


.box01{
	padding: 20px 15px 10px 15px;
	background-color: #fadcd2;
}

/*list--------------------*/

/*------------ 3並び--------------*/
.piclist01 ul{
	margin:0px;
	padding:0px;
}
.piclist01 ul li{
	list-style:none;
	display:block;
	float:left;
	list-style-type:none;
	width:10%;
	padding:0px;
	margin:0px;
}
.piclist01 li:nth-child(3n-1) {
margin:0 1.7%;
}
.piclist01 ul li img{
	width:100%;
	margin:0px;
	padding:0px;
}
@media(max-width:550px){
	.piclist01 ul li{
	width:15%;
	}
	.piclist01 li:nth-child(odd){
		margin:0 2% 0 0;
		}
}