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

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

.bodyContainer {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.title-h1{
	margin:8px 0;
}
#containerWp .btn-white:hover, #containerWp .btn-wrap.btn-wrap-white > a:hover {
  color: var(--cocoon-text-color);
}
.l-main-navi .border {
    border: 1px solid #1f2c5c;
}
.widget_search .wp-block-search__button{
	padding: 0.375em 1em;
}
input[type=text]{
	padding: 1.5rem;
}
#list a:hover,
.related-list a:hover,
#pager-post-navi a:hover{
	text-decoration:none;
}
.toBlogTop{
	display:block;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background:#1f2c5c;
	padding:0.7rem 0;
	border-radius: 2rem;
}
.toBlogTop:hover{
	color:#1f2c5c;
	background:#f5f6f7;
	text-decoration:none;
}
.cat-link,
.cat-label{
	background: #1f2c5c;
}
#footer .container{
	padding-left: 0;
	padding-right: 0;
}
.Footer-nav,
.p-bottom-list,
.c-logo-txt{
	font-size:14px;
}
.toc-content ul, ol, dl,
article ul, ol, dl{
	list-style: auto !important;
}
article ul, ol, dl{
	padding-left: 1.5rem;
}
.pagination-next{
	display:none;
}
@media print {
  /************************************
  ** 印刷用スタイル
  ************************************/
  #containerWp {
    font-size: 11pt;
  }
  #containerWp .header-container,
  #containerWp .ad-area,
  #containerWp .pager-links,
  #containerWp .under-entry-content,
  #containerWp .breadcrumb-category,
  #containerWp .entry-footer,
  #containerWp .sidebar,
  #containerWp .footer,
  #containerWp #admin-panel,
  #containerWp #go-to-top,
  #containerWp .go-to-top-button,
  #containerWp #fb-root,
  #containerWp .mobile-menu-buttons,
  #containerWp .toc,
  #containerWp .sns-share,
  #containerWp .widget,
  #containerWp #notice-area-wrap,
  #containerWp #notice-area,
  #containerWp #appeal,
  #containerWp .recommended,
  #containerWp #carousel,
  #containerWp #go-to-top {
    display: none !important;
  }
  #containerWp .content-in {
    display: block;
  }
  #containerWp .main,
  #containerWp .content,
  #containerWp .wrap {
    width: auto;
    margin: 0;
    float: none;
    padding: 0;
    border: none;
    overflow-wrap: normal;
  }
  #containerWp .main {
    width: 100% !important;
  }
  #containerWp h1,
  #containerWp h2,
  #containerWp h3,
  #containerWp h4,
  #containerWp h5,
  #containerWp h6 {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    margin: 10px 0;
    color: #333;
  }
  #containerWp h1 {
    font-size: 21.5pt;
  }
  #containerWp h2 {
    font-size: 18.5pt;
  }
  #containerWp h3 {
    font-size: 16pt;
  }
  #containerWp h4,
  #containerWp h5,
  #containerWp .article h6 {
    font-size: 14pt;
  }
  #wpadminbar,
  #go-to-top,
  #admin-panel {
    display: none !important;
  }
  body {
    background-image: none !important;
  }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  .bodyContainer {
	  width: 100%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.search-menu-button label,
	.sidebar-menu-button label{
		margin-bottom: 0;
		font-size: inherit;
		line-height: inherit;
	}
	#sidebar-menu-content,
	#sidebar-menu-input:checked ~ #sidebar-menu-content{
		padding-top: 130px;
	}
	.fa-close:before{
		font-size: 1.5rem;
	}
	#search-menu-content .search-edit{
		padding: 1rem;
	}
	.breadcrumb .sp{
		display: inherit;
	}
	#footer .p-bottom-list {
		padding: 35px 22px 45px 22px;
	}
	#comment-area{
		margin-left: 1rem;
	}
	article ul, ol, dl{
		margin-left: 0;
	}
}

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