@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*header透過*/
.header{
	opacity:0.9;
}





/* vegas style */
.header-cover {
    margin: 60px auto 0 auto;
    width: 100%;
    background: #fff;
}

.slider {
    width: 100%;
    height: 750px;/* 画像の高さ */
    background-position:center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*スマホ表示向け*/
@media screen and (max-width: 1030px) {
.header-cover {
    margin: 150px auto 0 auto;
    width: 100%;
    background: #fff;
}

.slider {
    width: 100%;
    height: 250px;/* 画像の高さ */
    background-position:center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
/* 調整 */

.home #header-container {
    position: absolute;
    width: 100%;
    top: 0;
    background: transparent;
}

.home .header-container-in.hlt-top-menu .navi {
    background: transparent;
}

.home .site-name-text-link,
.home .navi-in a {
    color: #fff;
}





/**/
#header-container #navi a{
	color:#696969;
	padding:0px 0px;
}

/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*投稿ページの著者情報を消す場合*/
.post .author-info {
    display: none;
}

/*固定ページの投稿時間を消す場合*/
.page .date-tags {
    display: none;
}

/*投稿ページの投稿時間を消す場合*/
.post .date-tags {
    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){
  /*必要ならばここにコードを書く*/
}