/*--------------------------------------
Rinker
--------------------------------------*/
.yyi-rinker-img-s .yyi-rinker-image {
width: 56px;
min-width: 56px;
margin:auto;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 175px;
min-width: 175px;
margin:auto;
}
.yyi-rinker-img-l .yyi-rinker-image {
width: 200px;
min-width: 200px;
margin:auto;
}
.yyi-rinker-img-s .yyi-rinker-image img.yyi-rinker-main-img {
width: auto;
max-height: 56px;
}
.yyi-rinker-img-m .yyi-rinker-image img.yyi-rinker-main-img {
width: auto;
max-height: 170px;
}
.yyi-rinker-img-l .yyi-rinker-image img.yyi-rinker-main-img {
width: auto;
max-height: 200px;
}

div.yyi-rinker-contents div.yyi-rinker-box ul.yyi-rinker-links li {
list-style: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
text-decoration: none;
}
div.yyi-rinker-contents {
margin: 2em 0;
}
div.yyi-rinker-contents div.yyi-rinker-box {
display: flex;
padding: 26px 26px 0;
border:3px solid #f5f5f5;
box-sizing: border-box;
}

@media (min-width: 768px) {
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 26px 26px 0;
}
}

@media (max-width: 767px) {
div.yyi-rinker-contents div.yyi-rinker-box {
flex-direction: column;
padding: 26px 14px 0;
}
}

div.yyi-rinker-box div.yyi-rinker-image {
display: flex;
flex: none;
justify-content: center;
}
div.yyi-rinker-box div.yyi-rinker-image a {
display: inline-block;
height: fit-content;
margin-bottom: 26px;
}
div.yyi-rinker-image img.yyi-rinker-main-img {
display: block;
max-width: 100%;
height: auto;
}
div.yyi-rinker-img-s img.yyi-rinker-main-img {
width: 56px;
}
div.yyi-rinker-img-m img.yyi-rinker-main-img {
width: 120px;
}
div.yyi-rinker-img-l img.yyi-rinker-main-img {
width: 200px;
}
div.yyi-rinker-box div.yyi-rinker-info {
display: flex;
width: 100%;
flex-direction: column;
}
@media (min-width: 768px) {
div.yyi-rinker-box div.yyi-rinker-info {
padding-left: 26px;
}
}

@media (max-width: 767px) {
div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}
}

div.yyi-rinker-info div.yyi-rinker-title a {
color: #333;
font-weight: 600;
font-size: 18px;
text-decoration: none;
}
div.yyi-rinker-info div.yyi-rinker-detail {
display: flex;
flex-direction: column;
padding: 8px 0 12px;
}
div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 8px;
}
div.yyi-rinker-detail div.credit-box {
font-size: 12px;
}
div.yyi-rinker-detail div.credit-box a {
text-decoration: underline;
}
div.yyi-rinker-detail div.brand,
div.yyi-rinker-detail div.price-box {
font-size: 14px;
}
@media (max-width: 767px) {
div.price-box span.price {
display: block;
}
}

div.yyi-rinker-info div.free-text {
order: 2;
padding-top: 8px;
font-size: 16px;
}
div.yyi-rinker-info ul.yyi-rinker-links {
display: flex;
flex-wrap: wrap;
margin: 0 0 14px;
padding: 0;
list-style-type: none;
}
div.yyi-rinker-info ul.yyi-rinker-links li {
display: inherit;
align-self: flex-end;
text-align: center;
}
@media (min-width: 768px) {
div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child){
margin-right: 8px;
}

div.yyi-rinker-info ul.yyi-rinker-links li {
margin-bottom: 12px;
}
}
@media (max-width: 767px) {
div.yyi-rinker-info ul.yyi-rinker-links li {
width: 100%;
margin-bottom: 10px;
}
}

ul.yyi-rinker-links li.amazonkindlelink a {
background-color: #37475a;
}
ul.yyi-rinker-links li.amazonlink a {
background-color: #f9bf51;
}
ul.yyi-rinker-links li.rakutenlink a {
background-color: #d53a3a;
}
ul.yyi-rinker-links li.yahoolink a {
background-color: #76c2f3;
}
ul.yyi-rinker-links li.freelink1 a {
background-color: #5db49f;
}
ul.yyi-rinker-links li.freelink2 a {
background-color: #7e77c1;
}
ul.yyi-rinker-links li.freelink3 a {
background-color: #3974be;
}
ul.yyi-rinker-links li.freelink4 a {
background-color: #333;
}
ul.yyi-rinker-links a.yyi-rinker-link {
display: flex;
position: relative;
width: 100%;
min-height: 38px;
overflow-x: hidden;
flex-wrap: wrap-reverse;
justify-content: center;
align-items: center;
border-radius: 2px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,0.12);
color: #fff;
font-weight: 600;
font-size: 14px;
white-space: nowrap;
transition: 0.3s ease-out;
box-sizing: border-box;
}
ul.yyi-rinker-links a.yyi-rinker-link:after {
position: absolute;
right: 12px;
width: 6px;
height: 6px;
border-top: 2px solid;
border-right: 2px solid;
content: "";
transform: rotate(45deg);
box-sizing: border-box;
}
ul.yyi-rinker-links a.yyi-rinker-link:hover {
box-shadow: 0 4px 6px 2px rgba(0,0,0,0.12);
transform: translateY(-2px);
}
@media (min-width: 768px) {
ul.yyi-rinker-links a.yyi-rinker-link {
padding: 6px 24px;
}
}
@media (max-width: 767px) {
ul.yyi-rinker-links a.yyi-rinker-link {
padding: 10px 24px;
}
}
div.yyi-rinker-contents.yyi-rinker-design-tate  div.yyi-rinker-box{
flex-direction: column;
}

div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
flex-direction: column;
}

div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
width: 100%;
}

div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
text-align: center;
}

div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {

margin: auto;
}

div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
flex-direction: column;
padding: 14px 5px 0;
}

.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}

.yyi-rinker-design-slim div.price-box span.price {
display: block;
}

div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{
font-size:16px;
}

div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before{
font-size:12px;
}

div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
font-size: 13px;
}
.entry-content ul.yyi-rinker-links li {
padding: 0;
}

.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
width: 100%;
margin-bottom: 10px;
}
.yyi-rinker-design-slim ul.yyi-rinker-links a.yyi-rinker-link {
padding: 10px 24px;
}
/*---------------------------------------
Custom
---------------------------------------*/
.yyi-rinker-contents {
width:49.5%;
margin:32px auto !important;
box-shadow:0 0 6px #ccc;
vertical-align:top;
}

div.yyi-rinker-contents div.yyi-rinker-box{
background:#FAFAFA;
border:initial;
flex-direction:column;
}

img.yyi-rinker-main-img{
box-shadow:initial;
}

div.yyi-rinker-info div.yyi-rinker-title a {
	font-size:14px!important;
}

@media (min-width: 768px){

div.yyi-rinker-box div.yyi-rinker-info{
padding:initial;
}
div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child) {
margin:initial;
margin:0 0 16px 0;
}



ul.yyi-rinker-links a.yyi-rinker-link:hover{
transform:translateY(-4px);
}
	
}

@media (max-width: 767px){

.yyi-rinker-contents{
width:100%;
}

}

div.yyi-rinker-detail div.brand, div.yyi-rinker-detail div.price-box{
display:none;
}

div.credit-box , div.credit{
display:none;
}

/*-----Link-----*/
ul.yyi-rinker-links li.amazonlink a {
border: #f9bf51 4px solid;
color: #f9bf51 !important;
background:#FFF !important;
}

ul.yyi-rinker-links li.rakutenlink a {
border:4px solid #d53a3a;
color:#d53a3a !important;
background:#FFF !important;
}

ul.yyi-rinker-links li.yahoolink a {
border:4px solid #76c2f3;
color:#76c2f3 !important;
background:#FFF !important;
}

ul.yyi-rinker-links li.freelink1 a ,
ul.yyi-rinker-links li.freelink2 a ,
ul.yyi-rinker-links li.freelink3 a
{
border:4px solid #5db49f;
color:#5db49f !important;
background:#FFF !important;
}

ul.yyi-rinker-links li a{
border-radius:8px !important;
} 


/*-----画像位置調整-----*/
.yyi-rinker-img-m .yyi-rinker-main-img{
	width:auto!important;
}
@media (min-width: 768px){
.yyi-rinker-img-m .yyi-rinker-main-img{
	width:auto!important;
	max-width:200px!important;
}}
div.yyi-rinker-contents div.yyi-rinker-image{
	align-items: center!important;
}
/*-----ボタンのデザイン-----*/
@media (min-width: 768px){
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width: 100%;
}}
ul.yyi-rinker-links a.yyi-rinker-link{
	box-shadow: none!important;/*ボタンの影を消す*/ 
}
@media (min-width: 768px){/*スマホのボタン縦幅*/ 
ul.yyi-rinker-links a.yyi-rinker-link {
	min-height: 44px!important;
}}

/*-----スマホ表示でタイトル幅を広く-----*/	
@media screen and (max-width: 500px){
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
	width: 100%!important;
}}

/*-----キャンペーン-----*/
.yyi-rinker-link:before {
	border-radius: 10px;/*角丸にする*/
}
@media (min-width: 768px){/*PCのキャンペーン表示を左寄せ*/
ul.yyi-rinker-links li.amazonkindlelink:before, ul.yyi-rinker-links li.amazonlink:before, ul.yyi-rinker-links li.rakutenlink:before, ul.yyi-rinker-links li.yahoolink:before {
    text-align: left;
}}