@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

#body-inside{
	overflow-x: hidden;
	position: relative;
	top: 0;}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;color: #595757;
}
.overimg:hover {
	opacity:0.5;
}
.contents {
	width:1000px;
	margin:0 auto;
}
.w100per{
	width: 100%;
	margin: 0 auto;
}
.w80per{
	width: 80%;
	margin: 0 auto;
}
.w50per{
	width: 50%;
	margin: 0 auto;
}
.w48per{
	width: 48%;
	margin: 0 auto;
}
a {
	color:#088AC9;
	text-decoration:none;
}
a:hover {
	color:#C00;
}


h1 {
	font-size:14px;
	padding: 20px 0px 0px 50px;
	background-color: #ebe2dd;
}
h2{
	margin: 0px auto;
	font-size: 24px;
	color: #595757;
}
h2.title{
	margin: 0px auto;
	font-size: 44px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #595757;
	letter-spacing: 2px;
	line-height: 1.4;
}

h3 {
	margin-bottom:0.5em;
	font-size:20px;
	padding: 0;
	font-weight: bold;
}
h3.newsh3 {
	margin-bottom:1em;
	font-size:16px;
	padding: 0.5em 0 0.3em;
	font-weight: bold;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

h4 {
	font-size:16px;
	line-height: 1.4;
	font-weight:bold;
	color:#284f3e;
	margin-top: 0.5em;
}
.category{color:#284f3e;border: solid 1px #284f3e;display: inline-block;padding: 1px 3px;}
h5 {
	margin-bottom:0.25em;
	font-size:18px;
	border-bottom: solid 1px #595757;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p {
	margin:0;
}

img {
	vertical-align:bottom;
}

em , strong {
font-weight: bold;
}

ul,ol,dl {
	margin:0 0 0em 0;
}
ul li {
	list-style:none;
}
ol li {
	list-style:none;
}
li {
	margin-left:0em;
}

li a{
	text-decoration:none;
	}
dt {
	margin-bottom:0.5em;
}
dd {
	margin-bottom:1em;
}


.center{
	text-align:center;
	}

.tl{
	text-align:left;
	}
.f-left{float: left;}
.f-right{float: right;}
/*================================================
 *  ヘッダー
 ================================================*/
header {
	width:100%;
	height: 150px;
	background: #500b10;
	z-index: 999;
}

#logo img{width: 300px;margin: 1.5% 0% 2% 5%;}
.head-right{
	float: right;
	width: 500px;
	padding-top: 1.4%;
}
.head-right img{float: left;height: 70px;margin-right: 3%;}
.clear{
	clear: both;
}
nav.g_menu {
width:100%;
	padding: 24px 0px 50px 0px;
	background: #500b10;
}
nav.g_menu ul{width: 1000px;margin:0px auto;}
nav.g_menu ul li {
display: inline-block;
float: left;
padding: 0 1em 0;

border-right: solid 1px white;
}
nav.g_menu ul li.last {
border-right: none;
}
nav.g_menu ul li a{color: white;}
nav.g_menu ul li a:hover{opacity: 0.5;}
.current {
color: #2262AD;
}



/*================================================
 *  フッター
 ================================================*/
.foot_menu{background-color:#ffffff;border-bottom: solid 1px #595757;border-top: solid 1px #595757;color: #595757;}
.foot_w48per{width: 48%;}
.foot_ad{width: 48%;float: left;margin-left: 4%;}
.foot_link h3{font-size: 20px;line-height: 1.4;margin-bottom: 5%;}
.foot_link h2{font-size: 22px;line-height: 1.4;margin-bottom: 2%;}
.foot_link{width: 48%;float: left;}
.foot_link a{color: #595757;}
.foot_link a:hover{color:#C00;}
footer {
	clear:both;
	padding:2% 0;
	font-size:14px;
	text-align:center;
	background-color:#500b10;
	color: #fff;
}

.spnone{
	display: block;
}
.sponly{
	display: none;
}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
.flexbox::after{
  content:"";
  display: block;
  width:30%;
}
.price_p{padding: 3% 4%;}
.box-item04{width: 22%;display: inline-block;margin:0% 0% 5% 0%;height: auto;}
.slide-box3 img , .box-item03 img,.child3 img , .box-item02 img, .box-item04 img{width: 100%;}
.box-item03,.child3{width: 31%;display: inline-block;margin:0%;height: auto;}
.box-item02{width: 48%;display: inline-block;margin:0%;height: auto;}
.menu_h3{font-size: 18px;padding:0;margin:3% 0 3% 0;line-height: 1.4;}
.bk-img {
  width: 100%;
  height: 230px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


/* flexbox フレックスボックス */
/* flexbox フレックスボックス */

.view{float: right;width: 13%;margin-top: -15px;}
.text{padding: 3%;}
.pc-t50{padding-top: 10%;}
.logo_h{height: 130px;}
.img100 img{width: 100%;}
a[href^="tel:"] { pointer-events: none; }

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
	
a[href^="tel:"] { pointer-events: auto; }
.spnone{display: none;}
.sponly{display: block;}	
nav.g_menu , .head-right{display:none;}

header {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}
h1 {
	width: 80%;
	font-size:12px;
	padding: 10px 15% 10px 5%;
	background-color: #ebe2dd;
}
#logo img{width: 50%;margin: 3% 5%;}
.w100per{
	width: 90%;
	margin: 0 auto;
}

.contents {
		width:90%;
		margin:0 auto;
		}
.w80per , .w50per , .w48per{
	width: 100%;
	margin: 0 auto;
}
h2.title{
	margin: 0px auto;
	font-size: 23px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #595757;
	letter-spacing: 2px;
}
h2{
	margin: 0px auto;
	font-size: 18px;
	padding-bottom:10px;
}


.totop{
		overflow:hidden;
		}

.view{display: none;}

/* ;;;;;;;; フレックスボックス;;;;;;;;;;;;;;;;;;;;;; */
.child3 , .box-item02{width: 100%;display: inline-block;margin-right: 0%;height: auto;margin-bottom:3%;}
.slide-box3 img{width: 100%;}
.box-item03,.box-item04{width: 47%;display: inline-block;margin:0% 3% 10% 0%;height: auto;}
	.sns img{width: 70%;}	.sns{text-align: center;}
.child3 img{float: left;width: 97%;margin-right: 3%;}
.child3 h4{text-align: left;}
.menu_h3{font-size: 16px;padding:0;margin:3% 0 3% 0;line-height: 1;}
.bk-img {
  float: left;width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
	margin-bottom: 3%;
}

.logo_h{height: 80px;}
.text h3{margin: 0;}
.text{padding: 0% 3%;}
/*================================================
 *  フッター
 ================================================*/
.foot_menu{background-color:#ffffff;border-bottom: solid 1px #595757;border-top: solid 1px #595757;color: #595757;}
.foot_ad{width: 100%;float: none;margin-left: 0%;}
.foot_link h3{font-size: 18px;line-height: 1.2;margin-bottom: 5%;}
.foot_link h2{font-size: 18px;line-height: 1.2;margin-bottom: 0%;}
.foot_link{width: 100%;float: none;}
.foot_link a{color: #595757;}
.foot_link a:hover{color:#C00;}
footer {
	clear:both;
	padding:2% 0 25% 0;
	font-size:14px;
	text-align:center;
	background-color:#500b10;
	color: #fff;
}
}