@charset "UTF-8";
/* CSS Document */
@import url("normalize.min.css") screen and (min-width:768px);
/*@import url("common-sp.css") screen and (max-width:767px);
@import url("common-pc.css") screen and (min-width:768px);*/

body {
	background:#fff;
	color: #574f3e;
	font-family: "Noto Serif JP","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
overflow-x: hidden;}
a {
	color:#333;
	text-decoration:underline;
	cursor:pointer;
}
a:hover,
a:active {
	color:#666;
	text-decoration:none;
}
a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
img {
	border:0;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
ul, li, dl, dt, dd, p {
	margin:0;
	padding:0;
}

dl	{list-style-type: none;}
em,i {
	font-style:normal;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight: normal;
}


input, button, select, textarea {
	font-family: "Noto Serif JP","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	color:#574f3e;
}
textarea,
select,
input[type="text"] {
	box-sizing:border-box;
    border: 1px solid #B3B3B3;
	padding: 0.5em;
	line-height:1.4em;
}
input[type="radio"] {
	line-height:2.4em;
}

button {
	cursor:pointer;
	box-sizing:border-box;
}


.clearfix:before,
.clearfix:after {
	content: " "; 
	display: table;
	}
.clearfix:after {
	clear: both;
	}
.clearfix {*zoom:1;}

i.fa[class$="right"],
i.fa[class*="external"],
i.fa-map-marker {
	margin-left:5px;
}
i.fa[class$="left"] {
	margin-right:5px;
}

.btnStyle,
button{
	display: inline-block;
	line-height: 3em;
	text-align: center;
/*	background-color: #574f3e;*/
	background: rgba(255,255,255,.7);
		background: rgba(239,239,239,.7);

	 
	border: 1px #574f3e solid;
	color: #574f3e;
	padding: 0 20px;
	margin: 0 auto;
	vertical-align: middle;
	text-decoration: none;
}
.btnStyle:hover,
button:hover {
	background: rgba(255,255,255,1.0);
}
 

#container {
	overflow: hidden;
	min-height: 100vh;
		padding-bottom: 120px;
		position: relative;
	box-sizing: border-box;
}


footer {
	color: #bdb9b0;
	text-align: center;
	width: 100%;
	padding: 20px 0;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+37 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position: absolute;
	bottom: 0;
	}


#page_top {
	position: fixed;
  right: 0;
  bottom: 50px;
  opacity: 0.6;
}
#page_top a {
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
    position:  relative;
}
#page_top a::before {
    content:  '';
    width: 20px;
    height: 20px;
    display:  block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(-45deg);
    position:  absolute;
    top: 10px;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
}



#topimg {
	animation: topimgfadeIn 10s ease-out;
}
@keyframes topimgfadeIn {
	0% {
		filter: grayscale(100%);
		opacity:0;
	}
	50% {
		opacity:.5;
	}
	70% {
		filter: grayscale(0%);
	}
	100% {
	 	opacity: 1;
	}
}

#topcatch {
	animation: topcatchfadeIn 8s ease-out;
}
#topcatch small {
	font-size: .8em;
	display: block;
	margin-top: 1em;
}

@keyframes topcatchfadeIn {
	0% {
		opacity:0;
	}
	50% {
	 	opacity: 1;
	}
}

.topmain p,
.concept h1 {
	font-family: "Sawarabi Mincho","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	font-weight: normal;
}
.concept h1 {
	color: #8C8881;
}
h1 span {
	display: block;
	padding-top: 1.2em;
}
.topmain p {
	font-family: "Sawarabi Mincho","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
}

section h2 {
	text-align: center;
	padding: 6% 0 1% 0;
}

.brandList {
	background: rgba(255,255,255,1.0);
	text-align: center;
	padding: 4% 0 6% 0;
	width: 100%;
}

.brandList ul {
	margin: 0 auto;
}
.brandList li {
	text-align: center;
	vertical-align: middle;
}
.brandList li img {
	max-width: 90%;
}


.concept {
	position: relative;
	z-index: 1;
	max-width: 1800px;
	margin: 0 auto;

}


.concept:after {
	background: url("../img/top/bg-concept.jpg") no-repeat center top;
	content: "";
	opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

.shopInfo {
	background: url("../img/top/bg-shopinfo.jpg") no-repeat center top;
	box-sizing: border-box;
	position: relative;
}


/* INQUIRY */
#inquiry {
	background:url("../img/top/bg-shopinfo.jpg") no-repeat top center;
}
#inquiry #contents {
	padding-top: 50px;
}
.section__body {
	padding-bottom: 40px;
}
.section__body table {
	margin: 20px auto;
}
.section__body table th,
.section__body table td {
	text-align: left;
	padding: 15px ;
}
.red,
.red_txt li {
	color: #DA0003;
}
#inquiry .inner {
	padding: 7%;
	background: rgba(255,255,255,.85);
	box-sizing: border-box;
}
input[type="submit"]:nth-child(n+2) {
	margin-left: 15px;

}
#inquiry input[type="text"],
#inquiry textarea{
	width: 100%;
}

/* ----- SP ----- */
/*@media screen and (max-width: 480px) {*/
	body,html {
		height:100%;
	}
	html {
		font-size: 62.5%;
		padding:0;
		margin:0;
	}
	body {
		font-size: 1.6rem;
		line-height:1.6;
		padding:0 ;
		margin:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-text-size-adjust: 100%; 
		word-wrap:break-word;
		overflow-wrap:break-word;
	}

	.pcOnly {display:none !important;}

	p {
		font-size:1.6rem;
		line-height:1.8;
	}
	p, li, dt, dd, td, th {
		font-size:1.6rem;
		line-height:1.6;
	}
	ul {
		list-style:none;
		letter-spacing:-0.4em;
		font-size:0;
	}
	li {
		letter-spacing:normal;
		font-size:1.6rem;
	}
	li, dt, dd, td, th {
		font-size:1.6rem;
		line-height:1.6;
	}

	input, button, select, textarea {
		font-size:1.6rem;
	}
	.inner {
		width: 86%;
		margin: 0 auto;
	}
	footer {
		font-size: 1.2rem;
	}


/* TOP */
figure#topimg {
	margin: 0;
}
.topimgSns {
	position: absolute;
	right: 20px;
	top: 10px;
}
.topimgSns li {
	display: inline-block;
	margin-left: 25px;
	vertical-align: middle;
}
.topimgSns li a {
	color: #574f3e;
}
#topcatch {
	text-align: center;
	font-size: 1.8rem;
	padding: 20px 0;
}

.blogArea {
	background-color: #f5f2eb;
	padding-bottom: 30px;
}
.fw-feed-item-title:hover,
.fw-feed-item-description:hover{
	text-decoration: underline !important;
}

.concept {
	/*width: 96%;*/
	margin: 0 auto;
}
.concept:after {
	background-size: auto 115%;
	opacity: 1;
}
.concept .inner {
	width: 100%;
}

.concept h1 {
	padding:8% 0 120px 7%;
	font-size: 1.0rem;
	text-align: left;
	color: #473f30;
	line-height: 1.4;
}

section h2 {
	font-size: 1.2rem;
}
.brandList ul {
	width: 86%;
	margin: 0 auto;
	padding-left: 2%;
}
.brandList li {
	display: inline-block;
	width: 47%;
	margin-right: 2%;
	margin-bottom: 4%;
}

.shopInfo {
	background-size: 100% auto;
	padding: 7% 0 0 0;
}
.shopInfo .inner {
	background: rgba(255,255,255,.7);
	box-sizing: border-box;
}
.shopInfo h3 {
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	position: relative;
}
.shopInfo h3 strong {
	font-size: 2.8rem;
	display: inline-block;
	padding-right: 10px;
}
.shopInfo .snsLink {
	padding-top: 25px;
	text-align: center;
	padding-right: 10px;
}
.shopInfo .snsLink a {
	display: block;
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	background-color: #574f3e;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 10px;
}
.shopInfo .snsLink a:hover {
	opacity: .7;
}
.shopInfo .snsLink .fab {
	font-size: 2.0em;
	line-height: 50px;
}
.shopInfo .snsLink .fas {
	font-size: 1.6em;
	line-height: 50px;
}
.shopDetail {
	text-align: center;
	padding: 7%;
	position: relative;
}
.shopDetail ul {
	padding-bottom: 20px;
}
.shopDetail li {
	text-align: left;
}

.shop-logo {
	padding-bottom: 10px;
	
}
.shop-logo img {
	width: 40%;
	max-width: 220px;
}
.imgList ul {
	padding: 2% 0 0 2%;
	box-sizing: border-box;
	margin: 0 auto;
}

.imgList li {
	display: inline-block;
	width: 48%;
	margin: 0 2% 2% 0;
}
/*}*/


@media screen and (max-width: 736px) {
	.topimgSns {
		top: 5px;
		right: 5px;
	}
	.topimgSns li {
		margin-left: 10px;
	}
	.section__body table {
		width: 100%;
		box-sizing: border-box;
	}
	.section__body table th,
	.section__body table td {
		display: block;
	}
	.section__body table th {
		padding: 0;
		font-size: .8em;
	}
	.section__body table td {
	padding: 0 0 20px 0;
	}
	.section__body table td input,
	.section__body table td textarea{
		width: 100% !important;
	}
	.button_box {
		text-align: center;
	}
}

/* -------------------- */
/* ----- TABLET ----- */

@media screen and (min-width: 481px) {
	

	body {
		padding:0;
		margin:0;
		text-align:center;
		font-size:16px;
		line-height:1.8;
		word-wrap:break-word;
		overflow-wrap:break-word;
	}

	.spOnly {display: none !important;}
	
	p {
		font-size:16px;
		line-height:1.8;
	}
	ul {
		list-style:none;
		letter-spacing:-0.4em;
		word-spacing: -1em;
		font-size:0;
	}
	li {
		letter-spacing:normal;
		word-spacing:normal;
	}
	li, dt, dd, td, th {
		font-size:16px;
		line-height:1.8;
	}
	input, button, select, textarea {
		font-size:16px;
	}

	a[href^="tel:"]{
		pointer-events: none;
		color: #574f3e;
		text-decoration:none;
	 }
	section h2 {
		font-size: 16px;
	}
	footer {
			font-size: 14px;
			padding: 20px 0;
		}
	figure#topimg {
		margin: 0;
	}
	.topimgSns li {
		font-size: 27px;
	}
	.concept {
	min-height: 530px;
}
		.concept:after {
		background-size: 118% auto;
	opacity: 1;
}
	.concept h1 {
		padding-top:7%;
		font-size: 14px;
		line-height: 1.7;
	}
	.brandList li {
	width: 22.5%;
}
	
	.shopInfo {
		padding-bottom: 30px;
	}
	.shopInfo h3 {
		font-size: 18px;
		font-weight: normal;
	}
	.shopInfo h3 strong {
			font-size: 30px;
		display: inline-block;
		padding-right: 10px;
	}

	
	#inquiry th {
		white-space: nowrap;
	}
	
}
@media screen and (min-width: 667px) {
	

	
	/*.brandList {
	position: absolute;
	bottom: 0;
}*/
	
	
}
@media screen and (min-width: 830px) {	
	.shopInfo .snsLink {
		text-align: right;
		padding-right: 0;
	}
	.concept {
	min-height: 810px;
}
	.shopInfo .inner {
		display: table;
		background: rgba(255,255,255,.7);
		padding: 30px;
		margin-bottom: 100px;
	}
	.shopInfo .inner > div {
		display: table-cell;
		vertical-align: middle;
	}
	.shopMap {
		width: 55%;
		text-align: left;
		background: rgba(231,231,233,.7);
	}
	.shopDetail {
		text-align: left;
		padding-left: 30px;
	}
	.shopInfo .snsLink {
	position: absolute;
	right: 0;
	bottom: 0;
}
	
	footer {
	padding: 70px 0 15px 0;
	}
	

}
@media screen and (max-width: 1109px) {
	.concept .inner {
			width: 94%;
	}
}
@media screen and (min-width: 1300px) {
/*	.imgList {
		padding-top: 200px;
	}*/
	.concept {
		min-height: 1000px;
		
	}
/* -------------------- */
/* ------- PC -------- */

@media screen and (min-width: 1110px) {
	body,html {
		height:100%;
		padding:0;
		margin:0;
		width:100%;
	}
	body {
		min-width:1110px;
	}
	
	.sptabOnly {display: none !important;}
	
	.inner {
		width: 1110px;
		margin: 0 auto;
	}
	section h2 {
		padding: 50px 0 10px 0;
	}

	/* TOP */
	.topmain {
		position: relative;
	}
	.topimgSns li {
		font-size: 32px;
		margin-left: 35px;
	}
	#topcatch {
		position: absolute;
		bottom: 40px;
		text-align: center;
		color: #fff;
		font-size: 26px;
		width: 100%;
		line-height: 2;
	}
	.concept {
		max-height: 1200px;
		min-height: 940px;
	}
	.concept h1 {
		padding-top: 8em;
		font-size: 18px;
		padding-left: 4em;
	}
	.brandList {
		padding: 10px 0 50px 0;
	}
	.brandList ul {
		width: 1110px;
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		padding-left: 0;
	}
	.brandList li {
		display: table-cell;
	}
	
	.shopInfo {
		padding-top: 105px;
		/*height: 1200px;*/
	}
	.shopInfo .inner {
		padding: 76px;
		margin-bottom: 180px;
	}
	.shopMap {
		width: 449px;
	}
	.shopMap img {
		width: 449px;
	}
	.shopDetail {
		padding-left: 30px;
	}
	.imgList ul {
		max-width: 1800px;
	}
	/*.imgList ul {
		display: table;
		table-layout: fixed;
		padding: 0;
	}
	.imgList li {
		display: inline-block;
		display: table-cell;
		width: auto;
	}
	.imgList  {
		padding: 70px 0;
		margin: 0 auto;
		max-width: 1800px;
	}*/
	
	
	
	#inquiry .inner {
		padding: 50px;
	}
	
}


}
@media screen and (min-width: 1500px) {
	.concept:after {
		background-size: 100% auto;
}
}
@media screen and (min-width: 1600px) {
	.concept {
		min-height: 1000px;
	}
	.concept h1 {
		font-size: 20px;
	}
}

@media screen and (min-width: 1800px) {
	.shopInfo {
		background-size: 1800px auto;
	}
	
}


.fw-feed-item-content-module,
.fw-feed-item-title{
	font-family: "Noto Serif JP","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif !important;
}