/*
Theme Name: PORIPU for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.4.1
*/
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
.fa5 .entry-content h2:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
.fa5 .entry-content h3:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}
.fa5 .entry-content h4:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}




/*--------------------------------------
 ヘッダーアイキャッチに重ねている文字の装飾
--------------------------------------*/
.header-image__text .header-image__headline {
	color:#ffffff;
	text-shadow:
		2px 1px 1px #000000, 
		-2px 1px 1px #000000,
		2px -1px 1px #000000, 
		-2px -1px 1px #000000;
}
.header-image__text .header-image__descr {
	color:#ffffff;
	text-shadow:
		1px 1px 2px #000000, 
		-1px 1px 2px #000000,
		1px -1px 2px #000000, 
		-1px -1px 2px #000000;
}



/*--------------------------------------
 （スマホのみ）ヘッダーアイキャッチの見出しフォントサイズ
--------------------------------------*/
@media screen and (max-width: 480px)  {
.header-image__text .header-image__headline {
    font-size: 1.8em;/*見出しのサイズ*/
}
}



/*--------------------------------------
  ヘッダーお知らせ欄
--------------------------------------*/
.header-info a {/*お知らせ欄全体*/
    padding: 5px;/*内側の余白　上下左右*/
    font-size: 18px;/*文字の大きさ*/
}
.header-info a:after {/*後ろにぶち込む*/
    content: " → 続きを読む";/*PCでのセリフ*/
    font-weight: 500;/*文字の太さ*/
    border: 1px solid #fff;/*枠線*/
    border-radius: 5px;/*角丸*/
    padding: 2px 10px;/*内側の余白*/
    margin-left: 5px;/*外側の余白（文字との距離）*/
}
@media screen and (max-width: 500px){/*スマホ表示*/
.header-info a:after {
	width: 30%;/*ボタンっぽいやつの横幅*/
	content: "もっとみる";/*スマホでのセリフ*/
    margin: 0 auto;/*中央寄せ*/
    font-size: .8em;/*文字のサイズ*/
	color: #FFFFFF;/*文字色*/
}}



/*--------------------------------------
  タイトルロゴサイズ変更　規定62px
--------------------------------------*/
#logo, #logo img, .desktop-nav li a,#drawer__open {
    height: 70px;
    line-height: 70px;
}

 
/*--------------------------------------
  記事カード一覧デザイン カードのタイトルフォントサイズ
--------------------------------------*/
.sidelong h2 {
	font-size: 18px;/*横長カードのスマホ〜タブレットでのフォントサイズ 既定18*/
  }

.cardtype h2 {
    font-size: 18px;/*正方形カードのスマホ〜タブレットでのフォントサイズ 既定18*/
}

@media only screen and (min-width: 1030px) {
  .cardtype h2 {
    font-size: 19px;/*PCでのフォントサイズ 既定19*/
  }
}


/*--------------------------------------
  トップページの横幅を1000px上限表示※画像も横幅1000pxで揃えること
--------------------------------------*/
@media only screen and (min-width: 1000px) {
  .wrap {
    width: 1000px;
  }
  .d-5of7 {
    width: 69%;/*メインコンテンツ幅*/
  }
  .d-2of7 {
    width: 31%;/*サイドバー幅*/
  }
}



/*--------------------------------------20210605
  記事アイキャッチに影を付ける
--------------------------------------*/
.post-thumbnail img {
    box-shadow: 0 7px 14px rgba(0,0,0,2);
}




/*--------------------------------------20210803
  モバイルフッター固定メニュー 半透明化
--------------------------------------*/
ul#menu-mb_footer {
    background: #ffffffc2;
}




/*--------------------------------------20220206
SANGO関連記事ショートコードのデザインカスタマイズ
--------------------------------------*/
.entry-content a.linkto.table{
    margin:2em 0;
    border:solid 1px #555; /* 線の太さ・色 */
    background:none;
    transition: .3s;
}
.entry-content a.linkto.table img{
    box-shadow:none;
}
.entry-content a.linkto.table:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0.7 ;
}
.entry-content a.linkto {
    position: relative;
    max-width: 100%;
}
.entry-content a.linkto:before {
    position: absolute;
    content: "＼こちらもチェック／"; /* タイトル */
    top: -17px;
    left: 6px;
    display: inline-block;
    width: 127px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    font-size: 11px;
    line-height: 28px;
    color: #333;
    letter-spacing: 0.1rem;
    padding-left: 3px;
    border-radius: 0px;
}
.entry-content a.linkto:after {
    position: absolute;
    display: flex;
    height: 15%;
    padding: 2px 15px;
    content: "続きを読む \f138";
    font-family: "Font Awesome 5 Free";
    bottom: 9px;
    right: 9px;
    font-size: 12px;
    color: #fff;
    background:#333;
    font-weight:bold;
    text-decoration:none;
    align-items: center;
}
.entry-content a.linkto .tbtext {
    font-feature-settings: "palt";
    padding: 10px 0px 0px 10px;
    line-height: 1.2rem;
    vertical-align: top;
    font-size: 14px!important;
    color:#333;
}


/*--------------------------------------20230227
ContactForm7 でラジオボタンやチェックボックスの項目が1行表示になる
--------------------------------------*/

span.wpcf7-list-item {
    display: block;
}





/*--------------------------------------20240912
  TOPページウィジェット画像に影を付ける
--------------------------------------*/
.home_top img {
    box-shadow: 0 4px 8px rgba(0,0,0,2);
}