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

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

/*Cocoon商品リンクボタンカスタマイズ　ここから*/

.shoplinkamazon a {
    background: #dd8e03;
    color: #fff;
    box-shadow: 0 8px 12px -5px rgba(0,0,0,.3);
    transition: .4s;
}
.shoplinkamazon a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.3);
    color: #fff;
    opacity: 1;
}
.shoplinkrakuten a {
    background: #d01010;
    color: #fff;
    box-shadow: 0 8px 12px -5px rgba(0,0,0,.3);
    transition: .4s;
}
.shoplinkrakuten a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.3);
    color: #fff;
    opacity: 1;
}
.shoplinkyahoo a {
    background: #1a9bc5;
    color: #fff;
    box-shadow: 0 8px 12px -5px rgba(0,0,0,.3);
    transition: .4s;
}
.shoplinkyahoo a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.3);
    color: #fff;
    opacity: 1;
}
@media screen and (max-width: 480px){
    .shoplinkamazon a, .shoplinkrakuten a {
  margin-bottom: 14px;
    }
    .shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a {
  box-shadow: 0 8px 8px -4px rgba(0,0,0,.3);
    }
}

/*Cocoon商品リンクボタンカスタマイズ　ここまで*/

/*Cocoon商品リンク：枠線を細く Amazonここから*/
.amazon-item-box{
margin: 0;
padding: 22px 25px; /*余白調整*/
border: solid 1px #ccc; /*線の太さ*/
}
/*Cocoon商品リンク：枠線を細く Amazonここまで*/

/*Cocoon商品リンク：枠線を細く 楽天ここから*/

.rakuten-item-box{
margin: 0;
padding: 22px 25px; /*余白調整*/
border: solid 1px #ccc; /*線の太さ*/
}

/*Cocoon商品リンク：枠線を細く 楽天ここまで*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
	/*必要ならばここにコードを書く*/
	/* モバイル時に表示したい画像のURLを設定する */
 .skin-grayish.front-top-page .container .header-container .header {
 	background-image: url(https://santa-man.com/wp-content/uploads/2026/01/santaman-main-visual-mobile-001.jpg);
	background-position: center center;
 }	
}

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

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