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

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




/********** reCAPTCHAロゴ非表示 **********/
.grecaptcha-badge { visibility: hidden; }




/********** バナーのスクロール追従 **********/
#banner {
  position: fixed;
  bottom: 20px; /* 画面下部からの距離を調整 */
  left: 20px; /* 画面左端からの距離を調整 */
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  z-index: 1000;
  width: 400px; /* バナーの幅を大きくする */
  max-width: 90%; /* 最大幅を設定 */
  text-align: center;
}

#banner a {
  display: inline-block;
}

#banner img {
  width: 100%; /* 画像の幅を100%に設定 */
  height: auto; /* 高さは自動調整されるように設定 */
}

.banner_close {  /* バナーを閉じるボタン */
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
}
.banner_close span:nth-of-type(1) {
    position: absolute;
    top: 7px;
    right: 0;
    width: 15px;
    height: 1px;
    background-color: #000;
    transform: rotate(45deg);
}
.banner_close span:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 7px;
    width: 1px;
    height: 15px;
    background-color: #000;
    transform: rotate(45deg);
}
.js_banner_close {
    display: none;
}




/********** Rinkerのカスタマイズ **********/

/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}

/*ボタンのデザイン*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}




/********** レスポンシブ768px以下 **********/
@media (max-width: 768px) {
	/***** バナーのスクロール追従 *****/
    #banner {
		width: 90%; /* バナーの幅を90%に設定 */
        max-width: none; /* 最大幅を解除 */
		left: 5%; /* 画面左端からの距離を調整 */
		bottom: 10px; /* 画面下部からの距離を調整 */
	}
}




/********** レスポンシブ480px以下 **********/
@media screen and (max-width: 480px){
	/***** Rinkerのカスタマイズ *****/
	
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}
	
  /*ボタン文字位置の調整*/
	div.yyi-rinker-contents ul.yyi-rinker-links li a {
		padding: 0 !important;
	}
}