@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*サイト全体のフォントを変えるメイリオ*/
html body {
font-family: "メイリオ",Meiryo,"yu gothic","hiragino kaku gothic pron","sans-serif";
}
/*囲み枠*/

.text-box-1 {
    border: 2px solid #da4035;
    border-radius: 4px;
    margin: 1em ;
    padding: 1.5em;
    position: relative;
}
.text-box-1:before {
    background-color: #fff;
    color: #da4035;
    font-size: 1.2em;
    content: "こちらもチェック！";
    font-weight: bold;
    left: 1em;
    padding: 0 0.5em;
    position: absolute;
    top: -1em;
}

.text-box-a {
    border: 2px solid #da4035;
    border-radius: 4px;
    margin: 1em ;
    padding: 1.5em;
    position: relative;
}
.text-box-a:before {
    background-color: #fff;
    color: #da4035;
    font-size: 1.2em;
    content: "Amazonで見る";
    font-weight: bold;
    left: 1em;
    padding: 0 0.5em;
    position: absolute;
    top: -1em;
}

.text-box-r {
    border: 2px solid #da4035;
    border-radius: 4px;
    margin: 1em ;
    padding: 1.5em;
    position: relative;
}
.text-box-r:before {
    background-color: #fff;
    color: #da4035;
    font-size: 1.2em;
    content: "楽天で見る";
    font-weight: bold;
    left: 1em;
    padding: 0 0.5em;
    position: absolute;
    top: -1em;
}

/*見出し*/
h2 {
  padding: 0.5em;
  color: #010101;
  background: #eaf3ff;
  border-bottom: solid 3px #516ab6;
}

.entry-content h3 {
	  border-left-style: none;
  border-bottom: solid 3px #0000FF;
}

/*キャプションの枠非表示*/
#main .entry-content .wp-caption {
    padding: 0;
    border: none;
}
/*HTML目次*/
.table-of-contents {
    border: 2px solid #516ab6;
    border-radius: 2px;
    margin: 1em ;
    padding: 1.5em;
    position: relative;
}
.table-of-contents:before {
    background-color: #fff;
    color: #0000FF;
    font-size: 1.2em;
    content: "\f03a  目次";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    left: 1em;
    padding: 0 0.5em;
    position: absolute;
    top: -1em;
}
/*キャプション（SANGO）*/
figcaption {
    color: gray;
    margin-top: -25px;
    padding-bottom: 15px;
    text-align: center;
}
.wp-caption
 {
    text-align: center;
}
/*テキストリンク装飾*/
.arrow:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color:#4f96f6;
    margin-right:9px;
}
/*リンクタイトル*/
.plink{
  display: inline-block;
  font-size: 0.9em;
  color: #FFFF;/*文字色*/
  background-color: #4f96f6;
  /*border: solid 2px #7777CC;線色*/
  padding: 0em 1.5em 0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.1em!important;/*下の空きを小さくする*/
}
.plink:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコンのユニコード\f0eb*/
  position: relative;
  left: -0.5em;/*アイコンの位置*/
  color: #ffff; /*アイコン色*/
  font-weight: 900;
}

/*内部リンクタイトル*/
.naib{
  display: inline-block;
  font-size: 0.9em;
  color: #FFFF;/*文字色*/
  background-color: #0095D9;
  padding: 0em 1.5em 0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.1em!important;/*下の空きを小さくする*/
}
.naib:before {
  font-family: "Font Awesome 5 Free";
  content: "\f024";/*アイコンのユニコード*/
  position: relative;
  left: -0.5em;/*アイコンの位置*/
  color: #ffff; /*アイコン色*/
  font-weight: 900;
}
.header-info a{
	text-align:right;
	pointer-events:none;
	font-size:16px;
}
/*Rinkerリンク色*/
.yyi-rinker-title a{color:#1a0dab !important;}
.yyi-rinker-title a:hover{text-decoration: underline !important;}
/*リンクカード*/
.linkcard {
/*max-width: 550px;*/
border: solid 2px #E6E6FA;
border-radius: 3px;
margin-bottom:10px;
padding: 10px;
position: relative;
}
.linkcard:hover {
  background: #eaedf2;
}
.linkcard a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card_img {
margin-right:15px;
width: 150px;
height: 100px;
}
.linkcard_content {
margin:5px;
font-size: 15px;
}
.linkcard_title {
font-size: 16px;
margin-bottom:0px !important;
font-weight: bold;
color: #191970;
}
.linkcard_text {
font-size: 15px;
margin-bottom:-15px !important;
overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}
/*リンクカードここまで*/


.icon::before {
  content: '\f35a';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}