@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#vegas {
    width: 100vw;
    height: 100vh;
}

/*グローバルナビのホバー*/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.caption-wrap:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-in > ul .sub-menu,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover {
    background-color: rgba(255,255,255,0.1); /*背景色*/
    transition: all 0.9s ease; /*アニメーション*/
    color: #59b9c6; /*フォントカラー*/
    font-weight: bold;
    border-bottom: 0px solid #ffaf00;
}
.navi-in > ul .sub-menu,
.navi-in a {
    background-color: rgba(255,255,255,0);
    border-radius:5px;
}


/*パンくずエリアの背景色設定*/
.breadcrumb {
	background: transparent !important; /*背景色*/
}

/*GalleryPageのヘッダ背景消しとナビメニュー字の大きさ色調整*/

.page-id-175 .fa,
.page-id-175 .breadcrumb,
.page-id-175 .breadcrumb-caption  {
    display: none;
}

.page-id-175 .header-container,
.page-id-175 .header-container-in.hlt-top-menu .navi,
.page-id-175 .menu-top {
    background: transparent !important;
}

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}


/*投稿日のみを消す場合*/
 .page .post-date {
    display: none;
}*/






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

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

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