@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.logo{
	text-align:left;
}

.tagline{
	text-align:left;
}

.justify-content{
	text-align:left;
}


/*アピールエリアの背景色*/
.appeal-content {background: none;}
/*アピールエリアタイトルの背景色・文字色*/
.appeal-title{background: none; color: #fff;
	font-size: 4em; /*フォントサイズ*/
	text-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	font-weight: lighter; 
}

#appeal,
.appeal .appeal-in {
	min-height: 45vw;
}
.appeal {
	background-size: contain;
}


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

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
/*  font-size: medium;*/
  border-collapse: separate;
/*  border-spacing: 0;*/
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
/*  line-height: normal;*/
  position:relative;
}
/*----------見出し１（タイトル）カスタマイズ----------*/
.article h1{ 
  font-size: 2em; /*フォントサイズ*/
    color: #F3C22D; /*フォントカラー*/
    font-weight:normal; /*フォント太さ*/
  margin: 0px -8px 10px -8px;
  padding: 9px 7px 9px 10px;
  line-height: 1.2em; /*高さ*/
  }
/*----------見出し２（タイトル）カスタマイズ----------*/
.article h2{ 
  font-size: 1.5em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:lighter; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  line-height: 3em; /*高さ*/
}
/*----------見出し３（タイトル）カスタマイズ----------*/
.article h3{ 
  font-size: 2.3em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:350; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
	/* text-align: center; */
  margin: 50px 0px 0px -8px;
  padding: 9px 7px 0px 10px;
  border-left: 0px solid #F3C22D; /*左ラインの太さとカラー*/
  line-height: 2.3em; /*高さ*/
}
/*----------見出し４（タイトル）カスタマイズ----------*/
.article h4{ 
  font-size: 1em; /*フォントサイズ*/
	color: #333333; /*フォントカラー*/
	font-weight:lighter; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
		text-align: center;
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  border-left: 1px solid #F3C22D; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #F3C22D; /*アンダーラインの太さとカラー*/
  border-top: 1px solid #F3C22D;
  border-right: 1px solid #F3C22D;
  line-height: 3em; /*高さ*/
}
/*----------見出し５（タイトル）カスタマイズ----------*/
.article h5{ 
  font-size: 1em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:normal; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 20px 20px 0px;
  padding: 5px 5px 5px 5px;
  line-height: 27px; /* 高さ*/
  text-align: none; /*文字位置中央*/
  position:relative;
}
/*----------見出し６（タイトル）カスタマイズ----------*/
.article h6{ 
  font-size: 1.2em; /*フォントサイズ*/
    font-weight:normal; /*フォント太さ*/
    color: #FFF; /*フォントカラー*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 2em; /*高さ*/
  background-color: #F3C22D; /*背景カラー*/
  vertical-align: middle; /* 上下中央に寄せる */ 
}

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

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


/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
/*  font-size: medium;*/
  border-collapse: separate;
/*  border-spacing: 0;*/
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
/*  line-height: normal;*/
  position:relative;
}
/*----------見出し１（タイトル）カスタマイズ----------*/
.article h1{ 
  font-size: 2em; /*フォントサイズ*/
    color: #F3C22D; /*フォントカラー*/
    font-weight:normal; /*フォント太さ*/
  margin: 0px -8px 10px -8px;
  padding: 9px 7px 9px 10px;
  line-height: 1.2em; /*高さ*/
  }
/*----------見出し２（タイトル）カスタマイズ----------*/
.article h2{ 
  font-size: 1.5em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:lighter; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  line-height: 3em; /*高さ*/
}
/*----------見出し３（タイトル）カスタマイズ----------*/
.article h3{ 
	  font-size: 1.5em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:bold; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
	text-align: center;
  margin: 100px -8px 20px -8px;
  padding: 0px 7px 0px 10px;
  border-left: 0px solid #F3C22D; /*左ラインの太さとカラー*/

}
/*----------見出し４（タイトル）カスタマイズ----------*/
.article h4{ 
  font-size: 1em; /*フォントサイズ*/
	color: #333333; /*フォントカラー*/
	font-weight:lighter; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
		text-align: center;
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  border-left: 1px solid #F3C22D; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #F3C22D; /*アンダーラインの太さとカラー*/
  border-top: 1px solid #F3C22D;
  border-right: 1px solid #F3C22D;
  line-height: 3em; /*高さ*/
}
/*----------見出し５（タイトル）カスタマイズ----------*/
.article h5{ 
  font-size: 1em; /*フォントサイズ*/
    color: #333333; /*フォントカラー*/
    font-weight:normal; /*フォント太さ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 20px 20px 0px;
  padding: 5px 5px 5px 5px;
  line-height: 27px; /* 高さ*/
  text-align: none; /*文字位置中央*/
  position:relative;
}
/*----------見出し６（タイトル）カスタマイズ----------*/
.article h6{ 
  font-size: 1.2em; /*フォントサイズ*/
    font-weight:normal; /*フォント太さ*/
    color: #FFF; /*フォントカラー*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 2em; /*高さ*/
  background-color: #F3C22D; /*背景カラー*/
  vertical-align: middle; /* 上下中央に寄せる */ 
}

/*アピールエリアタイトルの背景色・文字色*/
.appeal-title{background: none; color: #fff;
	font-size: 1.5em; /*フォントサイズ*/
	text-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	font-weight: lighter; 
}

}


/*-------------------- Material iconsを利用する --------------------*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }



.btn-flat-border {
  display: inline-block;
  padding: 0.1em 1em;
  text-decoration: none;
  color: #F3C22D;
  border: solid 1px #F3C22D;
  border-radius: 20px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #F3C22D;
  color: white;
}

/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}


.hotel {
    border: none;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: initial;
    border-right-color: initial;
    border-right-style: none;
    border-right-width: initial;
    border-bottom-color: initial;
    border-bottom-style: none;
    border-bottom-width: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: 0 1px 3px 0 rgba(60,64,67,.30), 0 4px 8px 3px rgba(60,64,67,.15);
}


/*----------hotelCSS----------*/
.hotel_name { 
  font-size: 1.5em;
  margin: 1px 1px 1px 0px;
  padding: 5px 5px 5px 0px;
  text-align: none;
}

.hotel_sp { 
  margin: 1px 1px 1px 5px;
  padding: 1px 1px 1px 5px;
  text-align: none;
}

.hotel_add { 
  margin: 1px 1px 1px 5px;
  padding: 5px 5px 5px 5px;
  text-align: none;
}

.hotel_titlecategory { 
	font-size: 1.2em;
	font-weight:bold ;
	margin: 1px 1px 0px 1px;
	padding: 5px 5px 0px 1px;
}

.hotel_non { 
}

.hotel_all { 
}