/*
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;
}

/* フッター */
.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;
}

/* ウィジェット */
.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(http://www.little-happiness.jp/wp-content/uploads/2017/11/menu.png);
	background-size: cover;
}

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

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

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

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

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

.bt_rr a span {
	background-image: url(http://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(http://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(http://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_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(http://www.little-happiness.jp/wp-content/uploads/2017/11/logo500.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(http://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(http://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 .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 .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 {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 1em 0 0;
}

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

.shop_logo .lst_ac a span {
	background-image: url(http://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 {
	background-image: url(http://www.little-happiness.jp/wp-content/uploads/2017/11/tel.png);
	background-size: cover;
}

.shop_logo .lst_tel a span {
	background-image: url(http://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;
}

/* メンバー */
.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
}

/* ブログアーカイブ */
.blog-category {
    padding-bottom: 40px;
    font-size: 1.4em;
}
.blog-category a {
    /* border: #D65050 solid 1px; */
    margin-right: 1%;
    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;
}

@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: 23%;
		height: auto;
		margin: 0 5% 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;
	}
}

@media screen and (min-width: 992px) {
.main-navigation {
    display: inline-block;
    width: 940px;
}
.main-navigation li {
    width: 98px;
    background: #D13B46;
    border-radius: 8px;
    margin-right: 2px;
    text-align: center;
}
.main-navigation li.menu-item-has-children {
    padding-right: 0;
}
}