@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*【manablog風】点線囲い https://obgynai.com/manablog*/
.manablog {
	list-style-type: disc;
	background-color: #FFFAE5;
	border: dashed 1px #ffa500;
	padding: 40px 10px 40px 10px;/*24.3.22に左を5px→10pxに、下を36px→40px変更*/
	margin: 0 0 40px;
}
/* レスポンシブ */

@media screen and (max-width:479px) {
    
.manablog {
	padding-left:5px;/*24.3.22 追加*/
	padding-bottom:30px;/*24.3.22 追加*/
	margin: 0 0 40px;
	
    }
}
.manablog li {
    display: list-item;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 10px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {
    .manablog li {
      font-size: 14px;
		line-height:1.5;
		padding-bottom:10px;/*24.3.22 追加*/
    }
}

/*オレンジ囲い （文中のリストに使用）  2023.4.8*/
.blank-box.bb-orange {
	border-width: 1px; 
	border-color: #ffa500;
	padding-top:30px;
	padding-bottom:20px;/*24.3.22 30px→20pxに変更*/
	padding-left:10px;/*24.3.22 追加*/
	margin:15px 0 40px;/*2023.12.16に変更 margin:15px 0 60px;*/
} 

/* レスポンシブ */

@media screen and (max-width:479px) {

.blank-box.bb-orange{
	padding-left:5px; /*2024.5.25 10pxから変更*/
	padding-right:10px; /*2024.5.25に追加*/
	/*margin-left: 10px;*/
	/*margin-right:10px;*/
    }
}

/*オレンジ囲い内のリスト*/
.blank-box.bb-orange li {
	margin-left:10px;
	padding-bottom:10px;/*24.3.22に追加*/
   line-height: 1.6;/*24.5.25に2から変更*/
} 

/* レスポンシブ */

@media screen and (max-width:479px) {

.blank-box.bb-orange li {
   font-size: 14px;
	line-height:1.5;/*24.3.22に追加*/
    }
}

/*オレンジ囲いタイトル 2024.5.25*/
.blank-box.bb-orange p{
margin: 0; 
	/*padding-left: 25px;*/ 
	padding-bottom: 15px;
}
/*ブログタイトルのgoogleフォント指定 "ホームのpandablog" */
.logo-text {
	font-family: 'Comfortaa', cursive;
	font-size:30px;
	text-align:left;
}

/*スマホで画面を横にしたときにフォントのサイズが大きくなることを防ぐ*/
body { -webkit-text-size-adjust : 100% ; }

/***********************************/
/* 見出しカスタマイズ 20.05.05 */
/***********************************/

/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

/* h1記事タイトル */

.article h1 {
color: #333;
/*color: #7B7B7B;*/	
font-size: 25px;
font-weight: 600;
line-height: 2;
text-align: center;
/*padding: 0 40px;*/
margin: 0 0 10px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.article h1 {
font-size: 18px;
margin-bottom: 0;
	}
}

/*h2見出し*/
.article h2 {
	background: #f7f7f7;
	border-left: 9px solid #ffa500;
	color: #333;
	/*color: #2d2d2d;*/
	font-size: 25px;
	font-weight: 500;
	line-height: 40px;
	padding: 20px 40px 18px;
	margin: 60px 0 15px;
	/*margin-bottom: 1.9em; /* 22.3.9 追加*/
}
/* レスポンシブ */

@media screen and (max-width:479px) {

    .article h2 {
        font-size: 18px;
        padding: 10px 20px;
        /*margin: 60px 5px 30px;*/
		margin: 60px 0 30px;
		line-height: 35px; /*2024.3.17 スマホ版のみ変更*/
    }
}

/*h3見出し*/
.article h3 {
    border-left: 9px solid #ffa500;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 1.6px;
	 margin: 60px 0 30px; /*2023.4.22 60px 0 40pxから60px 0 15pxに変更。その後、2024.9.17に60px 0 30pxに変更*/
    padding: 0 15px;
	 /*margin-bottom: 1.9em; /* 22.3.9 追加*/
}

/* レスポンシブ */

@media screen and (max-width:479px) {

    .article h3 {
		/*margin: 60px 5px 15px;*/
		margin: 60px 0 15px;
        font-size: 18px;
		line-height: 30px; /*2024.3.2 スマホ版のみ変更*/
    }
}

/* h4 ☑チェックマーク付き見出し */
.article h4 {
  /*position: relative;*/
  /*padding-left: 1.2em;/*アイコン分のスペース*/
	/*padding-left: 2.0em;*/
	padding-left: 35px;
	/*margin-bottom: 1.4em; /* 22.3.9 追加*/
	margin-bottom: 15px;
	line-height: 1.6;
	font-size: 20px;/*サイズもとは1.2em*/
	/*font-weight: 600;*/
	/*padding-top:.2rem;
	/*color: #2d2d2d; /*20.06.29フォントカラーは後から変更*/
	color: #333;
	margin-top:60px;
}

.article h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 20px;/*サイズ*/
  left: .5rem;/*アイコンの位置*/
  /*top: 0;/*アイコンの位置*/
  color: #ffa500; /*アイコン色*/
	font-weight: 900;
}
/* レスポンシブ */

@media screen and (max-width:479px) {

    .article h4  {
      font-size: 18px;
		/*padding-left: 33px;*/
		padding-left: 25px;
    }
	
	.article h4:before {
  font-size: 18px;/*サイズ*/
		/*left: .5rem;/*アイコンの位置*/
		left: .1rem;/*アイコンの位置*/
}
}

/***********************************/
/*  ヘッダーロゴ左寄せ 23.11.22 */
/***********************************/
.logo {
  text-align: left;
}

/*モバイルヘッダーボタン　ロゴタイトル(サイトロゴ画像不使用の際のpanda blog) 2023.11.22に解除*/ 
/*.logo-menu-button.menu-button{*/
/*	font-family: 'Comfortaa', cursive;*/
/*}*/

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン(https://yujiblog.org/cocoon-menu-mobile)
************************************/
.mobile-menu-buttons{
/*height:50px;*/
/*box-shadow: none;*/
	background:#fff;
/*	font-size: 25px;*/
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;/*メニューをクリックした時の背景色*/
}
span.fas.fa-bars::before{ /*2024.4.21ハンバーガーメニュー復活*/
   color:#555555;/*ハンバーガーメニュー色変更はこちら*/
	margin-left:0;
	font-size:20px;
}

span.fas.fa-search::before{
color:#555555;/*検索マーク色変更はこちら*/
margin-right:0;
	font-size:20px;
}

.mobile-menu-buttons .menu-caption{
	color:#555555;/*アイコン下の文字の色*/
}

/*1023px以下でPC用のサイトロゴ画像を消し、モバイル用のサイトロゴを表示*/
@media screen and (max-width: 1023px){
img.site-logo-image{
		visibility: hidden;
	}
	.logo-menu-button.menu-button{
		background-image: url(https://sho-jikiblog.com/wp-content/uploads/2024/04/sp-logo-center.png);/*モバイル用のロゴ画像(wordpressのメニュー「メディア」>「新しいメディアファイルを追加」から保存)*/
		background-size: auto 50px; /*ロゴ画像の縦を50px、縦横比そのまま*/
		/*background-position: left;*/
		background-position: center;
		/*margin-left:20px;*/
		background-repeat: no-repeat;
}
}
/*モバイルフッターボタン*/
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
background: #fff;
/*color: #fff;*//*これをいれるとポロフィールが白字に*/
font-size: 22px;
}
.mobile-menu-buttons .menu-button {
border-right: 0px dashed #fff;
}


.mobile-footer-menu-buttons .menu-icon{
	color:#555555;/*モバイルフッターのアイコンの色*/
}

.mobile-footer-menu-buttons .menu-caption{
	color:#555555;/*モバイルフッターのアイコン下の文字の色*/
}


/*Cocoonのcat-label（カテゴリラベル）のデザインのカスタマイズ：スケルトン*/
.cat-label {
	padding: 1px 10px;
	background-color: rgba(51, 51, 51, 0.5);
	/*background-color:#ffa500;*/
	border: 0;
	border-radius: 30px;
}

/*モバイルフッターメニューを１カラム＋メニューの背景色をなしに*/
@media screen and (max-width: 768px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
  .navi-footer-in a {
	background: none; /*背景色をなしに*/
}
}

/*フッターメニュー上の余白を無しに*/
main.main, div.sidebar {
	padding: 10px 10px 0 10px;
}
.footer {
	margin-top: 0;
	padding-top: 0;
}

/************************************
**モバイルスライドインメニュー
************************************/
.navi-menu-content {
	font-size: 12px; /*×マークのサイズ*/
}

.menu-drawer .hoge a {
	font-size: 16px; /*フォントサイズ*/
	line-height: 1.6; /*行間*/
	font-weight: bold;
	color:#555555;
}


/****************************************/
/* ボックスメニュー色変更 20.11.19 */
/****************************************/
.box-menu-icon{
  color: #ffa500;
}

.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#ffa500,2px 2px 0 0 #ffa500,2px 0 0 0 #ffa500,0 2px 0 0
    #ffa500;
} 
/************************************
** PCのみ記事幅640px 21.7.12
************************************/
@media screen and (min-width: 1024px) {
  .article {
    width: 640px;
    margin: 0 auto;
  }
}
/************************************
** ■Table（表）背景色の設定 21.8.25
表の背景色を白に統一
************************************/
table td {
background: #FFFFFF;
}

/************************************
** 画像下の余白を削除　22.3.9
************************************/
.wp-block-image img {
        vertical-align: bottom;
}

/************************************
 manablog copy 22.7.7 https://hebochans.com/manablog-copys-copy/
************************************/
/*囲みボタンオレンジ*/
.btn-wrap.btn-wrap-orange > a  {
	background-color: #F2A348;
	border-radius: 30px;
	font-size: 15px;
	color:#ffffff;
	min-width:280px; /*2024.12.3 ボタンの幅の最小値を設定*/
	margin-bottom:0; /*2026.3.15 ボタン下の余白をなしに*/
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.btn-wrap.btn-wrap-orange > a  {
	font-size: 14px;
	padding-left:30px; /*2024.12.2ボタンの左右に余白を設けた*/
	padding-right:30px;/*2024.12.2ボタンの左右に余白を設けた*/
	min-width:250px; /*2024.12.3 ボタンの幅の最小値を設定*/
}
}



/* 強調 */
code {
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    color: #c7254e;
    font-size: 90%;
    padding: 2px 4px;
}

/* p */
p {
    color: #333;
    font-size: 18px; /*2023.3.28 17pxから変更*/
    font-weight: 400;
    line-height: 2;
    /*padding: 0 40px; 削除*/
    margin-bottom: 60px; /*これは効いていない*/
}
    
/* レスポンシブ */

@media screen and (max-width:479px) {

    p {
      font-size: 16px;
      line-height: 30px;
		/*padding: 0 20px;削除*/
		/*margin-right:10px; /*追加*/
		/*margin-left:10px; /*追加*/
    }
}

/* ボックス*/

.pre {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
	 background-color: #FFFAF2;
	 border-color: #FFECCC;
	 outline: 1px solid #FFECCC;
	 margin: 15px 0 40px; /*2023.4.25 margin-bottomを60pxから40pxに変更*/
	 padding: 20px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.pre {
       margin: 15px 0 40px;  /*2023.4.25 margin-bottomを60pxから40pxに変更*/
    }
}

/* テキストリンク */

.entry-content a { /*2024.7.24 WordPress6.6に更新後、下線が付いたので対応 「a」から「.entry-content a」に*/
    text-decoration: none;
    color: #337ab7;
    /*font-weight: 600;*/
}
a:hover, a:focus {
    color: #23527c;
    cursor: pointer;
}
a:hover {
    outline: 0;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* 引用 */
blockquote {
    background: #eee;
    color: #676767;
	font-size: 15px; /*font-size: 17px;*/
    font-weight: 400;
    line-height: 2;
    font-style: italic;
    border-left: 5px solid #eee;
    /*padding: 35px 20px;*/
	 padding: 50px 40px;
	 margin: 0 30px 40px;
    position: relative;
}
blockquote:before {
    position: absolute;
    top: 13px;
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    font-weight: 900;
    color: #b0b0b0;
    font-size: 28px;
    line-height: 1;
}
blockquote p {
	/*margin-top: 10px;*/
    color: #676767;
}
blockquote p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.credit {
    float: right;
    color: #b1b1b1;
    font-size: 9px;
}
.credit:hover {
    color: #b1b1b1;
    text-decoration: none;
}
            
/* レスポンシブ */
    
@media screen and (max-width:479px) {
    
    blockquote {
		padding: 50px 15px;/*padding: 50px 5px;から変更*/
		margin: 0 0 40px; /*margin: 0 5px 40px;から変更*/
    }
	
	blockquote p {
	  font-size: 14px;
}
	
   	blockquote li {
	  font-size: 15px;
}
}

/* リンクカード */
.link-box {
    border:1px solid #e1e1e1;
    padding:10px;
    display:flex;
	margin-bottom:40px; /*2023.4.25 追加*/
}
.link-box:hover {
    background-color:#f3f3f3;
    -webkit-transition:background-color .35s;
    transition:background-color .35s;
}
.img-box {
    width:25%;
    float:left;
}
.img-box div {
    min-height:170px;
    background-size:cover;
    background-position:center center;
}
.text-box {
    width:75%;
    float:left;
    padding-left:20px;
    line-height:1.7;
    margin:0;
}
.text-box .title {
    font-size:18px;
    font-weight:600;
    color:#428bca;
    padding:0;
    margin:0;
}
.text-box .description {
    font-size:15px;
    color:#333;
    padding:0;
    margin:0;
}
            
/* レスポンシブ */

@media screen and (max-width:479px) {

    .img-box div {
        min-height:80px;
    }
    .text-box {
        margin-left:10px;
        line-height:1.5;
    }
    .text-box .title {
        font-size:13px;
        margin:0;
    }
    .text-box .description {
        font-size:11px;
        margin-top:5px;
    }
	
}

/* 表（テーブル） */
table tr td {
font-size: 12px;
line-height: 26px;
padding: 10px 10px; /*2025.3.15 padding:15px;から変更*/
border: 1px solid #cfcfcf;
}
/* 表（テーブル）の中にul（リスト）を作る場合 */
table tr td > ul {
padding: 0;
margin: 0;
}
table tr td > ul li:last-child {
margin-bottom: 0;
}
/* 表（テーブル）の中にpタグが作られた場合 */
table tr td > p {
font-size: 14px;
line-height: 26px;
}
table tr td > p:last-child {
margin-bottom: 0;
}

/* 横スクロール */
.scroll-table {
overflow: auto;
white-space: nowrap;
}

/*表右下にcaptionを追加*/
caption {
  caption-side: bottom;
	text-align: right;
	font-size:12px;
}

/*GOODボックス 2023.4.8*/
.good-box.common-icon-box{
	 background-color: #E4E8E9;
	 border-color: #E4E8E9;
	 margin-top:20px;
	 margin-bottom:20px;
	padding-top:20px; /*おすすめポイント上の余白*/
}

/*GOODボックス行間*/
.good-box.common-icon-box li{
	line-height: 25px;
	margin-bottom:10px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.good-box.common-icon-box li{
       font-size: 14px;
	line-height: 21px;
    }
}

/*GOODボックス・タイトル*/
.good-box.common-icon-box p{
margin: 0; 
	padding-left: 25px; 
	padding-bottom: 10px;
}

/*BADボックス 2023.4.9*/
.bad-box.common-icon-box{
	background-color: #E8E4E3;
	 border-color: #E8E4E3;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px; /*悪い点上の余白*/
}

/*BADボックス行間*/
.bad-box.common-icon-box li{
		line-height: 25px;
	margin-bottom:10px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.bad-box.common-icon-box li{
       font-size: 14px;
	line-height: 21px;
    }
}

/*BADボックス・タイトル*/
.bad-box.common-icon-box p{
margin: 0; 
	padding-left: 25px; 
	padding-bottom: 10px;
}


/* メモボックス 2023.4.9*/
.memo-box.common-icon-box{
	background-color: #E3E8E5;
	 border-color: #E3E8E5;
	margin-top:20px;
	margin-bottom:40px; /*メモボックスのみ20px→40pxに（下のボタンとのあいだに余白が必要なため）*/
	padding-top:20px; /*こんな人におすすめ上の余白*/
}

/*メモボックス行間*/
.memo-box.common-icon-box li{
	line-height: 25px;
	margin-bottom:10px;
}

/* レスポンシブ */

@media screen and (max-width:479px) {

.memo-box.common-icon-box li{
       font-size: 14px;
	line-height: 21px;
    }
}

/*メモボックス・タイトル*/
.memo-box.common-icon-box p{
margin: 0; 
	padding-left: 25px; 
	padding-bottom: 10px;
}


/*Twitter中央揃え*/
.twitter-tweet {
    margin: 30px auto;
} 

/* プロフィールボックス 概要文字サイズ */
.author-box .author-description {
  font-size: 13px; /* .9em; */
}


/************************************
**contact form7 引用：https://manablog.org/contactform7-css/  22.8.9
************************************/

/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	/*background: #27c038;*/
	/*background: #ffa500;*//*パンダブログテーマカラー*/
	background: #F2A348;/*ボタンの色に合わせた*/
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

/************************************
** トップページの「もっと読む」ボタンのカスタム（※https://air-mam.com/more-button/）
************************************/
.list-more-button{
	background: #fff ;
    border: 1.7px solid #ffa500;
    /*color: #fff;*/
    /*transition: 0.5s; /*アニメーションの時間*/
	/*width: 300px;*/
}

/*「もっと見る」ボタンを押した時*/
.list-more-button:hover{
background: #FFF2DA; /*背景色*/
color:#482F00; /*文字色*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1030px以下 ipad横1024px */
@media screen and (max-width: 1030px){
  .blogcard {
	height:190px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2rem 0 2rem 0;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:80%;
	margin:1rem .1rem 0 .1rem;
	color:#333;
}

.internal-blogcard-snippet{/*snipetは「断片」という意味で、ここではブログ記事の冒頭のこと*/
	font-size: 80%;
	line-height: 1.0;/*行間を指定*/
	margin: .5rem .1rem 0rem .1rem;
}
.sidebar .toc {/*サイドバーの目次の幅*/
    min-width: 280px;
	}

.article {/*記事横20px余白 2024.7.22に追加*/
   margin-right: 20px;
	margin-left: 20px;
  }		
}

/*840px以下 ipad768px */
@media screen and (max-width: 840px){
  .blogcard {
	height:170px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2.0rem 1rem 2rem 1rem;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:110%;
	margin:1rem 1rem 0 1rem;
	color:#333;
}

.internal-blogcard-snippet{/*snipetは「断片」という意味で、ここではブログ記事の冒頭のこと*/
	font-size: 100%;
	line-height: 1.0;/*行間を指定*/
	margin: .5rem 1rem 0rem 1rem;
}
.article {/*記事横20px余白*/
   margin-right: 20px;
	margin-left: 20px;
  }
}

/*22.5.13に上部からここへ移動--------------------*/
@media screen and (max-width: 768px) {
.logo-text {
	text-align:center;
	font-size:30px;
}
}	
/*22.5.13に上部からここへ移動--------------------*/

/*736px以下 iPhone eXpensive landscape · width: 734px */
@media screen and (max-width: 736px){
  .blogcard {
	height:180px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2rem 0.2rem 2rem 0.5rem;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:110%;
	margin:1rem 0.2rem 0 0.5rem;
	color:#333;
}

.internal-blogcard-snippet{/*snipetは「断片」という意味で、ここではブログ記事の冒頭のこと*/
	font-size: 100%;
	line-height: 1.0;/*行間を指定*/
	margin: .5rem 1rem 0rem 1rem;
}
	
.article {/*記事横20px余白*/
   margin-right: 20px;
	margin-left: 20px;
  }
}

/*685px以下 Android (Pixel 2)横 landscape · width: 684px */
@media screen and (max-width: 685px){
  .blogcard {
	height:180px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2rem 0.2rem 2rem 0.5rem;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:100%;
	margin:1rem 0.2rem 0 0.5rem;
	color:#333;
}

.internal-blogcard-snippet{/*snipetは「断片」という意味で、ここではブログ記事の冒頭のこと*/
	font-size: 100%;
	line-height: 1.0;/*行間を指定*/
	margin: .5rem 1rem 0rem 1rem;
}	
	
.article {/*記事横20px余白*/
   margin-right: 20px;
	margin-left: 20px;
  }
}
/*670px以下 iphone 8/7/6s/6横 667px */
@media screen and (max-width: 670px){
  .blogcard {
	height:180px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2rem 0 2rem 0;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:100%;
	margin:1rem 0.2rem 0 0.2rem;
	color:#333;
}

.internal-blogcard-snippet{/*snipetは「断片」という意味で、ここではブログ記事の冒頭のこと*/
	font-size: 100%;
	line-height: 1.0;/*行間を指定*/
	margin: .5rem 1rem 0rem 1rem;
}
	
.article {/*記事横20px余白*/
   margin-right: 20px;
	margin-left: 20px;
  }
}

/*420px以下 iphone8/7/6s/6Plus/XS Max/XR/11/11 Pro Max 414px */
@media screen and (max-width: 420px){
.entry-card-title {/*2025.2.3 スマホでの記事タイトルのフォントを小さく*/
      font-size: 11.6px;
  }			
	
 .blogcard {
	height:150px; /*ブログカードの高さ */
}
	
.blogcard-thumbnail { /*アイコン画像*/
	margin:2.0rem 1rem 2rem 1rem;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:120%;
	margin:2rem 1rem 0 .1rem;
	color:#333;
}

.internal-blogcard-snippet{ /*冒頭文非表示*/
    display: none;
}		
	
.article {/*記事横10px余白*/
   margin-right: 10px;
	margin-left: 10px;
  }	
}
/*380px以下 iphone 8/7/6s/6 縦375px*/
@media screen and (max-width: 380px){
.entry-card-title {/*2025.2.3 スマホでの記事タイトルのフォントを小さく*/
      font-size: 11.6px;
  }			
	
.blogcard {
	height:150px; /*ブログカードの高さ */
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:110%;
	margin:2rem 1rem 0 .1rem;
}

.internal-blogcard-snippet{ /*冒頭文非表示*/
    display: none;
}

	.article {/*記事横10px余白*/
   margin-right: 10px;
	margin-left: 10px;
  }
	
}	

/*330px以下 iphone 5s/5/SE 縦320px*/
@media screen and (max-width: 330px){
.entry-card-title {/*2025.2.3 スマホでの記事タイトルのフォントを小さく*/
      font-size: 11.6px;
  }				
	
.blogcard {
	height:150px; /*ブログカードの高さ */
}
.blogcard-thumbnail { /*アイコン画像*/
	margin:2.0rem 0 2rem 0;
}

.blogcard-title{/*内部ブログカードのタイトル部分*/
    font-size:110%;
	margin:2rem 1rem 0 0;
}

.internal-blogcard-snippet{ /*冒頭文非表示*/
    display: none;
}
	
.article {/*記事横10px余白*/
   margin-right: 10px;
	margin-left: 10px;
  }
}