@charset "UTF-8";



body{
	margin: 0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4E342E;
	}


/* サイト名 */
.site{
	position:relative;
	}
.site h1{
	margin:0;
	padding:0;
	}
.site h2{
	position:absolute;
	top:40px;
	margin:0;
	padding:0;
	font-size:10px;
	}
.site img	{border: none}


a:link{
	color:#C40900;
	text-decoration:none;
	}
a:visited{
	color:#C40900;
	text-decoration:none;
	}
a:hover{
	color:#F90;
	}

/* 固定する */
header{
    height:auto;
	background-color:#FFF;
    width: 100%;
	position:fixed;
    z-index: 1;
}

/* ボックスの左右 */
.header-inner, .topimage-inner,	.pickup, .message, .info, .footer-inner, .concept-inner, .sub-top-inner, .sub-main-box{
	padding-left: 10px;
	padding-right: 10px;
	}


/* ボックスの上下 */
header	{
	padding-top: 20px;
	padding-bottom: 10px;}

.info, .message	{
	padding-top: 40px;
	padding-bottom: 40px}

.info-main	{padding-bottom: 20px}

.pickup	{padding-top: 20px}

.pickup-1, .pickup-2, .pickup-3
	{padding-bottom: 10px}

/* パンくずリスト */
.bread	{
	padding-top:70px;/*上の空き調整*/
	margin-bottom: 20px;
	}

.bread ol	{
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;}

.bread li a	{
	display: inline-block;
	padding: 5px;
	color: #4E342E;
	font-size: 12px;
	text-decoration: none}

.bread li a:hover	{color: #C40900;}

.bread ol:after	{
	content: "";
	display: block;
	clear: both}

.bread li	{
	float: left;
	width: auto}

.bread li:after	{
	content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}


/* ボタン */
.button14 {
	margin: 10px;
}

.button14 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  max-width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
  border-radius: 50vh;
  transition: 0.3s;
}

.button14 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button14 a:hover {
  text-decoration: none;
  background-image: linear-gradient(-45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}


/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;*/
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding:5px 10px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;*/
}


/* ヘッダー画像 */
.topimage-box	{
	position:relative;
	padding-top:50px;}/*ないと下に潜る*/

.topimage	{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	padding-top:50px;}/*ないと下に潜る*/

.topimage-inner	{position:absolute;/*pcはrelativeに*/
}

.catch	{
	position: absolute;
	left:10px;
	bottom:10px;
	margin: 0;
	padding:10px;
	width:200px;
	background-color: rgba(255,255,255,0.7);
	font-size: 18px}

.topimage-box h1{
	position: absolute;
	bottom:-30px;
	font-size: 12px;
	font-weight:normal;
	width: 200px;
}

/* pickup概要 */
.in-pick a	{
	display: block;
	border-top:solid 2px #dddddd;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	color: #4E342E;
	text-decoration: none;
	min-height:300px;}

.in-pick a:hover	{box-shadow: 0 0 10px #dddddd}

.in-pick img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom}

.in-pick h3	{
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px}

.in-pick p	{
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px}

.more	{
	display: inline-block;
	padding: 5px;
	color: #c40900;
	}

.more i	{margin-left: 10px}

/* message */
.message-main, .message-sub{
	padding:0 10px;
}
.message-main h2{
	font-family: 'UD新ゴNT M', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:20px;
    line-height: 1.26;
    letter-spacing: 1px;
	margin-top:0;
}
.message-sub{
	position:relative;
	border-top: solid 1px #332e2c;
    border-bottom: solid 1px #332e2c}

.message-sub p{
	font-family: 'UD新ゴNT M', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin-bottom:30px;
	font-size: 1.065em;
    line-height: 1.8;
}

.more-link {
    position: absolute;
	width:190px;
	line-height:16px;
	bottom:-3%;
	right:3%;
	display:block;
	padding:5px 15px;
	background-color:#FFF;
	font-weight:bold;
	}

/* secondimage */
.second-image	{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	}

.second-image-inner	{position: relative}

.second-catch	{
	position: absolute;
	right:10px;
	bottom:10px;
	margin: 0;
	padding:10px;
	width:200px;
	background-color: rgba(255,255,255,0.7);
	font-size: 18px;
	}

/* お知らせ */

p.information {/*ページを開いたときに、一瞬文字が省略されていない長い文章が表示されてしまうのを防ぐため*/
    visibility: visible;
}

.news	{padding: 20px;
	border: solid 5px #dddddd}

.news h3{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	font-size: 20px;
	font-weight:bold;
	text-decoration: none}

/*.news li a:hover	{background-color: #eeeeee}
*/
.news time	{color: #c40900;}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 30px}

.news .text	{float: none;
	width: auto;
	margin-left: 0px}

.news img{
	max-width:300px;
	height:auto;
}

.info-sub{
	margin-top:20px;
}
.rlink{
	float:right;
}
.rlink :after	{content: "";
	display: block;
	clear: both}

ul.topinfolist li{
	list-style:none;
	font-weight:bold;
}
ul.topinfolist img{
	max-width:300px;
	height:auto;
}
ul.topinfolist p{
	margin-bottom:50px;
}


/* footer */
footer{
	margin-top:40px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}

footer :after	{content: "";
	display: block;
	clear: both}

.f-menu ul{
	margin: 0;
	padding: 0;
	list-style: none}

.f-menu li a{
	display: block;
	padding: 10px 5px;
	font-size: 16px;
	color:#4E342E;
	text-decoration: none}
.f-menu li a:hover{
	color:#c40900;
	}

.f-menu ul:after{
	content: "";
	display: block;
	clear: both}


.copyright p{
	margin-top: 30px;
	font-size: 14px}



/*subページ共通*/
/* sub-topimage */
.sub-topimg-box{
	position:relative;
}
.sub-topimg	{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	}

.sub-top-inner	{
	position: absolute;
}/*pcはrelativeに*/

.sub-title	{
	position: absolute;
	left:10px;
	bottom:10px;
	margin: 0;
	padding:10px;
	width:200px;/*ないと縦になる*/
	background-color: rgba(255,255,255,0.7);
	font-size: 18px;
	font-weight:bold;
}
.sub-top-inner h1{
	position:absolute;
	bottom:-30px;
	font-size: 12px;
	font-weight:normal;
	width: 200px;
}

.sub-main-box{
	margin-top:30px;
}
.sub-main-box:after{
	content: "";
	display: block;
	clear: both}

/*concept*/
.sub-main-box article{
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
.sub-main-box article:after{
	content: "";
	display: block;
	clear: both}
.sub-main-box article h2{
	font-size:20px;
}
.r-img{
	width:100%;
	height:auto;
	}


/*---------menu-------------*/
/*group*/
.b1{
	width:auto;
	border:1px solid;
	padding-left:3%;
	margin:40px 0 10px 0;
	font-weight: bold;
	height:auto;
	line-height:40px;
}

.b2{
	margin:0 10px 10px;
}


/*group2*/
.b3{
	width:auto;
	border-bottom:1px solid;
	border-left:5px solid;
	padding:0 5px;
	margin:20px 0 10px;
	font-weight:bold;
	height:auto;
	line-height:20px;
}

.b4{
	margin:0 10px 10px;
}

/*menu1*/
.inbox{
	width:100%;
	width:auto;
	margin:0 10px 5px;
}
.inbox:after	{
	content: "";
	display: block;
	clear: both}

.l1{/*menu1*/
	float:left;
	margin-top:10px;
	/*white-space:nowrap;*/
	width:auto;
	font-weight:bold;
}
.l2{/*kakaku1*/
	float:right;
	margin-top:10px;
	text-align:right;
	white-space:nowrap;
	width:auto;
	color:#C40900;
}

/*menu2*/
.inbox2{
	width:100%;
	width:auto;
	margin:0 10px 5px;
}
.inbox2:after	{
	content: "";
	display: block;
	clear: both}

.l3{/*menu2*/
	float:left;
	margin-top:5px;
	margin-left:20px;
	white-space:nowrap;
	width:auto;
	font-weight:bold;
	}
.l4{/*kakaku2*/
	float:right;
	margin-top:5px;
	text-align:right;
	white-space:nowrap;
	width:auto;
	color:#C40900;
	}

/*setsumei*/
.b5{
	max-width:100%;
	margin:0 30px 10px;
	}
/*comment*/
.b6{
	max-width:100%;
	margin:0 30px 10px;
	}
.line{
	border-bottom:1px dotted #BCAB8D;
}

/* access */

.in-access dl:after{
	content: "";
	display: block;
	clear: both}

.in-access dt {
  float:left;
  font-weight:bold;
}
.in-access dd {
  margin-left:80px;
  margin-bottom:20px;
}

#image_box img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom}

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	margin-top:50px;
}

/*---------gallery-------------*/
div.g_box{
	float:left;
	width:35%;
	height:300px;
	margin:0 20px;
	text-align:center;
}
div.g_box img{
	max-width:140px;
	text-align:center;
	height:auto;
}


/*---------staff-------------*/
div.f_box{
	float:none;
	width:90%;
	max-height:none;
	height:auto;
	margin:10px auto;
	padding:10px;
	border:1px dotted;
}
div.inbox01{
	height:auto;
	text-align:center;
}
div.inbox01 img{
	float:right;
	margin:0 0 0 10px;
	height:auto;
	max-width:100px;
}
div.inbox01 .post{
	margin-bottom:10px;
	/*color:#630;*/
}
div.inbox01 .name{
	margin-bottom:10px;
	/*color:#630;*/
}
div.inbox01 .memo1{
	text-align:left;
	line-height: 1.4em;
}
div.inbox02{
	clear:both;
	margin:20px 0 0 0;
	height:auto;
	text-align:left;
	line-height: 1.4em;
	overflow:auto;
}

/*---------topics-------------*/
.page{
	float:right;
	margin-bottom:10px;
}

div.t_box{
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom:1px dotted #473933;
	clear:both;
}
.t_box:after	{
	content: "";
	display: block;
	clear: both}

div.t_box img{
	max-width:300px;
	height:auto;
}

div.t_box h2{
	font-size:20px;
	margin-bottom:20px;
	}
.t_box h4 a{
/*	color:#F90;
*/}

div.page2{
	margin:20px 0;
	height:20px;
	clear:both;
}
div.pl{
	float:left;
}
div.pr{
	float:right;
}


/*---------product-------------*/
div.p_box{
	float:none;
	text-align:center;
	width:90%;
	height:auto;
	margin:30px auto;
	padding:10px;
	border:1px solid;
}
div.p_box h3{
	text-align:center;
	font-weight: bold;
	margin:0 0 10px 0;
}
div.p_box div img{
	margin:0 auto;
	height:auto;
	max-width:300px;
}
div.p_box p{
	text-align:left;
}


/*---------coupon-------------*/
.coupon_box {
	width:85%;
	padding:20px;
	margin:0 0 30px;
	border:10px solid #ccc;
}
.coupon_box:after	{
	content: "";
	display: block;
	clear: both}

.c_outbox {
	position:relative;
}
.c_outbox h5,.c_outbox h4,.c_outbox p {
	text-align: center;
}
.c_outbox h5 {
	font-size:16px;
	font-weight:normal;
	line-height: 1;
	padding:0 0 13px;
	margin:3px 0;
	border-bottom:1px solid;
}
.c_outbox h4 {
	font-size: 20px;
	font-weight:bold;
	padding: 12px 0px;
	margin: 0 0px 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.c_outbox p {
	font-size: 14px;
	padding: 10px 0;
	margin:0;
	border-bottom: 1px solid;
}
.c_outbox p span {
	font-size: 20px;
	color:#c40900;
}
.c_cation {
	min-height: 90px;
	margin: 3px 0px 0px;
	position:relative;
	border-top: 1px solid;
	font-size: 14px;
	padding: 30px 0 0;
}


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}

}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 12px}

/* キャッチコピー */
.catch,.second-catch	{padding: 5px 10px;
	font-size: 12px}

}


/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #c40900;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer}

#menubtn:hover	{background-color: #F7EFF0;}

#menubtn:focus	{outline: none}

#menubtn i	{color: #c40900;
	font-size: 16px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{
	margin:10px 0 0 0;
	padding: 0;
	list-style: none;
	}

.menu li a	{
	display: block;
	padding: 10px;
	color: #c40900;
	font-size: 16px;
	font-weight:bold;
	text-decoration: none}

.menu li a:hover	{background-color: #F7EFF0}



}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}/*非表示を防ぐため*/

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #4E342E;
	font-size: 16px;
	text-decoration: none}

.menu li a:hover	{
	background-color: #F7EFF0;
	color:#c40900;}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* header-siteと-navを横に並べる設定 */
header:after{
	content: "";
	display: block;
	clear: both}

.header-site{
	float: left;
	width: auto}

.header-nav{
	float: right;
	width: auto}

/* ヘッダー画像にキャッチコピーを重ねる */
.topimage-inner	{position:relative}/**/

.catch{
	position: absolute;
	left:20px;
	bottom:20px;
	margin: 0;
	padding:20px;
	width:300px;
	background-color: rgba(255,255,255,0.7);
	font-size: 20px}

.topimage-box h1{
	position: absolute;
	top: -30px;
	right: 0;
	font-size: 12px;
	font-weight:normal;
	width: 200px;
}
/* pickup概要 */
.in-pick a	{
	height:400px;}

/* pickup-1-4を横に並べる設定 */
.pickup:after	{
	content: "";
	display: block;
	clear: both}

.pickup-1,.pickup-2,.pickup-3	{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	}

.pickup-4	{
	float: left;
	width: 23.5%}

/* message-mainとmessage-subを横に並べる設定 */
.message:after	{
	content: "";
	display: block;
	clear: both}

.message-main	{float: left;
	width: 50%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

.message-main h2{
	font-size: 40px;
}

.message-sub	{float: left;
	width: 50%;
	padding: 50px 0;}

.message-sub p{
	font-size:inherit;
    line-height: 1.5;
}
/*second画像にキャッチコピーを重ねる */
.second-image-inner	{position: relative}

.second-catch	{
	position: absolute;
	right:20px;
	bottom:20px;
	margin: 0;
	padding:20px;
	width:300px;
	background-color: rgba(255,255,255,0.7);
	font-size: 20px;
	}



/* footer */
.f-menu li	{
	float: left;
	width: auto
	}

.f-menu li a	{
	padding: 5px 10px;
	}

.footer-bottom::after{
	content: "";
	display: block;
	clear: both}
div.copyright{
	float:left;
}
div.tel_info{
	float:right;
}
/*サブページ共通*/
/* sub-topimage */
.sub-topimg-box{
	position:relative;
}
.sub-topimg	{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	}

.sub-top-inner	{
	position:relative;}/**/

.sub-title	{
	position:absolute;
	left:10px;
	bottom:50px;
}
.sub-top-inner h1{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	right:0;
	top:0;
}
/*concept*/
.sub-main-box article{
	margin-bottom:50px;
}
.r-img{
	max-width:300px;
	height:auto;
	float:right;
	}
/*-------menu--------------*/
/*group*/
.b1{
	margin:40px 0 10px;
	height:48px;
	line-height:50px;
}
.b2{
	margin:0 30px 10px;
}
/*group2*/
.b3{
	height:20px;
	line-height:20px;
}
.b4{
	margin:0 50px 10px;
}
/*menu1*/
.inbox{
	max-width:760px;
	margin:0 40px 5px;
}
.l1{/*menu1*/
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:60%;
}
.l2{/*kakaku1*/
	float:right;
	margin-top:10px;
	text-align:right;
	white-space:nowrap;
	width:30%;
}
/*menu2*/
.inbox2{
	max-width:760px;
	margin:0 40px 5px;
}
.l3{/*menu2*/
	margin-top:10px;
	padding-left:10px;
	width:60%;
	}
.l4{/*kakaku2*/
	margin-top:10px;
	text-align:right;
	width:30%;
	}
/*setsumei*/
.b5{
	max-width:760px;
	margin:0 60px 10px;
	}
/*comment*/
.b6{
	max-width:760px;
	margin:0 60px 10px;
	}
.line{
	margin:0 30px;
}

/* accessを横に並べる設定 */
.access-box:after{
	content: "";
	display: block;
	clear: both;}

.in-access	{
	float: left;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

#image_box:after{
	content: "";
	display: block;
	clear: both;}
#image_box{
	width:100%;
	margin-left:10px;
}
.ininbox{
	float: left;
	width: 32%;
	margin-right: 1%;
	}

.google-maps {
	position: relative;
	padding-bottom: 30%;
	height: 0;
	overflow: hidden;
	}
/*---------staff-------------*/
div.f_box{
	float:left;
	margin:10px 5px 10px 10px;
	padding:20px;
	width:45%;
	height:440px;
}
div.inbox01 img{
	max-width:200px;
	height:auto;
}
div.inbox02{
	height:210px;
}

/*---------topics-------------*/
/*---------product-------------*/
div.p_box{
	width:48%;
	height:480px;
	float:left;
	margin:30px 0;
	border:none;
}
div.p_box h3{
	margin-bottom:10px;
	border-bottom:1px dotted;
}

div.p_box div img{
	margin:0 0 10px 10px;
}
div.p_box p{
	margin-right:10px;
}

/*---------coupon-------------*/
.coupon_box {
	width:94%;
}


}


/* ########### 769px以上 ########### */
@media (min-width: 769px) {
/* info-mainとinfo-subを横に並べる設定 */
.info:after	{
	content: "";
	display: block;
	clear: both;}

.info-main	{
	float: left;
	width: 70%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.info-sub	{
	margin-top:0;
	float: left;
	width: 30%
	}

/*---------gallery-------------*/
div.g_box{
	float:left;
	width:20%;
	height:500px;
	margin:0 auto;
	text-align:center;
}
div.g_box img{
	max-width:200px;
	height:auto;
}

}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.header-inner, .topimage-inner, .pickup, .message, .second-image-inner, .info, .footer-inner, .bread, .sub-top-inner, .sub-main-box{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
}

}