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

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

.wrap {
    width: 100%;
}
.wp-singular main, .widget_pc_text{    width: 100%;max-width:1200px;margin: 0 auto;}

.skin-grayish.front-top-page .content .main { padding: 20px 0px 0px 0px;}
.header-container, .main, .sidebar, .footer { background-color: transparent;}
.skin-grayish.front-top-page .content { background-color: transparent;}
body.custom-background { background-position: top center!important;}
.skin-grayish.front-top-page .header .header-in .logo-image { position: absolute; top: -60%;left:10%;}
.skin-grayish:not(.front-top-page) .header-in .logo-header img { width: auto;height: 100%; z-index: 9999; margin-left: 126px;}
.skin-grayish #navi-in { background-color: rgb(45 81 127 / 84%);}
.skin-grayish:not(.front-top-page) .header-container{ background-color: rgb(24 50 96 / 87%);}
.skin-grayish.front-top-page .container .header-container .header { margin: -42px 0 0 0px;}
.skin-grayish .copyright {color: #fff;}
.admin-panel { background-color: #183362;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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