@charset "UTF-8";

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

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

.shoplinkamazon a,
a.btn1{
  display: inline-block;
  border: 1px solid #9c7e31;
  border-top: 1px solid #a88734;
  border-bottom: 1px solid #846a29;
  border-radius: 6px;
  background: linear-gradient(to bottom, #f7dea1, #f0c24d);
  box-shadow: 0 1px 0 #faecc8 inset;
  text-align: center;
  color: #111;
  font-size: 1em;
  line-height: 1;
  padding: .7em 1em !important;
  line-height:1.4 !important;
  text-decoration:none;
  font-weight:normal;
}

.shoplinkamazon a:hover,
a.btn1:hover{
  background: linear-gradient(to bottom, #f5d689, #eeba35);
}



.content-top {
    margin: 0 !important;
}
.header-obi {
	padding:6px;
	text-align:center;
	background:#DB8F4C;
	font-size:14px;
	color:#FFF;
}

.content-top .widget {
    margin-bottom: 8px;
}

.item-pic-main {
	display:block;
	text-align:center;
}

.product-item-box::after {
   display:none; 
	font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    position: absolute;
    bottom: 0;
    right: 6px;
    font-size: 24px;
    color: #ccc;
}

/* アコーディオンA */
.ac-box{
width: auto;
margin: 30px auto 5px;
}

/*ラベル*/
.ac-box label{
max-width: 385px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #f05689;
margin: auto;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

/*ラベルホバー時*/
.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #f3f3f3;
opacity: 1;
}

/*表示内容の調整*/
.ac-box div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

.yyi-rinker-detail .credit {display:none;}

div.yyi-rinker-contents div.yyi-rinker-title a {
    color: #1967d2 !important;
    text-decoration: underline !important;
}

.no-sidebar .wrap {
 max-width: 800px;
}

.booklink-link2>*>a, .kaerebalink-link1>*>a, .tomarebalink-link1>*>a, .product-item-buttons>*>a {

    font-size: 15px;
    padding: 10px 6px;
    border-radius: 6px
}

.booklink-link2>*, .kaerebalink-link1>*, .tomarebalink-link1>*, .product-item-buttons>* {

    margin: .5%;
    box-sizing: border-box;
}




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

.entry-card-title {
  font-size: 20px;
    line-height: 1.3;
    margin-bottom: 8px;
}
.entry-card-snippet, .related-entry-card-snippet {
    font-size: .75em;
    line-height: 1.5;
    color: #999;
}

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
  .rank-image {
	max-width: 45%;
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  .rank-image {
	max-width: 60%;


}
.entry-card-title {
  font-size: 16px;
    line-height: 1.3;
    margin-bottom: 8px;
}
}

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