/* ————————————- */
/* Rinker カスタマイズ */
/* ————————————- */
/* ——— 外枠 ——— */
div.yyi-rinker-contents {
/*border: solid 1px #dbdbdb;*/ /* １重線 */
border:double #CCC; /* ２重線 */
}/* — 商品リンク タイトル — */
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #3296d2; /* 文字色 */
}/* ——- クレジット ——- */
div.yyi-rinker-contents div.yyi-rinker-detail .credit {
margin-bottom: 10px; /* 下スペース */
color: #999; /* 文字色 */
}div.yyi-rinker-contents div.yyi-rinker-detail .credit a{
color: #2581B3; /* リンクの文字色 */
}
/* ——- 商品価格 ——- */
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
color: #aaa; /* 文字色 */
}/* ——— ボタン基本スタイル ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
border-radius: 2px; /* ボタン 角の丸み */
text-align: center;
vertical-align: middle;
min-width:129px; /* ボタンの最小幅 */
font-size: 0.9em;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
border-radius: 5px; /* ボタン外枠 角の丸み */
}/* ——— ボタン色 ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
background: #f6a306; /* 背景色 */
border: 2px solid #f6a306; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
background: #cf4944; /* 背景色 */
border: 2px solid #cf4944; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
background: #51a7e8; /* 背景色 */
border: 2px solid #51a7e8; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a{ /* Amazon */
color: #f4f4f4; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a{ /* 楽天 */
color: #f4f4f4; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{ /* Yahoo */
color: #f4f4f4; /* 文字色 */
}/* — マウスオーバー時のボタン色 — */
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
opacity: 1; /* 透明度(1.0=不透明 0.0=完全透明) */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover { /* Amazon */
background: #f6a306; /* 背景色 */
color: #fff; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover { /* 楽天 */
background: #cf4944; /* 背景色 */
color: #fff; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover { /* Yahoo */
background: #51a7e8; /* 背景色 */
color: #fff; /* 文字色 */
}/* ——— 外部リンク マーク削除 ——— */
div.yyi-rinker-contents div.yyi-rinker-title a[target=”_blank”]::after{ /* 商品リンク タイトル */
content: none;
}div.yyi-rinker-contents div.yyi-rinker-detail .credit a[target=”_blank”]::after{ /* クレジット */
content: none;
}div.yyi-rinker-contents ul.yyi-rinker-links li a[target=”_blank”]::after{/* ボタン */
content: none;
}/* ——— レスポンシブ用 ——— */
@media screen and (max-width: 768px) { /* 画面幅768px以下の時 */
/* — 商品リンク タイトル — */
div.yyi-rinker-contents div.yyi-rinker-title a {
font-weight: bold; /* 太字 */
}
/* ——— ボタン基本スタイル ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
font-size: 0.8em;
}
}

@media screen and (max-width: 480px) { /* 画面幅480px以下の時 */
/* — 商品リンク タイトル — */
div.yyi-rinker-contents div.yyi-rinker-title a {
font-weight: bold; /* 太字 */
font-size: 0.9em;
}
/* ——— ボタン基本スタイル ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding-left: 3.5px !important; /* ボタン文字 位置調整 */
font-size: 0.8em;
}
}
html,body{margin:0px;}
/*タブレット表示*/
@media screen and (max-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-box {
display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image{
width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
text-align: center;
}
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%;
}
}
/*Rinkerアプデ追加コード*/
div.yyi-rinker-contents img.yyi-rinker-main-img {
width:100px;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: calc(100% – 100px);
}
body div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 100%;
}

/*リンクカード調整*/
.linkcard * {
	text-decoration:none !important;
}

.linkcard:before {
	content: "あわせて読みたい";
	position: relative;
	top:  12px;
	left:  23px;
	background-color: #ff6868;
	padding: 8px 14px;
	font-size: 12px;;
	font-weight: 500;
	border-radius:  3px;
	color:  #fff;
	z-index: 1;
}

.linkcard *:hover {
	opacity:0.9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.linkcard {
	margin: 22px auto;
	display:block;
	width: 96%;
}

.lkc-title {
 	font-size: 1.1rem;
 	line-height: 1.5rem;
 	font-weight: 500;
	margin-bottom: 15px;
	display:  block;
}

.lkc-excerpt {
	font-size: 0.75rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
}

.lkc-url{
	display: none;
}

.lkc-info{
	margin-bottom:10px;
}

.lkc-external-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-external-wrap p {
	padding-bottom: 5px !important;
}

.lkc-internal-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-internal-wrap p {
	padding-bottom: 5px !important;
}

.lkc-thumbnail {
    margin: 0 20px 4px 4px;
}

@media screen and (max-width:750px){
.linkcard {
	margin: 22px auto;
	display:block;
	width: 100%;
}
	
	.linkcard:before {
    left: 12px;
			padding: 5px 14px;
    border-radius: 2px;
}
	
	.lkc-content {
	height: 100%;
}
	
.lkc-excerpt{
	display:none;
}
	
.lkc-title{
	font-size: 0.85rem; 
 	line-height: 1.2rem;
 	font-weight: 700;
 	display: inline;
}
	
.lkc-internal-wrap {
    padding: 15px 0 0 0;
}
	
.lkc-external-wrap {
    padding: 15px 0 0 0;
}
	
	.lkc-thumbnail-img {
    width: 188px;
    max-height: 76px;
}
}