@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;
}

/*リンクカード*/
.linkcard {
	border: solid 1px #E6E6FA;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:10px;
	padding: 10px;
	position: relative;
}
.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: 14px;
}
/*リンクカードここまで*/
/*キャプションの枠非表示*/
#main .entry-content .wp-caption {
    padding: 0;
    border: none;
}
/*テキストリンク装飾*/
.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 1px #7777CC;
  padding: 0.1em 1.0em 0em;
  border-radius: 0.5em;
  margin-bottom: 0.1em;
}
.plink:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  position: relative;
  right: 0.5em;
  color: #ffff;
  font-weight: 900;
}
/*内部リンクタイトル*/
.naib{
  display: inline-block;
  font-size: 0.9em;
  color: #FFFF;
  background-color: #0095D9;
  padding: 0.1em 1.2em 0em;
  border-radius: 0.5em;
  margin-bottom: 0.1em;
}
.naib:before {
  font-family: "Font Awesome 5 Free";
  content: "\f024";
  position: relative;
  right: 0.5em;
  color: #ffff;
  font-weight: 900;
}
.header-info a{
	text-align:right;
	pointer-events:none;
	font-size:16px;
}
/*ここからパルスの追加*/
@-webkit-keyframes pulse {
  0%, 100% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
}

.faa-pulse.animated.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
  -webkit-animation: pulse 1s linear infinite;
          animation: pulse 1s linear infinite;
}

.faa-pulse.animated.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
  -webkit-animation: pulse 3s linear infinite;
          animation: pulse 3s linear infinite;
}
/*ここまでパルスの追加*/
/*Rinkerリンク色*/
.yyi-rinker-title a{color:#1a0dab !important;}
.yyi-rinker-title a:hover{text-decoration: underline !important;}