@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*メインとサイドバーの背景色変更*/
.main, 
.sidebar {
  background-color: #dcd6d2;
}
/*スマホナビメニュー幅・透過カスタム*/
.navi-menu-content{
	width: 50%;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

/*スマホでヘッダー画像同じサイズ表示*/
@media screen and (max-width: 1023px) {
  .header {
    background-size: contain;
  }
}

/*h3の不要な要素打ち消し*/
.article h3 {
  border-left: unset;
  border-right: unset;
  border-top: unset;
  border-bottom: unset;
  font-size: 22px;
  padding: 12px 20px;
}

/*メニューページh3*/
.menu_page h3 {
	border-bottom: solid 2px black !important;
	color: #24140e !important;
}

/*予約ボタン*/
.btn-reserve {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #8f755b;
  background: #ECECEC;
  transition: .4s;
}

.btn-reserve:hover {
  background: #e6ba8e;
  color: white;
}

/*スマホのみ改行*/
@media screen and (min-width: 680px){	
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){	
  .pc { display:none; }
  .sp { display:block; }
}

/*フォントサイズ2倍*/
.font_2 {
	font-size: 2rem;
}
/*フォントサイズ3倍*/
.font_3{
	font-size: 3rem;
}
/*トップのお知らせボックス*/
.box_op {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #800000;
}
.box_op p {
    margin: 0; 
    padding: 0;
}
/*ヘッダーロゴ非表示*/
.logo-header{
  display: none;
} 
/*固定ページまとめて非表示*/
.page .entry-title,
.page .date-tags,
.page .sns-follow,
.page .sns-share,
.page .author-info{
	display: none;
}
/**フロントページ全てをまとめて非表示**/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
 display: none;
}

/**ヘッダーサイトタイトル非表示**/

.site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}

/*固定ページのアイキャッチ非表示*/
.page .eye-catch {
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}