@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/


/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateX(50px);/* X軸方向に50px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateX(0);/* X軸方向に0px */
	}
}
/*右から左*/
@keyframes RightToLeft-100 {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateX(100px);/* X軸方向に100px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateX(0);/* X軸方向に0px */
	}
}



/*左から右*/
@keyframes LeftToRight {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateX(-50px);/* X軸方向に-50px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateX(0);/* X軸方向に0px */
	}
}


/*上から下*/
@keyframes SlideDown {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateY(-50px);/* Y軸方向に-50px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateY(0);/* Y軸方向に0px */
	}
}

/*下から上*/
@keyframes SlideUp {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateY(50px);/* Y軸方向に50px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateY(0);/* Y軸方向に0px */
	}
}
@keyframes SlideUp-100 {
	0% {
	    opacity: 0;/* 透明 */
	    transform: translateY(100px);/* Y軸方向に100px */
	}
	100% {
	    opacity: 1;/* 不透明 */
	    transform: translateY(0);/* Y軸方向に0px */
	}
}



/**********アニメーション設定end**********/















/***** 共通 *****/

body {
    background-color: #f3f3f3;
}
/* トップページ以外にスタイルを設定 (body:not(.home)でトップページ以外となる。 */
body:not(.home) {
	background-color: #fff;
}


.content {
    background-color: #f3f3f3;
    margin-top: 0px;
}





a {
    transition: 0.5s;
    text-decoration:none;
    color:#2d565b;
}

/*細い水平線*/
hr {
    width: 80%;
    border-width: 1px 0 0 0;
    border-color: #ddd;
    border-style: solid;
    margin:50px auto;
}


/*ボタン等*/
body.home #front-contact .c_box_inner input[type=submit], body.home #front-contact .c_box_inner button,form input[type='submit'], form button {
    background: #d35400;	/*オレンジ*/
}

body.home #front-contact .c_box_inner input[type=submit], body.home #front-contact .c_box_inner button {
	/*width: 30%;*/
    width: 70%;
    font-size:24px;
}

body.home #front-contact .c_box_inner input[type=submit]:hover, body.home #front-contact .c_box_inner button:hover,form input[type='submit']:hover, form button:hover {
	opacity:0.5;
}

form input[type='submit'], form button {
    display: block;
    border-radius: 3px;
    margin: 0 auto;
    padding:12px 20px !important;
    width:70%;
    font-size:24px;
    background-color:#e60012;
    border:none;
    color:#fff;
    transition:1s;

}

/*リンク*/
.p-link{
    border: 1px solid #2d565b;
    border-radius: 3px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s ;
}
.p-link:hover{
	background-color:#2d565b;
	color:#fff;
}



/*テーブル*/
table {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
table th {
    white-space: nowrap;
    font-size:1em !important;
}
table td {
	text-align:left;
	font-size:1em !important;
}





/***** フロントページ *****/

/*logo・tagline*/
.home .header-in{
	animation-name: SlideUp;	/* アニメーション名 */
	/*animation-name: SlideUp-100;*/
	/*animation-name: LeftToRight;*/
	
	animation-duration: 2s;	/* アニメーション時間 */
	
	position: absolute;	/*スライダーの上に表示 2019/06/12*/
    z-index: 2;	/*スライダーの上に表示 2019/06/12*/
    top: 200px;	/*スライダーの上の上部に 2019/06/12*/
    left: 0px;	/*スライダーの上の左に 2019/06/12*/
    right: 0px;	/*スライダーの上に中央揃え 2019/06/12*/
    text-align: center;
	
}


/*logo・taglineのアニメーション設定によって影響を受ける「モバイル時のフッターメニューを開いたとき」の設定*/
.menu-content ,.search-menu-content {
    /*transition: .3s ease-in-out;*/
    /*transition:none .3s ease-in-out;*/
    transition:.5s ease-in-out;
}

.menu-content {
    max-width: 50%;
}



/*LINE「友だち追加」ボタンを設定 OBオリジナル（2019/10/21）*/
#line-friend {
	position:fixed;
	top:1px;
	right:1px;
	z-index:9999;
}



/*ヘッダーロゴの下に連絡先（電話・営業時間・住所）を設定 OBオリジナル（2019/06/12）*/
#contact-wrap {
    position: relative;
    /*top: 65px;*/
    /*left: 140px;*/
    width: 400px;
    /*background: rgba(255,255,255,0.9);*/
    color: #fff;
    padding: 0px 20px;
    /*border-radius: 5px;*/
    margin-left: auto;
    margin-right: auto;
}




#contact-wrap #tel{
    margin: 0 0 10px 0;
    background-color: #333;
    padding: 0px 0px;
    text-align: center;
    border-radius: 5px;
    color:#fff;
    transition:1s;
    font-size:30px;
}

#contact-wrap #tel a{
	color:#fff;
}

#contact-wrap #tel:hover{
	opacity:0.7;
	/*background-color: #847533;*/
}

#contact-wrap #mail{
    margin: 0 0 10px 0;
    background-color: #2d565b;
    padding: 0px 10px;
    text-align: center;
    border-radius: 5px;
    color:#fff;
    transition:1s;
}
#contact-wrap #mail:hover{
	/*opacity:0.7;*/
	background-color: #162b2d;
}

#contact-wrap #time,#contact-wrap #holiday{
	margin:0px 0px 0px 0px;
	font-size:20px;
	text-shadow: 2px 2px 0px #000;
	font-weight:bold;
}
#contact-wrap #adr{
	margin:0;
	font-size:20px;
    text-shadow: 2px 2px 0px #000;
    font-weight:bold;
}
#contact-wrap #holiday .case{
	font-size:11px;
	text-shadow:none;
	font-weight:normal;
}


/* h2（OBオリジナル） */
h2.firstletter{
	text-align:center;
	margin-bottom:30px;
	font-size:30px;
}
h2.firstletter:first-letter{
	color:#ea5a24;
	font-size:50px;
}


/*ヘッダーのディスクリプション */
.tagline {
    margin-top: 25px;
    margin-bottom: 20px;
    padding-left: 20px;
	color: #000;
}

body:not(.home) .tagline {	/*トップページ以外*/
    margin-top: 15px;
    z-index:2;
}





/***** メニューバー *****/

/*ヘッダー画像の上に配置。*/
#header-container .navi{
    background-color: rgba(255,255,255,0.7);

    /*border-top: 5px solid #ea5a24;*/
    border-top: 5px solid #333;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 70%;
    margin: auto;
    
    z-index: 1;	/*スライダーの上に表示 2019/06/12*/
    /*text-shadow: 1px 0px 5px #000;*/
    /*font-weight: bold;*/
    
    animation-name: SlideDown;
    /*animation-name: RightToLeft;*/
    /*animation-name: RightToLeft-100;*/
	animation-duration: 1s;	/* アニメーション時間 */
    
    
}


/*メニューの文字を右寄せに*/
#navi-in{
	/*float: right;*/
}



#navi .navi-in > .menu-header .sub-menu {
	background-color: rgba(255,255,255,0.2);
}
#navi .navi-in > ul > li{
	width:135px;
}


.navi-in > ul {
    /*display: flex;*/
    /*display: block;*/	/*メニューを縦並べに*/
}





/***** アピール *****/
.appeal-content {
    height: 270px;	/*IE対応。高さを指定しないと、高すぎる。*/
}




/***** フロントページ スライダー（OBオリジナル）2019/06/12 *****/
#front-page-slider{
	width:auto;
	margin-bottom:0px;
    margin-left: -30px;
    margin-right: -30px;
    /*margin-top: -45px;*/
    margin-top: -25px;
    padding-top: 0px;
    padding-bottom:0px;
    /*background-color: #ccc;*/
    background-color: #acacac;
}

/*メタスライダーのスタイル*/
.metaslider .slides img:after{

}



/***** フロントページ  - 奇数段（ごあいさつ・最新情報・店舗情報・営業カレンダー）-（OBオリジナル） *****/

#msg-area-wrap,#front-page-concept,#front-page-info,#front-page-shop,#front-page-calendar,#front-page-newmenu{
	width:auto;
	margin-bottom:50px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom:70px;
}
#front-page-shop,#front-page-calendar{
	padding-top: 10px;
	padding-bottom:120px;
}
#front-page-newmenu{
	padding-top: 100px !important;
	padding-bottom: 0px !important;
}

/***** フロントページ  - 偶数段（テイクアウト・メニュー・アクセス・イベント情報）-（OBオリジナル） *****/
#front-page-takeout,#front-page-menu,#front-page-access,#front-page-event,#front-page-blog{
	width:auto;
	margin-bottom:50px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 0px;
    padding-top: 100px;
    padding-bottom:120px;
    background-color: #f3f3f3;
}
#front-page-menu,#front-page-access,#front-page-event,#front-page-blog{
    padding-top: 60px;
}




#front-page-concept .wrap,#front-page-takeout .wrap,#front-page-info .wrap,#front-page-menu .wrap,#front-page-shop .wrap,#front-page-access .wrap,#front-page-calendar .wrap,#front-page-event .wrap,#front-page-blog .wrap,#front-page-newmenu .wrap{
	text-align:center;
	width:auto;
	position: relative;
	margin-top:50px;
}


#front-page-concept .bg-txt,#front-page-takeout .bg-txt,#front-page-info .bg-txt,#front-page-menu .bg-txt,#front-page-shop .bg-txt,#front-page-access .bg-txt,#front-page-calendar .bg-txt,#front-page-event .bg-txt,#front-page-blog .bg-txt,#front-page-newmenu .bg-txt {
    /*color: rgba(108, 117, 125, 0.05);*/
    color: rgba(108, 117, 125, 0.1);
    font-size: 150px;
    position: absolute;
    top: -100px;
    z-index: 1;
    margin: 0;
    left: 0px;
    right: 0px;
}


#msg-area-wrap,#front-page-concept{
    position: relative;
}




/***** ごあいさつ（OBオリジナル） *****/

#front-page-concept .wrap .strong-point .strong-more{
    font-weight: bold;
    font-size: 40px;
}

#front-page-concept .wrap .block{
	width: 500px;
    display: inline-block;
    height: auto;
    margin: 20px;
}

#front-page-concept .wrap .block .description {
    font-size: 12px;
    color: gray;
    /*margin-top: -30px;*/
    /*margin-bottom: -10px;*/
}


#front-page-concept .wrap .block .point{
	color:#2d565b;
	font-size:24px;
}

/*2019/11/20追加*/
#front-page-concept .ul-wrap{
	display: inline-block;
	vertical-align: top;
    border: 3px dotted green;
    border-radius: 3px;
    background-color: #ffffd3;
    margin-left:10px;
    margin-right:10px;
}
#front-page-concept ul{
	margin-left: auto;
	margin-right: auto;
	/*width: 80%;*/
}
#front-page-concept ul li{
	text-align: left;
}
.attention{
    background-color: red;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
}
.img-wrap{
	vertical-align: top;
	margin-left: auto;
    margin-right: auto;
}



/***** 最新情報（OBオリジナル） *****/
#info-wrap{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#list{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/*表示数を越えた場合に表示される「次ページ」部分のスタイル（2019/06/25）*/
.pagination-next-link, .comment-btn {
    /*background-color: #f9f9f9;*/
    background: none;

    /*width: 100%;*/
    width: 50%;
    
    margin-left:auto;
    margin-right:auto;
}


/***** メニュー（OBオリジナル） *****/

/*ランチ*/
#front-page-menu .block-lunch {
	width:70%;
	margin-left: auto;
	margin-right: auto;
}

#front-page-menu .lunch-menu{
	text-align:left;
}

#front-page-menu .lunch-menu .text-s{
    font-size: 14px;
    margin: 3px 0px;
}


#front-page-menu .wrap .block {
    width: 500px;
    height: auto;
    /*background-color: #ccc;*/
    display: inline-block;
    margin: 20px;
}




/***** イベント情報（OBオリジナル）（2020/02/22） *****/

.event-top p {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.event-top .event-img {
    width: 200px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}




.event-wrap  {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.event-detail {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fafafa;
    text-align: left;
    padding: 0px 20px;
    margin-bottom:30px;
}

.event-detail .title{
	font-weight:bold;
}

.date-time {
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    color: #ea5a24;
    font-size:20px;
}

.contents{
}

.players {
    /*padding-bottom: 0px;*/
    /*margin-bottom: 10px;*/
    /*margin-top: -10px;*/
}

/*イベント情報部分へのリンクボタンを設定*/
#event-area {
	position:fixed;
	top:40px;
	right:1px;
	z-index:9999;
}

#event-area a {
    background-color: yellow;
    color: #000;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}



/***** テイクアウト（OBオリジナル）（2020/03/02） *****/

.takeout-top p {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    text-align:left;
}

.takeout-top .takeout-img {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.price {
	text-align:center;
}



#front-page-takeout .takeout-block {
	width:70%;
	margin-left: auto;
	margin-right: auto;
}


.title_1{
    border-left: 5px solid #d35400;
    text-align: left;
    padding: 0px 5px;
    font-size: 24px;
    font-weight: bold;
    margin-left: 5px;

}

.title_2{
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    color: #ea5a24;
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    margin-top:0px;
}

/*画像全体*/
#front-page-takeout .block {
    text-align: center;
    margin-bottom: 50px;
    width: 350px;
    display: inline-block;
    padding:5px;
    vertical-align:top;
}

/*画像の囲い部分*/
#front-page-takeout .block-img {
    margin: auto;
    overflow: hidden;
    display: inline-block;
    padding: 10px 20px;
}

#front-page-takeout .block p {
	margin:0px;
}

.menu_title{
	font-weight:bold;
}
.menu_desc{
	font-size:14px;
	text-align:left;
}



/*テイクアウト情報部分へのリンクボタンを設定（2020/04/07）*/
#takeout-area {
	position:fixed;
	top:93px;
	right:1px;
	z-index:9999;
}

#takeout-area a {
    background-color: #d6000f;
    color:#fff;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}



/***** 固定ページ・投稿ページ *****/

/*全体（１カラム）*/
/* トップページ以外にスタイルを設定 (body:not(.home)でトップページ以外となる。該当固定ページのhtmlで、bodyのclassにhomeがあれば、フロントページ。他の固定ページなら、「page-id-20」などのクラスがある。) */
body:not(.home) .main {
    margin: auto !important;
    width: 80% !important;
    margin-top: -45px !important;	/*ヘッダー画像に重なるように*/
    /*margin-top: -24px !important;*/	/*ヘッダー画像に重ならないように*/
    border-radius: 0px !important;
    border-top: #ccc 4px solid !important;
}


/*ヘッダー画像*/
.single .header ,.page .header,.category .header{	/*カテゴリー一覧ページ（.category .header）追加。2019/06/25*/
	/*background-image: none;*/
	height: 240px;
	/*height: 200px;*/
}
/*ヘッダー内のロゴ、ディスクリプションの高さも合わせる*/
.single .header .header-in ,.page .header .header-in,.category .header .header-in {
    min-height: 0px !important;
    
    position: absolute;
    top: 0px;
    left: 0px; 
}


body.ba-fixed, .header.ba-fixed, .appeal.ba-fixed {
	display: -ms-flexbox;	/*IE対応。上下中央配置。*/
	display: -webkit-box;	/*上下中央配置。*/
}

.logo-header {
    margin-bottom: -20px;
    text-align:center;
}
.logo-header img {
    height: auto;
    background-color:rgba(255,255,255,0.5);
}



/* トップページ以外 */
body:not(.home) .logo-header { 
    margin-top: -5px;
}
body:not(.home) .logo-header img{
	/*width:200px;*/
	width:150px;
	background-color:rgba(255,255,255,1);
}
body:not(.home) #contact-wrap {
    margin-top: -10px;
    /*width: 300px;*/
    width: 280px;
    text-align:center;
    padding-top:15px;
}
body:not(.home) #contact-wrap #adr,body:not(.home) #contact-wrap #time, body:not(.home) #contact-wrap #holiday {
    /*font-size: 14px;*/
    font-size: 12px;
    text-shadow: none;
    color:#000;
    font-weight:normal;
    margin-top:-5px;
}
body:not(.home) #contact-wrap #tel {
    font-size: 22px;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}


body:not(.home) #header-container .navi {
    width: 60%;
    border-top:none;
}
body:not(.home) #navi .navi-in > ul > li {
    width: 120px;
}




/*タイトル*/
.entry-card-title, .related-entry-card-title {
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    color: #333;
}



/*カテゴリーのラベル*/
.cat-label {
    background-color: rgba(0, 0, 0, 0.7);	/*#000を透過*/
}

/*抜粋部分のテキスト*/
.entry-card-snippet, .related-entry-card-snippet {
    line-height: 1.8;	/*行の高さを広く*/
    text-align: left;
    margin-bottom:10px;
}


/*ページ・投稿 タイトル*/
.entry-title, .archive-title {
    color:#333;
    /*font-size:30px;*/
}

/*ページのみ  日付を非表示に*/
.page .date-tags{
	display:none;
}

/*h2*/
.article h2 {
  overflow: hidden;
  text-align: center;
  background:none;
  margin-top:20px;
}
.article h2 span {
  position: relative;
  display: inline-block;
  /*margin: 0 2.5em;*/
  margin: 0;
  /*padding: 0 1em;*/
  padding: 10px;
  text-align: left;
  font-size:30px;
}

.article h2 span::first-letter{
	font-size:50px;
	color:#2d565b;
}

.article h2 span::before,
.article h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
.article h2 span::before {
  right: 100%;
}
.article h2 span::after {
  left: 100%;
}



/*h3*/
.article h3 {
    border-left: 6px solid #8d785a;
    border-right: none;
    border-top: none;
    border-bottom: none;
    text-align: left;
    padding: 6px 20px;
}



.strong-point,.strong-point-2{
    text-align: center;
    font-size: 28px;
    margin: 20px 10px;
    color:#333;
    line-height:1.5;
}


.strong-point {
    margin: 20px auto;
    width: 95%;
    /*padding-top:120px;*/
}

.ruby{
	font-size:16px;
}


.strong-point-2 {
    color: #333;
    font-size: 24px;
    width: 400px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:50px;
}
.strong-point-2 span::after {
    left: 100%;
}
.strong-point-2 span::before {
    right: 100%;
}
.strong-point-2 span::before, .strong-point-2 span::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20%;
    height: 1px;
    background-color: #ccc;
}





/*トップページ以外*/
body:not(.home) .bg-txt{
    /*color: rgba(108, 117, 125, 0.05);*/
    color: rgba(108, 117, 125, 0.1);
    font-size: 110px;
    margin: 0;
    line-height: 1;
    position: absolute;
    left: -70px;
    /*top: 40px;*/
    top: 30px;	/*ヘッダー画像に重なるように*/
}



/*投稿ページ 本文下の投稿者名を非表示に（2019/06/25）*/
.footer-meta{
	display:none;
}




/***** 店舗案内（2019/10/10追加） *****/

/*画像全体*/
#front-page-shop .block{
    text-align: center;
    margin-bottom:50px;
}

/*画像の囲い部分*/
#front-page-shop .block-img {
    margin: auto;
    overflow: hidden;
    display: inline-block;
    padding: 10px 20px;
}












/***** 会社案内ページ *****/

/*あいさつ文*/
.greeting-left{
	display: inline-block;
	width: 70%;
	vertical-align:
	top;margin-top:-20px;
}

/*写真部分*/
.greeting-right{
	display: inline-block;
	float: right;
	vertical-align: top;
	margin-top:-15px;
}

.P-name{
	text-align: center;
	margin-top: -25px;
}

/*アクセス グーグルマップ*/
.gmap{
	text-align:center;
}


/***** 営業カレンダー *****/
.calendar-wrap {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
}





/***** スタッフブログ（2021/08/27） *****/
#front-page-blog ul {
    padding-right: 0px;
    padding-left: 0px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#front-page-blog li{
	list-style: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
	margin: 10px;
	background-color: #fff;
	color: #333;
	text-align: left;
}

#front-page-blog .blog-date{
	font-size: 0.8em;
	margin: 0;
}

#front-page-blog .blog-title{
	font-weight:bold;
	margin: 0 0 10px 0;
}

#front-page-blog .blog-contents{
	font-size: 0.8em;
	display: inline-block;
	width: 80%;
	vertical-align: top;
	margin-top: 0;
}

#front-page-blog .blog-contents-wide{
	width:100%;
}

#front-page-blog .blog-img{
	height: auto;
	width: 20%;
	display: inline-block;
	margin-right: 0;
	margin-top: -60px;
	margin-bottom: 0;
	padding: 10px;
}










/***** 「食材について」ページ *****/
.foodstuff-wrap {
    margin: 70px 30px 25px 30px;
}

.foodstuff-wrap .title_1 {
    margin-bottom: 10px;
}

.foodstuff-wrap .img-wrap .foodstuff-img {
    display: inline-block;
    margin: 20px 20px;
}

.foodstuff-wrap .foodstuff-txt {
    margin-left: 20px;
    margin-right: 20px;
    font-size: smaller;
    margin-top: -10px;
}

.foodstuff-wrap ul {
    font-size: smaller;
    margin-left: 10px;
}






/************************* 投稿一覧ページのカスタマイズ（2019/06/25）**********************
※index.phpに表示している部分ではなく、投稿のカテゴリーをクリックした時、表示されるページ 
*******************************************************************************************/

/* トップページ以外 */
body:not(.home) #front-page-slider ,body:not(.home) #front-page-concept { 
    /*display: none;*/
}
/*背景のテキスト*/
.category #front-page-info .bg-txt {
    font-size: 100px;
    top: -50px;
}





/***** インデックス（投稿一覧） *****/

.a-wrap{
	background-color: #fff;
	border-radius:5px;
}

.a-wrap:hover {
    background-color: #eee;
    transition: all 0.3s ease;	/*動きのスピード*/
    transform: translateY(-4px);	/*上に動く*/
    box-shadow: 0px 0px 8px rgba(0,0,0,0.24);
}




/*個別投稿の抜粋*/
.entry-card-thumb{	/*全体*/
	width:17%;
    /*background-color: #f5efcb;*/
    padding: 5px;
}


.entry-card-content {	/*抜粋テキスト*/
    margin-left: 17%;
}

.entry-card-thumb img{	/*サムネイル画像*/
    width: 200px;
    height: auto;
    float: left;
    /*background-color:#c1ad4b;*/
    /*background-color:rgba(193,173,75,0.5);*/
}



/********** コンタクトフォーム部分のスタイル **********/

/*コンタクトフォーム全体*/
#wpcf7-f12-o1{
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    padding: 20px 5px;
}

/*コンタクトフォーム全体*/
.contactf{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

/*「必須」のスタイル*/
.required_item {
    background-color: #c60909;	/*少し暗めの赤*/
    padding: 2px  10px 2px 10px;
    margin: 0 5px;
    font-size: 12px;
    border-radius: 3px;
    color:#fff;
    white-space:nowrap;
}

span.wpcf7-list-item {
}

/*ドロップダウン*/
.wpcf7 select{
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: left;
    background-color: #fff;
    padding: 8px 13px;
}

/*テキストエリア*/
.wpcf7 textarea{
    width: 100%;
    /*height: 150px;*/
    /*width: 600px;*/
    height: 100px;
}


/*戻って編集ボタン*/
form.wpcf7-form input[type='button']{
    display: block;
    border-radius: 3px;
    margin: 0 auto;
    padding: 12px 20px !important;
    width: 70%;
    background-color:#666;
    color:#fff;
    border:none;
}


/*送信OK時のメッセージ*/
.wpcf7 .wpcf7-mail-sent-ok {
    border: 3px solid #cd0000;	/*少し暗めの赤*/;
    text-align: center;
    padding: 30px 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #008086;*/
    color: #202020;
}



/*問合せ・応募フォーム*/
.contact-wrap{
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 10px;
    background-color:#f3f3f3;
    margin-bottom:50px;
    padding-top:0px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.contact-wrap .inner{
    /*padding: 10px;*/
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    text-align:left;

}
.contact-wrap .inner p.title{
	font-weight:bold;
	margin-bottom:10px;
	margin-top:30px;
	display:inline-block;
    width: 210px;
    vertical-align: top;
}

.contact-wrap .inner p.cont{
	/*font-size:14px;*/
	margin-left:50px;
	padding-bottom:30px;
	display:inline-block;
}


.contact-wrap .inner p.cont-border{
    border: 1px solid #ccc;
    border-radius: 3px;
}

.contact-wrap .inner p.cont-bottom{
	margin-bottom:10px;
}

.contact-wrap .inner p.cont span.block{
    margin: 5px 20px 5px 0px;
    display: inline-block;
}


.contact-wrap .inner p.cont span.block-indent{
	margin-left:30px !important;
	font-size:12px;
	line-height:30px;
}

.contact-wrap .inner p.cont span.block span.block-title{
	margin-right: 5px;
	margin-left:5px;
}

.contact-wrap .inner p.cont .form-width{
	max-width: 100%;
}











/***** フッター *****/
.footer {
    margin-top: 0px;
    /*padding-top: 20px;*/
}


.footer-bottom {
    margin-top: 0px;
}

.footer-bottom-logo .logo-image {
    max-width: none;
    text-align:left;
    display:inline-block;
}

/*footer-contactはOBオリジナル。子テーマ tmpフォルダ-footer-bottom.phpに追加。*/
.footer-bottom-logo .footer-contact {
	display:inline-block;
	margin:10px;

}
.footer-bottom-logo .footer-contact p{
	margin:0;
	font-size:14px;
}

.footer-tel {
    font-size: 20px !important;
    margin-top: 5px !important;
    text-decoration: underline;
}



.navi-footer-in a:hover {
    color: #333 !important;
}


/*ウィジェットのフッター中央*/
.footer-widgets, .footer-widgets-mobile {
    margin: 0px auto;
    font-size: 14px;
    line-height: 1.5;
    /*height: 100px;*/
    /*background-color:#8d785a;*/
    background-color:#90c84b;
}


/*ウィジェットの左と右は非表示に（2019/06/19）*/
.footer-left, .footer-right{
	display:none;
}

/********** ウィジェットの中央（2019/06/19） **********/
/*全体は100％に*/
.footer-center {
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



/*ロゴ全体*/
.footer-center .footer-logo-wrap{
	display: inline-block;
	float:left;
}
/*ロゴ*/
.footer-center .footer-logo-wrap .footer-logo{
	display: inline-block;
	height: 100px;
	width: 100px;
	background-color: red;
	margin: 10px 40px 10px 0px;
}
/*住所*/
.footer-center .footer-adr {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    line-height: 2;
    float: right;
    margin-top:10px;
}


/*モバイル時、フッターに表示される固定メニューバーの「メニュー」を開いた時のメニュー一覧*/

/*頭にフォントアイコンを付ける*/
.menu-drawer li a:before {
	content:"\f0da";
	font-family: FontAwesome;
	margin-right:5px;

}
/*サブメニューの余白を取る*/
.menu-drawer .sub-menu {
    margin: 0;
}


.mobile-menu-buttons{
	background-color:#ea5a24;
	/*background-color:#333;*/
	/*background-color:#f3f3f3;*/
	min-height:55px;
	font-size:16px;
}

.mobile-menu-buttons .menu-caption {
    font-size: 11px;
    opacity: 1;
    color: #fff;
}
.mobile-menu-buttons .menu-icon {
    color: #fff;
}

.mobile-menu-buttons .menu-button:hover {
    background-color: rgba(0,0,0,0.2)
}




/******* JSファイル読み込みからテキスト表示のテストの更新ボタン（20230221） ******/

/*表示エリア*/
#msg-area-wrap{
	background-color: #fff;
    padding:0 0 20px 0;
    /* color: #fff; */
    text-align: center;
    border: 1px solid #d6000f;
    width: 52%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    margin-bottom: -20px;
}
#msg-title{
	font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #d6000f;
    padding: 0;
    margin: 0;
}
#msg-area{
	
}
#msg-time{
	font-size: 20px;
	margin-top: 10px;
}
#text-msg{
	font-size: 28px;
	font-weight: bold;
	margin-top: 0px;
}


/*更新ボタン*/
.btn_reload {
	margin-top: 10px;
}
.btn_reload a {
	display: block;
	width: 80%;
	max-width: 150px;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	text-align: center;
    background: #666;
    color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 0.875rem;
	transition: .3s ease;
	cursor: pointer;
}
.btn_reload a:hover {
	background: #aaa;
	transition: .3s ease;
}
.btn_reload a i {
	margin-right: 0.5em;
}



.new-menu{
	width: 50% !important;
}













/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1400px以下*/
@media screen and (max-width: 1400px){

	/*ヘッダーロゴ・連絡先*/
	.home .header-in{
	    top: 150px;
	}

}


/*1300px以下*/
@media screen and (max-width: 1300px){

	/*ヘッダーロゴ・連絡先*/
	.home .header-in{
	    top: 80px;
	}

	#navi .navi-in > ul > li {
	    width: 115px;
	}


}


/*1100px以下*/
@media screen and (max-width: 1100px){

	/*フロントページ 各段 背景文字*/
	#front-page-concept .bg-txt,#front-page-takeout .bg-txt,#front-page-menu .bg-txt,#front-page-info .bg-txt,.category #front-page-info .bg-txt,#front-page-shop .bg-txt,#front-page-access .bg-txt,#front-page-calendar .bg-txt,#front-page-event .bg-txt,#front-page-blog .bg-txt,#front-page-newmenu .bg-txt {
	    font-size: 100px;
	    top: -50px;
	}


}



/*1030px以下（フッターに固定メニューが出現する）*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
  
  
  	.strong-point {
	    font-size: 24px;
	}

	#front-page-concept .wrap .strong-point .strong-more{
	    font-size: 24px;
	}
 
 	/*ヘッダーのディスクリプション*/
	.tagline {
	    text-shadow: 1px 1px 0px #fff;
	}
	body:not(.home) .tagline {	/*トップページ以外*/
		color:#fff;
		text-shadow: 1px 1px 0px #000;
	} 
  
  
	 /***** メニューバー *****/
	#header-container .navi, #navi .navi-in > .menu-header .sub-menu {
		display:none;
	}
	/*メニューバー非表示に伴い、スライダーの上余白を調整*/
	#front-page-slider {
	    margin-top: 65px;
	}
	/*メニューバー非表示に伴い、ヘッダーロゴ・連絡先の上余白を調整*/
	.home .header-in{
	    top: 0px;
	}
	/*メニューバー非表示に伴い、ヘッダーロゴ画像の大きさを調整*/
	.logo-header img {
	    width: 90%;
	}

  
  	
	/***** 最新情報（OBオリジナル） *****/
	#info-wrap{
	    width: 100%;
	}
	
	#list{
	    /*width: 95%;*/
	    width: 90%;
	}
  
	/*投稿一覧 抜粋部分のテキスト*/
	.entry-card-snippet, .related-entry-card-snippet {
		line-height: 1.3;	/*行の高さを狭く*/
	}
  
  	/*フッター ウィジェット*/
	.footer-widgets > div {
		/*padding-top: 0px;*/
	}
	
	
	
	/*固定ページ・投稿ページ*/
	.no-sidebar .content .main {
	    width: 100% !important;
	    margin-top: -90px !important;	/*ヘッダー画像への重なりを解除*/
	}
	/*固定ページ・投稿ページのヘッダー画像*/
	.single .header ,.page .header, .category .header{
		/*height: 350px;*/
		height: 280px;
	}
	
	/*固定ページ・投稿ページのヘッダー内のロゴ、ディスクリプションの高さも合わせる*/
	.single .header .header-in ,.page .header .header-in {
	    min-height: 250px;	
	}
	
	/*トップページ以外*/
	body:not(.home) .bg-txt{
	    font-size: 100px;
	    left: 0px;
	    top: 10px;
	}


	/***** 営業カレンダー *****/
	.calendar-wrap {
	    width: 90%;
	}

	/***** JSで表示 *****/
	#msg-area-wrap {
	    width: 74%;
	}

	.new-menu{
		width: 70% !important;
	}


	/***** イベント情報 *****/
	.event-wrap {
	    width: 70%;
	}

	/*スタッフブログ*/
	#front-page-blog ul {
	    padding: 0;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}




}

/*860px以下*/
@media screen and (max-width: 860px){


  
}


@media screen and (max-width:834px){

	/*ヘッダースライダー他*/
	#front-page-slider,#msg-area-wrap,#front-page-concept,#front-page-takeout, #front-page-menu, #front-page-info, #front-page-shop, #front-page-access,#front-page-calendar,#front-page-event,#front-page-blog{
		margin-right:-10px;
	}

	#front-page-slider,#msg-area-wrap,#front-page-concept,#front-page-takeout, #front-page-nemu,#front-page-info, #front-page-shop, #front-page-access,#front-page-calendar,#front-page-event,#front-page-blog,#front-page-newmenu {
	    margin-left: -10px;
	    margin-right: -10px;
	}

	
	/*スライダーの上余白を調整*/
	#front-page-slider {
	    margin-top: 80px;
	}


	/*フッター メニュー*/
	.navi-footer-in > .menu-footer li.menu-item a {
	    background-color: rgba(255,255,255,0.5);
	}
	
	#msg-area-wrap {
	    width: 71%;
	}
	
	.new-menu{
	 	width: 69% !important;
	}
}



/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  
  	/*ヘッダーのロゴなどの幅が大きい場合*/
	/*.header div.header-in, .appeal div.appeal-in {*/
	.header div.header-in {
	    width: 100%;
	    top:0px;
	}
  
	/*ロゴ画像*/
	.logo-image * {
	    max-width: 400px;
	}

	.logo-header img {
	    width: 80%;
	}

	#contact-wrap{
		width:350px;
	}

	#contact-wrap #adr,#contact-wrap #time, #contact-wrap #holiday{
		font-size:16px;
		text-shadow: 1px 1px 0px #000;
	}



  
  
  	/***** アピール *****/
	.appeal-content {
	    height: auto;	/*IE対応。*/
    	margin-bottom: 30px;
	}
	/*メッセージ部分*/
	.appeal-message {
	    font-size: 14px;
	}

  
  	/***** フロントページ（OBオリジナル）スライダーも追加（2019/06/12） *****/
	#msg-area-wrap,#front-page-concept,#front-page-takeout,#front-page-slider,#front-page-menu,#front-page-shop,#front-page-access,#front-page-calendar,#front-page-event,#front-page-blog,#front-page-newmenu{
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 10px;
	}
	/*スライダーの上余白を調整*/
	#front-page-slider {
	    margin-top: 80px !important;
	}    
 
 	/*フロントページ 各段 背景文字*/
	#front-page-concept .bg-txt,#front-page-takeout .bg-txt,#front-page-menu .bg-txt,#front-page-info .bg-txt,.category #front-page-info .bg-txt,#front-page-shop .bg-txt,#front-page-access .bg-txt,#front-page-calendar .bg-txt,#front-page-event .bg-txt,#front-page-blog .bg-txt,#front-page-newmenu .bg-txt {
	    font-size: 60px;
	    top: -20px;
	}

	/*偶数段*/
	#front-page-takeout,#front-page-menu,#front-page-access,#front-page-event,#front-page-blog{
	    margin-left: -10px;
	    margin-right: -10px;
	    padding-top:10px;
	}
	#front-page-info{
		padding-top:50px;
	}

	/*奇数段*/
	#front-page-info,#front-page-shop,#front-page-calendar{
	    padding-top:0px !important;
	}
	#front-page-newmenu{
	    padding-top:20px !important;
	}
    
    /*フッター ウィジェット*/
	.footer-widgets {
	    display: block;	/*非表示を表示へ。*/
	}

	/*フッター ロゴ*/
	.footer-center .footer-logo-wrap{
		display: block;
		float:none;
	}
	.footer-center .footer-logo-wrap .footer-logo {
	    margin: 20px;
	}
	
	/*フッター 住所*/
	.footer-center .footer-adr {
	    display: block;
	    float: none;
	    text-align:center;
	    font-size:14px;
	}






	/***** 会社案内ページ *****/

	/*あいさつ文*/
	.greeting-left{
		width: 100%;
	}

	/*写真部分*/
	.greeting-right{
		display: block;
		float: none;
		text-align:center;
	}

	/*グーグルマップ*/
	.gmap{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		display:block;
		margin-left:0px;
	}
	.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	/*コンタクトフォーム　テキストエリア*/
	.wpcf7 textarea{
	    width: 100%;
	}
	
	
	
	/*トップページ以外*/
	body:not(.home) .bg-txt{
	    font-size: 60px;
	}


	/*背景に色を付ける*/
	#reform .addbk{
	    margin-left: -10px;
	    margin-right: -10px;
	}

	#reform .div-left {
	    width: 100%;
	}
	#reform .div-img {
	    margin-top: 20px;
	}


	/***** 「食材について」ページ *****/
	.foodstuff-wrap {
	    margin-left: 0px;
	    margin-right: 0px;
	}



	/***** スタッフブログ（2021/08/27） *****/

	#front-page-blog .blog-contents{
		width:auto;
		display: block;
	}
	
	#front-page-blog .blog-img{
	    width: auto;
	    display: block;
	    margin-top: auto;
	    margin-left: auto;
	    margin-right: auto;
	}


}


/*640px以下*/
@media screen and (max-width: 640px){

  	/*スマホ横の場合に改行を入れる。*/
  	.br_h::before {
		content: "\A" ;
		white-space: pre ;
	}



	/**************************************************************/
	/*スマホでは、スライダーを下げて、ロゴ・連絡先等を最上部に配置*/
	/**************************************************************/

	/*スライダー*/
	#front-page-slider {
	    /*margin-top: 300px;*/
	    margin-bottom: -200px;
	}


	/*ディスクリプション*/
	.tagline {
	    margin-top: 10px;
	    margin-bottom: 0px;
	}

	/*ヘッダーロゴ*/
	.logo-header img {
	    width: 50%;
	    margin-top: -5px;
	    background-color: rgba(255,255,255,0.7);
	}

	/*連絡先全体*/
	#contact-wrap {
	    padding-top:0px;
	}
	body:not(.home) #contact-wrap {	/*トップページ以外*/
	    /*margin-top: 10px;*/
	}
	#contact-wrap #adr,#contact-wrap #time,#contact-wrap #holiday {
	    margin: 0px 0px -5px 0px;
	    /*font-size: 14px;*/
	    text-shadow: 1px 1px 0px #000;
	}
    /*トップページのみ*/
	.home #contact-wrap #time,.home #contact-wrap #holiday,.home #contact-wrap #adr {
	    /*color:#333;*/
	}

	#contact-wrap #tel {
	    margin-top: 5px;
	    font-size: 22px;
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	}


	#msg-area-wrap{
		margin-top: 240px;
	}

	.new-menu{
		margin-top: 50px !important;
	}

	/*ごあいさつ*/
	#front-page-concept {
	    /*margin-top: 140px;*/
	    margin-bottom: 0px;
	    padding-bottom:0px;
	}
	#front-page-concept .wrap,#front-page-info .wrap {
		margin-bottom:50px;
	}
	.strong-point {
	    font-size: 20px;
	    /*padding-top: 30px;*/
	    /*width: 90%;*/
	    margin-top:-20px;
	}
	#front-page-concept .wrap .strong-point .strong-more{
	    font-size: 20px;
	}
	/*2019/11/20追加*/
	#front-page-concept ul{
		width: auto;
	}


	/*営業時間変更案内*/
	.front-page-notice{
	    /*margin-top: 200px !important;*/
	    margin-top: -20px !important;
	    margin-bottom: -150px !important;
	}


	/*最新情報一覧*/
	#front-page-info {
	    margin-top: 280px;
	    margin-bottom: -200px;
	    padding-top:30px;
	    padding-bottom:30px;
	}
	
	#front-page-info .wrap {
		margin-bottom:0px;
	}
	.info-list{
		margin-top:0px !important;
	}
	.info-list #list{
		margin-top:-10px;
	}

	/*メニュー*/
	#front-page-menu{
		margin-top:230px;
		padding-bottom: 30px;
	}
	.contact-wrap{
		width:85%;
	}
	#front-page-menu .wrap .block-wrap {
		margin-top:-30px;
	}

	#front-page-menu .wrap .block,#front-page-concept .wrap .block {	/*ごあいさつも追加*/
	    width: 85%;
	}

	/*テイクアウト*/
	#front-page-takeout .takeout-block {
		width:90%;
	}

	/*ランチ*/
	#front-page-menu .block-lunch {
		width:90%;
	}





	/*店舗案内、営業カレンダー*/
	#front-page-shop ,#front-page-calendar{
	    padding-bottom: 50px;
	}
	#front-page-shop .wrap ,#front-page-calendar .wrap{
	    margin-top: 20px;
	}
	

	/*アクセス*/
	#front-page-access {
	    padding-bottom: 30px;
	    margin-top:-20px;
	}

	


  	/*フロントページ 各段 背景文字*/
	#front-page-concept .bg-txt, #front-page-takeout .bg-txt, #front-page-menu .bg-txt, #front-page-info .bg-txt,.category #front-page-info .bg-txt, #front-page-shop .bg-txt, #front-page-access .bg-txt,#front-page-calendar .bg-txt,#front-page-event .bg-txt,#front-page-blog .bg-txt,#front-page-newmenu .bg-txt {
	    /*color: rgba(108, 117, 125, 0.1);*/
	    position: relative;
	    margin-bottom: -70px;
	}

	.article h2 span {
	  font-size:20px;
	}

	.article h2 span::first-letter{
		font-size:30px;
		/*color:#8d785a;*/
	}


  	/*フロントページ以外*/
	body:not(.home) .bg-txt {
	    /*color: rgba(108, 117, 125, 0.1);*/
	    position: relative;
	    margin-top: -60px;
	    text-align: center;
	}


	.strong-point-2 {
	    font-size: 20px;
	    width: 300px;
	}


	/*テーブル*/
	table{
		width:90%;
	}
	table th,table td{
		/*font-size:0.7em;*/
	}

	/***** イベント情報 *****/
	.event-wrap {
	    width: 90%;
	}

	/***** JSで表示 *****/
	#msg-area-wrap {
	    width: 92%;
	}

	.new-menu{
		width:90% !important;
	}

}



/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  
	.page-body {
	    overflow-x: hidden;	/*微妙な右端の隙間を表示しないように*/
	}

  
  
  	/*スマホ縦型の場合に改行を入れる。*/
  	.br_v::before {
		content: "\A" ;
		white-space: pre ;
	}
  
  
  	/*ロゴ画像*/
	.logo-image * {
	    max-width: 300px;
	}
  

	.article h3 {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}



  	/*コンタクトフォーム*/
	.contact-wrap{
		width:95%;
	}
	
	.contact-wrap .inner p.title {
	    margin-left: 0px;
	}
	.contact-wrap .inner p.cont {
	    margin-left: 0px;
	    margin-right: 0px;
	}
	.contact-wrap .inner p.cont span.block{
	    margin-right:0px;
	}

	#contact-wrap #adr {
	    font-size: 11px;
	}
  
  
  	/***** フロントページ・ごあいさつ（OBオリジナル） ******/
  	
	/*ヘッダーロゴ*/
	.logo-header img {
	    /*height: 80px;*/
	    /*margin-top:-5px;*/
	}  	
  	/*連絡先全体*/
	#contact-wrap {
	    width: 300px;
	    padding: 5px;
	    margin-top: 5px;
	}
	#contact-wrap #adr,#contact-wrap #time,#contact-wrap #holiday {
	    font-size: 12px;
	    margin-top:-7px;
	}	
	#contact-wrap #holiday{
	    line-height: 1.2;
	    margin-top: 2px;
	    margin-bottom:2px;
	}

	
	/*トップページ以外*/
	body:not(.home) #contact-wrap {
	    margin-top: 0px;
	    margin-left: auto;
	    margin-right: auto;
	    /*width: 220px;*/
	    
	}
	body:not(.home) .tagline {
	    margin-top: 0px;
	}
	.single .header, .page .header, .category .header {
	    /*height: 300px;*/
	}



	/*画像*/
	#front-page-concept .block,#front-page-shop .block,#front-page-takeout .block {
	    width: auto;
	    height: auto;
	}
	#front-page-concept .block-img,#front-page-shop .block-img,#front-page-takeout .block-img {
	    width: 95%;
	    height: 95%;
	}



  	
  	/*フロントページ 各段 背景文字*/
	#front-page-concept .bg-txt, #front-page-takeout .bg-txt,#front-page-menu .bg-txt,#front-page-info .bg-txt,.category #front-page-info .bg-txt,#front-page-shop .bg-txt,#front-page-access .bg-txt,#front-page-calendar .bg-txt,#front-page-event .bg-txt,#front-page-blog .bg-txt,#front-page-newmenu .bg-txt {
	    font-size: 48px;
	    top: -30px;
	}

  	/*フロントページ以外*/
	body:not(.home) .bg-txt {
	    font-size: 48px;
	    top:0;
	}
  	
  	
  	/*施術メニュー*/
	#menu-price .block {
	    width: auto;
	    height: auto;
	}
	#menu-price .block-img {
	    width: 95%;
	    height: 95%;
	}

	/*取扱いメーカー*/
	#menu-price #maker ul {
	    width: 100%;
	}
	#menu-price #maker .etc {
	    font-size: 11px;
	}  	
  	
  	
	.strong-point-2 span::before, .strong-point-2 span::after {
	    display: none;
	}




	/*投稿の一覧*/
	/*個別投稿の抜粋*/
	.entry-card-thumb{	/*全体*/
		width:30%;
	}
	.entry-card-content {	/*抜粋テキスト*/
	    margin-left: 30%;
	}
	/*投稿のタイトル*/
	.e-card-title {
	    margin-left: 30%;
	}

	/*投稿一覧 抜粋部分のテキスト*/
	.entry-card-snippet, .related-entry-card-snippet{
		display:block !important;	/*非表示を表示へ*/
	}

	.new-menu{
		width:88% !important;
	}

  	
}