@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*=================================================================================
	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;
}
}