/*
Theme Name:     Zillah Child
Theme URI:      https://themeisle.com/themes/zillah-child/
Template:       zillah
Author:         Realmax
Author URI:     http://themeisle.com
Description:    Zillah Child Theme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    zillah-child
Tags:           right-sidebar, one-column, custom-background, custom-colors, featured-image-header, featured-images, sticky-post, translation-ready, threaded-comments, rtl-language-support, theme-options
*/
@import url("../zillah/style.css");

/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*2017.11追加CSS*/
a,
a:visited {
	color: #95040d;
}
table, th, td {
	border: none;
}
h1, h2, h3 {
	text-transform: initial;
}

/*contener*/
.site-branding-wrap {
	background-color: rgba(255,255,255,0.5);
}

.m2 {
	margin-bottom: 2em;
}

.cont_50 {
	widows: 90%;
	height: auto;
	margin: 0 5%;
	clear: both;
}

.cont_70 {
	widows: 90%;
	height: auto;
	margin: 0 5%;
	clear: both;
	margin-bottom: 1.5em;
}

.cont_100 {
	widows: 90%;
	height: auto;
	margin: 0 5% 3em;
	clear: both;
}

.cont_100 ul {
	margin-bottom: 2em;
}

.cont_100 h2 {
	clear: both;
	text-align: center;
	font-size: 1.5em;
	color: #95040d;
	font-weight: bold;
}

.cont_100 a {
	color: #95040d;
	text-decoration: none;
}

.cont_100 a:hover {
	color: #fff;
	background-color: #95040d;
}

.img_100 img {
	width: 100%;
	height: auto;
/*margin-bottom:2em;*/
}

.inb {
	display: none;
}

.cb {
	clear: both;
}

.bt_50 a {
	width: 97%;
	height: auto;
	border: #95040d solid 2px;
	background-color: #95040d;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 1%;
	margin: .5em 0;
	color: #ffffff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	float: none;
}

/* 共通 */
.page-main-header .entry-title,
.entry-title,
.entry-title-blog a {
	color: #95040d;
	text-transform: initial;
}

/* topページメニューボタン */
.bt_menu a,
.bt_pen a,
.bt_map a,
.bt_tel a,
.bt_sf a,
.bt_rr a {
	width: 86%;
	height: auto;
	border: #95040d solid 2px;
	background-color: #95040d;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 2%;
	margin: .5em 5%;
	color: #ffffff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	float: none;
}

/* ヘッダー */
.header-inner-top {
	background-color: #720112;
}
.main-navigation li a {
	color: #ffffff;
}
.main-navigation li a:hover {
	color: #aaaaaa;
}
.main-navigation ul ul {
	background-color: #720112;
}
.site-title {
	text-transform: initial;
}
.site-description {
	color: #000000;
	font: inherit;
	font-size: 15px;
	letter-spacing: inherit;
}

/* フッター */
.site-footer {
	background-color: #95040d;
}
.site-footer {
	color: #ffffff;
}
.site-info {
	background-color: #720112;
}
.site-footer a,
.site-footer .fa {
	color: #ffffff;
}
.site-footer a:hover,
.site-footer a:hover .fa {
	color: #bf686e;
}

/* フッター ウィジェット */
.footer-inner .widget-title {
    border: 1px solid #fff;
    text-align: center;
    padding: 4px 0px;
    font-size: 1.2em;
}
.footer-inner .tel {
    font-size: 1.5em;
}
.footer-inner .box-secret {
    position: relative;
}
.footer-inner .box-secret .secret {
    position: absolute;
    top: 18px;
    left: 28px;
    background: rgba(64,1,10,0.9);
    color: #fff;
    padding: 0px 20px;
    font-weight: bold;
    transform: rotate(-5deg);
}

/* ウィジェット */
.widget-title {
	font-weight: bold;
}

/* topページメニューボタン アイコン画像 */
.bt_menu a span,
.bt_wi a span,
.bt_map a span,
.bt_tel a span,
.bt_pen a span,
.bt_sf a span,
.bt_rr a span {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 1em 0 0;
}

.bt_menu a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/menu.png);
	background-size: cover;
}

.bt_wi a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/drink.png);
	background-size: cover;
}

.bt_map a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/map.png);
	background-size: cover;
}

.bt_tel a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/tel.png);
	background-size: cover;
}

.bt_pen a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/pen2.png);
	background-size: cover;
}

.bt_sf a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/sf2.png);
	background-size: cover;
}

.bt_rr a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/rr2.png);
	background-size: cover;
}

/*map・FB*/
.top_map {
	width: 90%;
	height: 300px;
	margin: 0 5% 1.5em;
	float: none;
}

#pageplugin_nav {
	width: 90%;
	height: 500px;
	margin: 0 5% 1.5em;
	float: none;
}

/*google map */
.top_map iframe {
	width: 100%;
	height: 300px;
	float: none;
}

/* Facebook Like Box */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
	width: 100% !important;
}

#likebox_wrapper iframe {
	border-color: #95040d;
}

#pageplugin {
	max-width: 500px;
	margin: 0 0 1em !important;
	padding: 0 !important;
	left: 0 !important;
	width: 100% !important;
	float: left !important;
}

#pageplugin > .fb-page,
#pageplugin_nav > .fb-page {
	width: 100%;
}

#pageplugin > .fb-page > span,
#pageplugin iframe,
#pageplugin_nav > .fb-page > span,
#pageplugin_nav iframe {
	width: 100% !important;
}

/*外部リンク*/
.bt_yelp a {
	width: 45%;
	height: 80px;
	border: #d32323 solid 2px;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	margin: 0 1% 1em;
	vertical-align: middle;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/yelp-1.png);
	background-size: cover !important;
	background-color: #d32323;
	background-repeat: no-repeat;
	background-position: center;
}

.bt_ta a {
	width: 45%;
	height: 80px;
	border: #00a680 solid 2px;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	margin: 0 1% 1em;
	vertical-align: middle;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/ta-1.png);
	background-size: cover !important;
	background-color: #00a680;
	background-repeat: no-repeat;
	background-position: center;
}

.bt_yelp a span,
.bt_ta a span {
	display: none;
}

/*店舗ロゴ*/
.shop_area {
	margin: 40px auto;
}

.shop_logo {
	width: 70%;
	height: auto;
	margin: 0 15% 2em;
	float: left;
	text-align: center;
}

.shop_logo h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .8em;
	line-height: 1.8em;
}

.shop_logo p {
	font-size: .8em;
	font-weight: normal;
	margin-bottom: 1em;
}

.shop_logo_lh {
	background-image: url(https://little-happiness.jp/wp-content/uploads/2024/09/logo_l500.png);
	border-radius: 50%;
	padding: 50%;
	border: #95040d solid 2px;
	margin-bottom: 1em;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}

.shop_logo_ls {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/little_secrets500.png);
	border-radius: 50%;
	padding: 50%;
	border: #ef0065 solid 2px;
	background-color: #ef0065;
	margin-bottom: 1em;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}

.shop_logo_lst {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/little_standard500.png);
	border-radius: 50%;
	padding: 50%;
	border: #231815 solid 2px;
	margin-bottom: 1em;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}

.shop_logo_rwb {
	background-image: url(https://little-happiness.jp/wp-content/uploads/2024/09/logo_r500.png);
	border-radius: 50%;
	padding: 50%;
	border: #474141 solid 2px;
	/* background-color: #642300; */
	margin-bottom: 1em;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}
.shop_logo_shop {
	background-image: url(https://little-happiness.jp/wp-content/uploads/2020/10/shoplittle-1.png);
	border-radius: 50%;
	padding: 50%;
	border: #642300 solid 2px;
	background-color: #642300;
	margin-bottom: 1em;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}

.shop_logo .lh_ac a,
.shop_logo .lh_tel a {
	width: 95%;
	height: auto;
	border: #95040d solid 2px;
	background-color: #95040d;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 0 .8em 5%;
	color: #ffffff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: .5em;
}

.shop_logo .ls_ac a,
.shop_logo .ls_tel a {
	width: 95%;
	height: auto;
	border: #ef0065 solid 2px;
	background-color: #ef0065;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 0 .8em 5%;
	color: #ffffff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: .5em;
}

.shop_logo .lst_ac a,
.shop_logo .lst_tel a {
	width: 95%;
	height: auto;
	border: #231815 solid 2px;
	background-color: #fff;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 0 .8em 5%;
	color: #231815;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: .5em;
}

.shop_logo .rwb_ac a,
.shop_logo .rwb_tel a {
	width: 95%;
	height: auto;
	border: #642300 solid 2px;
	background-color: #642300;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 0 .8em 5%;
	color: #fff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: .5em;
}

.shop_logo .lh_ac span,
.shop_logo .lh_tel span,
.shop_logo .ls_ac span,
.shop_logo .ls_tel span,
.shop_logo .lst_ac span,
.shop_logo .lst_tel span,
.shop_logo .rwb_ac span,
.shop_logo .rwb_tel span {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 1em 0 0;
}

.shop_logo .lh_ac a span,
.shop_logo .ls_ac a span,
.shop_logo .rwb_ac a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/map.png);
	background-size: cover;
}

.shop_logo .lst_ac a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/map3.png);
	background-size: cover;
}

.shop_logo .lh_tel a span,
.shop_logo .ls_tel a span,
.shop_logo .rwb_tel a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/tel.png);
	background-size: cover;
}

.shop_logo .lst_tel a span {
	background-image: url(https://www.little-happiness.jp/wp-content/uploads/2017/11/tel3.png);
	background-size: cover;
}

/*お店の経歴*/
.cont_100 table {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0 .5em;
}

.cont_100 table th,
.cont_100 table td {
	padding: 1% 2%;
	text-align: left;
}

.cont_100 table th {
	background: #f9f4ed;
	vertical-align: top;
	width: 25%;
	color: #95040d;
	border-right: solid 1px #95040d;
}

.cont_100 table td {
	background: #f9f4ed;
}

/*メニュー*/
.drinkmn_cont {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	background-color: #f9f4ed;
	text-align: left;
	clear: both;
}

.drinkmn_cont img {
	width: 100%;
	height: auto;
}

.drinkmn_cont_img {
	width: 100%;
	height: auto;
	float: none;
	display: block;
	margin-bottom: 1em;
}

.drinkmn_cont_tx {
	width: 100%;
	height: auto;
	float: none;
}

.drinkmn_cont h3 {
	font-size: 1.5em;
	margin: 1em 1em .8em;
}

.drinkmn_cont p {
	margin: 0 1em .8em;
	font-size: .8em;
	line-height: 1.2em;
}

.drinkmn_cont .price {
	color: #95040d;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	margin: 0 1em 1em;
}

.bt_rt a {
	width: 97%;
	height: auto;
	border: #95040d solid 2px;
	background-color: #95040d;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
	padding: .8em 1%;
	margin: 0 0 1em;
	color: #ffffff;
	vertical-align: middle;
	display: block;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	float: none;
}

/* メニュー(ウィスキー) */
.menu.paper h2 {
	color: #767676;
	font-size: 18px;
	border-bottom: 1px solid #000;
	padding: 30px 0 15px;
}
/*
.menu.paper .tr {
	border-bottom: 1px dotted #000;
	padding: 4px 0;
}
*/
.menu.paper .new:after {
	content: "new";
	background: #95040d;
	color: #fff;
	border-radius: 5px;
	margin-left: 5px;
	padding: 1px 5px;
}
.menu.paper ul {
	list-style: none;
	padding-left: 0;
}
.menu.paper li {
	border-bottom: 1px dotted #000;
	padding: 4px 0;
}

/* メンバー */
.member_pos {
	font-size: .5em;
	display: block;
}

/* ヘッダー */
.header-inner-site-branding.header-logo-wrap-single {
	padding-top: 110px;
}

/* スマートフォン用グローバルメニュー */
.menu-toggle:hover, .menu-toggle:focus, .menu-toggle[aria-expanded="true"] {
	color: #ffffff
}
.main-navigation a {
	color: #ffffff
}

/* ブログアーカイブ */
.ttl-cat {
    background: #720112;
    color: #fff;
    font-size: 1.5em;
    padding: 4px 0;
    text-align: center;
}
.blog-category {
    padding-bottom: 40px;
    font-size: 1.4em;
}
.blog-category a {
    /* border: #D65050 solid 1px; */
    margin: 0 1% 2% 0;
    display: inline-block;
    width: 48%;
    border: none;
}

/* ブログ用署名 */
.signature_box {
    padding: 8px;
    margin: 20px auto;
}
/*
.signature_box.hapiness {
    border: 2px solid #720112;
}
.signature_box.standard {
    border: 2px solid #231815;
}
.signature_box.rum-whisky {
    border: 2px solid #652300;
}
*/
.signature_box .img {
    border-radius: 50%;
    margin: 8px auto 20px;
    max-width: 168px;
    text-align: center;
}
.signature_box.hapiness  .img {
    border: 2px solid #720112;
}
.signature_box.standard  .img {
    border: 2px solid #231815;
}
.signature_box.rum-whisky .img {
    background: #652300;
}


@media screen and (min-width: 768px) {
	.cont_50 {
		widows: 50%;
		height: auto;
		margin: 0 25%;
		clear: both;
	}

	.cont_70 {
		widows: 70%;
		height: auto;
		margin: 0 15%;
		clear: both;
		margin-bottom: 1.5em;
	}

	.cont_100 {
		width: 100%;
		height: auto;
		clear: both;
		margin: 0 0 3em;
	}

	.cont_100 h2 {
		clear: both;
		text-align: center;
		font-size: 2.5em;
		color: #95040d;
		font-weight: bold;
	}

	.bt_50 a {
		width: 45%;
		height: auto;
		border: #95040d solid 2px;
		background-color: #95040d;
		border-radius: 5px;
	/* CSS3草案 */
		-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
	/* Firefox用 */
		padding: .8em 1%;
		margin: 0 1%;
		color: #ffffff;
		vertical-align: middle;
		display: block;
		font-size: 1.3em;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		float: left;
	}

	/* topページメニューボタン */
	.bt_menu a,
						.bt_pen a,
						.bt_map a,
						.bt_tel a,
						.bt_sf a,
						.bt_rr a {
		width: 23%;
		height: auto;
		border: #95040d solid 2px;
		background-color: #95040d;
		border-radius: 5px;
	/* CSS3草案 */
		-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
	/* Firefox用 */
		padding: .8em 0 .8em 1%;
		margin: 0 1% 3em 0;
		color: #ffffff;
		vertical-align: middle;
		display: block;
		font-size: 1.3em;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		float: left;
	}

	/*map・FB*/
	.top_map,
						#pageplugin_nav {
		width: 48%;
		height: 500px;
		margin: 0 1% 2em;
		float: left;
	}

	/*google map */
	.top_map iframe {
		width: 100%;
		height: 500px;
		float: left;
	}

	/*店舗ロゴ*/
	.shop_logo {
		width: 18%;
		height: auto;
		margin: 0 1% 5em;
		float: left;
		text-align: center;
	}

	.shop_logo h1 {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: .8em;
		line-height: 1.2em;
	}

	.shop_logo p {
		font-size: .8em;
		font-weight: bold;
		margin-bottom: 1em;
	}

	/*メニュー*/
	.drinkmn_cont {
		width: 100%;
		height: auto;
		margin-bottom: 1em;
		background-color: #f9f4ed;
		text-align: left;
		clear: both;
	}

	.drinkmn_cont img {
		width: 100%;
		height: auto;
	}

	.drinkmn_cont_img {
		width: 30%;
		height: auto;
		float: left;
		display: block;
		margin-bottom: 0;
	}

	.drinkmn_cont_tx {
		width: 65%;
		height: auto;
		float: right;
	}

	.drinkmn_cont h3 {
		font-size: 1.5em;
		margin: 1em .5em .5em;
	}

	.drinkmn_cont p {
		margin: 0 1em 2em 1.5em;
		font-size: .8em;
		line-height: 1.2em;
	}

	.drinkmn_cont .price {
		color: #95040d;
		font-size: 1.2em;
		font-weight: bold;
		text-align: right;
		margin: 0 1em 2em;
	}

	.bt_rt a {
		width: 40%;
		height: auto;
		border: #95040d solid 2px;
		background-color: #95040d;
		border-radius: 5px;
	/* CSS3草案 */
		-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
	/* Firefox用 */
		padding: .8em 1%;
		margin: 0 0 1em;
		color: #ffffff;
		vertical-align: middle;
		display: block;
		font-size: 1.3em;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		float: right;
	}

	/* ブログ用署名 */
	.signature_box .img {
	    float: left;
	    margin: 0 16px 0 0;
	    width: 168px;
	}
	.signature_box .txt {
	    float: left;
	}
}

@media screen and (min-width: 992px) {
.main-navigation {
	width: 100%;
}
.main-navigation ul {
	display: flex;
	justify-content: space-between;
}
.main-navigation li {
	width: 10.5%;
    background: #D13B46;
    border-radius: 8px;
    margin-right: 0;
	text-align: center;
}
.main-navigation li + li {
	margin-left: 2px;
}
.main-navigation li a {
	padding: 5px;
	letter-spacing: -0.02em;
}
.main-navigation li.menu-item-has-children {
    padding-right: 0;
}
}

/* ブログ　記事紹介 */
#blog-shopinfo .row {
  display: table-row;
}
#blog-shopinfo .th,
#blog-shopinfo .td {
  display: table-cell;
}
#blog-shopinfo .th {
  padding-right: 1em;
}

@media screen and (max-width:767px) {
  #blog-shopinfo .row,
  #blog-shopinfo .th,
  #blog-shopinfo .td {
    display: block;
  }
  #blog-shopinfo .th {
    background: #eee;
  }
}