/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
タイトルのテキスト
body{color:#202020}
/*--------------------------------------
Rinkerのデザイン変更
--------------------------------------*/
/*-----全体-----*/
div.yyi-rinker-contents {
border: none;/*枠線を消す*/
border-radius: 5px;/*枠線の丸み*/
background-color: #f5f5f5/*背景色*/
}
/*-----タイトル文字を少し小さく-----*/
div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 1em!important;
}
/*-----タイトル文字を左寄せ-----*/
.yyi-rinker-info {
text-align: left!important;
}
/*-----スマホ表示でタイトル幅を広く-----*/
@media screen and (max-width: 500px){
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 100%!important;
}}
/*-----メーカー名の余白削除-----*/
div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 1px!important;
}
/*-----内部の余白調整-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 15px 0!important;
}
@media (min-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 5px 0 15px!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: 47%;/*幅（2列になるように）*/
}}
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 (min-width: 768px){
div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child) {
margin-right: 12px!important;
}}
div.yyi-rinker-info ul.yyi-rinker-links li {
margin-bottom: 5px!important;
}
/*-----ボタンの色-----*/
.amazonlink a {/*Amazon*/
color: #151515!important;/*文字色*/
background: #FF6600!important;/*背景色*/
}
.rakutenlink a {/*-----楽天-----*/
background: #cc0000!important;/*背景色*/
}
.yahoolink a {/*-----Yahoo!-----*/
background: #33cccc!important;/*背景色*/
}
/*-----キャンペーン-----*/
.yyi-rinker-link:before {
border-radius: 10px;/*角丸にする*/
}
.rakutenlink:before, .rakutenlink .yyi-rinker-link:before {
color: #d70035!important;/*キャンペーンの楽天の文字色*/
}
.amazonlink:before, .amazonlink .yyi-rinker-link:before {
color: #ee7800!important;/*キャンペーンのAmazonの文字色*/
}
@media (min-width: 768px){/*PCのキャンペーン表示を左寄せ*/
ul.yyi-rinker-links li.amazonkindlelink:center, ul.yyi-rinker-links li.amazonlink:before, ul.yyi-rinker-links li.rakutenlink:before, ul.yyi-rinker-links li.yahoolink:before {
text-align: left;
.eye-catch img{
height:360px;
}
@media screen and (max-width: 768px) {
.eye-catch img{
height:auto;
}
}
}}