/*
Theme Name: SAJIMA
Author: MORITA
Description: sajima web
Version: 0.8.0
*/


@charset "utf-8";
:root {
	--colFont:#313131;
	--colLink:#477C57;
	--colLinkHover:#629d74;
	--colGreen:#42724a;
}
/* CSS Document */
html {
	font-size: 16px;
}
body{
	font: 13px/1.3846 "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	margin:0;
	color: var(--colFont);
	display: block;
}
.wf-active body {
	font: 13px/1.538 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.wf-active body b,
.wf-active body strong {
	font-weight: 300;
	font-size: 1.4em;
    /*text-decoration: underline;*/
    color: #393939;
}
.wf-active body footer b,
.wf-active body footer strong {
	font-size: 1em;/*1.6*/
}
img{
	outline:none;
	border-style:none;
}

a{
	color: var(--colLink);
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a:visited{
	/*color:blue;*/
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	color: var(--colLinkHover);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.icnSVG {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

ul,li {
	list-style: none;
}

.b {
	font-weight: bold;
}

.small {
	font-size: 60%;
	font-weight: normal;
}
.bold {
	font-weight: bold;
	font-size: 1.1em;
}

.txt-c {
	text-align: center;
}
.txt-l {
	text-align: left;
}
.txt-r {
	text-align: right;
}

.txt-ul {
	text-decoration: underline;
}

.st0{fill:#759F4B;}
.st1{fill:#414B41;}


dl.gaiyou {
	line-height: 1.8em;
	margin: 1em 0;
}

dl.gaiyou dt{
	font-size: .8em;
	font-weight: 500;
}

dl.gaiyou dd{
	margin-bottom: 1.6em;
}

ul.list-dot {
	margin-left: 1.4em;
	margin-bottom: .4em;
}
ul.list-dot li {
	list-style: disc;
}

.Font-serif {
	font-family: 'Georgia', serif;
	font-weight: bold;
	letter-spacing: 0.02em;
}
.wf-active .Font-serif {
	font-family: 'Vollkorn', serif;
}

.icnSVG {
	display: block;
	width: 24px;
	height: 24px;
	fill:#fff;
	float: left;
	margin-right: 12px;
}
.icnSVG.logo_line {
	width: 62px;
	height: 24px;
}

@media (min-width: 768px) {
	.wf-active body b,
	.wf-active body strong {
		font-size: 1.45em;/*1.6*/
	}
}


#loading {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9999;
	background: #fff url('img/loading.png') center center no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
/****inner****/
.inner {
	box-sizing: border-box;
	padding: 2.5% 2.5% 8%;	/*余白の指定 2.5%*/
	overflow: hidden;	/*おまじない*/
	max-width: 1200px;
	margin: 0 auto;
}


.sec .inner {
	padding: 48px 0 64px;/*padding: 64px 24px 88px;*/
}

.sec.w-mid .inner {
	width: 86%;
    max-width: 780px;
	/*padding: 64px auto 80px;	/*余白の指定 2.5%*/
}
@media (min-width: 768px) {
	.sec .inner {
		padding: 64px 0 88px;
	}
	.sec.w-mid .inner {
		width: 80%;
	}
}

/*****HEADER*****/
header{
	display: block;
	width:100%;
	overflow: hidden;
	position: fixed;
	padding: 16px;
	background: rgba(255, 255, 255,.98);
	z-index: 10;
	text-align: center;
}
header h1 {
	line-height: .8;
}
header h1 .sajima-logo{
	width: 120px;
	height: 22px;
}
header p{
	font-size:100%;
	color:#313131;
	float: left;
}


/*****BRANDING*****/
#contents-inner {
	font-size: 13px;
}
#branding{
	width: 60%;	/*横幅指定*/
	margin-left: 20%; /*左端から20%右側に動かす*/
	background-color: #313131; /*背景色の指定*/
	margin-bottom: 20px;
	overflow: hidden; /*おまじない*/
}
#branding p{
	color: #fff; /*文字色の変更*/
	font-size: 120%; /*フォントサイズの調整*/
	letter-spacing: 10px; /*文字と文字の間隔をあける*/
	line-height: 300px; /*行間の指定（ブランディングの高さを決める）*/
	padding-left: 3%; /*文字の左側に余白をあける*/
}

/*****NAV*****/
nav{
	display: block;
	overflow: hidden;
}
nav ul{
	margin: auto;
	list-style: none;
}
nav a{
	text-decoration: none;	/*ブラウザ標準のリンク装飾をオフに*/
	color:#313131;
	/*font-size: 110%;*/
	font-weight: 500;
}

#mainMenu {
	/*
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	*/
}
#mainMenu.on {
	/*height: auto;
	/*height: calc(100vh - 139px);*/
}
#mainMenu .nav-menu > ul{
	display: none;
	padding: 24px 0;
	font-size: 1.3em;
	overflow: hidden;
}
#mainMenu.on .nav-menu > ul{
	display: block;
}
#mainMenu ul li {
	margin: 20px 0;
	line-height: 1.2em;
}
#mainMenu ul.BrandList {
	font-style: italic;
}
#mainMenu ul.BrandList li{
	font-size: .9em;
	margin: 12px 0;
}
#mainMenu ul.BrandList li a {
	color: #888;
}
#mainMenu ul.BrandList li a:hover {
}
#menuButton{
	position: absolute;
	top: 16px;
	left: 16px;
	cursor: pointer;
	/*z-index: 10;*/
	display: block;
	line-height: 0;
	/*margin: 33px 6px 0 0;*/
}

#menuButton,
.menuIcon {
	display: inline-block;
	box-sizing: border-box;
}

#menuButton .menuIcon {
	position: relative;
	width: 30px;/*24px*/
	height: 30px;/*24px*/
}

#menuButton .menuIcon span{
	position: absolute;
	width: 30px;/*21px*/
	height: 3px;
	background: #333;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

#menuButton:hover .menuIcon span {
	background: #7f8080;
}
#menuButton:hover .menuIcon span:nth-of-type(3){
	width: 24px;
	left: 6px;
}
#menuButton.on:hover .menuIcon span:nth-of-type(1),
#menuButton.on:hover .menuIcon span:nth-of-type(2){
	width: 22px;
	left: 1px;
}

#menuButton.on .menuIcon span {
	top: 10px;
}
#menuButton.on .menuIcon span:nth-of-type(1) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
#menuButton.on .menuIcon span:nth-of-type(2) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#menuButton.on .menuIcon span:nth-of-type(3) {
	opacity:0;
}
#menuButton .menuIcon span:nth-of-type(2) {
	top: 10px;
}
#menuButton .menuIcon span:nth-of-type(3) {
	top: 20px;
}
#baseMenu > ul > li a {
	background-color: transparent;
	    border-radius: 0px;
	    box-shadow: none;
	    cursor: pointer;
	    display: inline;
	    -webkit-font-smoothing: antialiased;
	    margin: 1px 0 0;
	    padding: 0;
	    text-decoration: none;
	    -webkit-transition-duration: 0.2s;
	    -moz-transition-duration: 0.2s;
	    -o-transition-duration: 0.2s;
	    transition-duration: 0.2s;
	    border: none;
}

/* unit link */
.unit-link {
    /*padding: 0 1%;*/
	position: relative;
    z-index: 1;
}

.unit-link a {
	color: var(--colFont);
}
.unit-link a:hover {
	color: var(--colLinkHover);
}
.unit-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; 
}

.unit-link img {
	width: 100%;
}



#mainContent {
	font-size: 1.4em;
	padding-top: 54px;
}
/*
.sub #mainContent {
	padding-top: 65px;
}
*/
#mainContent h2,
#mainContent h1 {
	margin: 24px 0 48px;
	font-size: 1.8em;
	font-weight: 500;
}
#mainContent h1 {
	text-align: center;
}

.sub #mainContent h2 {
	font-size: 1.82em;
	letter-spacing: .05em;
	font-style: italic;
}
.sub #mainContent h2:after {
	border-bottom: 3px solid #ff0000;
}
.sub .category-title {
	font-size: .865em;
}
.sub .category-title .small {
	font-size: .8em;
	font-weight: normal;
	margin-left: 8px;
}

@media (min-width: 768px) {
	#mainContent h2,
	#mainContent h1 {
		font-size: 2.2em;
	}
	
	.sub #mainContent h2 {
		font-size: 2em;
		letter-spacing: .05em;
		font-style: italic;
	}
	/*
	.sub .category-title {
		font-size: .865em;
	}
	.sub .category-title .small {
		font-size: .8em;
		font-weight: normal;
		margin-left: 8px;
	}
	*/
}
/*
#menuButton,
#menuCloseButton {
	position: fixed;
	top: 24px;
	right: 24px;
	cursor: pointer;
}
*/

#menuButton,
#menuCloseButton,
.menuIcon {
	display: inline-block;
	/*transition: all .4s;*/
	box-sizing: border-box;
}

#menuButton .menuIcon,
#menuCloseButton .menuIcon {
	position: relative;
	width: 24px;
	height: 24px;
	/*
	float: left;
	margin: -16px 0 0;*/
}

#menuButton .menuIcon span,
#menuCloseButton .menuIcon span {
	position: absolute;
	width: 24px;
	height: 3px;
	background: #333;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	/*
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	*/
}

#menuButton:hover .menuIcon span {
	background: #7f8080;
}
#menuButton:hover .menuIcon span:nth-of-type(3){
	width: 16px;
	left: 0;
}

#menuButton.on .menuIcon span {
	top: 10px;
}
#menuButton.on .menuIcon span:nth-of-type(1) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
#menuButton.on .menuIcon span:nth-of-type(2) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#menuButton.on .menuIcon span:nth-of-type(3) {
	opacity:0;
}

#menuButton .menuIcon span:nth-of-type(2) {
	top: 10px;
}
#menuButton .menuIcon span:nth-of-type(3) {
	top: 20px;
}
#menuCloseButton .menuIcon span {
	top: 10px;
}
#menuCloseButton .menuIcon span:nth-of-type(1) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
#menuCloseButton .menuIcon span:nth-of-type(2) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}


/*****WRAPPER*****/
#mainContent .wrapper {
	background: #e6e6e1;
}
#mainContent .wrapper:nth-child(2n) {
	background: #F7F6F4;
}
/*****ARTICLE*****/
section{
	display: block;
	overflow: hidden;
}
article{
	/*width: calc(50% - 15px);*/
	/*padding: 2.5% 2.5% 8%;	/*余白の指定 2.5%*/
	overflow: hidden;	/*おまじない*/
	/*
	max-width: 1200px;
	margin: 0 auto;
	*/
}

article h3 {
	
}
article .btn{
}
article .btn:hover{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	overflow: hidden;
}


.articleContet {
	width: 80%;
	float: right;
}


.sec .unit-txt{
	font-weight: 500;
	line-height: 2.6;
} 

.sec .unit-txt a {
	text-decoration: underline;
}

.sec .unit-txt img{
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}


.sec dl {
	margin: 32px 0;
}

.sec dt {
	font-size: 1.3em;
	font-weight: 500;
}

.sec h2 {
	text-align: center;
}

/* パンくず　*/
ul.breadcrumb {
	font-size: .72em;
}
ul.breadcrumb li{
	display: inline;
	margin: 0 2px;
}
ul.breadcrumb a{
	font-weight: 500;
}

/* ページネーション　ページャー　*/
#pageNav {
	float: left;
}
#pageNav .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    position: relative;
    font-size: .85em;
	font-weight: 500;
}

#pageNav .pagination span, #pageNav .pagination a {
    display: block;
    width: auto;
    margin: 4px;
    padding: 5px 8px;/*8px*/
    /*border: 1px solid #000;*/
	border:  3px solid transparent;
    background-color: transparent;/*#fff*/
    text-decoration: none;
    text-align: center;
    line-height: 16px;
}

/* ページ番号 */
#pageNav .pagination .pager{
    width: 32px;
}

/* ホバー時 & 現在のページ */
#pageNav .pagination a:hover,
#pageNav .pagination .current  {
    /*color: #fff;*/
    /*border-color: val(--colFont);*/
	border:  3px solid;
    /*
	background-color: #000;
	border: 1px solid #333;
	*/
}

/* 前へ */
#pageNav .pagination a.prev {
    margin-right: 8px;/*16*/
}
/* 次へ */
#pageNav .pagination a.next {
    margin-left: 8px;/*16*/
}
/* 最初へ */
#pageNav .pagination a.first {}
/* 最後へ */
#pageNav .pagination a.last {}

/* Page x / y */
#pageNav .pagination span.page_num {
    display: none;
}

/* company info */

/*
#sec-companyinfo .unit-txt{
	font-weight: 500;
	line-height: 2.6;
} 

#sec-companyinfo .unit-txt a {
	text-decoration: underline;
}

#sec-companyinfo .unit-txt img{
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}


dl.stockist {
	margin: 32px 0;
}

.stockist dt {
	font-size: 1.3em;
	font-weight: 500;
}

.stockist .shopname {
	font-weight: 500;
	margin-right: 8px;
}

.stockist .phonenumber {
	font-weight: 400;
	font-style: italic;
}
*/

/* contact */
#sec-contact .mailto {
    font-size: 130%;
    font-weight: bold;
    letter-spacing: .1em;
    text-decoration: underline;
}

/* footer */
footer{
	color: #959EA7;
	width: 100%;
	background-color: #fff;
	font-size: 1.05em;
	line-height: 1.8em;
}
footer a {
	color: #858c93;
}
footer a:hover {
	color: #555;
}
footer .inner {
	padding: 32px 16px 80px;
	display: -webkit-flex;
	display: flex;
    /*flex-direction: row-reverse;*/
    flex-wrap: nowrap;
    justify-content: center;
}
footer .inner > div,
footer .inner > p,
footer .inner > ul,
footer .inner > small {
	margin-right: 32px;
}
footer h3 {
	margin-bottom: 24px;
	color: #414B41;
}
footer address{
	color: #fff;
	font-style: normal;
}

footer ul {
	margin-bottom:24px;
}
footer li{
	font-size: .846em;;
	line-height: 1.818em;
}
footer li a {
	/*font-weight: bold*/
	text-decoration: underline;
}
footer .snsList li {
	display: inline-block;
}
footer .copyright {
	line-height: 32px;
}
footer .logo-Insta {
	height: 32px;
	width: 32px;
}
footer p {
	margin-bottom: 32px;
}
@media (max-width: 768px) {
	footer .inner {
		flex-direction: column;
	}
}

.icon-window {
	height: 23px;
	width: 20px;
	vertical-align: text-bottom;
}

a .icon-window {
	fill: var(--colLink);
}
a:hover .icon-window {
	fill: var(--colLinkHover);
}

.flex-conteiner {
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
}

/*****SECTION****/
/* Photo */

.swiper-container {
    width: 100%;
    height: calc(100vh - 126px);
}
.swiper-container .swiper-wrapper {
    width: 100%;
    height: calc(100vh - 126px);
}
.swiper-container .swiper-wrapper .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.swiper-container .swiper-wrapper .swiper-slide .h-txt {
	position: absolute;
    top: 6%;
    left: 11%;
    font-size: 1.8em;
}
.swiper-container .swiper-wrapper .swiper-slide .h-txt .indent {
	text-indent: 1em;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
	color: #fff;
}

#slide1 {
  background-image: url("./img/care-5h-320.jpg");
  /*background-size: 320px 320px;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
    #slide1 {
	background-image: url("./img/care-5h-640.jpg");
    }/*background-size: 320px 320px;*/
}
@media (min-width:640px) {
	#slide1 {
	  background-image: url("./img/care-5h-640.jpg");
	  /*background-size: 320px 320px;*/
	}
}
@media (min-width:768px) {
	#slide1 {
	  background-image: url("./img/care-5w.jpg");
	  /*background-size: 320px 320px;*/
	}
}




@media (min-width:768px) {
	.swiper-container {
	    width: 100%;
	    height: calc(100vh - 54px);
	}
	.swiper-container .swiper-wrapper {
	    width: 100%;
	    height: calc(100vh - 54px);
	}
}
/*
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}
*/


.unit-brand {
}

.unit-brand h3{
	font-style: italic;
	margin: 24px 0;
}


dl.table,dl.contactList{
  display: -webkit-flex;
  display:flex;
  flex-wrap: wrap;
  line-height: 1.538em;
  margin-bottom: 24px;
  color: #414B41;
}
.table dt{
  width: 65%;
  padding: 6px 8px 6px 0;
}
.table dd{
  padding: 6px 8px;
  margin: 0;
  width: 35%;
  box-sizing: border-box;
  text-align: right;
}
.iconList {
	margin-left: 4px;
}
.expIcon{
	color: #9FA795;
}
.expIcon li {
	margin-bottom: .769em;
}
.expIcon li i {
	margin-right: .769em;
}
.shopInfo {
	color: #414B41;
	margin-bottom: 40px;
}
.shopInfo dt{
	font-weight: bold;
	font-size: 11px;
	line-height: 1.636em;
}
.shopInfo dd {
	margin-bottom: 1.3846em;
}
.shopInfo li {
	margin-bottom: 2px;
}
dl.contactList {
	margin-bottom: 16px;
}

#map {
    position: relative;
    width: 100%;
	margin-top: 40px;
}
#map:before {
    content:"";
    display: block;
    padding-top: 120%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#contentMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

dl.contactList {
	font-weight: bold;
}
.contactList dt{
  width: 20%;
  padding: 4px 0;
}
.contactList dd{
  padding: 4px 0 4px 16px;
  margin: 0;
  width: 80%;
  box-sizing: border-box;
}
.reserveList {
	margin-bottom: 16px;
}
.btnReserve {
	letter-spacing: .16em;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	/*vertical-align: middle;*/
	display: inline-block;
	border-radius: 32px;
	/*margin-right: 2px;*/
	overflow: hidden;
	padding: 8px 16px;
	background: #477C57;
	margin-bottom: 8px;
}
.btnReserve:hover{
	color: #fff;
	background: #629d74;
}

section.sec article.inner p {
	margin-bottom: 16px;
}

section.sec article.inner p.more {
	margin: 24px 0 0;
	font-weight: 500;
}
/* index abour */
body.home #sec-about article {
	text-align: center;
}
/* index news */
section.sec div.flex-conteiner img {
	/*width: 32%;*/
	width: 100%;
	height: auto;
	/*float: left;*/
}
section.sec div.flex-conteiner .unit-txtGroup {
	/*float: left;*/
	box-sizing: border-box;
	margin: 8px;
	/*width: 66%;*/
}
section.sec div.flex-conteiner .date-header {
	font-size: .8em;
	font-weight: 500;
}
section.sec div.flex-conteiner h3 {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.2;
}
section.sec div.flex-conteiner article.post {
	margin-bottom: 24px;
}
section.sec div.flex-conteiner {
	flex-direction: column;
	align-items: flex-start;
}

section.sec .unit-img {
    width: 100%;
    height: auto;
	/*margin-bottom:16px;*/
}

section.sec .unit-txtbox {
    /*width: 50%;*/
}
#sec-shopinfo ul.unit-txt{
	margin: 16px 0;
}
#sec-shopinfo ul.unit-txt{
    text-decoration: underline;
    line-height: 1.8em;
}
#sec-shopinfo dl.unit-txt{
	margin: 16px 0;
}

#sec-shopinfo .unit-txt dt {
	font-size: .8em;
}
#sec-shopinfo .unit-txt dd{
	line-height: 1.6;
	font-weight: 300;
}
#sec-shopinfo .time_table,
#footernav .time_table {
	font-size: .94em;/*8em*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: var(--colGreen);
    /* margin-bottom: 20px; */
    padding: 8px 4px 4px;
	/*margin-right: 32px;*/
	margin-top: 12px;
	
	margin-bottom: 16px;
}
#footernav {
	font-size: .5em;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 2px;
	justify-content: space-around;
}
#footernav .time_table {
	/*font-size: .5em;*/
	/*float: left;*/
	padding: 3px 2px 2px;
	margin-top: 0;
	margin-bottom: 4px;
}
.unit-div h3 {
	margin-bottom: 12px;
}
#sec-shopinfo .time_table td,
#footernav .time_table td {
	background: #fff;
	padding: 4px;
}
#footernav .time_table td {
	padding: 2px;
}
#sec-shopinfo .time_table .trheader,
#footernav .time_table .trheader {
	background: var(--colGreen);
	color: #fff;
	padding: 4px 3px;
}
#footernav .time_table .trheader {
	background: var(--colGreen);
	color: #fff;
	padding: 2px 1px;
}
.sec .unit-div {
	margin: 40px 0;
}
#sec-shopinfo .unit-div .unit-txt {
	margin: 0 0 16px;
}
#phonearea {
	margin-bottom: 32px;
}
#phonearea .unit-txt dt {
    font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 24px;
}
section.sec div.flex-conteiner.unit-div h3 {
	font-size: 1em;
}

section.sec div.flex-conteiner.unit-div .call,
#footernav .call {
	font-size: 1.4em;
	background: #fff;
	border: 4px solid var(--colGreen);
	text-decoration: none;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-ms-border-radius: 32px;
	-moz-border-radius: 32px;
	-o-border-radius: 32px;
	padding: 4px 20px;
	margin-top: 20px;
	margin-bottom: 24px;
	font-weight: 500;
}
section.sec div.flex-conteiner.unit-div .call:hover,
#footernav .call:hover {
	color: #fff;
	background: var(--colGreen);
}
#footernav .phonearea {
	padding: 2px 2px 0;
	font-size: 1.1em;
	font-weight: 500;
	text-align: center;
}
#footernav .call {
	border: 3px solid var(--colGreen);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-ms-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	padding: 4px 12px;
	display: block;
	margin-top: 2px;
	margin-bottom: 0;
}

section.sec article.post div.flex-conteiner {
    display: flex;
    flex-direction: row;
}
section.sec article.post div.flex-conteiner .unit-img {
	width: 30%;
	color: var(--colFont);
}
section.sec article.post div.flex-conteiner .unit-img:hover {
	color: var(--colGreen);
}
section.sec div.flex-conteiner .unit-txtGroup {
	width: 64%;
	margin: 0 0 0 4%;
}

.page-id-117 #sec-single p {
	margin-bottom: 2em;
}
.page-id-117 #sec-single .bold {
	font-weight: 500;
}
.page-id-117 #sec-single em {
	font-size: .9em;
	text-decoration: underline;
	font-style: normal;
	margin:4px 0;
}
/*　アーカイブ一覧　カテゴリータイトル　*/
#sec-archive .catList {
	font-size: 1.8em;
	margin: 24px 0 32px;
}

.single .wp-block-image img {
	text-align: center;
	margin: 32px auto;
}

ul li {
	margin: 6px 0;
}

@media (min-width: 768px){
	.sec .unit-div {
		margin: 40px 0;
	}
	section.sec div.flex-conteiner img {
		/*float: none;*/
		width: 100%;
	}
	section.sec article.post div.flex-conteiner .unit-img {
		width: 100%;
	}
	section.sec div.flex-conteiner .unit-txtGroup {
		/*float: none;*/
		width: 100%;
		margin: 8px 4px 20px;
	}
	
	section.sec div.flex-conteiner {
		flex-direction: row;
		justify-content: space-around;
	}
	section.sec div.flex-conteiner.rev {
		flex-direction: row-reverse;
	}
	section.sec div.flex-conteiner.flex-left {
		justify-content: flex-start;
	}
	section.sec div.flex-conteiner.flex-between {
		justify-content: space-between;
	}
	section.sec div.flex-conteiner h3 {
		font-size: 1em;/*.9em*/
		font-weight: 500;
		line-height: 1.5;
	}
	section.sec div.flex-conteiner article.post {
		width: 30%;
		margin: 4px 1.5% 16px;
	}
	section.sec div.flex-conteiner article.post img {
		width: 100%;
		height: 100%;
	}
	section.sec .unit-img {
	    width: 40%;
		height: auto;
	}
	
	section.sec .unit-txtbox {
	    width: 40%;
	}
	
	section.sec#sec-shopinfo .unit-img {
	    width: 50%;
	}
	
	section.sec#sec-shopinfo .unit-txtbox {
	    width: 40%;
	}
	.page-id-117 section.sec#sec-single .unit-txtbox {
	    width: 55%;
	}
	#timeschedule{
		width: 60%;
	}
	#reservation {
		width: 40%;
	}
	#phonearea .unit-txt dt {
	    /*font-weight: 300;
	    line-height: 1.5em;
	    margin-bottom: 24px;*/
	}
	#sec-shopinfo .time_table,
	#footernav .time_table {
		margin-right: 32px;
		margin-top: 6px;
	}
	
	#footernav {
		/*display: none;*/
		justify-content: flex-end;
	}
}


/*
.snsList .icnSVG {
	fill: #000;
}
.snsList .icnSVG:hover {
	fill: #477C57;
}
.snsList .icnSVG.logo_Insta,.snsList .icnSVG.logo_line {
	fill-rule:evenodd;clip-rule:evenodd;
}
*/

/* recruit */
#sec-recruit p {
	line-height: 1.846em;
}