@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.2.0
Author: opencage
Author URI: https://open-cage.com/
*/

h2,h3,h4,h5 {
clear:both;
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

/* 画像コピーガード開始 */
.img-guard{
position:relative;
width: 100%;
height: 100%;
}

.guard-nopic{
position:absolute;
display:block;
width:100%;
height:100%;
background: url(http://mycraftbeers.com/wp-content/uploads/2022/03/clear.png);
}
/* ここまで */

/* 画像縦幅固定 開始 */

wp-caption img, .wp-block-image img {
  width:100%;
  height: 280px !important;
  object-fit: contain;
}

.entry-content img {
  max-width: 100%;
  margin-bottom: 1rem;
  width:100%;
  height: 280px !important;
  object-fit: contain;
}
/* ここまで */

/* この記事を書いた人プラグインのアバター画像の調整開始 */
.ts-fab-avatar img {
  height: auto !important;
}
/* ここまで */

#custom_header .en {
  font-size: clamp(28px, 2vw, 45px);
}

.header-info a {
	background: #947823;
}

.sponsored-description {
    font-size: 0.8rem;
}

.content_bg {
    margin-bottom: 2rem;
    padding: 2rem;
    background: #eee;
}

.profilebox {
  font-size: .9rem;
  padding: 1rem;
  background: #f7f7f7;
  margin-bottom: 1.5rem;
}

.widget {
	margin: 0 0 1.5rem;
}

.entry-content ul {
	margin: 0 10px 30px;
}


.entry-content ul li {
	margin: 5px;
	padding-left: 25px;
}

.entry-content ol {
	margin: 0 10px 30px;
}

.entry-content ol li {
	margin: 5px;
	padding-left: 30px;
}

#main .entry-content h2 {
    color: #444444;
    padding: 0.55em 1.1em;
}

.entry-content h2.top {
    padding: 0.55em 1.1em;
    margin: 0 0 1.1em;
}

.entry-content table td.tdcolor {
	background: #FFEBCD;
}

.entry-content h3.sbi_no_bio {
	border: 0px;
}

.entry-content table {
	table-layout:fixed;
	word-break:break-all;
}

#inner-header {
	padding-top:10px;
	padding-bottom:10px;
}

#top_carousel {
	padding-top:30px;
}

.header-text h2 {
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "Monotype Corsiva", "Apple Chancery";
}

#logo img {
	height: 60px;
}

#custom_header {
	margin-top: 5px;
	height: 300px;

}

#main h2.top {
	color: #444444;
	/* font-size: 28px; */
	/* padding: 5px 5px 5px 10px; */
	font-family: "Monotype Corsiva", "Apple Chancery";
	margin-top: 10px;
}

h4.widgettitle {
	color: #444444;
	font-family: "Monotype Corsiva", "Apple Chancery";
	margin-top: 10px;
	margin-bottom: 10px;
}

#npcatch li {
    overflow: hidden;
    clear: both;
    padding: 10px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px #ccc dotted;
}

#npcatch li img{
    float: left;
    margin: 0 1em 0 0;
}

.name_profile {
	font-size: 120%;
	font-weight: bold;
}

.entry-content h5.brewerylist {
	margin-left: 5px;
	margin-bottom:10px;
}

.entry-content h3.brewerylist {
	margin-top:0px;
	margin-bottom:0px;
}

.entry-content h2.article_top {
	margin-top:0px;
}

td.tbcolor {
	background: #f7f7f7;
}

td.tbchcolor {
	background: #f7f7f7;
}

td.headcolor {
	background: #f7f7f7;
}

.entry-content th {
    background: #ffebcd;
    width:20%;
}

.red {
	font-weight:bold;
	color:red;
}

.ts-fab-content {
	font-size: 14px;
}

.ts-fab-text ul li a {
	font-size: 14px;
}

.content_index {
	margin-bottom: 20px;
	padding: 30px 30px 5px 30px;
	background: #eee;
}

h2.eo-event-title a {
	color:#5d3f3f;
}

h2.eo-event-title a:hover{
	color:#af9a5a;
}

.widget_calendar table a {
	color:#947823;
}

.widget_calendar table a:hover{
	color:#af9a5a;
}

.EO_Event_List_Widget ul li a{
	color:#947823;
}

.EO_Event_List_Widget ul li a:hover{
	color:#af9a5a;
}

.EO_Event_List_Widget ul li {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
.entry-content .eo-event-header .eo-event-title{
	margin-top:0;
}

.tagcloud a {
    padding: 0.1em 0.5em;
    margin: 0 0.2em 0.2em 0;
    display: inline-block;
    font-size: 12px !important;
    background: #888888;
    background: rgba(35, 35, 35, 0.5);
    color: #fff !important;
}

.tagcloud a:hover{
    opacity:0.5;
}

.search-title {
    border-left: 5px solid #ccc;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
}

.search-space{
    margin: 1rem 0 0;
}

.add br {
    display: none;
}

.scr {
	background: #f7f7f7;
	overflow: scroll; 
	height: 250px;
	width: 100%;
	font-size: 14px;
}

@media only screen and (max-width: 480px) {
.entry-content img.alignright, .entry-content img.alignleft {
	max-width: 100% !important;
	height: auto;
    width: 99%;
	margin: 0 auto 0.5rem;
	float: none;
	display: block;
	clear: both;
}
}

/* 20180219 sado add start */
#sbi_load {
	display: none;
}

.archivetop_tabelog {
	background: #efefef;
	padding: 20px;
	text-align:center;
}

div.restaurantlist p, div.restaurantlist br {
	display:none;
}

div.restaurantlist ul ul {
	margin-bottom: 5px;
	margin-left: 20px;
}

input#submit {
	margin-top: 15px !important;
}

div.post-list-card div.event-meta {
	font-size: 0.9rem;
}

.bold {
	font-weight:700;
}

div.eo-event-details {
	margin-top: 0;
    height: auto;
    display: block;
    clear: both;
    width: 100%;
    max-width: 100%;
}

img.eo-event-thumbnail {
	width: 200px;
	height: auto;
	float: left;
	display:block !important;
}

ul.eo-event-meta {
	max-width:100%;
	margin:0;
}

div.eo-event-content {
	display: block;
    float: none;
    margin-left: 10px;
    clear: both;
}

@media only screen and (min-width: 600px)  {
	.eo-event-meta {
		width: 60% !important;
		float: left;
	}
}

@media only screen and (max-width: 480px) {
	img.eo-event-thumbnail {
		width: 100%;
		height: auto;
		float: left;
		display:block !important;
	}

	ul.eo-event-meta {
		max-width:100%;
		margin: 0 5px 0 5px;
		display:block !important;
		clear: both !important;
	}

	div.eo-event-content {
		display: block;
    	float: none;
		margin: 0;
		clear: both;
	}
}

.top-post-list.restaurantinfo article:first-child {
	border-top: 1px dotted rgba(0,0,0,.2);
}

.top-post-list.restaurantinfo article {
	border-bottom: 1px dotted rgba(0,0,0,.2);
	padding: 1em .3em;
}

.top-post-list.restaurantinfo .post-list .infoarea a {
	display: block;
    padding: 1.9em .7em;
    text-decoration: none;
    color: #666;
	border: none;
    position: relative;
	width: 40%;
	float: left;
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content {
	display: block;
	position: relative;
	width: 60%;
	float: left;
	padding: 0.8em 0 1.5em 1.8em;
}

.top-post-list.restaurantinfo .post-list .infoarea a .eyecatch {
	width: 100%;
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content a.h2title {
	padding: 0;
	width: 100%;
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content h2.list-entry-title {
	margin: 0.5em 0 0.3em;
	font-size: 1.6em;
	font-weight: bolder;
	border-bottom: 2px solid rgba(0,0,0,.2);
	width: 95%;
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content .detailinfo table.infotable {
	border: none;
	table-layout: fixed;
	font-size: 1.2em;
	width: 95%;
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content .detailinfo table.infotable tbody tr:first-child {
	border-bottom: 1px dotted rgba(0,0,0,.2);
}

.top-post-list.restaurantinfo .post-list .infoarea .list-content td {
	border: none;
	padding: 0.8em 0 0.5em 0.2em;
}

.top-post-list.restaurantinfo .post-list .buttonarea {
	padding: 9px 0;
}

.top-post-list.restaurantinfo .post-list .buttonarea .top-border{
	margin: 0 auto;
	margin-bottom: 20px;
	width: 95%;
	border-top: 1px dotted rgba(0,0,0,.2);
}

.top-post-list.restaurantinfo .post-list .buttonarea .su-button-detail {
	width: 40%;
	text-align: center;
	border: 3px double #ffffff;
	font-size: 1.2em;
}

.top-post-list.restaurantinfo .post-list .buttonarea .su-button-detail .detail_btn {
	padding: 16px;
}

.top-post-list.restaurantinfo .post-list .buttonarea .left-button {
	margin: 0 4% 0 6%;
	float: left;
}

.top-post-list.restaurantinfo .post-list .buttonarea .right-button {
	margin: 0 6% 0 4%;
	float: right;
}

.top-post-list.restaurantinfo .post-list .buttonarea .su-button-detail a {
	border: none;
	color: #ffffff;
	font-weight: bold;
	padding: 1.2em 0.5em;
}

.top-post-list.restaurantinfo .post-list .buttonarea .su-button-detail a i {
	padding-right: 0.5em;
}

.top-post-list.restaurantinfo .post-list .buttonarea .left-button.disable {
	background: #909090;
}

.top-post-list.restaurantinfo .post-list .buttonarea .left-button.available {
	background: #ff9600;
}

.top-post-list.restaurantinfo .post-list .buttonarea .right-button {
	background:#947823;
}

.adendborder {
	border-bottom: 1px dotted rgba(0,0,0,.2);
}

span.neareststation {
	margin: 0 0.5em;
}

span.neareststation:first-child {
	margin: 0 0.5em 0 0;
}

.top-post-list.restaurantinfo .post-list .buttonarea .left-button.disable div.detail_btn {
	color: #e6e6e6;
}

.top-post-list.restaurantinfo .post-list .buttonarea .left-button.disable div.detail_btn i {
	padding-right: 0.5em;
}

.b-margin-5 {
	margin-bottom: 5px;
}

#footer-top {
	background-color: #666666;
}

.pr {
	opacity: 0.7;
	font-size: 0.7em;
	font-weight: 600;
}

.entry-content .inline-btn a.su-button {
	margin-bottom: 20px;
}

.notargeticon a.su-button[target="_blank"]:after, a.notargeticon[target="_blank"]:after {
	content: none;
}

.entry-content h4, .entry-content .h4 {
	font-size: 1.1em;
	font-weight: 600;
	border-bottom: 1px solid #947823;
}

.entry-content ul.nodot li:before {
	content: none;
}

/* STORK19への変更によるデザイン調整 */
/* フッター構成変更のため、STOP20歳未満飲酒表記の位置調整 */
.stop-drink {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.stop-drink {
		margin-top: -70px;
	}
}

.stop-drink-logo img {
	float: left;
	margin: 0 15px 0 5px;
}

.stop-drink-text {
	display: table-cell;
	font-size: 0.9rem;
}

/* ブルワリー検索ドロップダウンの幅調整 */
select.search-space {
	padding: 10px 6% 10px 4%;
}

/* STORK組み込みの2カラムショートコード廃止によりShortcode Ultimateに切り替え 記事下2カラムバナーのデザイン調整 */
.add.contentunder .su-column .bottom_bannar {
	text-align: center;
}

.add.contentunder .su-row .su-column.su-column-size-1-2 {
	margin: 0 1%;
}

/* Fancier Author Boxのデザイン調整 */
.entry-content .ts-fab-wrapper .ts-fab-tab .ts-fab-header h4 {
	border-bottom: none;
	border-left: none;
	padding-left: 0;
}

/* 記事左上のカテゴリラベルのデザイン調整 */
.entry-header .entry-meta .cat-name {
	transform: rotate(-3deg);
}

/* ウィジェットNewPostCatchの日付表記部分のデザイン調整 */
.widget.widget_newpostcatch ul.npcatch li span.date {
    padding: 0 0.3em;
    font-size: 0.9em;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    display: inline-block;
}

/* ウィジェットNewPostsCatchの記事タイトルサイズ調整 */
.widget.widget_newpostcatch ul.npcatch li span.title {
	font-size: .9em;
}

/* カード形式での記事一覧の各カードの高さを固定値に調整 */
.archives-list.card-list article.post-list {
	height: 420px;
}

/* カード形式での記事一覧のクラス仕様変更対応 */
.archives-list.card-list article.post-list:before {
	display: table;
	content: "";
}

.archives-list.card-list article.post-list:after {
	display: table;
	content: "";
	clear: both;
}

.archives-list.card-list .post-list section.entry-content:before {
	display: table;
	content: "";
}

.archives-list.card-list .post-list section.entry-content:after {
	display: table;
	content: "";
	clear: both;
}

/* カード形式での記事一覧 抜粋部分がはみ出さないように */
.archives-list.card-list .post-list__link {
	overflow: hidden;
}

/*カード下部をぼやけさせるため疑似要素追加 */
.archives-list.card-list .post-list a:after {
	content: '';
	display: block;
	width: 100%;
	height: 2.5em;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}

/* フッターボトム 広告主の開示のデザイン調整 */
.sponsored-description {
	text-align: left;
}

/* 記事詳細の記事タイトルサイズ調整 */
.article .entry-header .entry-title {
	font-size: 1.5em;
}

/* グローバルナビの子リストのパディング調整 */
@media only screen and (min-width: 768px) {
	.ul__g_nav .sub-menu a {
		padding-left: 1.5em;
	}
}

/* cleafixクラスが廃止されたので、cfクラスと同じ設定を追加 */
.clearfix:after {
	display: table;
	content: "";
	clear: both;
}