@charset "UTF-8";
/* ######################################################################################

	共通設定

###################################################################################### */
/* ######################################################################################

　トップページ

###################################################################################### */

/*
#mainImg {
	width: 100%;
	height:56vw;
	max-height:551px;
	background: url(../img/index/mv.jpg) no-repeat center center;
	background-size:cover;
	background-repeat: no-repeat;
	margin-bottom: 64px;
}
*/

div, p, dt, dd, li {
	letter-spacing: 3px;
}


#mainImg {
	width: 100%;
	max-width:980px;
	height:57vw;
	max-height:583px;
	background: url(../img/index/mv_frame.png) no-repeat center center;
	background-size:contain;
	background-repeat: no-repeat;
	padding-top: 5.3%;
	margin-bottom: 64px;
}
#mainImg .slickSlider {
	width: 86.8%;
	max-width:851px;
	height:48vw;
	max-height:480px;
	margin: 0 auto;
}

@media print, screen and (min-width: 767px) {
	.sp-br { display: none; }
}

.pageIndex .copy {
	margin-bottom: 3.5vw;
}
.pageIndex .copy img {
	display: block;
	width: 96%;
	max-width: 794px;
	margin: 0 auto 28px auto;
}
.pageIndex .copy p {
	text-align: center;
}
.pageIndex .copy p span {
	font-size: 18px;
	display: inline-block;
}

.pageIndex .topics {
	width: 90%;
	max-width: 794px;
	margin: 0 auto;
}
.pageIndex .topics img {
	width: 10.3%;
	max-width: 82px;
	float: left;
}
.pageIndex .topics dl {
	padding-left: 13.5%;
	margin-bottom: 12px;
}
.pageIndex .topics dl dt {
	float: left;
	width: 100px;
	padding: 2px 0 10px 0;
}
.pageIndex .topics dl dd {
	padding: 2px 0 10px 120px;
	border-bottom: #946134 1px dashed;
}
.pageIndex .topics {
	margin-bottom: 6vw;
}

@media print, screen and (max-width: 767px) {
	.pageIndex .topics img {
		width: 61px;
	}
	.pageIndex .topics dl {
		padding-left: 78px;
	}
	.pageIndex .topics dl dt {
		float: none;
		padding-bottom: 2px;
	}
	.pageIndex .topics dl dd {
		padding: 2px 0 10px 0;
	}

}


/* -------------------------------------------------------
 * ごあいさつ
 * ------------------------------------------------------- */
.pageGreeting .photo {
	float: left;
	width: 36.8%;
	max-width: 360px;
	margin-bottom: 20px;
}
.pageGreeting .photo img {
	width: 100%;
}
.pageGreeting .sentence {
	margin-bottom: 12vw;
}
.pageGreeting .greeting {
	padding-left: 42.5%;
}
.pageGreeting .greeting .signature {
	text-align: right;
}
@media print, screen and (max-width: 479px) {
	.pageGreeting .photo {
		width: 100%;
		max-width: 100%;
	}
	.pageGreeting .greeting {
		padding-left: 0;
	}
}


/* -------------------------------------------------------
 * お店のご案内
 * ------------------------------------------------------- */
.pageInformation div,
.pageInformation dt,
.pageInformation dd,
.pageInformation p {
	font-size: 16px;
}
.pageInformation .contents.menu {
	max-width: 865px;
	width: 100%;
	margin: 0 auto;
}

.pageInformation .contents.menu {
	margin-bottom: 32px;
}
.pageInformation .contents.price,
.pageInformation .contents.access {
	margin-bottom: 80px;
}

.pageInformation h2 {
	max-width: 240px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 34px;
	padding-top: 0;
}
.pageInformation h3 {
	font-size: 22px;
}

@media print, screen and (max-width: 480px) {
	.pageInformation div,
	.pageInformation dt,
	.pageInformation dd,
	.pageInformation p {
		font-size: 14px;
		letter-spacing: 0px;
	}
	.pageInformation h3 {
		font-size: 17px;
	}
}

.pageInformation dl {
}
.pageInformation dl.col1,
.pageInformation dl.col2,
.pageInformation div.col1,
.pageInformation div.col2 {
	width: 42%;
	display: inline-block;
	vertical-align: top;
}
.pageInformation dl.single {
	width: 100%;
	max-width: 558px;
	display: inline-block;
}
.pageInformation dl.col2,
.pageInformation div.col2 {
margin-left: 14%;
}

/*
dl {
	overflow: hidden;
}
.pageInformation dt {
	display: block;
	clear: left;
	float: left;
}
.pageInformation dd {
	display: block;
	float: left;
}
*/

.pageInformation dl {
	overflow: hidden;
}
.pageInformation dt,
.pageInformation dd {
margin-bottom: 13px;
}
.pageInformation .contents.menu span {
	display: block;
	margin-bottom: 13px;
}

.pageInformation dt {
width: 68%;
float: left;
}
.pageInformation dd {
padding-left: 70%;
text-align: right;
}

.pageInformation div.group {
margin-bottom: 45px;
}

.pageInformation .contents.price {
	max-width: 980px;
	width: 98%;
	padding: 40px 6.8vw 4vw 6.8vw;
	margin-left: auto;
	margin-right: auto;
	/* border: #946134 solid 1px; */
}
.pageInformation .contents.price h2 {
	margin-top: -62px;
}
.pageInformation .contents.price .col1 {
	width: 100%;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	font-size: 16px;
    letter-spacing: 2px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.pageInformation .contents.price .col1 p {
	line-height: 1.5;
	margin: 1.35em 0;
}
.pageInformation .contents.price .col1 span {
	font-size: 20px;
}
.pageInformation .contents.price .col2 {
	width: 100%;
	text-align: center;
	margin-left: 0;
	vertical-align: top;
    letter-spacing: 1px;
}
.pageInformation .contents.price .remarks {
	display: block !important;
	width: 270px;
	text-align: left !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.pageInformation .contents.price .campaign {
	border: solid 1px #006F03;
	margin: 20px auto 0 auto;
	padding: 15px 10px 2px 10px;
	font-size: 17px;
	font-weight: bold;
	color: #006F03;
	display: block;
	width: 600px;
}
.pageInformation .contents.price .campaign p {
	line-height: 1.15;
	letter-spacing: 0;
	margin: 0 0 14px 0;
}
.pageInformation .access p {
text-align: center;
}
.pageInformation .access .map {
width: 100%;
max-width: 419px;
margin: 0 auto;
}
.pageInformation .access .map img {
width: 100%;
padding: 16px 0 45px 0;
}
.pageInformation .access dl {
max-width: 320px;
margin: 40px auto 0 auto;
}
.pageInformation .access dl dt {
width: 134px;
}
.pageInformation .access dl dd {
padding-left: 148px;
text-align: left;
}

@media print, screen and (max-width: 767px) {
	.pageInformation div.group {
		display: block;
		width: 90%;
		max-width: 558px;
		margin: 0 auto 4.5vw auto;
	}
	.pageInformation dl.single,
	.pageInformation dl.col1,
	.pageInformation dl.col2,
	.pageInformation div.col1,
	.pageInformation div.col2 {
		width: 100%;
		margin-left: 0;
	}
	.pageInformation div.col1,
	.pageInformation div.col2 {
		margin-bottom: 4.5vw;
	}

	.pageInformation .contents.price .col1 {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		font-size: 17px;
		letter-spacing: 3px;
	}
	.pageInformation .contents.price .col2 {
		width: 100%;
		margin-left: 0;
		display: inline-block;
		vertical-align: top;
		letter-spacing: 3px;
	}
	.pageInformation .contents.price .remarks {
		width: 290px;
	}
	.pageInformation .contents.price .campaign {
		width: 100%;
	}
	.pageInformation .contents.price .campaign p {
		font-size: 15px;
	}
}
@media print, screen and (max-width: 360px) {
}
@media print, screen and (min-width: 1014px) {
	.pageInformation .contents.price {
		padding: 40px 68px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* -------------------------------------------------------
* ブログ
* ------------------------------------------------------- */
.pageBlog .entries {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 685px;
	padding: 0 20px;
}
.pageBlog .sidebar {
	display: inline-block;
	vertical-align: top;
	width: 280px;
	padding: 0 20px;
}

.pageBlog .entries h1 {
	margin-bottom: 6vw;
}
.pageBlog .entries h1 img {
	width: 100%;
}
.pageBlog .entry {
	margin-bottom: 6vw;
}
.pageBlog .entry h2 {
	border-left: #B4D796 9px solid;
	border-bottom: #DAD6D4 1px solid;
	padding: 6px 8px 10px 8px;
	font-size: 15px;
}
.pageBlog .entry h2 span {
	float: right;
	font-size: 12px;
}
.pageBlog .entry .tax {
	text-align: right;
}
.pageBlog .sidebar section {
	margin-bottom: 3vw;
}
.pageBlog .widget_categories h2,
.pageBlog .widget_recent_entries h2,
.pageBlog .widget_archive h2 {
	width: 215px;
	height: 31px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pageBlog .widget_categories li,
.pageBlog .widget_recent_entries li,
.pageBlog .widget_archive li {
	margin-bottom: 7px;
}

.pageBlog .widget_categories h2 {
	background: url(../img/blog/widget-category.png) no-repeat center center;
}
.pageBlog .widget_categories ul.children {
	margin-top: 5px;
	margin-left: 20px;
}

.pageBlog .widget_recent_entries h2 {
	background: url(../img/blog/widget-recent.png) no-repeat center center;
}
.pageBlog .widget_recent_entries ul {
	list-style-type: none;
	margin-left: 1.3em;
}
.pageBlog .widget_recent_entries ul li:before {
	content: '> ';
	margin-left: -1.3em;
}

.pageBlog .widget_archive h2 {
	background: url(../img/blog/widget-archive.png) no-repeat center center;
}
.pageBlog .widget_archive li {

}
.pageBlog .widget_archive ul {
	margin-left: 1.3em;
}
.pageBlog .widget_archive ul li {
	list-style-type: disc;
}


.pageBlog .pagination h2.screen-reader-text { display: none; }
.pageBlog .pagination {
	padding: 8px 5px;
	background-color: #e7f1df;
}
.pageBlog .nav-links {
	text-align: center;
}
.pageBlog .entry img {
	padding: 5px;
}
/* end */
