@charset 'UTF-8';
/*
SCSS SMACSS BEM
*/
/* Tools */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

.text-align-center {
	text-align:center;
}

.text-align-right {
	text-align:right;
}

.clearfix:before, .clearfix:after {
	content:'';
	display:table;
}

.clearfix:after {
	clear:both;
}

.clear {
	clear:both;
}

/* show only  SP/PC
-------------------------------*/
.hidden-lgview {
	display:none !important;
}

.hidden-smview {
	display:block !important;
}

@media screen and (max-width: 767px) {
	.hidden-lgview {
		display:block !important;
	}
	.hidden-smview {
		display:none !important;
	}
}

/* font
-------------------------------*/
.bold {
	font-weight:bold;
}

/* margin
-------------------------------*/
.mb30 {
	margin-bottom:30px !important;
}

.mt0 {
	margin-top:0 !important;
}

/* padding
-------------------------------*/
.pt64 {
	padding-top:calc(64 / 1280 * 100vw);
}

.pt128 {
	padding-top:calc(128 / 1280 * 100vw);
}

@media (max-width: 767px) {
	.pt64 {
		padding-top:calc(128 / 640 * 100vw);
	}
	.pt128 {
		padding-top:calc(256 / 640 * 100vw);
	}
}

.pb0 {
	padding-bottom:0 !important;
}

.pt0 {
	padding-top:0 !important;
}

@media (max-width: 767px) {
	.pbSp0 {
		padding-bottom:0 !important;
	}
}

/*
  MAIN:general
--------------------------------------------- */
/* 最小フォントサイズ : 16px */
html {
	font-size:16px;
}

body {
	margin:0 auto;
	color:#222;
	font-size:16px;
	font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	word-wrap:break-word;
	line-break:strict;
	line-height:1.4;
	vertical-align:top;
	background:#fff;
	-webkit-font-smoothing:antialiased;
}

main {
	display:block;
}

img {
	width:100% !important;
	height:auto;
	vertical-align:bottom;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

@media screen and (max-width: 767px) {
	body {
		font-size:14px;
	}
	img {
		max-width:100% !important;
		width:100% !important;
	}
}

a {
	color:#222;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input[type=submit] {
	cursor:pointer;
}

@-ms-viewport {
	width:auto !important;
}

:root {
	-ms-overflow-style:scrollbar;
}

/* Layout */
.l-main {
	width:100%;
	margin:0 auto;
}

.l-footer {
	width:100%;
	margin:0 auto;
	background-color:#7c4d3a;
}

.l-overlay-layer {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(179, 179, 179, 0.7);
	cursor:pointer;
	z-index:2;
}

@media screen and (max-width: 767px) {
	.l-main {
		width:100%;
		min-width:100%;
	}
	.l-footer {
		width:100%;
		min-width:100%;
	}
}

/* Layout */
/*
  mv
--------------------------------------------- */
.mv-bg {
	position:relative;
}

.mv__logo {
	position:absolute;
	top:0;
	left:0;
	width:calc(97 / 1280 * 100%);
	padding:calc(33 / 1280 * 100%) 0 0 calc(33 / 1280 * 100%);
}

.mv h1 {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	height:0;
}

.mv-navigation {
	position:absolute;
	top:calc(26 / 1280 * 100vw);
	right:calc(32 / 1280 * 100vw);
}

.mv-sns {
	background-color:#000;
	position:absolute;
	bottom:calc(26 / 1280 * 100vw);
	right:calc(32 / 1280 * 100vw);
}

.mv a {
	background-color:#fff;
	display:block;
}

.mv a:hover img {
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
	opacity:0.85;
}

.navigation-list__item {
	display:list-item;
	/* 縦に並べる */
}
.navigation-list__item a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-size:1.17188vw;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/* 子要素をflexboxにより中央に配置する */
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* 子要素をflexboxにより中央に配置する */
	width:calc(48 / 1280 * 100vw);
	-webkit-transition:background-color 0.5s;
	transition:background-color 0.5s;
}
.navigation-list__item a:hover {
	text-decoration:none;
}
.navigation-list__item--info a {
	background-color:white;
	height:calc(107 / 1280 * 100vw);
}
.navigation-list__item--info a:hover {
	background-color:rgba(255, 255, 255, 0.7);
}
.navigation-list__item--about a {
	background-color:#754;
	height:calc(150 / 1280 * 100vw);
	color:#fff;
}
.navigation-list__item--about a:hover {
	background-color:rgba(119, 85, 68, 0.7);
}
.navigation-list__item--store a {
	background-color:#998b77;
	height:calc(77 / 1280 * 100vw);
	color:#fff;
}
.navigation-list__item--store a:hover {
	background-color:rgba(153, 139, 119, 0.7);
}
.navigation-list__item--access a {
	background-color:#040;
	height:calc(104 / 1280 * 100vw);
	color:#fff;
}
.navigation-list__item--access a:hover {
	background-color:rgba(0, 68, 0, 0.7);
}

.sns-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.sns-list__item {
	text-align:center;
}
.sns-list__item a {
	display:block;
	background-color:#111;
	width:calc(48 / 1280 * 100vw);
	height:calc(48 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/* 子要素をflexboxにより中央に配置する */
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* 子要素をflexboxにより中央に配置する */
	border-right:1px solid #444;
}
.sns-list__item a :last-child {
	border-right:none;
}
.sns-list__item a img {
	width:calc(18 / 1280 * 100vw) !important;
}

@media screen and (max-width: 767px) {
	.mv-bg {
		position:relative;
	}
	.mv__logo {
		position:absolute;
		top:0;
		left:0;
		width:calc(97 / 1280 * 100%);
		padding:calc(33 / 1280 * 100%) 0 0 calc(33 / 1280 * 100%);
		z-index:10;
	}
	.mv-navigation {
		position:absolute;
		top:0;
		right:inherit;
		left:0;
		width:100%;
	}
	.mv-sns {
		width:calc(160 / 640 * 100vw);
		text-align:right;
		position:relative;
		bottom:inherit;
		right:inherit;
		background-color:transparent;
		margin-left:auto;
		margin-right:calc(10 / 640 * 100vw);
	}
	.navigation-list {
		display:none;
		position:relative;
		background-color:#fff;
		padding-top:calc(194 / 640 * 100vw);
		z-index:2;
	}
	.navigation-list__item {
		display:list-item;
		/* 縦に並べる */
		width:100%;
	}
	.navigation-list__item a {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-writing-mode:inherit;
		-ms-writing-mode:inherit;
		writing-mode:inherit;
		font-size:6.25vw;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		/* 子要素をflexboxにより中央に配置する */
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		/* 子要素をflexboxにより中央に配置する */
		width:100%;
		-webkit-transition:none;
		transition:none;
		padding:calc(40 / 640 * 100vw) 0;
	}
	.navigation-list__item a:hover {
		text-decoration:none;
	}
	.navigation-list__item--info a {
		border-top:1px solid #000;
		background-color:white;
		height:inherit;
	}
	.navigation-list__item--info a:hover {
		background-color:white;
	}
	.navigation-list__item--about a {
		background-color:#754;
		height:inherit;
		color:#fff;
	}
	.navigation-list__item--about a:hover {
		background-color:#754;
	}
	.navigation-list__item--store a {
		background-color:#998b77;
		height:inherit;
		color:#fff;
	}
	.navigation-list__item--store a:hover {
		background-color:#998b77;
	}
	.navigation-list__item--access a {
		background-color:#040;
		height:inherit;
		color:#fff;
	}
	.navigation-list__item--access a:hover {
		background-color:#040;
	}
	.sns-list {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		width:100%;
	}
	.sns-list__item {
		text-align:center;
	}
	.sns-list__item a {
		display:block;
		background-color:#111;
		width:calc(80 / 640 * 100vw);
		height:calc(80 / 640 * 100vw);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		/* 子要素をflexboxにより中央に配置する */
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		/* 子要素をflexboxにより中央に配置する */
	}
	.sns-list__item a img {
		width:calc(30 / 640 * 100vw) !important;
	}
	.sp-header {
		width:100%;
		background-color:#fff;
		position:relative;
		height:calc(194 / 640 * 100vw);
		border-bottom:1px solid #000;
	}
	.sp-header__logo {
		position:absolute;
		width:calc(87 / 640 * 100vw);
		top:calc(32 / 640 * 100vw);
		left:calc(32 / 640 * 100vw);
		z-index:10;
	}
	.sp-header__hamburger {
		position:absolute;
		width:calc(64 / 640 * 100vw);
		height:calc(64 / 640 * 100vw);
		top:calc(32 / 640 * 100vw);
		right:calc(32 / 640 * 100vw);
		cursor:pointer;
		z-index:10;
		background:url('/wp/wp-content/themes/tanomi/resources/img/icon_hamburger.png') 50% 50% no-repeat;
		background-size:contain;
	}
	.sp-header__hamburger--active {
		width:calc(64 / 640 * 100vw);
		height:calc(64 / 640 * 100vw);
		top:calc(32 / 640 * 100vw);
		right:calc(32 / 640 * 100vw);
		cursor:pointer;
		z-index:10;
		background:url('/wp/wp-content/themes/tanomi/resources/img/icon_hamburger_close.png') 50% 50% no-repeat;
		background-size:contain;
	}
}

.banner-online {
	width:calc(1056 / 1280 * 100vw);
	margin:20px auto 0;
}
.banner-online a {
	display:block;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.banner-online a:hover {
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	opacity:0.7;
}

@media screen and (max-width: 767px) {
	.banner-online {
		width:calc(576 / 640 * 100vw);
		margin:25px auto 0;
	}
	.banner-online a {
		display:block;
		-webkit-transition:none;
		transition:none;
	}
	.banner-online a:hover {
		-webkit-transition:none;
		transition:none;
		opacity:1;
	}
}

/*
  ABOUT
--------------------------------------------- */
.about-bg {
	background:url('/wp/wp-content/themes/tanomi/resources/img/pic_brand.jpg') 50% 50% no-repeat;
	background-size:cover;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-bottom:50.78125%;
	height:0;
	position:relative;
}

.about__photo {
	z-index:1;
}

.about__lead {
	font-size:2.5vw;
	position:absolute;
	top:calc(114 / 1280 * 100vw);
	left:calc(820 / 1280 * 100vw);
	z-index:2;
}

.about__title {
	position:absolute;
	width:calc(160 / 1280 * 100vw);
	top:calc(190 / 1280 * 100vw);
	left:calc(820 / 1280 * 100vw);
	z-index:2;
}

.about__description {
	position:absolute;
	left:calc(820 / 1280 * 100vw);
	top:calc(275 / 1280 * 100vw);
	font-size:1.40625vw;
	font-weight:500;
	line-height:1.8;
}

@media screen and (max-width: 767px) {
	.about {
		padding-bottom:calc(128 / 640 * 100vw);
	}
	.about__photo {
		z-index:1;
	}
	.about__lead {
		font-size:10vw;
		position:relative;
		top:inherit;
		left:inherit;
		z-index:2;
		text-align:center;
		padding:calc(26 / 640 * 100vw) 0 calc(90 / 640 * 100vw);
	}
	.about__title {
		position:relative;
		width:calc(320 / 640 * 100vw);
		top:inherit;
		left:inherit;
		margin:0 auto;
		padding:calc(60 / 640 * 100vw) 0 calc(60 / 640 * 100vw);
	}
	.about__description {
		position:relative;
		left:inherit;
		top:inherit;
		font-size:5vw;
		font-weight:500;
		line-height:1.8;
		padding:0 calc(32 / 640 * 100vw) 0;
	}
	.spacing {
		letter-spacing:0.2em;
	}
}

/*
  shop
--------------------------------------------- */
.gutter-wrapper {
	background-color:#ddd;
	padding:calc(16 / 1280 * 100vw);
	overflow:hidden;
}

.gutter-inner {
	background-color:#fff;
	width:100%;
	padding-top:inherit;
	padding-bottom:calc(128 / 1280 * 100vw);
}
.gutter-inner__grey {
	background-color:#f7f7f7;
}
.gutter-inner__grey--mt {
	margin-top:calc(86 / 1280 * 100vw);
}

.shop {
	position:relative;
}
.shop-contents {
	width:calc(1056 / 1280 * 100vw);
	margin:0 auto;
}
.shop-intro {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.shop-floormap-wrapper {
	margin-top:calc((20 / 1280 * 100vw)* -1);
}
.shop-floormap {
	font-size:1.25vw;
	width:calc(308 / 1280 * 100vw);
	border:1px solid #eee;
	background-color:#fff;
}
.shop-floormap__item a {
	-webkit-transition:background 0.5s;
	transition:background 0.5s;
	border-top:1px solid #eee;
	margin-top:-1px;
	height:calc(60 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-left:calc(30 / 1280 * 100vw);
}
.shop-floormap__item a:hover {
	text-decoration:none;
	background-color:#7c4d3a;
	color:#fff;
}
.shop-floormap__item--current {
	background-color:#7c4d3a;
	color:#fff;
	height:calc(60 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-left:calc(30 / 1280 * 100vw);
}
.shop-floormap--floors {
	margin-right:calc(24 / 1280 * 100vw);
}
.shop__heading03 {
	font-size:2.5vw;
	margin-bottom:calc(64 / 1280 * 100vw);
}
.shop__heading03::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 1.8) * 0.5em);
}
.shop__heading03--floor {
	color:#835d4a;
	margin-right:calc(26 / 1280 * 100vw);
}
.shop__detail {
	font-size:1.5625vw;
	line-height:1.8;
	margin-bottom:calc(88 / 1280 * 100vw);
	margin-right:calc(64 / 1280 * 100vw);
}
.shop__detail::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 2) * 0.5em);
}
.shop-photo-full {
	margin:0 calc(50% - 50vw) calc(88 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.shop-photo-full__item {
	width:100%;
}
.shop-photo-full__item img {
	width:100%;
}
.shop-products-horizontal {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/* 子要素をflexboxにより中央に配置する */
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* 子要素をflexboxにより中央に配置する */
	margin-bottom:calc(64 / 1280 * 100vw);
}
.shop-products-horizontal-photo {
	width:calc(592 / 1280 * 100vw);
}
.shop-products-horizontal-text {
	width:calc(464 / 1280 * 100vw);
	text-align:center;
}
.shop-products-horizontal__ttl {
	font-size:2.03125vw;
	margin:0 0 calc(23 / 1280 * 100vw);
}
.shop-products-horizontal__ttl::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 1.8) * 0.5em);
}
.shop-products-horizontal__paragraph {
	font-size:1.25vw;
	line-height:1.8;
}
.shop-products-horizontal__paragraph::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 2) * 0.5em);
}
.shop-products-horizontal__pb {
	width:calc(133 / 1280 * 100vw);
	margin:calc(10 / 1280 * 100vw) auto 0;
}
.shop-products-horizontal--reverse .shop-products-horizontal-photo {
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
}
.shop-products-horizontal--reverse .shop-products-horizontal-text {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.shop .rice__heading {
	font-size:2.03125vw;
	text-align:center;
	padding:calc(64 / 1280 * 100vw) 0 calc(38 / 1280 * 100vw);
}
.shop .rice__heading::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 1.4) * 0.5em);
}
.shop .rice-photo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:calc(28 / 1280 * 100vw);
}
.shop .rice-photo__item {
	width:calc(100% / 3);
}
.shop .rice__text {
	line-height:1.8;
	font-size:1.25vw;
}

@media screen and (max-width: 767px) {
	.gutter-wrapper {
		padding:calc(16 / 640 * 100vw);
		overflow:hidden;
	}
	.gutter-inner {
		padding-bottom:calc(128 / 640 * 100vw);
	}
	.gutter-inner__grey {
		background-color:#f7f7f7;
	}
	.gutter-inner__grey--mt {
		margin-top:0;
	}
	.shop {
		position:relative;
	}
	.shop-contents {
		width:calc(546 / 640 * 100vw);
		margin:0 auto;
	}
	.shop-intro {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.shop-intro-text {
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2;
	}
	.shop-floormap-wrapper {
		margin-top:0;
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
		margin-bottom:0;
	}
	.shop-floormap {
		font-size:5vw;
		width:calc(526 / 640 * 100vw);
		border:1px solid #eee;
		background-color:#fff;
		margin:0 auto;
	}
	.shop-floormap__item a {
		height:calc(104 / 640 * 100vw);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		padding-left:calc(50 / 640 * 100vw);
	}
	.shop-floormap__item a:hover {
		text-decoration:none !important;
		background-color:#fff;
		color:#222;
	}
	.shop-floormap__item--current {
		height:calc(104 / 640 * 100vw);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		padding-left:calc(50 / 640 * 100vw);
	}
	.shop-floormap--floors {
		margin-right:calc(38 / 640 * 100vw);
	}
	.shop__heading03 {
		font-size:8.75vw;
		margin-top:calc(64 / 640 * 100vw);
		margin-bottom:calc(32 / 640 * 100vw);
		padding-left:calc(5 / 640 * 100vw);
	}
	.shop__heading03--floor {
		color:#835d4a;
		margin-right:calc(30 / 640 * 100vw);
	}
	.shop__detail {
		font-size:6.25vw;
		line-height:1.8;
		margin-bottom:calc(64 / 640 * 100vw);
		margin-right:0;
	}
	.shop-photo-full {
		margin:0 calc(50% - 50vw) 0;
		display:block;
		margin-bottom:calc(88 / 640 * 100vw);
	}
	.shop-photo-full__item {
		width:100%;
	}
	.shop-photo-full__item img {
		width:100%;
	}
	.shop-products-horizontal {
		display:block;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		/* 子要素をflexboxにより中央に配置する */
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		/* 子要素をflexboxにより中央に配置する */
		margin-bottom:calc(64 / 640 * 100vw);
	}
	.shop-products-horizontal-photo {
		width:100%;
		margin-bottom:calc(58 / 640 * 100vw);
	}
	.shop-products-horizontal-text {
		width:100%;
		text-align:center;
	}
	.shop-products-horizontal__ttl {
		font-size:7.5vw;
		margin:0 0 calc(30 / 640 * 100vw);
	}
	.shop-products-horizontal__paragraph {
		font-size:5vw;
		line-height:1.8;
	}
	.shop-products-horizontal__pb {
		width:calc(270 / 640 * 100vw);
		margin:calc(16 / 640 * 100vw) auto 0;
	}
	.shop-products-horizontal--reverse .shop-products-horizontal-photo {
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2;
	}
	.shop-products-horizontal--reverse .shop-products-horizontal-text {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}
	.shop .rice__heading {
		font-size:7.5vw;
		text-align:center;
		padding:calc(64 / 640 * 100vw) 0 calc(24 / 640 * 100vw);
	}
	.shop .rice-photo {
		display:block;
		margin-bottom:calc(58 / 640 * 100vw);
	}
	.shop .rice-photo__item {
		width:100%;
	}
	.shop .rice__text {
		font-size:5vw;
	}
}

/*
  ACCESS
--------------------------------------------- */
.access {
	background:#f7f7f7;
	padding:0 0 calc(128 / 1280 * 100vw);
}
.access__notice {
	font-size:1.25vw;
	margin-bottom:calc(48 / 1280 * 100vw);
	text-align:center;
}
.access-horizontal {
	width:calc(1056 / 1280 * 100vw);
	margin:0 auto calc(64 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.access-horizontal-map {
	width:calc(684 / 1280 * 100vw);
}
.access-horizontal-map__ggmap {
	position:relative;
	padding-bottom:60%;
	height:0;
	overflow:hidden;
}
.access-horizontal-map__ggmap iframe, .access-horizontal-map__ggmap object, .access-horizontal-map__ggmap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.access-horizontal-address {
	width:calc(315 / 1280 * 100vw);
	line-height:1.8;
}
.access-horizontal-address__detail {
	line-height:1.8;
	font-size:1.25vw;
	margin-bottom:calc(24 / 1280 * 100vw);
}
.access-horizontal-address__detail--narrow {
	line-height:1.8;
	font-size:1.25vw;
	margin-bottom:0;
}
.access-horizontal-address__detail--narrow a {
	cursor:default;
}
.access-horizontal-address__detail--narrow a:hover {
	text-decoration:none;
}
.access-horizontal-address__button {
	margin-left:auto;
}
.access-horizontal-openhours {
	font-size:1.25vw;
	margin-bottom:calc(40 / 1280 * 100vw);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.access-horizontal-openhours__dt {
	width:45%;
}
.access-horizontal-openhours__dd {
	width:55%;
}

@media screen and (max-width: 767px) {
	.access {
		padding:0 0 calc(128 / 640 * 100vw) .access __heading;
		padding-margin-bottom:calc(56 / 640 * 100vw);
	}
	.access__notice {
		font-size:4.375vw;
		margin-bottom:calc(48 / 640 * 100vw);
		text-align:center;
	}
	.access-horizontal {
		padding:0;
		margin:0 auto calc(64 / 640 * 100vw);
		display:block;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	.access-horizontal-map {
		width:100%;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.access-horizontal-map__ggmap {
		position:relative;
		padding-bottom:100%;
		height:0;
		overflow:hidden;
	}
	.access-horizontal-map__ggmap iframe, .access-horizontal-map__ggmap object, .access-horizontal-map__ggmap embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.access-horizontal-address {
		width:100%;
		line-height:1.8;
	}
	.access-horizontal-address__detail {
		line-height:1.8;
		font-size:4.375vw;
		margin-bottom:calc(24 / 640 * 100vw);
	}
	.access-horizontal-address__detail--narrow {
		font-size:4.375vw;
		margin-bottom:calc(24 / 640 * 100vw);
	}
	.access-horizontal-address__detail--narrow a {
		cursor:default;
	}
	.access-horizontal-address__detail--narrow a:hover {
		text-decoration:none;
	}
	.access-horizontal-address__button {
		margin:0 auto;
	}
	.access-horizontal-openhours {
		font-size:4.375vw;
		margin-bottom:calc(40 / 640 * 100vw);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		width:100%;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.access-horizontal-openhours__dt {
		width:45%;
	}
	.access-horizontal-openhours__dd {
		width:55%;
	}
}

/*
  recruit
--------------------------------------------- */
.recruit {
	width:calc(864 / 1280 * 100vw);
	background-color:#fff;
	margin:0 auto;
}
.recruit-detail {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.recruit-detail-photo {
	width:calc(385 / 1280 * 100vw);
}
.recruit-detail-text {
	padding:calc(53 / 1280 * 100vw) calc(50 / 1280 * 100vw) 0 calc(35 / 1280 * 100vw);
}
.recruit-detail__ttl {
	font-size:2.03125vw;
	margin-bottom:calc(28 / 1280 * 100vw);
}
.recruit-detail__paragraph {
	font-size:1.25vw;
	margin-bottom:calc(28 / 1280 * 100vw);
}

@media screen and (max-width: 767px) {
	.recruit {
		width:calc(576 / 640 * 100vw);
		background-color:#fff;
		margin:0 auto;
	}
	.recruit-detail {
		display:block;
	}
	.recruit-detail-photo {
		width:100%;
	}
	.recruit-detail-text {
		padding:calc(65 / 640 * 100vw) calc(40 / 640 * 100vw) calc(56 / 640 * 100vw) calc(40 / 640 * 100vw);
	}
	.recruit-detail__ttl {
		font-size:7.5vw;
		margin-bottom:calc(50 / 640 * 100vw);
	}
	.recruit-detail__paragraph {
		font-size:5vw;
		margin-bottom:calc(50 / 640 * 100vw);
	}
}

/* Module */
/*
  footer
--------------------------------------------- */
.footer {
	padding:calc(80 / 1280 * 100vw) calc(112 / 1280 * 100vw);
}
.footer__logo {
	width:calc(65 / 1280 * 100vw);
	margin-bottom:calc(80 / 1280 * 100vw);
}
.footer-detail {
	margin-bottom:calc(88 / 1280 * 100vw);
}
.footer-detail__company {
	color:#fff;
	margin-bottom:calc(24 / 1280 * 100vw);
}
.footer-detail__company-address {
	color:rgba(255, 255, 255, 0.4);
	font-size:1.09375vw;
	line-height:2;
}
.footer-detail__company-address a {
	color:rgba(255, 255, 255, 0.4);
}
.footer__cr {
	color:rgba(255, 255, 255, 0.4);
	font-size:14px;
	font-family:'EB Garamond', serif;
}

@media screen and (max-width: 767px) {
	.footer {
		padding:calc(80 / 640 * 100vw) calc(32 / 640 * 100vw);
	}
	.footer__logo {
		width:calc(65 / 640 * 100vw);
		margin-bottom:calc(80 / 640 * 100vw);
	}
	.footer-detail {
		margin-bottom:calc(80 / 640 * 100vw);
	}
	.footer-detail__company {
		color:#fff;
		margin-bottom:calc(24 / 640 * 100vw);
	}
	.footer-detail__company-address {
		font-size:2.34375vw;
	}
	.footer__cr {
		color:rgba(255, 255, 255, 0.4);
		font-size:1.875vw;
		font-family:'EB Garamond', serif;
	}
}

/*
  header
--------------------------------------------- */
.header {
	min-height:calc(64 / 1280 * 100vw);
	width:100%;
	z-index:3;
}
.header-contents {
	position:relative;
	width:100%;
	z-index:3;
}
.header__logo {
	position:absolute;
	width:calc(58 / 1280 * 100vw);
	top:calc(19 / 1280 * 100vw);
	left:calc(26 / 1280 * 100vw);
}
.header-navigation {
	position:absolute;
	right:calc(32 / 1280 * 100vw);
	top:0;
	z-index:3;
}
.header-navigation-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.header-navigation-list__item a {
	font-size:1.25vw;
	-webkit-transition:border-bottom 0.5s;
	transition:border-bottom 0.5s;
	display:block;
	padding:calc(28 / 1280 * 100vw) calc(22 / 1280 * 100vw) calc(20 / 1280 * 100vw) calc(22 / 1280 * 100vw);
	border-bottom:2px solid rgba(124, 77, 58, 0);
}
.header-navigation-list__item a:hover {
	text-decoration:none;
	border-bottom:2px solid #7c4d3a;
}

@media (max-width: 767px) {
	.header {
		min-height:calc(190 / 640 * 100vw);
	}
	.header-contents {
		position:relative;
		width:100%;
		z-index:3;
		background-color:#fff;
		min-height:calc(190 / 640 * 100vw);
	}
	.header__logo {
		position:absolute;
		width:calc(87 / 640 * 100vw);
		top:calc(33 / 640 * 100vw);
		left:calc(32 / 640 * 100vw);
	}
	.header-navigation {
		display:none;
		z-index:4;
		position:absolute;
		right:inherit;
		left:0;
		top:calc(190 / 640 * 100vw);
		background-color:#fff;
		width:100%;
	}
	.header-navigation--open {
		-webkit-transition:all 0.7s;
		transition:all 0.7s;
		display:block;
	}
	.header-navigation-list {
		border-top:1px solid #7c4d3a;
		display:block;
	}
	.header-navigation-list__item a {
		font-size:6.25vw;
		text-align:center;
		-webkit-transition:none;
		transition:none;
		display:block;
		padding:calc(38 / 640 * 100vw) calc(10 / 640 * 100vw) calc(38 / 640 * 100vw) calc(10 / 640 * 100vw);
		border-bottom:1px solid #7c4d3a;
	}
	.header-navigation-list__item a:hover {
		text-decoration:none;
		border-bottom:1px solid #7c4d3a;
	}
	.sp-menu {
		display:block !important;
		background-color:#eee;
		width:calc(92 / 640 * 100vw);
		position:absolute;
		right:calc(30 / 640 * 100vw);
		top:calc(30 / 640 * 100vw);
	}
	.sp-menu a {
		display:block;
		text-align:center;
		font-size:3.125vw;
		padding:calc(20 / 640 * 100vw) 0;
	}
	.sp-menu a:hover {
		text-decoration:none;
	}
}

body.archive-info .header-navigation-list__item--info a, body.single-info .header-navigation-list__item--info a {
	border-bottom:2px solid #7c4d3a;
}

body.archive-blog .header-navigation-list__item--blog a, body.single-blog .header-navigation-list__item--blog a {
	border-bottom:2px solid #7c4d3a;
}

@media (max-width: 767px) {
	body.archive-info .header-navigation-list__item--info a, body.single-info .header-navigation-list__item--info a {
		border-bottom:1px solid #7c4d3a;
	}
	body.archive-blog .header-navigation-list__item--blog a, body.single-blog .header-navigation-list__item--blog a {
		border-bottom:1px solid #7c4d3a;
	}
}

/*
  heading
--------------------------------------------- */
.heading02 {
	text-align:center;
	font-size:3.125vw;
	padding:calc(88 / 1280 * 100vw) 0 calc(56 / 1280 * 100vw);
}
.heading02::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 2) * 0.5em);
}

@media (max-width: 767px) {
	.heading02 {
		font-size:10vw;
		padding:calc(88 / 640 * 100vw) 0 calc(56 / 640 * 100vw);
	}
}

.heading03 {
	text-align:center;
	font-size:2.03125vw;
	padding:calc(64 / 1280 * 100vw) 0 calc(38 / 1280 * 100vw);
}
.heading03::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 2) * 0.5em);
}

@media (max-width: 767px) {
	.heading03 {
		font-size:8.125vw;
		padding:calc(64 / 640 * 100vw) 0 calc(38 / 640 * 100vw);
	}
}

/*
  heading
--------------------------------------------- */
.button-basic a {
	height:calc(64 / 1280 * 100vw);
	padding:0 calc(33 / 1280 * 100vw) 0 calc(33 / 1280 * 100vw);
	text-align:center;
	background:#eee;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	font-size:1.25vw;
}
.button-basic a:hover {
	text-decoration:none;
	opacity:0.7;
}

@media (max-width: 767px) {
	.button-basic a {
		height:calc(128 / 640 * 100vw);
		padding:0 calc(60 / 640 * 100vw) 0 calc(60 / 640 * 100vw);
		text-align:center;
		background:#eee;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-transition:none;
		transition:none;
		font-size:5vw;
	}
	.button-basic a:hover {
		text-decoration:none;
		opacity:1;
	}
}

.button-basic-02 a {
	padding:calc(20 / 1280 * 100vw) calc(24 / 1280 * 100vw);
	text-align:center;
	background:#eee;
	display:inline-block;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	font-size:1.25vw;
	font-weight:bold;
}
.button-basic-02 a:hover {
	text-decoration:none;
	opacity:0.7;
}

.button-basic-02__center {
	text-align:center;
}

.button-basic-02__right {
	text-align:right;
}

.button-basic-02__left {
	text-align:left;
}

@media (max-width: 767px) {
	.button-basic-02 a {
		padding:calc(26 / 640 * 100vw) calc(36 / 640 * 100vw);
		text-align:center;
		background:#eee;
		display:inline-block;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-transition:opacity 0.5s;
		transition:opacity 0.5s;
		font-size:5vw;
	}
	.button-basic-02 a:hover {
		text-decoration:none;
		opacity:0.7;
	}
	.button-basic-02__right {
		text-align:center;
	}
	.button-basic-02__left {
		text-align:center;
	}
}

.button-border a {
	padding:calc(12 / 1280 * 100vw) calc(24 / 1280 * 100vw);
	text-align:center;
	background:#fff;
	display:inline-block;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	border:2px solid #bcbcbc;
	font-size:1.25vw;
}
.button-border a:hover {
	text-decoration:none;
	opacity:0.7;
}

.button-border__center {
	text-align:center;
}

.button-border__right {
	text-align:right;
}

.button-border__left {
	text-align:left;
}

@media (max-width: 767px) {
	.button-border a {
		padding:calc(26 / 640 * 100vw) calc(36 / 640 * 100vw);
		text-align:center;
		background:#fff;
		display:inline-block;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-transition:opacity 0.5s;
		transition:opacity 0.5s;
		border:2px solid #bcbcbc;
		font-size:5vw;
	}
	.button-border a:hover {
		text-decoration:none;
		opacity:0.7;
	}
	.button-border__right {
		text-align:center;
	}
	.button-border__left {
		text-align:center;
	}
}

.article__link {
	display:block;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}

.article-inner {
	padding-right:calc(32 / 1280 * 100vw);
	padding-left:calc(32 / 1280 * 100vw);
}

.article__link:hover {
	text-decoration:none;
	opacity:0.7;
}

.article__heading {
	font-size:1.5625vw;
	padding:calc(24 / 1280 * 100vw) 0 calc(18 / 1280 * 100vw);
}

.article__paragraph {
	font-size:1.25vw;
	margin-bottom:calc(20 / 1280 * 100vw);
	line-height:1.8;
}
.article__paragraph::before {
	content:'';
	display:block;
	height:0;
	width:0;
	margin-top:calc((1 - 2) * 0.5em);
}

.article__tag {
	font-size:1.09375vw;
	margin-bottom:calc(10 / 1280 * 100vw);
}
.article__tag span {
	display:inline-block;
	margin-left:calc(15 / 1280 * 100vw);
}
.article__tag span:first-child {
	margin-left:0;
}

.article__date {
	font-family:'EB Garamond', serif;
	font-size:1.09375vw;
	color:#192d35;
	font-weight:bold;
}

.article_subttl {
	font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	font-weight:normal;
}

.article__slash {
	font-size:1.09375vw;
	padding:0 0 0 calc(4 / 1280 * 100vw);
}

.article__year {
	opacity:0.4;
	padding-left:calc(6 / 1280 * 100vw);
}

.article__tax {
	font-size:1.01563vw;
	opacity:0.4;
}

@media (max-width: 767px) {
	.article__link {
		display:block;
		-webkit-transition:none;
		transition:none;
	}
	.article-inner {
		padding-right:0;
		padding-left:0;
	}
	.article__link:hover {
		opacity:1;
	}
	.article__heading {
		font-size:6.25vw;
		padding:calc(24 / 640 * 100vw) 0 calc(32 / 640 * 100vw);
	}
	.article__paragraph {
		font-size:5vw;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.article__tag {
		font-size:4.375vw;
		margin-bottom:calc(20 / 640 * 100vw);
	}
	.article__tag span {
		display:inline-block;
		margin-left:calc(30 / 640 * 100vw);
	}
	.article__tag span:first-child {
		margin-left:0;
	}
	.article__date {
		font-family:'EB Garamond', serif;
		font-size:5vw;
		color:#192d35;
		font-weight:bold;
	}
	.article__slash {
		font-size:5vw;
		padding:0 0 0 calc(8 / 640 * 100vw);
	}
	.article__year {
		opacity:0.4;
		padding-left:calc(20 / 640 * 100vw);
	}
	.article__tax {
		font-size:3.75vw;
		opacity:0.4;
	}
}

.archive {
	padding-bottom:calc(128 / 1280 * 100vw);
	width:calc(1056 / 1280 * 100vw);
	margin:0 auto;
}

.archive-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:calc(1056 / 1280 * 100vw);
	margin:0 auto;
}
.archive-list__item {
	width:calc(309 / 1280 * 100vw);
	margin-right:calc(64 / 1280 * 100vw);
	margin-top:calc(56 / 1280 * 100vw);
}
.archive-list__item:nth-child(-n+3) {
	margin-top:0;
}
.archive-list__item:nth-child(3n) {
	margin-right:0;
}
.archive-list__item:nth-child(odd) {
	padding-top:calc(32 / 1280 * 100vw);
}
.archive-list__even .archive-list__item:nth-child(odd) {
	padding-top:calc(0 / 1280 * 100vw);
}
.archive-list__even .archive-list__item:nth-child(even) {
	padding-top:calc(32 / 1280 * 100vw);
}

@media (max-width: 767px) {
	.archive {
		width:calc(576 / 640 * 100vw);
		margin:0 auto;
		padding-bottom:calc(128 / 640 * 100vw);
	}
	.archive .heading02 {
		padding-top:calc(64 / 640 * 100vw);
	}
	.archive-list {
		display:block;
		width:100%;
		margin:0 auto;
	}
	.archive-list__item {
		width:100%;
		margin-right:0;
		margin-top:calc(64 / 640 * 100vw);
	}
	.archive-list__item:nth-child(-n+3) {
		margin-top:calc(64 / 640 * 100vw);
	}
	.archive-list__item:nth-child(odd) {
		padding-top:inherit;
	}
	.archive-list__item:first-child {
		margin-top:0;
	}
	.archive-list__even .archive-list__item:nth-child(odd) {
		padding-top:inherit;
	}
	.archive-list__even .archive-list__item:nth-child(even) {
		padding-top:inherit;
	}
}

.information {
	padding-bottom:calc(128 / 1280 * 100vw);
}
.information--bg-grey {
	background-color:#fbfbfb;
}

.slide-navigation {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:calc(30 / 1280 * 100vw);
}

.slide-pagenation {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.swiper-slide:nth-child(odd) {
	padding-top:calc(32 / 1280 * 100vw);
}

.swiper-button-prev {
	background-color:#f7f7f7;
	width:calc(64 / 1280 * 100vw);
	height:calc(64 / 1280 * 100vw);
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/* 子要素をflexboxにより中央に配置する */
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* 子要素をflexboxにより中央に配置する */
}
.swiper-button-prev img {
	width:calc(14 / 1280 * 100vw) !important;
}

.swiper-button-next {
	background-color:#f7f7f7;
	width:calc(64 / 1280 * 100vw);
	height:calc(64 / 1280 * 100vw);
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/* 子要素をflexboxにより中央に配置する */
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* 子要素をflexboxにより中央に配置する */
}
.swiper-button-next img {
	width:calc(14 / 1280 * 100vw) !important;
}

.swiper-button-disabled {
	opacity:0.3;
}

.swiper-wrapper-all {
	width:100%;
	overflow:hidden;
}

.swiper-container {
	width:calc(1120 / 1280 * 100%);
}

.swiper-slide {
	opacity:0.5;
}

.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + .swiper-slide {
	opacity:1;
}

@media (max-width: 767px) {
	.information {
		padding-bottom:calc(128 / 640 * 100vw);
	}
	.slide-navigation {
		width:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-top:calc(80 / 640 * 100vw);
	}
	.slide-pagenation {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	.swiper-slide:nth-child(odd) {
		padding-top:0;
	}
	.swiper-button-prev {
		width:calc(128 / 640 * 100vw);
		height:calc(128 / 640 * 100vw);
		cursor:pointer;
		background:url(/wp/wp-content/themes/tanomi/resources/img/button-prev.svg) 50% 50% no-repeat #f7f7f7;
	}
	.swiper-button-prev img {
		width:calc(28 / 640 * 100vw) !important;
	}
	.swiper-button-next {
		background-color:#f7f7f7;
		width:calc(128 / 640 * 100vw);
		height:calc(128 / 640 * 100vw);
		cursor:pointer;
		background:url(/wp/wp-content/themes/tanomi/resources/img/button-next.svg) 50% 50% no-repeat #f7f7f7;
	}
	.swiper-button-next img {
		width:calc(28 / 640 * 100vw) !important;
	}
	.swiper-button-disabled {
		opacity:0.3;
	}
	.swiper-wrapper-all {
		width:calc(576 / 640 * 100vw);
		margin:auto;
		overflow:hidden;
	}
	.swiper-container {
		width:100%;
	}
	.swiper-slide {
		opacity:1;
	}
	.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + .swiper-slide {
		opacity:1;
	}
}

.introduce-shop {
	background-color:#ddd;
	padding:calc(16 / 1280 * 100vw);
}
.introduce-shop-gutter {
	background-color:#fff;
}
.introduce-shop-contents {
	width:calc(1056 / 1280 * 100vw);
	margin:0 auto;
	padding:calc(128 / 1280 * 100vw) 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.introduce-shop-photo {
	width:calc(496 / 1280 * 100vw);
}
.introduce-shop-text {
	width:calc(496 / 1280 * 100vw);
}
.introduce-shop__heading {
	font-size:2.03125vw;
	margin-bottom:calc(26 / 1280 * 100vw);
}
.introduce-shop__detail {
	line-height:2;
	font-size:1.25vw;
	margin-bottom:calc(20 / 1280 * 100vw);
}

@media (max-width: 767px) {
	.introduce-shop {
		background-color:#ddd;
		padding:calc(16 / 640 * 100vw);
	}
	.introduce-shop-gutter {
		background-color:#fff;
	}
	.introduce-shop-contents {
		width:calc(546 / 640 * 100vw);
		padding:calc(128 / 640 * 100vw) 0;
		margin:0 auto;
		display:block;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	.introduce-shop-photo {
		width:calc(546 / 640 * 100vw);
		margin-bottom:calc(64 / 640 * 100vw);
	}
	.introduce-shop-text {
		width:calc(546 / 640 * 100vw);
	}
	.introduce-shop__heading {
		font-size:7.5vw;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.introduce-shop__detail {
		line-height:2;
		font-size:5vw;
		margin-bottom:calc(64 / 640 * 100vw);
	}
}

.wp-pagenavi {
	text-align:center;
	margin-top:calc(64 / 1280 * 100vw);
	/*その他、必要があれば以下のクラスにcssを指定する*/
}
.wp-pagenavi .pages {
	display:none;
}
.wp-pagenavi span, .wp-pagenavi a {
	/*数字部分の共通CSS　大きさなど*/
	font-family:'EB Garamond', serif;
	display:inline-block;
	padding:calc(22 / 1280 * 100vw);
	color:#192d35;
	line-height:1;
	font-size:1.875vw;
	text-decoration:none;
}
.wp-pagenavi span.current, .wp-pagenavi span:hover, .wp-pagenavi a.current, .wp-pagenavi a:hover {
	/*現在のページ*/
	color:rgba(25, 45, 53, 0.3);
}
.wp-pagenavi .previouspostslink {
	display:inline-block;
	padding:calc(20 / 1280 * 100vw) calc(32 / 1280 * 100vw);
	cursor:pointer;
	background:url(/wp/wp-content/themes/tanomi/resources/img/button-prev.svg) 50% 50% no-repeat #f7f7f7;
	text-indent:-9999px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background-size:22%;
}
.wp-pagenavi .nextpostslink {
	display:inline-block;
	padding:calc(20 / 1280 * 100vw) calc(32 / 1280 * 100vw);
	cursor:pointer;
	background:url(/wp/wp-content/themes/tanomi/resources/img/button-next.svg) 50% 50% no-repeat #f7f7f7;
	text-indent:-9999px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background-size:22%;
}

@media (max-width: 767px) {
	.wp-pagenavi {
		text-align:center;
		margin-top:calc(64 / 640 * 100vw);
		/*その他、必要があれば以下のクラスにcssを指定する*/
	}
	.wp-pagenavi .pages {
		display:none;
	}
	.wp-pagenavi span, .wp-pagenavi a {
		/*数字部分の共通CSS　大きさなど*/
		font-family:'EB Garamond', serif;
		display:inline-block;
		padding:calc(22 / 640 * 100vw);
		color:#192d35;
		line-height:1;
		font-size:5vw;
		text-decoration:none;
	}
	.wp-pagenavi span.current, .wp-pagenavi span:hover, .wp-pagenavi a.current, .wp-pagenavi a:hover {
		/*現在のページ*/
		color:rgba(25, 45, 53, 0.3);
	}
	.wp-pagenavi .previouspostslink {
		display:inline-block;
		padding:calc(20 / 640 * 100vw) calc(32 / 640 * 100vw);
		cursor:pointer;
		background:url(/wp/wp-content/themes/tanomi/resources/img/button-prev.svg) 50% 50% no-repeat #f7f7f7;
		text-indent:-9999px;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		background-size:22%;
	}
	.wp-pagenavi .nextpostslink {
		display:inline-block;
		padding:calc(20 / 640 * 100vw) calc(32 / 640 * 100vw);
		cursor:pointer;
		background:url(/wp/wp-content/themes/tanomi/resources/img/button-next.svg) 50% 50% no-repeat #f7f7f7;
		text-indent:-9999px;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		background-size:22%;
	}
}

.singlepost {
	width:calc(1056 / 1280 * 100vw);
	margin:calc(88/ 1280 * 100vw) auto calc(64 / 1280 * 100vw);
}
.singlepost img {
	width:inherit !important;
}
.singlepost .aligncenter {
	text-align:center;
}
.singlepost .alignright {
	text-align:right;
}
.singlepost .alignleft {
	text-align:left;
}
.singlepost h1 {
	font-size:3.125vw;
	line-height:1.5;
	margin-bottom:calc(56 / 1280 * 100vw);
}
.singlepost .article__tag {
	font-size:1.40625vw;
}
.singlepost .post-utility {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:calc(32 / 1280 * 100vw);
}
.singlepost .post-dateblock {
	font-family:'EB Garamond', serif;
	font-size:1.40625vw;
	color:#192d35;
	font-weight:bold;
}
.singlepost .post__month {
	margin-right:calc(4 / 1280 * 100vw);
}
.singlepost .post__date {
	margin-left:calc(4 / 1280 * 100vw);
}
.singlepost .post__year {
	color:#a3abae;
	margin-left:calc(16 / 1280 * 100vw);
}
.singlepost .share {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	vertical-align:bottom;
}
.singlepost .share__title {
	color:#192d35;
	font-size:1.5625vw;
	margin-right:calc(16 / 1280 * 100vw);
}
.singlepost .share-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.singlepost .share-list__item {
	margin-right:calc(16 / 1280 * 100vw);
	width:calc(18 / 1280 * 100vw);
	margin-bottom:calc(6 / 1280 * 100vw);
}
.singlepost .share-list__item img {
	width:100% !important;
}
.singlepost .share-list__item:last-child {
	margin-right:0;
}
.singlepost .wp-block-image {
	margin-bottom:calc(64 / 1280 * 100vw);
}
.singlepost .wp-block-image img {
	width:100% !important;
}
.singlepost .wp-block-image figcaption {
	margin-top:calc(20 / 1280 * 100vw);
	font-size:0.9375vw;
}
.singlepost p {
	font-size:1.25vw;
	line-height:1.8;
	margin-bottom:calc(32 / 1280 * 100vw);
}
.singlepost p strong {
	font-weight:bold;
}
.singlepost p em {
	font-style:italic;
}
.singlepost p a {
	color:#7c4d3a;
	text-decoration:underline;
}
.singlepost hr.wp-block-separator {
	margin:calc(64 / 1280 * 100vw) 0;
	border:2px solid #eee;
}
.singlepost h2 {
	font-size:2.5vw;
	margin-bottom:calc(38 / 1280 * 100vw);
	padding-top:calc(38 / 1280 * 100vw);
}
.singlepost h3 {
	font-size:2.03125vw;
	margin-bottom:calc(24 / 1280 * 100vw);
}
.singlepost h4 {
	font-size:1.5625vw;
	margin-bottom:calc(24 / 1280 * 100vw);
}
.singlepost .wp-block-columns {
	margin-bottom:calc(32 / 1280 * 100vw);
}
.singlepost .wp-block-columns .wp-block-image {
	margin-bottom:calc(32 / 1280 * 100vw);
}
.singlepost .has-3-columns {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.singlepost .has-3-columns .wp-block-column {
	width:calc(309 / 1280 * 100vw);
}
.singlepost .has-2-columns {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.singlepost .has-2-columns .wp-block-column {
	width:calc(496 / 1280 * 100vw);
}
.singlepost .wp-block-media-text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:calc(64 / 1280 * 100vw);
}
.singlepost .wp-block-media-text .wp-block-media-text__media {
	width:calc(309 / 1280 * 100vw);
	margin-right:calc(64/ 1280 * 100vw);
}
.singlepost .has-media-on-the-right .wp-block-media-text__media {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	width:calc(309 / 1280 * 100vw);
	margin-left:calc(64/ 1280 * 100vw);
	margin-right:0;
}
.singlepost .wp-block-button {
	margin-bottom:calc(64 / 1280 * 100vw);
}
.singlepost .wp-block-button__link {
	padding:calc(20 / 1280 * 100vw) calc(24 / 1280 * 100vw);
	text-align:center;
	background:#eee;
	display:inline-block;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	border-radius:0 !important;
	color:#222;
	font-size:1.25vw;
}
.singlepost .wp-block-button__link:hover {
	text-decoration:none;
	color:rgba(34, 34, 34, 0.7) !important;
}
.singlepost .wp-block-embed-youtube {
	width:70%;
	margin:0 auto;
}
.singlepost .wp-block-embed__wrapper {
	position:relative;
	padding-bottom:56.25%;
	/*アスペクト比 16:9の場合の縦幅*/
	height:0;
	overflow:hidden;
	margin-bottom:calc(64 / 1280 * 100vw);
}
.singlepost .wp-block-embed__wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media (max-width: 767px) {
	.singlepost {
		width:calc(576 / 640 * 100vw);
		margin:calc(64 / 640 * 100vw) auto calc(64 / 640 * 100vw);
	}
	.singlepost img {
		width:inherit !important;
	}
	.singlepost h1 {
		font-size:10vw;
		margin-bottom:calc(56 / 640 * 100vw);
	}
	.singlepost .article__tag {
		font-size:5.625vw;
	}
	.singlepost .post-utility {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost .post-dateblock {
		font-family:'EB Garamond', serif;
		font-size:5.625vw;
	}
	.singlepost .post__month {
		margin-right:calc(6 / 640 * 100vw);
	}
	.singlepost .post__date {
		margin-left:calc(4 / 640 * 100vw);
	}
	.singlepost .post__year {
		color:#a3abae;
		margin-left:calc(16 / 640 * 100vw);
	}
	.singlepost .share {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		padding-top:calc(64 / 640 * 100vw);
	}
	.singlepost .share__title {
		color:#192d35;
		font-size:6.25vw;
		margin-right:calc(16 / 640 * 100vw);
	}
	.singlepost .share-list {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.singlepost .share-list__item {
		margin-right:calc(16 / 640 * 100vw);
		width:calc(50 / 640 * 100vw);
	}
	.singlepost .share-list__item:last-child {
		margin-right:0;
	}
	.singlepost .wp-block-image {
		margin-bottom:calc(64 / 640 * 100vw);
	}
	.singlepost .wp-block-image img {
		width:100% !important;
	}
	.singlepost .wp-block-image figcaption {
		margin-top:calc(20 / 640 * 100vw);
		font-size:3.75vw;
	}
	.singlepost p {
		font-size:5vw;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost p strong {
		font-weight:bold;
	}
	.singlepost p em {
		font-style:italic;
	}
	.singlepost p a {
		color:#7c4d3a;
		text-decoration:underline;
	}
	.singlepost hr.wp-block-separator {
		margin:calc(64 / 640 * 100vw) 0;
		border:2px solid #eee;
	}
	.singlepost h2 {
		font-size:8.75vw;
		margin-bottom:calc(38 / 640 * 100vw);
		padding-top:calc(38 / 640 * 100vw);
	}
	.singlepost h3 {
		font-size:7.5vw;
		margin-bottom:calc(24 / 640 * 100vw);
	}
	.singlepost h4 {
		font-size:6.25vw;
		margin-bottom:calc(24 / 640 * 100vw);
	}
	.singlepost .wp-block-columns {
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost .wp-block-columns .wp-block-image {
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost .has-3-columns {
		display:block;
	}
	.singlepost .has-3-columns .wp-block-column {
		width:100%;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost .has-2-columns {
		display:block;
	}
	.singlepost .has-2-columns .wp-block-column {
		width:100%;
		margin-bottom:calc(32 / 640 * 100vw);
	}
	.singlepost .wp-block-media-text {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		margin-bottom:calc(64 / 640 * 100vw);
	}
	.singlepost .wp-block-media-text .wp-block-media-text__media {
		width:100%;
		margin-right:0;
		margin-bottom:calc(32/ 640 * 100vw);
	}
	.singlepost .has-media-on-the-right .wp-block-media-text__media {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
		width:100%;
		margin-bottom:calc(32/ 640 * 100vw);
		margin-left:0;
		margin-right:0;
	}
	.singlepost .has-media-on-the-right .wp-block-media-text__content {
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2;
	}
	.singlepost .wp-block-button {
		margin-bottom:calc(64 / 640 * 100vw);
	}
	.singlepost .wp-block-button__link {
		padding:calc(45 / 640 * 100vw) calc(28 / 640 * 100vw);
		text-align:center;
		background:#eee;
		display:inline-block;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-transition:none;
		transition:none;
		border-radius:0 !important;
		color:#222;
		font-size:5vw;
	}
	.singlepost .wp-block-button__link:hover {
		text-decoration:none;
		color:#222 !important;
	}
	.singlepost .wp-block-embed-youtube {
		width:100%;
		margin:0 auto;
	}
}
