/* —–表スクロール —– */


@media (max-width: 480px) {
  .sp-scrollable-table table{
    border-collapse: collapse;
    margin: 2em 0;
    max-width: 100%;
  }

  .sp-scrollable-table th{
    background-color: #eee;
  }

  .sp-scrollable-table th,
  .sp-scrollable-table td{
    border: solid 1px #ccc;
    padding: 3px 5px;
    white-space: nowrap;
  }

  .sp-scrollable-table {
    overflow-x: auto;
    margin-bottom: 1em;
    max-width: 770px;
  }
}

/* —–可愛い蛍光下線（黄色） —– */
.marker-yellow {
background: linear-gradient(transparent 60%, #ffff99 60%);
}

/* ------------------------------------- */
/*         appreach         */
/* ------------------------------------- */

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/*--------------------------------------
Rinkerのデザイン変更
--------------------------------------*/
/*-----タイトル文字を少し小さく-----*/
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-box div.yyi-rinker-info {
    padding-left: 0px;
}
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 screen and (max-width:767px) {
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width: 100%;
	height:40px;
}}

@media (min-width: 768px){
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width: 47%;
	height:40px;/*幅（2列になるように）*/
}}

@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;
}}
/*-----キャンペーン-----*/
.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;
}}

/*-----ボタンの色-----*/
.amazonlink a {/*Amazon*/
	background: #FF9900!important;/*背景色*/
}
.rakutenlink a {/*-----楽天-----*/
	background: #BF0000!important;/*背景色*/
}
.yahoolink a {/*-----Yahoo!-----*/
	background: #FF2853!important;/*背景色*/
}

.freelink2 a {/*-----Yahoo!-----*/
	background: #8C700E!important;/*背景色*/
}

.freelink4 a {/*-----Yahoo!-----*/
	background: #EF5401!important;/*背景色*/
}



/* Amazonマイクロコピー */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	bottom:1px;
	font-weight: 600;
	line-height: 1;
	content: "1/19〜21はファッションタイムセール祭り＆ポイントアップキャンペーン！";
	font-size: 0.7em;
}

/* 楽天マイクロコピー */
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	bottom:1px;
	font-weight: 600;
	line-height: 1;
	content: "";
	font-size: 0.7em;
}



/* Yahooマイクロコピー */
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	bottom:1px;
	font-weight: 600;
	line-height: 1;
	content: "";
	font-size: 0.7em;
}

/* PayPayモールマイクロコピー */
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:before {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	bottom:1px;
	font-weight: 600;
	line-height: 1;
	content: "";
	font-size: 0.7em;
}

/* auPAYマイクロコピー */
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a:before {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	bottom:1px;
	font-weight: 600;
	line-height: 1;
	content: "";
	font-size: 0.7em;
}

/*テーブルの横スクロールのためのCSSはここから*/
 table{ 
    width:100%;
}
.scroll{
    overflow: auto;
    white-space:nowrap;
}
.scroll::-webkit-scrollbar{
    height: 15px;
}
.scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
    background: #bbb;
}
 /*テーブルの横スクロールのためのCSSはここまで*/