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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


.box1 a,.box1 a:hover,.box2 a,.box2 a:hover,.box3 a,.box3 a:hover,.box4 a,.box4 a:hover{display:block}

.aff-link li,.post .aff-link ul{list-style:none;position:relative}.blog-card-date{color:#333;font-size:90%;margin-right:10px;font-family:GillSans}@media only screen and (max-width:600px){.blog-card-title{font-size:60%;line-height:18px}.blog-card-title::before{font-size:.7em}.blog-card-thumbnail img{max-width:100%;margin-left:0!important;margin-bottom:0!important}}

.box1 p,.box2 p,.box3 p,.box4 p{font-size:17px;text-align:center}

.copied,.copy_btn{background:#eee}.copy_btn{height:20px;padding-top:9px;padding-bottom:9px;margin-top:-35px;margin-bottom:30px;color:#666;line-height:20px;border-radius:3px;cursor:pointer;text-align:center}

.box1,.box2{max-width:320px;font-weight:700;border:3px solid #000}

.box3{max-width:320px;font-weight:700;border:3px solid #000;background:#99CCFF;}

.box4{max-width:320px;font-weight:700;border:3px solid #555555;background:#FFCC66;}

.box1{margin:0 auto 30px;padding:.5em 1em}
.box1 a{color:#f90}
.box1 a:hover{color:#333}
.box1 p{margin:0 0 0 18px;padding:0}

.box2{margin:0 auto 30px;padding:.5em 1em;margin-top:0px}
.box2 a{color:#dd4b39}
.box2 a:hover{color:#000}
.box2 p{margin:0 0 0 18px;padding:0}

.box3{margin:0 auto 30px;padding:.5em 1em}
.box3 a{color:#333}
.box3 a:hover{color:#FFF}
.box3 p{margin:0 0 0 18px;padding:0}

.box4{margin:0 auto 30px;padding:.5em 1em}
.box4 a{color:#333333}
.box4 a:hover{color:#6495ED}
.box4 p{margin:0 0 0 18px;padding:0}

@media screen and (max-width:640px){
	.box1,.box2,.box3,.box4{max-width:320px;font-weight:800;border:3px solid #000}
	.box1 a,.box1 a:hover,.box2 a,.box2 a:hover,.box3 a,.box3 a:hover,.box4 a,.box4 a:hover{display:block}
	
	.box1 p,.box2 p,.box3 p,.box4 p{text-align:center;font-size:15px}
	.box1{margin:0 auto 30px;padding:.5em 0}
	.box1 a{color:#f90}.box1 a:hover{color:#333}
	.box1 p{margin:0 0 0 14px;padding:0}
	
	.box2{margin:0 auto 30px;padding:.5em 0;margin-top:0px}/**
	 * サイドバーの新着記事とamazon楽天ボタンのズレ。理由不明により強引にｃっｓで修正。ulが原因？
	 */
	.box2 a{color:#dd4b39}
	.box2 a:hover{color:#000}
	.box2 p{margin:0 0 0 20px;padding:0}
	
	.box3{margin:0 auto 30px;padding:.5em 0}
	.box3 a{color:#333333}
	.box3 a:hover{color:#FFF}
	.box3 p{margin:0 0 0 20px;padding:0}
	
		.box4{margin:0 auto 30px;padding:.5em 0;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .4); border-radius: 100vh;}
	.box4 a{color:#333333}
	.box4 a:hover{color:#6495ED}
	.box4 p{margin:0 0 0 20px;padding:0;font-weight: bold;}
}

.ad-title{font-size:80%;color:#333;text-align:center;margin-bottom:5px}.aff-linkcount,.aff-linktext{font-size:13px;vertical-align:middle}.ad-h2{margin-bottom:40px}@media screen and (max-width:500px){.adsbygoogle{overflow:visible}}.s-twitter{color:#55acee}.s-insta{color:#D93177}.s-mail{color:#333}.aff-link{box-sizing:border-box;width:105%;margin:0 auto;padding:0 0 20px}.aff-linktext{padding-left:10px}.aff-linkcount{padding:0 10px}.post .aff-link ul{padding:0;margin:0 0 20px}.aff-link li{float:left;width:46%;margin-right:13px;margin-top:-15px}.infeed{text-align:center;margin-bottom:20px;margin-top:-20px}.infeed p{font-size:14px;color:#999;margin-bottom:3px}

.balloon1,.balloon2{padding:20px;border-radius:10px;color:#111;border: solid 2px #999;background-color:#fff}.balloon1::before,.balloon2::before{content:'';display:block;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}
.balloon1{position:relative;margin-left:110px}.balloon1 .icon{position:absolute;left:-110px;top:0}.balloon1::before{position:absolute;left:-15px;top:20px;border-right:15px solid #999}.balloon2{position:relative;margin-right:110px}.balloon2 .icon{position:absolute;right:-110px;top:0;op:0}.balloon2::before{position:absolute;right:-15px;top:20px;border-left:15px solid #f0f8ff}



/*-- Rinkerのデザイン変更 --*/
div.yyi-rinker-contents {
  border: solid 2px #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents img {
  max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
  padding: 0 0 1em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
  margin: 2%;
  width: 30%;
}

div.yyi-rinker-info {
  padding: 0 3%;
  width: 100%;
  margin: auto;
}

.yyi-rinker-title {
  font-size: 1em;
  margin-left: .5em;
  padding-top: 1em;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: .8em;
  color: #42424280;
  padding-left: 0;
  margin-top: 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: .5em 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
  letter-spacing: 0.1em;
  font-size: 1.2em;
  margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
  display: inline-block;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 70%;
  padding: 0 .7em;
  margin: .5em .5em .4em .5em;
  font-size: .8em;
  display: inline-block;
  height: 40px;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
  transition: .3s ease-in-out;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: orange;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
  color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
  background: #66CCFF;/*自由リンクのボタンの色*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
  position: absolute;
  right: auto;
  padding-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f138"!important;
  transition: .3s ease-in-out;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
  opacity: .9;
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}

/* Rinkerのリンクボタンを非常に小さくする */
div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 30%; /* 幅を狭く */
  font-size: 0.7em; /* 文字サイズを小さく */
  height: 30px; /* ボタンの高さを小さく */
  display: inline-block; /* 横並びに */
  margin: 0.5em 0.5em; /* ボタン間のスペース */
  border-radius: 3px; /* ボタンの角を丸く */
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  display: block; /* リンクをボタン全体に */
  height: 100%; /* ボタンの高さに合わせる */
  line-height: 30px; /* ボタン内の文字を縦中央に */
  text-align: center; /* テキストを中央揃え */
  padding: 0 5px; /* 内側のパディングを調整 */
  color: #fff; /* 文字色 */
}
/* Rinkerのリンクボタンを縦並びにする */
div.yyi-rinker-contents ul.yyi-rinker-links {
  display: block; /* リスト全体を縦並びに */
  text-align: left; /* テキストを左揃えに */
  padding: 0; /* 余白を取り除く */
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 100%; /* 幅を100%にして縦に並べる */
  font-size: 0.7em; /* 文字サイズを調整 */
  height: auto; /* 高さを自動にして内容に合わせる */
  margin: 0.5em 0; /* ボタン間の縦の余白 */
  border-radius: 3px; /* ボタンの角を丸く */
  display: block; /* 各ボタンを縦に並べる */
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  display: block; /* リンクをボタン全体に */
  height: 100%; /* ボタンの高さを占める */
  line-height: normal; /* 文字の縦中央揃えを調整 */
  text-align: center; /* テキストを中央揃え */
  padding: 10px 0; /* ボタン内の上下パディング */
  color: #fff; /* 文字色 */
}

@media screen and (max-width: 540px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 1em 0 1em 0;
    display: block;
  }
  div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;
  }
  div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0;
    margin: auto;
    width: 90%;
    text-align: center;
  }
  .yyi-rinker-title {
    font-size: .9em;
    text-align: center
  }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    display: block;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 100%;
    font-size: .9em;padding: 0px;
  }
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
	  
	  
	    height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li a:after {  
	}
}
/*Rinkerここまで*/