@charset "UTF-8";

.flex{ --margin:40px; }
@media screen and (max-width: 768px){
	.flex{ --margin:20px; }
}

/**
 * 全体
----------------------------------------------------------------*/
/* フォント */

/* ボディ */
body{
	font-size:14px;
	line-height:1.7;
	color:rgb(0,0,0);
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* カラー・背景 */
:root{
	--cx:rgb(200,22,30);
	--cx-alpha:rgba(200,22,30,0.8);
	--water:rgb(41,168,223);
	--green:rgb(137,195,63);
	--water-hover:rgb(0,113,185);
	--green-hover:rgb(0,143,69);
}
body#tarafuku{
	--cx:rgba(200,22,30);
	--cx-alpha:rgba(200,22,30,.8);
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/bg_tarafuku.jpg") scroll repeat center top;
}
body#nikubar{
	--cx:rgba(115,99,87);
	--cx-alpha:rgba(115,99,87,.8);
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/bg_nikubar.jpg") scroll repeat center top;
}
body#hormon{
	--cx:rgba(119,150,165);
	--cx-alpha:rgba(119,150,165,.8);
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/bg_hormon.jpg") scroll repeat center top;
}

/**
 * プロトタイプ
----------------------------------------------------------------*/
img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
em{
	font-style:normal;
	color:rgb(200,22,30);
}
p{ text-align:justify; }
.c{ text-align:center; }
.r{ text-align:right; }
.l{ text-align:left; }
.gm > iframe{ height:400px; }
.tel{
	color:inherit;
	text-decoration:none;
}
.relative{ position:relative; }
strong.big{ font-size:150%; }
strong.xbig{ font-size:200%; }
@media screen and (max-width: 768px){
	.safeimg{ max-width:240px; }
}
@media screen and (max-width: 240px){
	.safeimg{ max-width:100%; }
}

/* 1カラム */
.one{ margin:40px; }
@media screen and (max-width: 768px){
	.one{ margin:40px 20px; }
}

/* インラインリンク */
.inlinelink{
	color:rgb(200,22,30);
	transition:color .2s;
}
.inlinelink.hover{ color:rgb(222,115,120); }

/* GoogleMaps */
.gm > iframe{ height:400px; }

/* YouTube */
.yt > a{ transition:opacity .2s; }
.yt > a.hover{ opacity:.8; }
.yt{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
.yt > iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* マウスオーバー */
.hoverable.opacity{
	transition:opacity .2s;
	display:block;
}
.hoverable.opacity.hover{ opacity:.7; }

/* マージン */
.tmargin{ padding-top:80px;}
.bmargin{ padding-bottom:80px; }
.tmargin.-narrow{ padding-top:40px;}
.bmargin.-narrow{ padding-bottom:40px; }
.tmargin.-min{ padding-top:20px;}
.bmargin.-min{ padding-bottom:20px; }

/* レイアウト */
.base{
	max-width:1024px;
	margin:0 auto;
	box-sizing:border-box;
}
.base.-narrow{ max-width:768px; }
.base.-xnarrow{ max-width:512px; }
@media screen and (max-width: 768px){
	.base.-smart{ max-width:375px; }
}

/* セーフマージン */
.safe{ padding:40px; }
.safeside{ padding:0 40px; }
@media screen and (max-width: 768px){
	.safe{ padding:20px; }
	.safeside{ padding:0 20px; }
}

/* 分岐 */
.sp{ display:none; }
@media screen and (max-width: 768px){
	.pc{ display:none; }
	.sp{ display:block; }
}

/* タブレット分岐画像 */
.cimage_tab > :last-child{ display:none; }
@media screen and (max-width: 1024px){
	.cimage_tab > :first-child{ display:none; }
	.cimage_tab > :last-child{ display:block; }
}

/* 水平線 */
.hr{
	display:block;
	background:#ccc;
	border:0;
	margin:10px 0;
}

/* スクロール */
.scrollable{
	transition:opacity 1s;
	opacity:0;
}
.scrollable.scrolled{ opacity:1; }
 
/* テーブル */
.table{
	width:100%;
	border-top:1px solid rgb(0,0,0);
}
.table th,
.table td{
	border-bottom:1px solid rgb(0,0,0);
	padding:.5em;
}
@media screen and (max-width: 768px){
	.table{ font-size:14px; }
}

/* ラベル */
.labels{
	padding:15px 0;
	font-size:16px;
}
.labels th{
	vertical-align:top;
	padding-right:10px;
}
.labels th,
.labels td{
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
}
.label{
	background:rgb(200,22,30);
	width:110px;
}
@media screen and (max-width: 768px){
	.labels{ font-size:14px; }
	.label{ width:80px; }
}

/* 電話アイコン */
.telicon::before{
	content:'';
	width:1em;
	height:1em;
	display:inline-block;
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/phone_black.png") scroll no-repeat center center / contain;
}
.telicon.water::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/phone_water.png"); }
.telicon.red::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/phone_red.png"); }
.telicon.white::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/phone_white.png"); }

/* 通常リスト */
.normallist > li{
	text-align:justify;
	font-size:20px;
}
.normallist > li:before{
	content:'●';
	color:rgb(200,22,30);
}

/* インラインリスト */
.inlinelist > li{
	display:inline;
	text-align:justify;
}
.inlinelist > li:not(:last-child){ margin-right:5px; }
.inlinelist > li:before{
	content:'●';
	color:rgb(200,22,30);
}

/* 漢数字番号付きリスト */
ol.kanjilist > li{
	list-style:cjk-ideographic inside;
	font-size:18px;
	padding:4px 0;
	font-weight:bold;
}

/* 段組み */
.multicolumn{ column-count:2; }
@media screen and (max-width: 768px){
	.multicolumn{ column-count:1; }
}

/* グリッド */
.grid > section{
	padding-bottom:40px;
	position:relative;
}
.grid > section > figure{ margin-bottom:10px; }
.grid > section > figure > a{ transition:opacity .2s; }
.grid > section > figure > a.hover{ opacity:.7; }
.grid > section > h2,
.grid > section > h3,
.grid > section > h4,
.grid > section > h5,
.grid > section > h6{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}
.grid > section > h2 > small,
.grid > section > h3 > small,
.grid > section > h4 > small,
.grid > section > h5 > small,
.grid > section > h6 > small{
	font-size:80%;
	font-weight:normal;
	color:rgb(200,22,30);
	display:block;
}
.grid.numbering{ counter-reset:number; }
.grid.numbering > section > h2,
.grid.numbering > section > h3,
.grid.numbering > section > h4,
.grid.numbering > section > h5,
.grid.numbering > section > h6{
	position:relative;
	padding-left:34px;
}
.grid.numbering > section > h2::before,
.grid.numbering > section > h3::before,
.grid.numbering > section > h4::before,
.grid.numbering > section > h5::before,
.grid.numbering > section > h6::before{
	counter-increment:number;
	content:counter(number) ". ";
	content:counter(number);
	background:rgb(200,22,30);
	color:white;
	border-radius:50%;
	margin-right:4px;
	font-size:12px;
	line-height:28px;
	text-align:center;
	width:28px;
	height:28px;
	top:0;
	left:0;
	display:block;
	position:absolute;
}

/* 背景 */
.bg_white{ background:white; }

/* バナー*/
.banners{
	text-align:center;
	padding:20px;
}
.banner{
	display:inline-block;
	transition:opacity .2s;
	max-width:384px;
}
.banner.hover{ opacity:.7; }

/* ボタン */
.buttons{
	text-align:center;
	padding:10px;
}
.button{
	display:inline-block;
	font-size:20px;
	line-height:30px;
	padding:15px 60px;
	color:white;
	margin:10px;
	transition:background .2s;
	box-sizing:border-box;
	position:relative;
	width:280px;
	background:rgb(200,22,30);
	border-radius:10px;
}
.button::after{
	position:absolute;
	top:0;
	right:0;
	content:'';
	display:inline-block;
	width:60px;
	height:60px;
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/arrow.png") scroll no-repeat center center / contain;
}
.button.min{
	font-size:14px;
	line-height:20px;
	padding:10px;
	width:auto;
	border-radius:4px;
	text-align:center;
}
.button.min::after{ content:none; }
.button.hover{ background:rgb(172,-95,-83); }
.button.water{ background:var(--water); }
.button.water.hover{ background:var(--water-hover); }
.button.green{ background:var(--green); }
.button.green.hover{ background:var(--green-hover); }
.button.icon{ padding:10px 20px 10px 50px; }
.button.icon.map{ background-color:rgb(96,96,96); }
.button.icon.reservation{ background-color:var(--water); }
.button.icon.phone{ background-color:var(--green); }
.button.icon.gurunavi{ background-color:rgb(214,58,47); }
.button.icon.map.hover{ background-color:rgb(60,60,60); }
.button.icon.reservation.hover{ background-color:var(--water-hover); }
.button.icon.phone.hover{ background-color:var(--green-hover); }
.button.icon.gurunavi.hover{ background-color:rgb(200,22,30); }
.button.icon::before{
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:inline-block;
	width:40px;
	height:40px;
	background:scroll no-repeat center center / contain;
}
.button.icon.map::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/gm.png"); }
.button.icon.reservation::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/reservation.png"); }
.button.icon.phone::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/phone_white.png"); }
.button.icon.gurunavi::before{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/icons/gurunavi.png"); }
@media screen and (max-width: 768px){
	.button{
		font-size:16px;
		line-height:30px;
		padding:10px 50px;
	}
	.button::after{
		width:50px;
		height:50px;
	}
	.button.min{
		padding:10px 30px 10px;
		display:block;
		margin:10px -10px;
	}
	.button.min::after{
		width:30px;
		height:30px;
		margin:5px 0;
	}
}
@media screen and (max-width: 640px){
	.button{ width:auto; }
}

/* 見出し */
.h2{
	background:rgb(0,0,0);
	color:white;
	font-size:36px;
	font-weight:bold;
	padding:0 20px;
	line-height:1.3;
	text-align:center;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:middle;
	flex-direction:column;
	height:150px;
	box-sizing:border-box;
}
.h2 > small{
	display:block;
	font-size:14px;
	letter-spacing:.1em;
}
body#tarafuku .h2::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/h2_tarafuku.png") scroll no-repeat right top / contain;
	opacity:.2;
}
body#nikubar .h2{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/h2_nikubar.png") scroll no-repeat center 40px / 200px;
	height:200px;
	padding-top:60px;
	box-sizing:content-box;
	color:rgb(0,0,0);
}
body#nikubar .h2.white{
	background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/h2_nikubar_white.png");
	color:white;
}
body#nikubar .h2::after{ content:none; }
body#nikubar .h2 > small::before{
	width:150px;
	height:3px;
	display:block;
	content:'';
	margin:4px auto;
	background:rgb(200,22,30);
}
body#nikubar .h2.white > small::before{ background:white; }
body#hormon .h2{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/brands/h2_hormon.png") scroll no-repeat center 60px / 200px;
	height:200px;
	padding-top:80px;
	box-sizing:content-box;
	color:rgb(0,0,0);
}
body#hormon .h2::after{ content:none; }
body#hormon .h2 > small::before{
	width:150px;
	height:3px;
	display:block;
	content:'';
	margin:4px auto;
	background:rgb(200,22,30);
}
.h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
body#nikubar .h3_icon{
	display:flex;
	margin-bottom:10px;
}
body#nikubar .h3_icon > div{ font-size:20px; }
body#nikubar .h3_icon > figure{
	min-width:70px;
	max-width:70px;
}
body#hormon .h3{
	border-bottom:3px solid rgb(200,22,30);
	margin-bottom:20px;
}
.h4{
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
}
@media screen and (max-width: 768px){
	.h2{
		font-size:22px;
		line-height:1.5;
		height:100px;
	}
	.h3{ font-size:18px; }
}

/* リードコピー */
.leadcopy{
	font-size:36px;
	line-height:50px;
	padding-bottom:10px;
}
@media screen and (max-width: 768px){
	.leadcopy{
		font-size:20px;
		line-height:30px;
	}
}

/* リードサマリー */
.leadsummary{
	padding:60px 20px;
}
.leadsummary > h3{
	font-size:36px;
	line-height:50px;
	padding-bottom:10px;
	text-align:center;
}
.leadsummary > p{
	font-size:20px;
	line-height:1.8;
	text-align:center;
}
@media screen and (max-width: 768px){
	.leadsummary > p{ font-size:16px; }
	.leadsummary > p br{ display:none; }
}

/* 文章 */
.summary{
	font-size:20px;
	line-height:1.8;
	text-align:center;
	padding:20px 20px 40px;
}
@media screen and (max-width: 768px){
	.summary{
		font-size:16px;
		text-align:justify;
	}
}

/* 水平線 */
.hr{
	border:1px solid #ccc;
	margin:20px 0;
}

/* ページャー */
.pager > ul{
	padding:20px;
	text-align:center;
}
.pager > ul > li{ display:inline-block; }
.pager > ul > li > *{
	width:20px;
	padding:10px;
	text-align:center;
	display:inline-block;
}
.pager > ul > li > span{ background:rgb(249,231,232); }
.pager > ul > li > a{
	background:rgb(200,22,30);
	color:white;
	transition:background .2s;
}
.pager > ul > li > a.hover{ background:rgb(172,-95,-83); }
.pager > ul > li:first-child > *{ border-radius:4px 0 0 4px; }
.pager > ul > li:last-child > *{ border-radius:0 4px 4px 0; }

/* メニューパネル */
.menupanel > ul{
	display:flex;
	flex-wrap:wrap;
	lign-items:stretch;
	padding:40px 20px;
}
.menupanel > ul > li{ width:50%; }
.menupanel > ul > li > a{
	display:block;
	background:rgba(255,255,255,.4);
	border-left:1px solid #ccc;
	padding:8px 16px;
	font-size:18px;
	color:rgb(0,0,0);
	border-bottom:1px solid #ccc;
	text-align:center;
	transition:background .2s, color .2s;
	height:100%;
	box-sizing:border-box;
}
.menupanel > ul > li:nth-child(even) > a{
	display:block;
	border-right:1px solid #ccc;
}
.menupanel > ul > li:nth-child(1) > a,
.menupanel > ul > li:nth-child(2) > a{ border-top:1px solid #ccc; }
.menupanel > ul > li:nth-child(1) > a{ border-radius:10px 0 0 0; }
.menupanel > ul > li:nth-child(2) > a{ border-radius:0 10px 0 0; }
.menupanel > ul > li:nth-last-child(2):nth-child(odd) > a,
.menupanel > ul > li:nth-last-child(1):nth-child(odd) > a{ border-radius:0 0 0 10px; }
.menupanel > ul > li:nth-last-child(1):nth-child(even) > a{ border-radius:0 0 10px 0; }
.menupanel > ul > li > a.hover{
	background:rgba(200,22,30,0.8);
	color:white;
}
@media screen and (max-width: 768px){
	.menupanel > ul > li > a{ font-size:16px; }
}

/**
 * ヘッダー
----------------------------------------------------------------*/
#bnav{ background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/theme/bg_header.jpg") scroll no-repeat center center / cover; }
#bnav > ul{
	display:flex;
	justify-content:center;
	padding:5px;
}
#bnav > ul > li > a{
	display:block;
	margin:5px;
	transition:background .2s;
	border-radius:5px;
}
#bnav > ul > li > a.hover{ background:rgba(255,255,255,.1); }
#bnav > ul > li > a > img{ max-height:60px; }
@media screen and (max-width: 768px){
	#bnav{ display:none; }
}

/**
 * ロゴ
----------------------------------------------------------------*/
/* ロゴ共通 */
.logo{
	text-align:center;
}
.logo > a{
	transition:opacity .2s;
	display:inline-block;
}
.logo > a.hover{ opacity:.7; }
.logo > a > img{ max-height:100px; }

/* ヘッダーロゴ */
#logo{ background:rgb(0,0,0); }
#logo > a > img{ max-height:120px; }
@media screen and (max-width: 768px){
	#logo > a > img{ max-height:60px; }
}

/* スマホロゴ */
#splogo{ display:none; }
@media screen and (max-width: 768px){
	#splogo{ display:block; }
}

/**
 * メニュー
----------------------------------------------------------------*/
#menu{
	background:var(--cx-alpha);
	position:absolute;
	left:0;
	right:0;
	z-index:1;
}
@media screen and (max-width: 768px){
	#menu{
		padding-top:50px;
		display:none;
		background:rgba(0,0,0,0.9);
		position:fixed;
		top:0;
		bottom:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		z-index:100000;
	}
	body.clicked #menu{ display:block; }
}

/* グロナビ */
#gnav > ul{
	display:flex;
	justify-content:center;
}
#gnav > ul > li > a{
	display:block;
	color:white;
	text-align:center;
	font-size:24px;
	padding:8px 14px;
	letter-spacing:.1em;
	line-height:1.3;
	transition:background .2s;
}

/* メニュー */
#gnav > ul > li > a.hover{ background:var(--cx); }
#gnav > ul > li > a > small{
	display:block;
	font-size:14px;
	letter-spacing:0;
}
@media screen and (max-width: 768px){
	#gnav > ul{ flex-direction:column; }
}

/* 総合ナビ */
#spnav{
	display:none;
	border-top:1px solid rgba(255,255,255,.3);
	margin-top:20px;
}
.generalnav > ul{
	display:flex;
	flex-wrap:wrap;
	padding:0 10px;
}
.generalnav > ul > li{
	width:33.3333%;
	margin:20px 0;
}
.generalnav > ul > li > a{
	transition:background .2s;
	display:block;
	margin-bottom:6px;
}
.generalnav > ul > li > a.hover{ background:rgba(255,255,255,.2); }
.generalnav > ul > li > ul > li > a{
	color:white;
	text-align:center;
	transition:background .2s, color .2s;
	padding:0 10px;
}
.generalnav > ul > li > ul > li > a.hover{ color:var(--cx); }
@media screen and (max-width: 768px){
	#spnav{
		display:block;
		padding-bottom:80px;
	}
	.generalnav > ul{ padding:0 10px; }
	.generalnav > ul > li{ width:50%; }
	.generalnav > ul > li > ul > li > a{
		text-align:center;
		padding:4px;
		display:block;
	}
	.generalnav > ul > li > ul > li > a.hover{
		background:var(--cx);
		color:white;
	}
}

/* ハンバーガーメニュー */
@media screen and (max-width: 768px){
	#open{
		position:fixed;
		top:0;
		right:0;
		background:rgba(255,255,255,.5);
		border:0;
		width:50px;
		transition:background .2s;
		z-index:100000;
		cursor:pointer;
	}
	#open.hover{ background:rgba(204,204,204,0.5); }
	body.clicked #open{ display:none; }
}

/* クローズボタン */
@media screen and (max-width: 768px){
	#close{
		position:fixed;
		top:0;
		right:0;
		background:rgba(255,255,255,.5);
		border:0;
		width:50px;
		transition:background .2s;
		z-index:100000;
		cursor:pointer;
	}
	#close.hover{ background:white; }
}

/**
 * フッター
----------------------------------------------------------------*/
/* フッターカード */
#fcard{
	padding-top:40px;
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/theme/bg_header.jpg") scroll no-repeat center center / cover;
}

/* 店舗一覧 */
#fbranches > ul{
	display:flex;
	justify-content:center;
	padding:0 10px;
	margin-bottom:20px;
}
#fbranches > ul > li:not(:last-child){ border-right:1px solid rgba(255,255,255,.5); }
#fbranches > ul > li > a{
	display:block;
	color:white;
	padding:4px 14px;
	border-radius:5px;
	margin:0 20px 2px;
	transition:background .2s;
	font-weight:bold;
	line-height:1.5;
}
#fbranches > ul > li > a.hover{ background:rgba(255,255,255,.1); }
#fbranches > ul > li > a > p{ font-size:12px; }
@media screen and (max-width: 768px){
	#fbranches > ul{
		display:block;
		padding:20px;
		margin-bottom:0;
	}
	#fbranches > ul > li{ border-bottom:1px solid rgba(255,255,255,.5); }
	#fbranches > ul > li:not(:last-child){ border-right:0; }
	#fbranches > ul > li:first-child{ border-top:1px solid rgba(255,255,255,.5); }
	#fbranches > ul > li > a{
		padding:10px;
		margin:0;
		border-radius:0;
	}
}

/* フッターナビ */
#fnav{ padding-bottom:40px; }

/* 著作家表記 */
#cr{
	background:rgb(0,0,0);
	color:white;
	text-align:center;
	padding:4px 20px;
	font-size:14px;
}

/**
 * メインコンテンツ
----------------------------------------------------------------*/
#cont,
#post{ min-height:500px; }

/* メインビジュアル */
#mvis{ position:relative; }
#mvis > img{ width:100%; }
#mvis > .ban_reservation{
	max-width:512px;
	display:block;
	margin:0 auto;
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	background:white;
}
#mvis > .ban_reservation > img{ transition:opacity .2s; }
#mvis > .ban_reservation.hover > img{ opacity:.7; }
body#nikubar #mvis > .ban_reservation{ bottom:-100px; }
@media screen and (max-width: 768px){
	body#nikubar #mvis > .ban_reservation{ bottom:-80px; }
}
@media screen and (max-width: 640px){
	body#nikubar #mvis > .ban_reservation{ bottom:-60px; }
}

/* 店舗セット */
.branch > figure{ margin-bottom:20px; }
.branch > h3{
	font-size:24px;
	font-weight:bold;
	line-height:1.3
}
.branch > h3 > small{
	font-size:16px;
	display:block;
}
.branch > .tel{
	color:var(--water);
	font-weight:bold;
	font-size:26px;
	transition:color .2s;
}
.branch > .tel.hover{ color:var(--water-hover); }
.branch > .flex{ margin:20px 0; }
.branch > .flex > .button{
	--margin:20px;
	margin:0;
	text-align:center;
}
@media screen and (max-width: 1024px){
	.branchlist > .branch{ width:calc(50% - var(--margin)) !important; }
}
@media screen and (max-width: 640px){
	.branchlist > .branch{ width:calc(100% - var(--margin)) !important; }
}

/**
 * メインコンテンツヘッダー
----------------------------------------------------------------*/
/* ページ名 */
body > main > header{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/interface/theme/bg_pagename.jpg") scroll no-repeat center center / cover;
	padding-top:65px;
}
body > main > header > .base{
	padding:20px;
	box-sizing:border-box;
	color:white;
	height:256px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}
body > main > header > .base > p{
	font-size:18px;
	letter-spacing:.1em;
}
body > main > header > .base > h1{
	font-size:40px;
	letter-spacing:.1em;
}
body > main > header > .base > h1 > small{
	display:block;
	font-size:16px;
}
@media screen and (max-width: 768px){
	body > main > header{
		padding-top:0;
		background-image:;
	}
	body > main > header > .base{ height:180px; }
	body > main > header > .base > p{ font-size:14px; }
	body > main > header > .base > h1{ font-size:22px; }
	body > main > header > .base > h1 > small{ font-size:12px; }
}

/* パン屑リスト */
#pan{
	background:rgba(255,255,255,.1);
	padding:2px 15px;
	border-radius:20px;
	margin-top:10px;
	font-size:12px;
}
#pan > ol > li{ display:inline; }
#pan > ol > li:not(:last-child)::after{ content:'>'; }
#pan > ol > li > a{
	color:white;
	transition:color .2s;
}
#pan > ol > li > a.hover{ color:rgb(227,138,142); }

/* 新着情報 */
#topics{
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	padding:10px;
}
#topics > ul{
	display:flex;
	flex-wrap:wrap;
}
#topics > ul > li{ padding:10px; }
#topics > ul > li > a{
	display:block;
	background:white;
	border-radius:10px;
	padding:16px;
	box-sizing:border-box;
	width:300px;
	height:500px;
	border:1px solid #ccc;
	background:rgba(255,255,255,.4);
	transition:background .2s, border-color .2s;
	color:rgb(0,0,0);
	position:relative;
}
#topics > ul > li > a.hover{
	background:white;
	border-color:rgb(0,0,0);
}
#topics > ul > li > a > .catlabel{
	position:absolute;
	top:-5px;
	left:-5px;
	display:inline-block;
	background:#555;
	color:white;
	padding:2px 10px;
}
#topics > ul > li > a > figure{ background:white; }
#topics > ul > li > a > figure > img{
	height:195px;
	object-fit:cover;
	margin-bottom:10px;
}
#topics > ul > li > a > h3{
	font-weight:bold;
	font-size:16px;
}
#topics > ul > li > a > p{
	margin-top:4px;
	height:150px;
	overflow:hidden;
}

/* 対象店舗ラベル */
.tarbranches > li{
	background:rgb(200,22,30);
	color:white;
	font-size:11px;
	display:inline;
	border-radius:1em;
	padding:4px;
	margin-bottom:4px;
}

/* 新着記事 */
#topicarticles > section > div > .catlabel{
	display:inline-block;
	background:#555;
	color:white;
	padding:2px 10px;
	margin-bottom:4px;
}
#topicarticles > section > div > .tarbranches{ margin-bottom:10px; }
#topicarticles > section > div > .tarbranches > li{ font-size:14px; }

/* 新着カテゴリ */
#catnav > ul{ padding:40px; }
#catnav > ul > li{ display:inline-block; }
#catnav > ul > li > a{
	display:inline-block;
	border:1px solid #ccc;
	background:rgba(255,255,255,.4);
	border-radius:4px;
	padding:10px;
	color:rgb(0,0,0);
	transition:background .2s, color .2s;
	margin:4px 0;
}
#catnav > ul > li > a.hover{
	background:rgb(200,22,30);
	color:white;
}
@media screen and (max-width: 768px){
	#catnav > ul{ padding:20px; }
}

/* 新着記事単体 */
#topic > .flex > div > .catlabel{
	display:inline-block;
	background:#555;
	color:white;
	padding:2px 10px;
	margin-bottom:4px;
}
#topic > .flex > div > date{ font-size:16px; }
#topic > .flex > div > .tarbranches{ margin-bottom:10px; }
#topic > .flex > div > .tarbranches > li{ font-size:16px; }

/**
 * スポット：たらふく
----------------------------------------------------------------*/
/* TOP：こだわりとおもてなし */
#spot_tarafuku_index_about{ background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/tarafuku/index/bg_about.jpg") scroll no-repeat center center / cover; }
#spot_tarafuku_index_about > .base > .flex > header{ position:relative; }
#spot_tarafuku_index_about > .base > .flex > header > h3{ padding:80px 20px 40px; }
#spot_tarafuku_index_about > .base > .flex > header > figure{
	position:absolute;
	bottom:0;
}
#spot_tarafuku_index_about > .base > .flex > div{
	background:rgba(255,255,255,.7);
	box-sizing:border-box;
	padding:80px 0;
}
#spot_tarafuku_index_about > .base > .flex > div > section{ display:flex; }
#spot_tarafuku_index_about > .base > .flex > div > section > h4{ min-width:160px; }
#spot_tarafuku_index_about > .base > .flex > div > section > p{
	padding:20px 40px 20px 0;
	font-size:16px;
}
@media screen and (max-width: 768px){
	#spot_tarafuku_index_about{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/tarafuku/index/bg_about_sp.jpg"); }
	#spot_tarafuku_index_about > .base > .flex > header > h3{ padding:10% 30%; }
	#spot_tarafuku_index_about > .base > .flex > header > figure{ width:50%; }
	#spot_tarafuku_index_about > .base > .flex > div{ margin:40px 20px; }
}
@media screen and (max-width: 640px){
	#spot_tarafuku_index_about > .base > .flex > div{
		padding:40px 0;
		margin-bottom:40px;
	}
	#spot_tarafuku_index_about > .base > .flex > div > section{ display:block; }
	#spot_tarafuku_index_about > .base > .flex > div > section > h4{ min-width:80px; }
	#spot_tarafuku_index_about > .base > .flex > div > section > p{ padding:0 20px; }
}

/* こだわりとおもてなし */
#spot_tarafuku_about > section{
	display:flex;
	padding:40px;
	align-items:flex-start;
}
#spot_tarafuku_about > section:nth-child(2n - 1){ flex-direction:row-reverse; }
#spot_tarafuku_about > section > figure{
	width:38.2%;
	border:4px solid rgb(0,0,0);
	box-sizing:border-box;
	position:relative;
	z-index:1;
}
#spot_tarafuku_about > section > div{
	width:61.8%;
	padding:0 0 0 20px;
	box-sizing:border-box;
}
#spot_tarafuku_about > section:nth-child(2n - 1) > div{ padding:0 20px 0 0; }
#spot_tarafuku_about > section > div > h2{
	background:rgb(200,22,30);
	margin-top:20px;
	padding:0 20px;
	margin-left:-20px;
	position:relative;
}
#spot_tarafuku_about > section > div > h2::before{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/tarafuku/about/ribbon.png") scroll no-repeat center center / cover;
	content:'';
	width:160px;
	height:160px;
	display:block;
	position:absolute;
	bottom:-20px;
	left:-40px;
}
#spot_tarafuku_about > section > div > h2 > img{
	position:relative;
	z-index:1;
}
#spot_tarafuku_about > section:nth-child(2n - 1) > div > h2{
	margin-left:0;
	margin-right:-20px;
}
#spot_tarafuku_about > section > div > p{
	font-size:16px;
	padding:20px 0;
}
@media screen and (max-width: 768px){
	#spot_tarafuku_about > section{ padding:40px 20px; }
	#spot_tarafuku_about > section > div > p{ font-size:14px; }
}
@media screen and (max-width: 768px){
	#spot_tarafuku_about > section:nth-child(n){ flex-direction:column-reverse; }
	#spot_tarafuku_about > section > figure{
		width:auto;
		max-width:300px;
		margin:20px auto 0;
	}
	#spot_tarafuku_about > section > div{ width:auto; }
	#spot_tarafuku_about > section:nth-child(n) > div{ padding:0; }
	#spot_tarafuku_about > section:nth-child(n) > div > h2{ margin:0; }
}

/**
 * スポット：ニクバル・プロベッチョ
----------------------------------------------------------------*/
/* TOP：リードコピー */
#spot_nikubar_index_leadcopy{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/nikubar/index/bg_leadcopy.jpg") scroll no-repeat center center / cover;
	padding-top:100px;
}
#spot_nikubar_index_leadcopy > .maincont{ padding:0 40px; }
#spot_nikubar_index_leadcopy > .maincont > h2{
	font-size:34px;
	padding-bottom:10px;
}
#spot_nikubar_index_leadcopy > .maincont > p{
	font-size:18px;
	padding-bottom:80px;
}
#spot_nikubar_index_leadcopy > .flex > figure{
	border-top:4px solid rgb(0,0,0);
	border-bottom:4px solid rgb(0,0,0);
	position:relative;
}
#spot_nikubar_index_leadcopy > .flex > figure:not(:last-child)::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	border-right:4px solid rgb(0,0,0);
}
@media screen and (max-width: 768px){
	#spot_nikubar_index_leadcopy{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/nikubar/index/bg_leadcopy_sp.jpg"); }
	
	#spot_nikubar_index_leadcopy > .maincont{ padding:0 20px; }
	#spot_nikubar_index_leadcopy > .maincont > h2{ font-size:24px; }
	#spot_nikubar_index_leadcopy > .maincont > p{ font-size:16px; }
	#spot_nikubar_index_leadcopy > .flex > figure,
	#spot_nikubar_index_leadcopy > .flex > figure:not(:last-child)::after{ border-width:2px; }
}

/* TOP：名前の由来 */
#spot_nikubar_index_origin > .flex > div > h2{
	font-size:24px;
	text-align:center;
	padding-bottom:10px;
}
#spot_nikubar_index_origin > .flex > div > p{
	font-size:16px;
	text-align:center;
}
@media screen and (max-width: 768px){
	#spot_nikubar_index_origin{ padding-bottom:40px; }
	#spot_nikubar_index_origin figure{
		max-width:400px;
		margin:0 auto;
	}
	#spot_nikubar_index_origin > .flex > div > p{
		text-align:justify;
		padding:20px 0;
	}
}
@media screen and (max-width: 440px){
	#spot_nikubar_index_origin figure{ margin:0 10px; }
}

/* TOP：こだわりとおもてなし */
#spot_nikubar_index_about{
	background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/nikubar/index/bg_about.jpg") scroll no-repeat center center / cover;
	color:white;
}
#spot_nikubar_index_about > .base > .flex > section > p{ margin-top:20px; }
@media screen and (max-width: 768px){
	#spot_nikubar_index_about{ background-image:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/nikubar/index/bg_about_sp.jpg"); }
}

/* こだわりとおもてなし：プロベッチョからのご提案 */
#spot_nikubar_about_suggestion > section > div{
	box-sizing:border-box;
	padding:0 40px;
}
#spot_nikubar_about_suggestion > section > div > .h3{
	font-size:30px;
	padding-top:0;
}
#spot_nikubar_about_suggestion > section > figure{ margin-bottom:40px; }
#spot_nikubar_about_suggestion > section > figure > small{
	border:6px solid white;
	box-shadow:5px 5px 10px rgba(0,0,0,.3);
	display:block;
	margin-left:-30px;
	margin-top:-50px;
	box-sizing:border-box;
	max-width:300px;
	width:60%;
	z-index:1;
	position:relative;
	z-index:1;
}
@media screen and (max-width: 1024px){
	#spot_nikubar_about_suggestion > section > div{ padding:0 20px; }
	#spot_nikubar_about_suggestion > section > div > .h3{ font-size:20px; }
}
@media screen and (max-width: 768px){
	#spot_nikubar_about_suggestion > section > div{ padding-bottom:40px; }
	#spot_nikubar_about_suggestion > section > figure > small{
		margin-left:10px;
		width:50%;
	}
}

/**
 * スポット：平成ホルモン
----------------------------------------------------------------*/
/* TOP：メニュー */
#spot_hormon_index_menu01{ background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/hormon/index/menu01.jpg") scroll no-repeat center center / cover; }
#spot_hormon_index_menu02{ background:url("https://tarafuku.jp/wp-content/themes/kanada/image/article/hormon/index/menu02.jpg") scroll no-repeat center center / cover; }
.spot_hormon_index_menu{
	padding:80px 0;
	margin:40px auto;
	max-width:768px;
}
.spot_hormon_index_menu > *{
	padding:40px;
	background:rgba(0,0,0,.6);
	color:white;
}
.spot_hormon_index_menu > a{
	display:block;
	transition:background .2s;
}
.spot_hormon_index_menu > a.hover{ background:rgba(0,0,0,.9); }
.spot_hormon_index_menu > * > h3{
	font-size:30px;
	margin-bottom:10px;
}
@media screen and (max-width: 808px){
	.spot_hormon_index_menu{
		margin:40px 20px;
		padding:20px 0;
	}
	.spot_hormon_index_menu > *{ padding:20px; }
}
@media screen and (max-width: 768px){
	.spot_hormon_index_menu > * > h3{ font-size:20px; }
}

/**
 * 投稿コンテンツ
----------------------------------------------------------------*/
#post{ padding-bottom:80px; }
#post > *{
	max-width:1024px;
	margin:0 auto;
}
#post .wp-block-columns{
	padding:40px 20px;
	box-sizing:border-box;
}
#post_post{
	padding:20px;
}
#post_post h2{
	font-size:30px;
	padding-top:20px;
}
#post_post h3{
	font-size:16px;
	padding-top:10px;
	font-weight:bold;
	color:rgb(200,22,30);
}
#post_post table tr > td:first-child{ min-width:120px; }
#post_post table tr > td{ padding:10px; }
@media screen and (max-width: 768px){
	#post_post h2{ font-size:18px; }
}

/**
 * フォーム
----------------------------------------------------------------*/
.richform{ font-size:18px; }
.richform label{ display:block; }
.richform .buttons br{ display:none; }
span.wpcf7-form-control,
span.wpcf7-list-item{ display:block !important; }
.frame{
	border-radius:.3em;
	background:#f5f5f5;
	font-size:12px;
	padding:10px;
	border:1px solid #ccc;
	height:200px;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}