/* マーカー下線のCSS */
.yellow-marker {
background: linear-gradient(transparent 60%, #FFFF99 50%);
}

.red-marker {
background: linear-gradient(transparent 60%, #ffadd6 50%);
}

.orange-marker {
background: linear-gradient(transparent 60%, #ffcc99 50%);
}

.blue-marker {
background: linear-gradient(transparent 60%, #99ccff 50%);
}
/*リンクボタン*/
a.cp_btn {
	margin: 10px auto;
	display: block;
	width: 250px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #006400;
	border: 2px solid #006400;
	border-radius: 5px;
	transition: .4s;
	font-size:20px;
}
a.cp_btn:hover {
	margin: 10px auto;
	background: #006400;
	color: #fff;
}
/*テーブルスクロール*/
.scroll table{
text-align: center;
}
.scroll	table th{/*thに対して*/
  color: #696969;/*文字色*/
  background: #f5f5f5;/*背景色*/
}
.scroll{
/* tableをスクロール可能にする */
overflow: auto;
/* tableセル内文字の折り返しを禁止 */
white-space: nowrap;
}

/* ↓tableにスクロールバーを追加 ここから */
.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
/* スクロールバーのスクロール範囲の色 */
background: #F6F6F6;
}
.scroll::-webkit-scrollbar-thumb {
/* スクロールバーのツマミの色 */
background: #C2C2C2;
}
/* tableにスクロールバーを追加 ここまで↑ */
.scroll table{
/* tableの幅を100%に */
width:100%;
}

/* point */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #7fbfff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #7fbfff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
/*インスタ*/
.instagram-center {
 margin:0 auto;
 max-width: 350px;
}
/*枠*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;/*文字色*/
    background: #f8f8ff;
    border: solid 3px #f8f8ff;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/*アマゾン商品紹介*/
.goods {
padding: 10px;
padding-left: 0px;
}

/*出典先*/
.entry-url {
font-size: 80%;
    display: block;
    margin-top: -20px;
    color: #ab9974;
font-style: normal;
    line-height: 1.6;
    margin: 10;
    padding: 0;
}
/*出典画像*/
.rent-img {
padding-bottom: 0px;
margin-bottom: 0px;
}
/*=================================================================================
	RINKER
=================================================================================*/

div.yyi-rinker-contents {
	width: 98%;
	height: auto;
	margin: 36px auto;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	background-color: #fafafa;
	overflow: hidden;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
	border: unset;
}
div.yyi-rinker-contents a {
	transition: 0.8s ;
}
div.yyi-rinker-contents div.yyi-rinker-box {
	padding: 0; 
}
div.yyi-rinker-contents div.yyi-rinker-image {
	width: 150px;
	min-width:150px;
	margin: 0 14px 0 0;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
}
div.yyi-rinker-contents div.yyi-rinker-image a {
	width: 100%;
}
/*****
** 商品タイトル 
*****/
.yyi-rinker-title {
	margin: 0 auto 10px; 
}
div.yyi-rinker-contents div.yyi-rinker-title p {
	margin: 0 ; 
}
div.yyi-rinker-contents div.yyi-rinker-title a {
	border-bottom: 1px solid;  /* テキスト下線 */
	color:#285EFF; /* テキストリンクカラー */
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
/**** Credit・価格欄 ****/
div.yyi-rinker-contents div.yyi-rinker-detail {
	font-size: 10px;
	margin: 0 auto 10px;
	padding:0;
}
div.yyi-rinker-contents div.yyi-rinker-detail a {
    color: #999;
}
/*****
** ボタンデザイン
*****/
div.yyi-rinker-contents ul.yyi-rinker-links {
	margin: 0 auto 10px
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	border-radius: 0px;
	box-shadow: none;
	filter: drop-shadow(0 2px 2px rgba(0,0,0,0.26));
	min-width:130px;
	text-align: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before{
	content:none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding:0;
	height: auto;
	border-radius: 8px;
	font-size: 0.8em;
	box-sizing: border-box;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink,
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
	background: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a {
	background: #007dcd;
	border: 2px solid #007dcd;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
	background: #ff9901;
	border: 2px solid #ff9901;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a{
	background: #bf0000;
	border: 2px solid #bf0000;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{
	background: #ff0033;
	border: 2px solid #ff0033;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
	background: #4072B3;
	border: 2px solid #4072B3;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a{
	background: #00b7ce;
	border: 2px solid #00b7ce;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a{
	background: #6f63ad;
	border: 2px solid #6f63ad;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a{
	background: #63ad87;
	border: 2px solid #63ad87;
}
/*****
** ボタンマウスオーバー時
*****/
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
	background: #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:hover {
	color: #007dcd;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover {
	color: #ff9901;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover {
	color: #bf0000;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
	color: #ff0033;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover {
	color: #4072B3;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {
	color: #00b7ce;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a:hover {
	color: #6f63ad;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a:hover {
	color: #63ad87;
}
@media screen and (max-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-box {
	display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image{
	margin: 0 auto 10px;
	width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
	text-align: center;
	width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
	justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 32.33%;
	margin: 0.5%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: 0 0.5px;
}
}
@media screen and (max-width: 480px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 99%;
	margin: 0.7% 0.5%;
}
}
@media screen and (max-width: 420px) {
body div.yyi-rinker-contents ul.yyi-rinker-links li a,
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: 0 0.5px;
}
}

/*「あわせて読みたい」のずれを調整する*/
.blog-card .blog-card-hl:after {
top: 7px;
}

/*ブログカードに「続きを読む」*/
a.blog-card{
    padding-bottom:40px;
}
a.blog-card{
    position: relative;
}
a.blog-card:after{
    position: absolute;
    font-family: 'Quicksand','Avenir','Arial',sans-serif,'Font Awesome 5 Free';
    content:'続きを読む \f101';
    font-weight: bold;
    right:9px;
    bottom: 9px;
    padding:1px 9px;
    background:#73BC9B;/*「続きを読む」の背景色*/
    color:#fff;/*「続きを読む」の文字色*/
    font-size: .8em;
    border-radius:2px;
}
/*太字*/
.font_test {
    font-weight:  bold;
}


a.button10{
   display:block;
   padding:3px;
   margin:0 auto;
   color:#ffffff;/* 文字色 */
   text-align:center;
   font-size:14px;
   font-weight: bold;
   border-radius: 3px;   
   text-decoration: none;
   width: 100%;
   background: #008080;/
}
/* マウスオーバー時 */
a.button:hover{
   color:#ffffff!important;
   background: #ADD8E6;/* 反転背景色 */
}

table.productmatome {
	border-collapse: collapse;
	table-layout: fixed;
}
table.productmatome tbody tr th {
	font-size: 11px;
	width: 140px;
}
table.productmatome tbody tr td {
	font-size: 11px;
	width: 140px;
}

table.hikaku_t {
	font-size: 10px;
}

.lp22 {
	background-color: #F5F5F5;
	padding: 25px;
}

.lp23 {
	background-color: #F5F5F5;
	padding: 10px;
}

.lp24 {
	background-color: #FFF;
	padding: 25px;
}

.lp25 {
	font-size: 14px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 28px;
	padding-bottom: 15px;
	background-color: #FFF;
}

.top_ad1 {
	background-color: #FAF0E6;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	line-height: 25px;
	font-size: 12px;
	text-align: left;
	border: 1px solid #FC9;
}
.top_ad1_taitl {
	color: #FFF;
	font-size: 14px;
	background-color: #FC9;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
}
.ad_text_pink {
	font-weight: bold;
	color: #F96;
}

.osusumebox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background:#f5f5f5 ;
    border-left: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.osusumebox p {
    margin: 0; 
    padding: 0;
}

a.button11{
	 width:80%;
   display:block;
   margin: .4em auto;
   padding: .8em 1em .8em;
   color:#ffffff;/* 文字色 */
   text-align:center;
   font-size:11px;
   font-weight: bold;
   border-radius: 8px;   
   text-decoration: none;
   background: #008080;/
	}
.gifanime_box {
	background-color: #EAEAEA;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 0px;
}


.rd tr th {
	background-color: #FC9;
	font-size: 12px;
	color: #FFF;
}
.rd tr td {
	color: #F90;
}
.rd {
	width: 320px;
}

dl{
  display:flex;
  flex-wrap: wrap;
  border: 0px solid #ccc;
  border-top: none;
}
dt{
  background: #fff;
  width: 45%;
	padding: 7px 8px 15px 30px;
  box-sizing: border-box;
  border-top: 0px solid #ccc; 
}
dd{
  padding: 7px;
  margin: 0px;
  border-left: 0px solid #ccc;
  border-top: 0px solid #ccc; 
  width: 55%;
  box-sizing: border-box;
}
@media (max-width: 320px) {
  dl{
    flex-flow: column nowrap;
  }
  dt,
  dd{
    width: 100%;
  }
  dd{
    border-left: none;
  }
}

.yamaico_rank_3 {
	font-size: 18px;
	color: #FFF;
	padding: 14px;
	background-color: #CCC;
	font-weight: bold;
	margin-bottom: 5px;
}
.yamaico_rank_4 {
	padding: 5px;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
}
.kakaku_t tbody tr th {
	text-align: left;
	background-color: #FFF2EA;
	width: 400px;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
}
.kakaku_t tbody tr td {
	padding: 3px;
}
@media (max-width: 767px) {
.headcopy{
	font-weight:200;
	font-size:0.6em;
	margin-top:10px;
	display:none;
}
}
@media (min-width: 768px) {
.headcopy{
	font-weight:100;
	font-size:0.6em;
	margin-top:30px;
}
}

@media screen and (min-width:896px){
.re-dachat {
	padding: 5px;
	width: 670px;
}
.re-dachat .re-teb table {
	width: 350px;
	float: right;
}
.re-dachat .re-daimg {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.re-dachat .re-daimg {
	width: 270px;
	float: left;
}
.re-dachat .cll {
	clear: both;
}
}
@media (max-width: 896px) {
.re-dachat {
	padding: 5px;
}
.re-dachat .re-teb table {
	width: 320px;
}
.re-dachat .re-daimg {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 80px;
	width: 250px;
}
}

/* 2枚スライド　フェードインアウト */
#stage {
position: relative;
max-width:700px;
margin: 0 auto;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 8s infinite;
-webkit-animation: imgTrans 8s ease-in infinite;
animation: imgTrans 8s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 4s;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
45% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
45% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
45% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}

/* スライド4枚全体設定 */
.css-carousel-slider {
    width: 100%;
    /* max-width: 800px */ /* サイズ設定をする場合はここ(*1) */
    overflow: hidden;
    position: relative;
}
.css-carousel-slider img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider .slide-wrap {
    width: 400%; /* 画像の合計数*100%を設定(*2) */
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider 20s infinite; /* スライダーアニメーション全体の時間(*3) */
    animation-delay: 2s; /* スライダーが始まるまでの時間(*4) */
}
.css-carousel-slider .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main 20s infinite; /* (*3)と同じ内容を設定 */
    animation-delay: 2s; /* (*4)と同じ内容を設定 */
}
.css-carousel-slider .slide {
    width: 100%;
}

/* スライダーアニメーションの設定(*5) */
@keyframes css-carousel-slider {
    0% { transform: translateX(0); }

    20% { transform: translateX(calc(1 / 4 * -100%)); }
    25% { transform: translateX(calc(1 / 4 * -100%)); }

    45% { transform: translateX(calc(2 / 4 * -100%)); }
    50% { transform: translateX(calc(2 / 4 * -100%)); }

    70% { transform: translateX(calc(3 / 4 * -100%)); }
    75% { transform: translateX(calc(3 / 4 * -100%)); }

    95% { transform: translateX(calc(4 / 4 * -100%)); }
    100% { transform: translateX(calc(4 / 4 * -100%)); }
}

@keyframes css-carousel-slider-main {
    0% { transform: translateX(100%); }
    75% { transform: translateX(100%); }
    95% { transform: translateX(0%);}
}

/* Q＆A */
.boxQA {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 0.5em;
    background: #EDF1F5;/*A文章部分背景色*/
    border-radius: 10px;
}

.boxQA .box-title {
    position: relative;
    background: #fff;/*Q文章部分背景色*/
    padding: 10px 5px 10px 40px;
    color: #454545;/*Q文章文字色*/
    border-radius: 10px;
}
.boxQA .box-title:before {
    content: "Q";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title:after {
    content: "A";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;/*A文字色*/
    background: #FFAB8B;/*A背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    bottom: -80px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}

.boxQA p {
    padding: 20px 20px 15px 40px;
    margin: 0;
}

.boxQA ul {
  padding: 0 1em;
  position: relative;
}
.boxQA ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 4.2em;
  list-style-type: none!important;
}
.boxQA ul li:before {
  font-family: "FontAwesome";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 3.5em;
  color: #FFAB8B; /*Aのリストのアイコンの色*/
}

.rakuten_aff table, .rakuten_aff th, .rakuten_aff td {
    border: none !important ;/*優先順位高*/
}