@charset "UTF-8";
/* 各ページ共通の設定 */

/*==============*/
/* 全ページ共通部分 */
/*==============*/

#section-header {
	position: relative;
	padding-top: 60px;
	padding-bottom: 26vw;
}
@media (min-width: 576px) {
#section-header {
}
}
@media (min-width: 768px) {
#section-header {
	padding-top: 100px;
	padding-bottom: 12em;
}
}
@media (min-width: 992px) {
#section-header {
}
}
@media (min-width: 1200px) {
#section-header {
	padding-bottom: 12em;
}
}
#section-header::after {
	content: 'OUR \A CONCEPT';
	white-space: pre;
	position: absolute;
	bottom: 0%;
	left: 0%;
	z-index: -1;
	font-size: 16vw;
	text-align: left;
	line-height: 90%;
	color: rgba(167,159,162,0.15);	
}
@media (min-width: 1580px) {
#section-header::after {
	font-size: 13.8em;
}
}
figure.top-hed-img{
	width: 60vw;
	margin-left: -30px;
	margin-top: -30px;	
}
@media (min-width: 576px) {
figure.top-hed-img{
	width: 200px;
	margin-left: -20%;
	margin-top: -5em;	
}
}
@media (min-width: 768px) {
figure.top-hed-img{
	width: 140px;
	margin-left: -20%;
	margin-top: -5em;	
}
}
@media (min-width: 992px) {
figure.top-hed-img{
	width: 220px;
	margin-left: -20%;
	margin-top: -5em;	
}
}
@media (min-width: 1200px) {
figure.top-hed-img{
	width: 260px;
	margin-left: -20%;
	margin-top: -5em;	
}
}
@media (min-width: 1400px) {
figure.top-hed-img{
	width: 310px;
	margin-left: -20%;
	margin-top: -5em;	
}
}
.section-common {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media (min-width: 576px) {
.section-common {
}
}
@media (min-width: 768px) {
.section-common {
}
}
@media (min-width: 992px) {
.section-common {
	padding-top: 100px;
	padding-bottom: 100px;
}
}
@media (min-width: 1200px) {
.section-common {
}
}

#use-header {
	padding-top: 30px;
}
@media (min-width: 576px) {
#use-header {
	padding-top: 50px;
}
}
@media (min-width: 768px) {
#use-header {
	padding-top: 100px;
}
}
@media (min-width: 992px) {
#use-header {
	padding-top: 140px;
}
}
@media (min-width: 1200px) {
#use-header {
}
}


#section-footer {
	background-color: #B1A3A4;
	padding-bottom: 100px;
	padding-top: 50px;
	background-image: url(../images/contact-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	margin-top: 50px;
	position: relative;	
}
@media (min-width: 576px) {
#section-footer {
}
}
@media (min-width: 768px) {
#section-footer {
	margin-bottom: 75px;
	margin-top: 75px;
}
}
@media (min-width: 992px) {
#section-footer {
	margin-bottom: 100px;
	margin-top: 100px;
}
}
@media (min-width: 1200px) {
#section-footer {
}
}
#section-footer::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
#section-footer h2 {
	font-size: 8vw;
	font-family: 'Marcellus', serif;
}
@media (min-width: 576px) {
#section-footer h2 {
	font-size: 4em;
}
}
@media (min-width: 768px) {
#section-footer h2 {
	font-size: 4.55em;
}
}
@media (min-width: 992px) {
#section-footer h2 {
	font-size: 5em;
	
}
}
@media (min-width: 1200px) {
#section-footer h2 {
	font-size: 5.55em;
}
}
/*==============*/
/* トップページ */
/*==============*/
figure.about-ph{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 15% auto;
}
.section-common.line{
	position: relative;	
}
.section-common.line::before,.section-common.line::after{
	content: '';
	width: 300vw;
	height: 1px;
	background-color: rgba(110,89,89,.2);
	position: absolute;
	transform-origin: left center;
	z-index: -1;	
}

.section-common.line::before{
	bottom: -100px;
	left: 0%;
	transform:rotate(-45deg); 
}
.section-common.line::after{
	bottom: 300px;
	left: 0%;
	transform:rotate(45deg); 
}
.shoparea{
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 10vw;
	position: relative;	
}

@media (min-width: 768px) {
.shoparea{
	padding-top: 2em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 8em;
}
}
@media (min-width: 992px) {
#section-header {
	padding-top: 3em;
	padding-right: 3em;
	padding-left: 3em;
	padding-bottom: 10em;
}
}
.shoparea::after{
	content: '';
	width: calc((100vw - 100%) / 2);
	height: 100%;
	
	position: absolute;
	top: 0%;
	left: 100%;
	background-color: rgba(255,255,255,1.00);
}
.shoparea::before{
	content: 'SHOP INFO';
	position: absolute;
	color: rgba(108,95,95,.05);
	right: 0%;
	bottom: 0.28em;
	z-index: 1;
	font-size: 12vw;	
	
}

@media (min-width: 1580px) {
.shoparea::before{
	font-size: 11em;	
	
}
}


/* 新着情報 */
.top-news {
	margin-top: 0em;
	padding: 0em;
}
.top-news dl {
	padding-top: 0.2em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
}
.top-news dt {
	padding-bottom: 0;
	font-weight: normal;
}
.top-news em {
	color: #FF0000;
	font-style: normal;
	font-weight: normal;
}
@media screen and (min-width: 992px) {
.top-news dl {
	display: table;
}
.top-news dt {
	padding-bottom: 0;
	width: 10em;
	font-weight: normal;
	display: table-cell;
}
.top-news dd {
	margin-left: 0.5em;
	display: table-cell;
}
}



/*========*/
/* お問い合わせ */
/*========*/

#mailform {
	padding: 50px;
	background-color: rgba(255,255,255,1.00);	
}
@media (min-width: 768px) {
#mailform {
	padding: 40px;
}
}
@media (min-width: 992px) {
#mailform {
	padding: 50px;
}
}
@media (min-width: 768px) {
#mailform {
}}
.mailcont {
}
#mailform dl input,#mailform dl textarea{
	border: 0;
	color: #000000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	background-color: rgba(51,51,51,.05);	
}
#mailform dl {
	overflow: hidden;
	padding: 0px;
	display: table;
	margin: 0px;
	width: 100%;
	position: relative;
}

#mailform dl dt {
	margin: 0px;
	display: block;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
#mailform dl dd{
	margin: 0px;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	-moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
#mailform dl dt {
	padding: 20px;
	width: 300px;
	display: table-cell;
}
#mailform dl dd{
	display: table-cell;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}}

#mailform  label {
	font-weight: normal;
}
#mailform  label em {
	font-style: normal;
	font-weight: normal;
}
#mailform .size-ss {
	width: 100%;
}
#mailform .size-s {
	width: 100%;
}
#mailform .size-m {
	width: 100%;
}
#mailform .size-l {
	width: 100%;
}
@media (min-width: 768px) {
#mailform .size-ss {
	width: 35%;
}
#mailform .size-s {
	width: 50%;
}
#mailform .size-m {
	width: 80%;
}
#mailform .size-l {
	width: 99%;
}}
#mailform .required{
	display: inline-block;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.2em;
	font-size: 0.8em;
	background-color: rgba(51,51,51,0.1);
	color: rgba(51,51,51,0.8);
	line-height: 100%;
	margin-left: 1em;	
}
#mailform .addresssearch {
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px;
	color: #000000;
	text-align: center;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
#mailform .addresssearch:hover {
	background-color: #CCFFFF;
	text-decoration: none;
}
#formbutton {
	text-align: center;
	padding-top: 15px;
}
#formbutton .submit-button input {
	background-color: #A79FA2;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 100px;
	padding-bottom: 15px;
	padding-left: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 50em;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	border: none;
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	max-width: 400px;
}
#formbutton .submit-button input:hover {
	background-color: rgba(167,159,162,.7);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

#mailform .contactfoot {

	margin-top: 50px;
	margin-bottom: 20px;
}
#mailform dl.col1 textarea,#reservation #mailform dl textarea {

}
#mailform h4 {
	font-weight: bold;
	margin-top: 30px;
	font-size: 120%;
}
#mailform .priv_info {
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 140px;
	overflow: scroll;
	margin-bottom: 15px;
	font-size: 80%;
	overflow-x:hidden;
	background-color: #FFFFFF;
}
#mailform .priv_info h6 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
#mailform select {
	font-size: 1.1em;
}#mailform h3 {
	float: none;
	margin-bottom: 30px;
}
.ajax-loader,.wpcf7-spinner {
	display: none !important;
}
select.select-form {
	border: 1px solid #CCC;
	font-size: .3em;
}

/*==============*/
/* ニュース */
/*==============*/

.post {
	padding: 30px;
	background-color: rgba(255,255,255,1.00);
	line-height: 240%;	
	font-size: 16px;
}
@media (min-width: 768px) {
.post {
	padding: 40px;
}
}
@media (min-width: 992px) {
.post {
	padding: 50px;
}
}
.post h2 {
	font-size: 1.55em;
	line-height: 140%;	
}

.post h3 {
	font-size: 1.375em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(110,89,89,.2);
	line-height: 140%;
}
.post h4 {
	font-size: 1.125em;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-left: 4px solid rgba(110,89,89,.2);
	line-height: 140%;
	padding-left: 1em;	
}
.post h5 {
	font-size: 1em;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(110,89,89,.2);
	line-height: 140%;
}
.post .date {
	font-size: .88em;
	color: rgba(142,142,142,1.00);
	margin-bottom: 2em;
}
.post .cat {
	font-size: .88em;
	margin-bottom: 3em;	
		
}
.post .cat a {
	margin-right: 1em;
	color: rgba(0,67,139,1.00);
	letter-spacing: 0%!important;
	word-spacing: 0%;	
}

.post .cat a:first-child {
	color: rgba(51,51,51,1.00);	
}
.post .date {
	font-size: .88em;
	color: rgba(142,142,142,1.00);
	margin-bottom: 2em;
}
.post img,.post figure img {
	height: auto;
	max-width: 100%;
}
.post ul,.post ol {
	padding: 0;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.5em;
	margin-bottom: 1em;
	list-style-type: none;	
}
.post ol {
	counter-reset: listnum;
}
.post ul li,.post ol li {
	position: relative;	
}
.post ul li::before {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	right: calc(100% + 0.5em) ;
	top: 0.05em;
	color: rgba(110,89,89,0.4);	
}
.post ol li::before {
	counter-increment: listnum; /* counter-resetと同じ文字列 */
	content: counter(listnum); /* カウントした数に応じて番号を表示 */
	color: rgba(110,89,89,0.7);
	position: absolute;
	right: calc(100% + 0.6em) ;
	top: -0.1em;
	
}
.post ol li::after {
	content: '';
	position: absolute;
	right: calc(100% + 0.4em) ;
	top: 0.45em;
	width: 1.4em;
	border-radius: 50%;
	height: 1.4em;
	background-color: rgba(177,163,164,0.1);
}
.wp-block-table td, .wp-block-table th {
    border: none;
    padding: 0em;
}
.post table{
	
}
.post table th,.post table td{
	padding: 1em;
	border-bottom: 1px solid rgba(177,163,164,1.00);
	font-weight: normal;
	text-align: left;
}
.post table th,.post table tr td:first-child{
	border-bottom: 3px solid rgba(177,163,164,1.00);
}
.post table td{
	
}


a.news-area{
	background-color: #FFFFFF;
	display: block;
	padding-top: 0em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: .5em;
}
a.news-area:hover{
	text-decoration: none;	
}
a.news-area figure{
	margin-left: -1.5em;
	margin-right: -1.5em;
	overflow: hidden;	
}
a.news-area figure img{
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
a.news-area:hover figure img{
	filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
	transform: scale(1.1, 1.1);
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.news-photo{
	
	
}
.news-photo .cat{
	
}

.news-cat{
	font-size: 0.7em;
	color: #0059D6;	
}

.news-text{
}
.news-text h3{
	font-size: 1em;	
}
.news-text p{
	font-size: 0.7em;
}
/*==============*/
/* その他アイテム */
/*==============*/

a.news-category{
	font-size: 6vw;
	font-family: 'Marcellus', serif;
	color: #A79FA2;
	display: block;	
	opacity: 0.5;
}
@media (min-width: 576px) {
a.news-category{
	font-size: 2em;
}
}
@media (min-width: 768px) {
a.news-category{
	font-size: 2.8em;
}
}
@media (min-width: 992px) {
a.news-category{
	font-size: 3.33em;
}
}

a.news-category span{
	font-size: .3em;
	font-family : "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo,'Noto Serif JP', serif;
	color: #A79FA2;
	display: block;
	border-top: 3px solid rgba(177,163,164,.5);
	margin-top: 1.5em;
	padding-top: 0.5em;
}

a.news-category:hover,a.news-category.active{
	opacity: 1;
	text-decoration: none;	
}
.previous a,.following a,.back-btn a {
	display: block;	
	font-size: 0.8em;
	opacity: 1;
}
.previous a:hover,.following a:hover,.back-btn a:hover {
	opacity: 0.7;
	text-decoration: none;	
}
.previous a {
}
.following a {
}
.previous a::after,.following a::before,.back-btn a::before {
	font-size: 20px;
	line-height: 1;
	opacity: 0.75;
	width: 2em;
	height: 2em;
	border-radius: 50em;
	text-align: center;
	padding-top: 0.5em;
	padding-left: 0.1em;
	color: #385E96;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #385E96;
	position: relative;
	bottom: -0.1em;
	
}
@media screen and (min-width: 992px) {
.previous a::after,.following a::before,.back-btn a::before {
	font-size: 30px;
	line-height: 1;
	opacity: 0.75;
	width: 2em;
	height: 2em;
	border-radius: 50em;
	text-align: center;
	padding-top: 0.5em;
	padding-left: 0.1em;
	color: #385E96;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #385E96;
	position: relative;
	bottom: -0.1em;
	
}
}
.previous a:after {
	content: "\f104";
	font-family: FontAwesome;
	
}
.following a:before {
   content: "\f105";
	font-family: FontAwesome;
}
.back-btn a:before {
   content: "\f104";
	font-family: FontAwesome;
}
/* slide部分 */
.slider {
    display: none;
  }
 
  .slider.slick-initialized {
    display: block; 
  }
    .slider {
        width: 100%;
    }

@media (min-width: 576px) {
.right-slider {
	margin-right: calc(((100vw - 100%) / 1.5) * -1);
	margin-left: -20px;	
    }
}
    .slick-slide {
      margin: 0px 15px;
    }

    .slick-slide img {
      width: 100%;
    }
/* Arrows */
.slick-prev,

.slick-next {

  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
	font-size: 30px;
	line-height: 1;
	opacity: 0.75;
	font-family: FontAwesome;
	width: 2em;
	height: 2em;
	border-radius: 50em;
	text-align: center;
	padding-top: 0.5em;
	padding-left: 0.1em;
	color: #385E96;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #385E96;
}

.slick-prev {
  left: -25px; }
  .slick-prev:before {
	content: "\f104";
	
}

.slick-next {
  right: -25px; }
  .slick-next:before {
   content: "\f105";
	font-family: FontAwesome; }