.about_top h2.item_title{text-align:left}
.fa-lg_s{ font-size:1.2rem}
.about_photo{margin:0 auto;display:block}
.about_p_desc{margin:20px 0 80px;font-size: 1.4rem;
    line-height: 1.8;}
.about_contens{margin:0 20px}
table.calendar_table{width:auto;background-color:#CCC;margin:0 16px 20px 0 !important;border-collapse:separate;border-spacing:1px;font-size:1.8rem;display:inline-block;vertical-align:top}
table.calendar_table td{padding:21px}

#biz_calendar p.holiday {
  display: none;
}
/* News
	 ==========================================================================*/
table{border-collapse: inherit!important;}
.calbtn {cursor: pointer;}
.news_wrap{width:100%;margin: 60px 0;}
.news_insta{width:30%}
#sb_instagram {margin-top:10px;overflow: scroll;height: 637px; -webkit-overflow-scrolling: touch}
.news_calendar{width:60%;;float:right;}
.open{font-family: 'Noto Serif', serif;background-color:#fff; color:#222;padding:1px 4.95px; border:solid 1px #333}
.ws{font-family: 'Noto Serif', serif;background-color:#333; color:#fff;padding: 2px 3px;}
.event_name0,.event_name2,.event_name4{display:none}
.event_name0,.event_name,.event_name1,.event_name2,.event_name3,.event_name4{font-size:1.5rem}

.news_calendar a {
  text-decoration: underline;
}

.eventday:before {
position: absolute;
  right: 0;
  left: 0;
  white-space: pre;
  padding: 2px 3px;
  font-size: 1.8em;
  content: "\f00d";
  font-family: FontAwesome;
  color: #666;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;}

.eventday:after {
content: "もくもく";
    position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 2px;
    background-color: #f4f4f4;}

.eventday4:before {
position: absolute;
  right: 0;
  left: 0;
  white-space: pre;
  padding: 2px 3px;
  font-size: 1.8em;
  content: "\f00d";
  font-family: FontAwesome;
  color: #666;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;}

.eventday4:after {
content: attr(title);
    position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 4px 2px;
    background-color: #f4f4f4;
	border-radius: 4px;
}
.eventday2:after,.eventday2a:after,.eventday4a:after,.eventday4b:after {
content: attr(title);
    position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 4px 2px;
    background-color: #efee9d;
	border-radius: 4px;
}

.eventday4c:after {
content: attr(title);
    position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 4px 2px;
    background-color: #f4f4f4;
	border-radius: 4px;
}

/*
.holiday:before {
 position: absolute;
right: 0;
left: 0;
white-space: pre;
padding: 2px 3px;
font-size: 1.8em;
content: "\f00d";
font-family: FontAwesome;
color: #666;
top: 50%;
transform: translateY(-50%);
opacity:0.5}
*/


/* =======イベントのみ=========*/
.eventday1::before {
  position: absolute;
  right: 0;
  left: 0;
  white-space: pre;
  padding: 2px 3px;
  font-size: 1.8em;
  content: "\f00d";
  font-family: FontAwesome;
  color: #666;
  top: 50%;
  transform: translateY(-50%);
	opacity: 0.5;
}

.eventday1:after {
    content: "発送不可";
    position: absolute;
    font-size: 0.9rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    line-height: 0.9;
    color: #444;
    padding: 2px;
}




.eventday3:after,.eventday4c:after {
    content: "もくもく";
    position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 4px 2px;
	background-color: #f4f4f4;
	border-radius: 4px;
}


.eventday4:after{
content: attr(title);
       position: absolute;
    font-size: 0.8rem;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    white-space: pre;
    color: #444;
    padding: 4px 2px;
    background-color: #f4f4f4;
	border-radius: 4px;
}
.eventday4 a{color:#404040;display:block;text-decoration: underline;}
#biz_calendar table.bizcal {border-spacing: 24px;}
#biz_calendar table.bizcal td.calbtn {
    padding: 0;
}

#biz_calendar{max-width: 100%;}
#biz_calendar table.bizcal {
    margin: -38px 0 0 0;
    width: 100%;
    table-layout: fixed;
    line-height: 2;
    cursor: default;
    vertical-align: middle;
    font-size: 1.8rem;
border-spacing:2px;
}
#biz_calendar table.bizcal th {
    text-align: center;
    border-width: 0;
    padding: 2px;
    color: #040404;
 background-color: #fff;
	font-weight: normal;
}
#biz_calendar table.bizcal td {
    text-align: center;
    border-width: 0;
	position:relative;
	height: 90px;
    vertical-align: middle;
}

#biz_calendar table.bizcal th:nth-last-of-type(1) {
    color: #369;
}
#biz_calendar table.bizcal th:first-child {
    color: #F03;
}
#biz_calendar p span.boxeventday {
}
#biz_calendar p span.boxholiday {
    padding-left: 15px;
    margin-right: 8px;
	background-color: #F1ECCA;
}

#biz_calendar p span.boxeventday3 {

}

#biz_calendar .box1 {
    padding-left: 15px;
    margin-right: 8px;
	background-color: #f4f4f4;
}
#biz_calendar .box2 {
    padding-left: 15px;
    margin-right: 8px;
	background-color: #efee9d;
}

#biz_calendar .box2 {
    padding-left: 15px;
    margin-right: 8px;
	background-color: #fffacf;
}




#biz_calendar table.bizcal {
    border: none;
}
#biz_calendar table.bizcal .today {
    font-weight: normal;
    text-decoration: none;
}

#biz_calendar table.bizcal .eventday a {
    color: #040404;
}
#biz_calendar table.bizcal .calmonth {
    text-align: left;
    font-weight: normal;
    padding: 0 20px;
    border: none;
    font-size: 1.8rem;
}
#biz_calendar p {
    margin: 8px 0 0 20px;
    line-height: 140%;
}
.photo_cr{position:absolute; top:10px; right:10px; color:#fff;opacity: 0.95;font-weight: lighter;font-size: 0.8rem;}
/* ========================================================================News==*/
@media screen and (max-width:767px){
.about_top{padding-top:50px}
.about_contens{margin:0; text-align:center;}
.about_contens p{text-align:left;}
.aboutarea{padding:0 2%}
.about_left{margin:0;width:100%;float:none}
.calendar_table{font-size:1.1rem !important}
table.calendar_table{margin:0 0 20px 0 !important}
table.calendar_table td{padding:16px}
.about_access{margin-top: 600px;}
/*fullscreen*/
.category-record .entry-content{margin:0;padding:0;}
.category-record h2.containerbox{width:96%;margin:10px 2%;padding:0}
	.header{ position: fixed;z-index: 9; }
	.home .container,.home .footer,#site-navigation li.menu-item-32{display:none}
	.header{height:auto}
	#site-navigation li.menu-item-32{width: 16%;height: 60px;}
	.none {display: none;}
.toggle {cursor: pointer;display: block !important;font-size: 2.5rem}
	.sp_menu{position: absolute;right: 18px;}
.sp_menu_bar{display: block!important; z-index: 99;font-size: 2rem;position: absolute;right: 18px;top:20px}
 .block{display:block!important;}
#open:checked + #menu {
  top: 0;
  background-color: #f5f5f5;
}
#menu {
    z-index: 999;
    position: fixed;
    top: -3000px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;
}
	.header_top,.header{letter-spacing: 0.5px;}
.main-navigation li,.main-navigation li.menu-item-20{width:50%}
.header,.footer, .container,.containerbox{width:100%; background-color:#fff}
	.f_add{display:none}
.sp_logo{width: 82px;height:auto;margin:0 auto}
.container{padding-top:80px}
#site-navigation_top{height:260px;}
#site-navigation_top li.menu-item-32{width:200px;background-size:200px auto; position:absolute; top:0;left:0;right:0;margin:0 auto;height:260px;}
	#site-navigation_top li,#site-navigation_top li.menu-item-20{width:33%;}
.menu-item-18,.menu-item-25,.menu-item-19{position:absolute;left:0;margin:0}
		.menu-item-21,.menu-item-22,.menu-item-20{position:absolute;left:66%;margin:0}
	#menu .menu-item-21,#menu .menu-item-22,#menu .menu-item-20{position:absolute;left:50%;margin:0}
	.menu-item-18,.menu-item-21{top:50px}
	.menu-item-25,.menu-item-22{top:100px}
	.menu-item-19,.menu-item-20{top:150px}
	.bx_tit{font-size: 4rem;}
	#site-navigation{padding:0}
	.menu-content{margin-bottom:20px}
.menu-content:last-child {
    margin: 0;
}
	/* IMAGE CAPTIONS*/
	.font_tit{font-size: 3.5rem;}
.layout_mc{width:96%;padding:0 2%;}
.layout_m{padding:90px 2%;}
.caption_box {right: 2%;left: 33%;}
/* news*/	
.news_insta {
    width: 100%;
    float: none;
    height: 405px;
	text-align: left;
}
	.news_calendar{width: 100%; margin:0 0 20px 0;border-bottom: 1px solid #ccc;padding-bottom: 40px;}
	#biz_calendar table.bizcal{margin:0}
	#biz_calendar table.bizcal{font-size:1.6rem}
	.eventday1:after{font-size: 0.7rem;
    bottom: -17px;
    padding: 1px 0;}

	.eventday1:after,.eventday2:after,.eventday2a:after,.eventday3:after,.eventday4:after,.eventday4a:after,.eventday4b:after,.eventday4c:after {
    bottom: 3px;
    padding: 1px 0;
}
.eventday:before {bottom: -4px;}
.eventday5:before {bottom: -4px;}

	#biz_calendar table.bizcal td{padding:20px}
	#biz_calendar table.bizcal {border-spacing: 2px;}
	#biz_calendar p{margin: 10px 0 0 0}
#biz_calendar p.event_name0{margin: 20px 0 0 0}
#biz_calendar table.bizcal .calmonth{padding:0}
#sb_instagram {
    float: none;
    height: 380px;
}
.news .footer {padding-top: 400px;}
	
	
	
  #menu {
    background-color: #9e9f7a;
  }
	
	

 .fl_menu_01 {
    flex-flow: inherit;
    background-color: #9e9f7a;
	 border-bottom: none;
  }
}
/* カレンダー全体の調整 */
.bizcal {
    border-collapse: collapse;
}

.bizcal td {
    padding: 12px 0 !important;
    position: relative; /* 真円を配置する基準 */
    z-index: 1;
}

/* 営業日（.holidayがないtd）の数字を白抜きの真円にする */
.bizcal td:not(.holiday):not(.calmonth):not(.calbtn):not(:empty)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 中央配置 */
    width: 85px;  /* 円のサイズ（数字が収まる大きさ） */
    height: 85px; /* 円のサイズ */
    background-color: #8E872A; /* ご指定の色 */
    border-radius: 50%;        /* 真円にする */
    z-index: -1;               /* 数字の下に配置 */
}

/* 営業日の文字設定 */
.bizcal td:not(.holiday):not(.calmonth) {
    color: #ffffff !important; /* 文字を白に */
    font-weight: bold;
    text-shadow: none; /* もし既存の影があれば消去 */
}


/* 定休日（.holiday）は円を表示せず、目立たせない */
.bizcal td.holiday {
    color: #666 !important;
    font-weight: normal;
}
@media screen and (max-width:479px){
	
	.eventday:before,.eventday2:before,.eventday2a:before,.eventday4a:before,.eventday4b:before,.eventday4c:before{bottom: -12px;}
	#site-navigation_top{height:440px;}
	#site-navigation_top li,#site-navigation_top li.menu-item-20{width:50%;}
	#site-navigation_top li.menu-item-32{background-size:200px auto; position:absolute; top:0;left:0;right:0;margin:0 auto}
	.menu-item-18,.menu-item-25,.menu-item-19{position:absolute;left:0;}
	.menu-item-21,.menu-item-22,.menu-item-20{position:absolute;left:50%;}
	.menu-item-18,.menu-item-21{top:280px}
	.menu-item-25,.menu-item-22{top:330px}
	.menu-item-19,.menu-item-20{top:380px}	
	#menu .menu-item-18,#menu .menu-item-21{top:80px}
	#menu .menu-item-25,#menu .menu-item-22{top:130px}
	#menu .menu-item-19,#menu .menu-item-20{top:180px}
.access_left{float:none; width:100%;}
.access_left:first-child{margin:1% 0}
.access_left:last-child{margin:1% 0}
#biz_calendar table.bizcal {border-spacing: 2px;}
	#biz_calendar table.bizcal td{padding:16px}
	.eventday4:after{
    line-height: inherit;
}
	.eventday:after{bottom: 0;}
	.eventday:before{top: 40%;}
	#biz_calendar table.bizcal td {height: 50px;}
	.bizcal td:not(.holiday):not(.calmonth):not(.calbtn):not(:empty)::before { width: 50px; height: 50px}
}