@charset "UTF-8";
/*
    Template: swell
    Theme Name: yamanekoya
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 共通 */
.t_center {text-align: center;}

#oyasumi{margin-top: -30px;}

/* カテゴリ表示 */
.c-postThumb__cat{background-color:#54453C!important;}

/* スライダーテキスト */
.p-mainVisual__slideTitle {font-family: serif;font-size: 34px;}

/*　タイトル設定　*/
.post_contents h2::before{border-bottom: none!important;border-top:none!important;}
.h2style_01 {
	color: #D0B7A2!important;
	font-weight: 700!important;
	text-align: right;
	border-bottom: solid 1px #D0B7A2;
 	background-image: url(https://www.yamanekoya-coffee.com/wp/wp-content/uploads/2021/12/h2_bg.png)!important;
	background-repeat: no-repeat!important;
	background-position: left bottom!important;
	padding-right: 2em!important;
	padding-bottom: 0!important;
	background-color: transparent!important;
}
.h2style_02 {
	color: #D0B7A2!important;
	font-weight: 700!important;
	text-align: left;
	border-bottom: solid 1px #D0B7A2;
 	background-image: url(https://www.yamanekoya-coffee.com/wp/wp-content/uploads/2021/12/h2_bg.png)!important;
	background-repeat: no-repeat!important;
	background-position: right bottom!important;
	padding-bottom: 0!important;
	padding-left: 2em!important;
	background-color: transparent!important;
}
.h2style_03 {
  position: relative;
  margin-bottom: 2.5em!important;
  text-align: center!important;
  color: #887162!important;
}
.h2style_03:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #887162;
  border-radius: 2px;
}
@media only screen and (min-width: 801px) {
.h2style_01{
	font-size: 40px!important;
	margin-left: 100px!important;
}
.h2style_02{
	font-size: 40px!important;
	margin-right: 100px!important;
}
}
@media only screen and (max-width: 800px) {
.h2style_01{
	font-size: 30px;
	margin-left: 20%;
}
.h2style_02{
	font-size: 30px;
	margin-right: 20%;
}
}
/* スマホメニュー */
.l-header__menuBtn {
    color: #887162!important;
    background-color: rgba(255, 255, 255, 0.5);
}
/* ボタンテキスト */
.is-style-btn_normal a{font-weight:normal!important;}/*ノーマルポイントに*/

/* コンテンツタイトル */
.con_tt {font-family:serif;font-size: 150%;font-weight: bold;}


/* トップイントロ */
.intro_txt {
	font-family: serif;
	text-align: center;
	line-height: 2em;
}
@media only screen and (min-width: 801px) {
.intro_txt {
	font-size: 150%;
}
}
@media only screen and (max-width: 800px) {
.intro_txt {
	font-size: 120%;
}
}
/* 縦書き */

.v_txt{font-family:serif;}
@media only screen and (min-width: 956px) {
.v_txt_box{text-align: right;}
.v_txt {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	line-height: 2em;
	text-align: left;
	font-size: 110%;
	padding-top: 2em;
	margin-bottom: 4em;
	}
	.v_txt h3 {margin: 1em 2em;}
.v_txt .coffee {height: 300px;}
}
@media only screen and (max-width: 955px) {
.v_txt_box{padding: 2em;}
.v_txt {margin-bottom:4em;}
}
/**/
@media only screen and (min-width: 801px) {
.left_txt {margin-left: 100px!important; margin-bottom: 5em!important;}
}

/* Facebookレスポンシブ */
@media screen and (max-width: 800px) {
.left_txt {margin-left: 1.5em!important;}
.fb_feed {
text-align: center;
width: 100%;
max-width: 340px;
margin: 0 auto;
}
}
@media screen and (min-width: 801px) {
.fb_feed{width: 480px;text-align: center;margin: 0 auto;}
	}
/*　トップの店舗案内　*/
.shop_info {background-color: rgba(255, 255, 255, 0.5); padding: 1em;}
.shop_info_tbl{border-bottom-left-radius:none;border-bottom-right-radius:none;}
.shop_info_tbl,
.shop_info_tbl tr {
	border-collapse: collapse;
	border-top: none!important;
	border-right: none!important;
	border-bottom: 2px dotted #54453C;
	border-left: none!important;
  }

.shop_info_tbl th{font-weight:normal!important;padding: 1em;border:none!important;white-space:nowrap;font-size: 90%;}
.shop_info_tbl td{padding: 1em 0 1em 1em;border:none!important;font-size: 90%;}

/* 営業カレンダー */
.wpsbc-container .wpsbc-calendars {
	display: flex;
	text-align: center;
	margin-right:auto!important;
	margin-left: auto!important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar {
	display: block;
	margin-right:auto!important;
	margin-left: auto!important;
}
.wpsbc-calendars .wpsbc-legend-item-icon{
    top: 15%!important;
    left: 15%!important;
    width: 70%!important;
    height: 70%!important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table td{padding:1em!important;}
.wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-1 div:first-of-type {background-color:#FFFFFF!important;}
.wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-2 div:first-of-type{
	background-color:#54453C!important;
	border-radius: 50%;
	display: inline-block;
}
.wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-3 div:first-of-type{
	border-radius: 50%;
	display: inline-block;
}
.wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-2 .wpsbc-date-inner .wpsbc-date-number{color: #FFFFFF!important;}
.wpsbc-legend {
border: none!important;
background-color:#E6E3DF!important;
text-align: center;
}
.c_bro{color: #887162!important;font-size: 200%;}
.c_yel{color: #FEE2A0!important;font-size: 200%;}

/****************************
下層ページ用　**************/

.l-topTitleArea {
min-height: 500px!important;
}
.wp-block-media-text__content {
background: rgba(84,69,60,0.8)!important;
padding: 1.5em!important;
}
@media print, screen and (min-width: 801px)  {
.flexbox_r {display: flex;flex-direction: row-reverse; justify-content: space-between; }
.flexbox {display: flex; justify-content: space-between; }
.flex_item {width: 48%;line-height: 1.8em;}
.staff_txt {padding-left: 10%;}
.staff_name {font-family: serif;font-size: 250%;}
}
@media screen and (max-width: 800px) {
.staff_txt {padding-left: 1.5em;padding-right: 1.5em;}
.staff_name {font-family: serif;font-size: 180%;}
}
/* フッター */
.l-content{margin-bottom: 0!important;}
.footer_add {color: #FFFFFF; text-align: center;background-color:#54453C;line-height: 1.8em;}
.footer_add span {font-size: 150%;}
.c-fixBtn{color:#887162!important;border: #887162 solid 1px!important }

/* フッター固定メニュー */
#fix_bottom_menu .btn_catalog i::before {
    content: url(https://www.yamanekoya-coffee.com/img/been.png);
}
#fix_bottom_menu .btn_holiday i::before {
    content: url(https://www.yamanekoya-coffee.com/img/holiday.png);
}