/*
Theme Name: EVERY 子テーマ（のべおかCOIN）
Template: every_tcd075
Description: TCD「EVERY」純正版を親テーマとしてそのまま使い、のべおかCOIN 向けの改修だけをここに置く子テーマ。親は書き換えない（TCD の更新は親フォルダの差し替えだけで済む）。
Author: エン
Version: 1.0.1
Text Domain: tcd-w
*/

/* ----------------------------------------------------------------------
 加盟店詳細ページ（single-recipe.php）用
 本番 EVERY 2.3.3 の style.css 122〜124行・228〜378行（2021-07-08 のエン改修）をそのまま移したもの
---------------------------------------------------------------------- */
#shop_title:after{
	
}

/* ----------------------------------------------------------------------
 店舗詳細ページ
---------------------------------------------------------------------- */
.shop_content{
	margin-bottom: 50px;
	line-height: 160%;
	font-size: 1em;
}
.shop_title{
	font-size: 1.4em;
	font-family:'design_plus';
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FFF;
}
.shop_content .catch{
	font-size: 1.3em;
	margin-bottom: 20px;
}
.shop_content .text_in{
	margin-bottom: 50px;
}
.shop_in_img{
	width: 100%;
	letter-spacing: -.4em;
}
.shop_in_img .shop_img{
	width: 47%;
	margin: 0 6% 50px 0;
	display: inline-block;
	vertical-align: top;
}
.shop_in_img .shop_img_2{
	width: 47%;
	margin-bottom: 50px;
	display: inline-block;
	vertical-align: top;
}
.shop_in_img .shop_img .img_box,
.shop_in_img .shop_img_2 .img_box
{
	width: 100%;
}
@media ( min-width: 1068px ) {
.shop_in_img .shop_img .img_box .img,
.shop_in_img .shop_img_2 .img_box .img
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	height: 12vw;
}
}
@media ( max-width: 1067px ) {
.shop_in_img .shop_img .img_box .img,
.shop_in_img .shop_img_2 .img_box .img
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	height: 17vw;
}
}
@media ( max-width: 768px ) {
.shop_in_img .shop_img .img_box .img,
.shop_in_img .shop_img_2 .img_box .img
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	height: 25vw;
}
}
@media ( max-width: 568px ) {
.shop_in_img .shop_img .img_box .img,
.shop_in_img .shop_img_2 .img_box .img
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	height: 22vw;
}
}
.shop_in_img .img_title{
	padding: 4% 2%;
	letter-spacing: normal;
	background-color: #FFF;
}
.shop_content .shop_basic{
	width: 100%;
	margin-bottom: 50px;
}
@media ( min-width: 768px ) {
.shop_content .shop_basic table{
	width: 83%;
	border-collapse: collapse;
	margin-right: 2%;
	background-color: #FFF;
	float: left;
}
}
@media ( max-width: 767px ) {
.shop_content .shop_basic table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #FFF;
}
}
.shop_content .shop_basic table th{
	width: 90px;
	text-align: left;
	font-weight: normal;
	padding: 1% 2%;
	vertical-align: middle;
	border-right: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
}
.shop_content .shop_basic table td{
	text-align: left;
	font-weight: normal;
	padding: 1% 2%;
	vertical-align: middle;
	line-height: 140%;
	border-bottom: #DDD solid 1px;
}
@media ( min-width: 768px ) {
.shop_content .shop_basic .qr{
	width: 15%;
	padding-bottom: 10px;
	background-color: #FFF;
	font-size: 0.9em;
	text-align: center;
	line-height: 100%;
	float: left;
}
.shop_content .shop_basic .qr img{
	max-width: 100%;
	height: auto;
}
}
@media ( max-width: 767px ) {
.shop_content .shop_basic .qr{
	display: none;
}
}
.shop_content .map{
	width: 100%;
}

/* 加盟店詳細の「場所／電話番号」の行（TCD の #recipe_video_data を流用）。
   2.20 で値が中央寄せになったため、2.3.3 と同じ左寄せに戻す（スマホ幅は 2.20 でも display:block なので影響なし） */
#recipe_video_data dd { justify-content: flex-start; }

/* 記事下のシェアボタン（スマホ幅）。2.20 は下部のシェア欄を画面いっぱいに置き、一覧を右へ -3px はみ出させるため、
   スマホで横スクロールが出る（TCD 側の不具合）。はみ出し分だけ打ち消す */
@media screen and (max-width:650px) {
  #single_share_bottom ul { margin-right: 0; }
}

/* 枠線ボタン（ブロックエディタの「ボタン」の枠線スタイル）の文字色・枠の色を WordPress 6.5 と同じにする。
   WordPress 7 はこの指定の優先順位を下げたため、ページ側のリンク色（例: 電子版商品券ページの赤）が勝って色が変わる。
   6.5 の block-library と同じセレクタ・同じ指定なので、6.5 では何も変わらない */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor; }