@charset "UTF-8";
@import url(overrides.css);

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

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

/************************************
** すべてのページのタイトルを非表示にする
************************************/
.entry-title {
display: none;
}

/************************************
** すべてのリンク下の線を非表示にする、ホバーの色
************************************/

a:where(:not(.wp-element-button)) {
    text-decoration: none;

}

.entry-content a:hover { color: #000000;
}


/************************************
** コンテンツ幅を指定
************************************/
.container{
width: 100%;
}
/************************************
** コンテンツ幅上段のマージンを指定
************************************/

.content {
margin-top: 0%;
}

/************************************
** エントリーコンテンツ幅のマージンを指定
************************************/

.entry-content {
    margin-top: 0;
    margin-bottom: 0;
}

/************************************
** コンテンツラップ幅のマージンを消す
************************************/

.content-in .wrap {
    display: none
}

.wrap {
    width: 100%;
}


/************************************
** メイン幅のパディングを消す
************************************/

.main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding: 0;
}

/************************************
** フッター上のあき消す
************************************/

.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 0;
}

.footer {
	margin-top: 0;
}

/*全体修正*/

/* * グローバルメニューの反対側に問い合わせボタン表示*/

.btn{
  width: 150px;
  padding: 8px 0 8px 0;
  font-size: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  background: #6e2823;
  border-radius: 50px;
	transition: all .2s;
}


.btn, .ranking-item-link-buttons a, .btn-wrap > a, .wp-block-freeform .btn-wrap > a {
	    border-width: 0px;
	    border-color:none;
	}

/* 
* ヘッダーロゴ(テキスト)の反対側に問い合わせボタン表示
*/
div#header-in {
  /* ヘッダーロゴ(テキスト)と問い合わせボタンを横並び */
  flex-direction: row;
}

.header-in .logo-header {
  /* ヘッダーロゴ(テキスト)と問い合わせボタンの位置を両端にする */
  margin-right: auto;
}

.header-contact {
  /* 問い合わせボタンにパディングを追加（見た目を整える） */
  padding: 10px 0;
}

/************************************
** 
サブメニュー幅/グラデーション
************************************/

#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}
#navi .navi-in > .menu-header .sub-menu{
	background: #ffffff;
}

#navi .navi-in > .menu-header .sub-menu a{
	background: linear-gradient(to right, #0068B6,#66A4D3);
}

#navi .navi-in > ul .sub-menu a:hover{
	opacity: 0.8 ;
}

#navi .navi-in > .menu-header .sub-menu a{
    color: #ffffff; /*ドロップダウン背景色*/
}

/*サブメニューの仕切り線*/
#navi .navi-in > ul ul li{
	border-top: 0.5px solid #ffffff;
	border-bottom: 0.5px solid #ffffff;

}

/*マージンでヘッターの高さをかえる*/
.navi-in > ul {
    margin: 25px;
}

/*マージンでヘッターの高さをかえる*/

.header-container-in.hlt-top-menu .logo-header .site-name {
    margin-top: 10px;
	 padding-bottom: 10px;
}

/************************************
** ヘッダーレイアウトで左揃え
************************************/


/*フッター ーの上線消す*/
.footer {
  border: none;
	background: linear-gradient(to right, #0068B6,#66A4D3);
}
}

/*フッター の調整*/

.footer-bottom {
    margin-top: 2px;
    padding: 14px;
    position: relative;
    font-size: 12px;
	 text-align:center;
}
.footer-bottom-logo {
    bottom: px;

}

/*マージンでフッターの大きさ変える*/
.footer-bottom-logo .logo-image {
     padding: px;
 	 padding-bottom: 5px;
	  max-width: 55%;
}

/*ロゴの比率を固定*/
.footer-bottom-logo img {
      height: auto;
	}
  .logo-footer {
        margin: 10;
    }
	
	
/*コピーのマージン*/
.copyright {
	margin-top: 7px;
	margin-left: px;
	margin-right: 14px;
   padding-bottom: 15px;
	font-size:12px
}







/* * フォントの変更*/

body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

}

/* * パンくずのマージン消す*/

.fbc-page .fbc-wrap .fbc-items li:first-child {
    padding-left: 0px;
}


/* * 記事のクラスファイル消す*/
.entry-categories-tags {
    display: none;
}

/* * 保護マークを消す*/
.grecaptcha-badge { visibility: hidden; }


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*メインパディング消し*/
@media screen and (max-width: 834px) {
  .navi-in > .menu-header {
    display: none;
  }
  main.main,
  div.sidebar {
    padding: 0px 0px;
    border-width: 0;
  }



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