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

img[src$=".svg"] {
    width: 100%;
}
/*===============================================
●style 画面の横幅が769px以上
===============================================*/
@media screen and (min-width:961px) {
#wrapper { margin:0 auto; padding:0; width:100%; }

#header-wrap { margin:0 auto; padding:32px 0; width: 80%; }
#header p { line-height:2em; color:#fff; }
.logo_index { float:right; }
.logo_index img { margin-bottom:16px; }

#header  {
  width: 100%;
  height: 80px;
  background: #b1a271; font-family: 'Roboto Condensed', sans-serif;
}
#menu { width: 960px; margin:0 auto; padding:0; }
#menu-li {
  list-style-type: none;
  margin: 0px auto 0px;
  padding: 0;
}
#menu-li li {
  float: left;
  margin: 0;
  padding: 16px 0;
  padding-right:56px;
  text-align: center;
}
#menu-li li a {
  display: block;
  width : 100%;
  padding: 13px 0;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-li li a:hover {
  border-bottom:solid 1px #000;
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
.slicknav_menu { display:none; }
.tel { float:right; padding:8px 0; font-size:200%; line-height:1em; text-align: left; }
.tel span { font-size:14px; }
/*****/

#main { margin:0 auto; padding:0; }
.main-box { margin:0 auto; padding:40px 0; width: 960px; }
.box420 { margin:0 auto; padding:40px 0; width:420px; }
.f_left { float:left; margin-right:40px; }
.f_right { float:right; }
.point { margin:32px auto; padding:0; width:560px; margin-top:64px; text-align:left; }
.point img { margin-bottom:16px; }
.point2 { margin:0 auto; padding:0; width:832px; text-align:left; }
.point2 img { margin-bottom:16px; }
.point_left { float:left; width:384px; }
.point_right { float:right; width:384px; }

.h_left50 { width:460px; float:left; }
.h_left50 p { margin-top:8px; }
.h_right50 { width:460px; float:right; }
.h_right50 p { margin-top:8px; }

.m_left { width:420px; float:left; border-right:solid 1px #000; padding-right:60px; }
.m_left span { font-size:80%; }
.m_right { width:420px; float:right; }
table.c_menu{ width:100%; margin:0; padding:0; border-collapse:collapse; }
.c_menu th{ font-family: 'Roboto Condensed', sans-serif; line-height:1.3em; }
.c_menu td{ padding:8px 0; font-size:16px; line-height:1.3em; font-family: 'Roboto Condensed', sans-serif; }
.c_menu td.price{ text-align:right; }
.c_menu th span { font-size:75%; }
.c_menu td span { font-size:75%; }
.c_menu td.height320 { height:480px; }
.backc0dcc9 { margin:24px auto; padding:0; background-color:#c0dcc9; width:100%; }

#footer { margin:0 auto; padding:8px 0; font-size:80%; background-color:#533e31; color:#fff; text-align:center; }

}

/*===============================================
●tablet 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 961px){
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
#wrapper { margin:0 auto; padding:0; width:100%; overflow:hidden; }
#header-wrap { margin:0 auto; padding:32px 0; width: 80%; }
#header p { line-height:2em; color:#fff; }
.logo_index { float:right; }
.logo_index img { margin-bottom:16px; }

#header  {
  width: 100%; height: 40px; font-family: 'Roboto Condensed', sans-serif;
}
#menu { margin:0 auto; padding:0; }
#menu-wrap {}
#menu-li  { display:none; }
.js .slicknav_menu { display:block; }
.slicknav_menu{ width: 100%;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9999;
}

.tel { display:none; }
/*****/

#main { margin:0 auto; padding:0; }
.main-box { margin:0 auto; padding:16px; }
.box420 { margin:0 auto; padding:16px; }
.f_left { margin-bottom:16px; }
.f_right { }
.point { margin:32px auto; padding:0; text-align:left; }
.point img { margin-bottom:16px; }
.point2 { margin:0 auto; padding:0; text-align:left; }
.point2 img { margin-bottom:16px; }
.point_left { margin-bottom:16px }
.point_right { margin-bottom:16px }

.h_left50 { margin-bottom:16px; }
.h_left50 p { margin-top:8px; }
.h_right50 {  }
.h_right50 p { margin-top:8px; }

.m_left {  }
.m_left span { font-size:80%; }
.m_right { }
table.c_menu{ width:100%; margin:0; padding:0; border-collapse:collapse; text-align:center; margin-bottom:16px; }
.c_menu th{ display: block; font-family: 'Roboto Condensed', sans-serif; line-height:1.3em; }
.c_menu td{ display: block; padding:8px 0; font-size:16px; line-height:1.3em; font-family: 'Roboto Condensed', sans-serif; }
.c_menu th span { font-size:75%; }
.c_menu td span { font-size:75%; }
.c_menu td.price{ border-bottom:dotted 1px #000; }
.backc0dcc9 { margin:24px auto; padding:0; background-color:#c0dcc9; width:100%; }

#footer { margin:0 auto; padding:8px 0; font-size:80%; background-color:#533e31; color:#fff; text-align:center; }

}



#anniversary {
	max-width: 940px;
	margin: 80px auto;
	padding: 0;
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
#anniversary h2 {
	margin: 40px 0;
	padding: 0;
	text-align: center;
	font-size: 2rem;
	line-height: 1.25;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Times New Roman',sans-serif;
}

.img50th {
	width: 240px;
	height: auto;
	margin: 0 auto;
}
.img50th img {width: 100%;}
.a50_img {
	width: 100%;
	margin: 16px auto 0;
}
.a50_img img {width: 100%;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#anniversary {
		width: 90%;
		margin: 40px auto;
	}
	
	.img50th {width: 200px;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#anniversary {
		width: 90%;
		margin: 40px auto;
		font-size: 14px;
	}
	
	.img50th {width: 160px;}
}

/**/
#p_title h2,
#p_title h3 {
	text-align: center;
	line-height: 1.4;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Times New Roman',sans-serif;
}
#p_title h2 {
	font-size: 3rem;
	color: #c4972f;
}
#p_title h3 {
	width: 100%;
	margin: 16px auto;
	padding: 16px 0;
	font-size: 2.5rem;
	text-align: center;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Times New Roman',sans-serif;
	background: #c0dcc9;
}
#p_title h3 span:nth-child(2) {
	font-size: 80%;
	display: block;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#p_title h2 {
		font-size: 2rem;
		padding: 0 8px;
	}
	#p_title h3 {
		font-size: 2rem;
		margin: 8px auto 16px;
	}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#p_title h2 {
		font-size: 1.5rem;
		padding: 0 16px;
	}
	#p_title h3 {
		font-size: 1.5rem;
		margin: 8px auto 16px;
	}
}

/**/


#philosophy {
	max-width: 940px;
	margin: 40px auto 80px;
	padding: 0;
	font-size: 16px;
	line-height: 2;
}
#philosophy hr {
	border: none;
	margin: 80px 0;
}

#philosophy h2,
#philosophy h3,
#philosophy h4,
#philosophy h5 {
	margin: 0 0 8px;
	padding: 0;
	text-align: center;
	line-height: 1.4;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Times New Roman',sans-serif;
}
#philosophy h4 {
	font-size: 2rem;
	margin: 0 0 40px;
}
#philosophy h4 span {
	display: block;
	font-size: 90%;
	color: #7d7d7d;
}
#philosophy h5 {
	padding: 0 0 8px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 400;
	border-bottom: 1px solid #7d7d7d;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#philosophy {
		width: 90%;
		margin: 40px auto;
	}
	
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#philosophy {
		width: 90%;
		margin: 40px auto;
		font-size: 14px;
	}
	#philosophy h4 {
		font-size: 1.5rem;
		margin: 0 0 24px;
	}
	#philosophy h4 span {font-size: 1rem;}
	#philosophy h5 {font-size: 1.16rem;}
	#philosophy hr {margin: 40px 0;}
}

.s50_flex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.s50_flex div:first-child {margin-right: 16px;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.s50_flex {display: block;}
	.s50_flex div:first-child {
		margin-right: 0;
		margin-bottom: 16px;
	}
}