/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}



/* 商品名の部分 */
.kaerebalink-name{
  font-size:15px;  /* 文字の大きさ */
  font-weight:bold;  /* 文字を太字に */
}
 
/* 商品名の部分（リンク） */
.kaerebalink-name a{
  color:#0066cc;  /* リンクの色 */
  text-decoration:none;  /* アンダーライン無し */
}
 
/* 訪問済みのリンクの色 */
.kaerebalink-name a:visited {
  color: #9f9f9f;
}
 
/* カーソルが乗った時 */
.kaerebalink-name a:hover{
  color:#7a8285;  /* カーソルが乗った時のリンクの色 */
  text-decoration:underline;  /* リンクにアンダーライン */　　
}

/* Amazonと楽天のボタン */
.shoplinkamazon, .shoplinkrakuten {
  text-align:center;  /* 文字をボタンの中央に */
  margin-right: 10px; /* ボタンとボタンの間の余白 */
  float: left;  /* ボタンを横並びに */
  width: 45%;  /* ボタンの幅 */
}
 
.kaerebalink-link1 a {
  display: block;
  height: 40px;  /* ボタンの高さ */
  line-height: 40px;  /* ここはボタンの高さと同じ数値に */
  border-radius:5px;  /* ボタンの角をちょっと丸く */
  -moz-border-radius:5px;  /* ボタンの角をちょっと丸く(Firefox向け) */
  -webkit-border-radius:5px;  /* ボタンの角をちょっと丸く(Google Chrome、Safari向け) */
}
 
/* ボタン上に余白 */
.kaerebalink-link1 {
  margin-top: 15px;
}
 
/* 左寄せを後から解除するための記述 */
.kaerebalink-link1:after {
  content:"";
  display:block;
  clear:both;
}

/* Amazonのリンク部分（ボタン内のテキスト） */
.shoplinkamazon a{
  background-color:#0000ff;  /* ボタンの背景色 */
  color:#fff;  /* 文字の色 */
  text-decoration:none;  /* アンダーライン無し */
  font-weight:bold;  /* 文字を太字に */
  display:block;  /* ボタン全体をクリックできるようにブロック要素にする */
}

/* 楽天のリンク部分（ボタン内のテキスト） */
.shoplinkrakuten a{
  background-color:#FF0000;  /* ボタンの背景色 */
  color:#fff;  /* 文字の色 */
  text-decoration:none;  /* アンダーライン無し */
  font-weight:bold;  /* 文字を太字に */
  display:block;  /* ボタン全体をクリックできるようにブロック要素にする */
}

@media screen and (max-width: 599px) {
  
/* この間にCSSを書いていく */
  
 }

/* カエレバスマートフォン表示 */
@media screen and (max-width: 599px) {
.kaerebalink-box {
  margin-top:10px;  /* カエレバ全体の上に余白 */
  margin-bottom:10px;  /* カエレバ全体の下に余白 */
  text-align:center;  /* カエレバリンク内テキストは中央寄せ */
  padding:10px;  /* 全体的な余白 */
}
  
/* カエレバの商品画像部分 */
.kaerebalink-image {
  float:none;  /* 画像の左寄せを解除 */
}
  
/* ショップリンクボタン（Amazonと楽天） */
.shoplinkamazon, .shoplinkrakuten {
  width:90%; /* ボタンの幅を横幅の90%に */
  display : block;  /* 横並びだったボタンを縦に並べる */
  padding : 0;  /* 余計な余白を削除 */
  margin-bottom: 10px; /* ボタンとボタンの間の余白 */
}
}

#page-top a {
  text-decoration: none;
  background: #47BEA0;
  color: #fff;
  padding: 12px 16px;
  text-align: center;
  display: block;
  -moz-opacity: 0.6;
  opacity: 0.6;
}