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

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


/* 全体
====================================================*/
/*ヘッダー非表示*/
div#header-container {
    display: none;
}

/*フッター非表示*/
footer#footer {
    display: none;
}

/*フォント*/
body {
    font-family: 'Noto Serif JP', serif !important;
}

/* TOP
====================================================*/
/*ライン*/
hr.etr_linedotted {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px dashed #111111;
    max-width: 700px;
    margin: 2rem 0;
}

/*記事一覧*/
img.no-image.new-entry-card-thumb-no-image.widget-entry-card-thumb-no-image {
    display: none;
}
figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    display: none;
}
.widget-entry-cards figure {
    width: auto;
    margin: auto;
}
.widget-entry-card-content {
    margin-left: 126px;
    margin-left: auto;
}

/* コンテンツ
====================================================*/
/*TOP以外SP高さ調整*/
@media only screen and (max-width: 768px){
div#container {
    margin-top: 2rem;
}
}
div#content {
    background-image: url(https://eitarosouhonpo.co.jp/blog/wp-content/uploads/2024/04/etr_bg-scaled.jpg);
    /* background-position-y: 14rem; */
    background-size: cover;
    background-attachment: scroll;
}


/* ブログ用
====================================================*/
/*全体の設定*/
.etr_eitarostory_bcarea {
  text-align: right;
}

/*左側の設定*/
.etr_eitarostory_ansarea {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}

.etr_eitarostory_ansarea .etr_eitarostory_ansarea_faceicon {
    float: left;
    margin-right: -165px;
    max-width: 100px;
    width: 100%;
}

.etr_eitarostory_ansarea .etr_eitarostory_ansarea_faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.etr_eitarostory_ansarea .etr_eitarostory_ansarea_chatting {
  width: 100%;
  text-align: left;
}
.etr_eitarostory_ansarea_chattingsays {
    display: inline-block;
    position: relative;
    margin: 0 0 0 130px;
    padding: 10px;
    border-radius: 12px;
    background: #edf1ee;
}

.etr_eitarostory_ansarea_chattingsays:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 35px;
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #edf1ee;
    -webkit-transform: rotate(35deg);
    transform: rotate(-10deg);
}
.etr_eitarostory_ansarea_chattingsays p {
  margin: 0;
  padding: 0;
}

/*右側の設定*/
.etr_eitarostory_question {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.etr_eitarostory_question .etr_eitarostory_question_faceicon {
    float: right;
    margin-left: -100px;
    max-width: 100px;
    width: 100%;
}

.etr_eitarostory_question .etr_eitarostory_question_faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.etr_eitarostory_question .etr_eitarostory_question_chatting {
    width: 100%;
    text-align: right;
}
.etr_eitarostory_question_chattingsays {
    display: inline-block;
    position: relative;
    margin: 0 130px 0 0;
    padding: 10px;
    border-radius: 12px;
    background: #edf1ee;
}

.etr_eitarostory_question_chattingsays:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 20px;
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #edf1ee;
    -webkit-transform: rotate(35deg);
    transform: rotate(10deg);
}
.etr_eitarostory_question_chattingsays p {
  margin: 0;
  padding: 0;
}
.etr_eitarostory_ansarea_chattingsays a {
    color: #333;
}
/*メイン画像の設定*/
img.etr_blogimg_logo {
    max-width: 400px;
    width: 100%;
}

@media only screen and (max-width: 768px){
/*左側の設定*/
.etr_eitarostory_ansarea_chattingsays {
    margin: 0 0 0 85px;
}
.etr_eitarostory_ansarea_chattingsays:after {
    top: 30px;
}
.etr_eitarostory_ansarea .etr_eitarostory_ansarea_faceicon {
    margin-right: -75px;
    max-width: 65px;
}

/*右側の設定*/
.etr_eitarostory_question_chattingsays {
    margin: 0 85px 0 0;
}
.etr_eitarostory_question_chattingsays:after {
    top: 30px;
}
.etr_eitarostory_question .etr_eitarostory_question_faceicon {
    margin-left: -65px;
    max-width: 65px;
}

/*メイン画像の設定*/
img.etr_blogimg_logo {
    max-width: 270px;
    width: 100%;
}
	
/*アンカーリンク関連*/
.etr_eitarostory_contarea a {
    color: #1967d2 !important;
    text-decoration: underline;
}
}