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

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

body{
	min-width: initial;
}

/* 文字折り返し */
h1, h2, a {
	white-space: initial;
}


/* 投稿一覧 */
.a-wrap:hover{
	background: none;
	opacity: .7;
}
/* 記事カード */
.ect-vertical-card .entry-card-wrap .entry-card{
	border-radius: 4px;
	overflow: hidden;
}

/* 偶数 */
.ect-vertical-card .entry-card-wrap:nth-child(even) .entry-card{
  background: #fcf7d8;
}

/* 奇数 */
.ect-vertical-card .entry-card-wrap:nth-child(odd) .entry-card{
  background: #fdd7dc;
}

.entry-card-thumb{
	margin-top: 0;
	margin-bottom: 0;
}
.ect-vertical-card .entry-card-wrap .entry-card-content{
	padding: 0.4em;
}
.entry-date,
.entry-card-snippet.card-snippet.e-card-snippet{
	font-family: "font_M";
}
.entry-card-title{
	font-size: 16px;
	line-height: 1.4;
}
.fa-clock-o:before{
	display: none;
}
.entry-date{
	font-family: "font_M";
	color: #B6C5CD;
}
/* ページネーション */
.pagination-next-link {
  display: none;
}

.page-numbers{
	border-radius: 50%;
	color: #fff;
	background-color: #fdd7dc;
	border-color: transparent;
}
.page-numbers.current{
	background-color: #ff93ac;
}

/* 投稿ページ下部ボタン */
.back-to-list-btn{
  display:inline-block;
  padding: 18px 32px;
  background:#98D700;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  transition:opacity .3s ease, transform .3s ease;
}

.back-to-list-btn:hover{
  opacity:.85;
  transform:translateY(-1px);
}

.back-to-list-btn:visited{
  color:#fff;
}

/* サイドバー */
.widget_block ul li a:hover{
	background: none;
	opacity: .7;
}

#sidebar h2.wp-block-heading{
  position: relative;
  background-color: transparent;
  line-height: 1.5;
	padding: 0;
  padding-left: 12px;
}

/* 左ライン */
#sidebar h2.wp-block-heading::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 6px;
  height: 100%;
  background-color: #383838;
}

/* 新着記事 */
.wp-block-latest-posts__list.has-dates li{
	display: flex;
	flex-direction: column-reverse;
	border-bottom: 1px solid #383838;
}
.wp-block-latest-posts__list.has-dates li a{
	font-family: "font_M";
}
.wp-block-latest-posts__post-title{
	padding-top: 0!important;
}
.wp-block-latest-posts__post-date {
  display: block;
  font-size: 12px;
	font-weight: bold;
  color: #ff93ac;
  margin-top: 5px;
}

/* ブログカテゴリ */
.wp-block-categories-list.wp-block-categories li{
	position: relative;
  border-bottom: 1px solid #383838;
  padding-left: 14px;
}
.wp-block-categories-list.wp-block-categories li a{
	font-family: "font_M";
}

/* ▶をborderで作る */
.wp-block-categories-list.wp-block-categories li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff93ac;/
}

/* 投稿ページ */
.article-header,
.article-footer{
	background-image: none;
}
.wp-singular .format-standard{
	background: #fcf7d8;
	padding: 1em;
}

.wp-singular .entry-title{
  position: relative;
  background-color: transparent;
  line-height: 1.5;
	padding: 0;
  padding-left: 18px;
}

/* 左ライン */
.wp-singular .entry-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 6px;
  height: 100%;
  background-color: #ff93ac;
}
.wp-singular .entry-content p{
	font-family: "font_M";
	font-size: 16px;
}
/* ぱんくずリスト */
.breadcrumb-item .fa-folder,
.breadcrumb-item .fa-file-o,
.breadcrumb-item .fa-folder:before,
.breadcrumb-item .fa-file-o:before{
	display: none;
}

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

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

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


/************************************
** htmlサイトとの相違値調整
************************************/
@media only screen and (max-width: 1100px) {
	body {
    max-width: 960px;
    min-width: 375px;
}

	header .rogo {
    width: 240px;
		margin-left: 15px;
        margin-top: 5px;
}
    .H_nav input[type="checkbox"] {
        height: 45px;
        width: 45px;
        top: 5px;
        right: 12px;
    }
		    .H_nav input[type="checkbox"]:checked ~ .hamburger .line1 {
        width: 42px;
    }
		    .H_nav input[type="checkbox"]:checked ~ .hamburger .line3 {
        width: 42px;
    }
.H_nav .hamburger {
        height: 50px;
        width: 53px;
        top: 15px;
        right: 12px;
        padding: 10px 7px;
        margin-top: -5px;
        border-radius: 7px;
    }
		    .H_nav .hamburger .line {
        height: 4px;
        border-radius: 5px;
    }
		    .H_nav .menu a {
        padding: 8px 0;
        font-size: 20px;
    }
		    #bottom_sticky {
        width: 200px;
        height: 200px;
    }
		    #bottom_sticky .tel {
        width: 160px;
        margin-top: 40px;
    }
		    #bottom_sticky p {
        font-size: 8px;
        line-height: 12px;
    }
		#bottom_sticky .mail {
        width: 115px;
        margin-top: 10px;
    }
		footer {
    margin-top: -125px;
    height: 250px;
}
		footer .p1 {
    line-height: 14px;
    font-size: 10px;
    margin-bottom: 15px;
}
footer .footer-logo img{
	width: 250px;
}
footer nav hr {
    height: 17px;
    border: 1px solid #848584;
    border-radius: 5px;
    margin: 0 5px;
}
footer nav a {
    font-size: 12px;
    padding: 2px 12px;
}
.copyright {
    margin-top: 4px;
}
.copyright {
    font-size: 8px;
    margin: 5px auto;
}
.footer-fix{
	height: 125px!important;
}
.tel_bottom {
    border-top: solid #FFFF00 2px;
    height: 95px;
}
.fixed_tel {
	padding-top: 2px;
	padding-bottom: 5px;
}
.fixed_tel .header_tel img{
	width: 306px;
}
.fixed_mail img{
	width: 50px;
}
}