/*SALE用css*/

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

#rss div {
text-align: center;
}

#rss {
width: 100%;
}

#rss .title {
margin-top: 50px;
}

#rss .titlebn img {
width: 100%;
margin-bottom: 10px;
}

#rss .title img1 {
width: 100%;

}

#rss .title img2 {
width: 50%;
}

#rss a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

/*
#rss .cate {
width: 1024px;
border: solid 5px #f00000;
}
*/

#rss .box2 {
width: 100%;
}

#rss .box {
width: 48%;
padding:1%;
float:left
}

#rss .item {
font-weight: 900;
color: #ff0000;
width: 100%;
}

#rss .item img {
width: 100%;
margin-bottom: 5px;
}

#rss .link-font {
font-size: 1.5em;
}

#rss .price-yen {
font-weight: 900;
color: #ff0000;
width: 80%;
margin: auto;
margin-bottom: 0.8em;
background-color: #ffff99;
}

#rss .shibap {
font-size: 1.5em;
margin-right: 0.5em
}

#rss .yen {
font-weight: bold;
font-size: 2.5em
}

#rss .box3 {
width: 48%;
padding:1%;
float: right;
}

#rss .box4 {
width: 98%;
padding:1%;
margin-left: auto;
margin-right: auto;
}

/*box5 3column*/
#rss .box5 {
width: 31%;
padding:1%;
float:left
}
#rss .box5 .link-font {
font-size: 1.2em;
}

#rss .box5 .shibap {
font-size: 1.2em;
margin-right: 0.5em
}

#rss .box5 .yen {
font-weight: bold;
font-size: 2em
}

#rss .clear {
clear: both;
}

#rss .link {
width: 100%;
margin-bottom: 50px;
margin: 0 auto;
}

#rss .link ul {
padding-left: 0;
list-style-type: none;
}

#rss .link li {
margin-bottom: 20px;
}

#rss .link img {
width: 100%;
}

#rss .link .img2 {
width: 50%;
}

#rss .link2 {
width: 100%;
}

#rss .link2 ul {
padding-left: 0;
list-style-type: none;
}

#rss .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-between;
}

#rss .link2 img {
width: 100%;
padding-bottom: 30px;
}

.okini {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #dc143c;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #c70067;
  border-radius: 8px;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
}
.okini:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
.okini a:hover span{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

.toplink {
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-size: 1em;
}


@media screen and (max-width: 600px) {
	/* 600px以下に適用されるCSS（スマホ用） */
    
#rss .link-font {
font-size: 1em;
}
#rss .price-yen {
font-weight: 900;
color: #ff0000;
width: 90%;
margin: auto;
margin-bottom: 0.8em;
background-color: #ffff99;
}
#rss .shibap {
font-size: 1em;
margin-right: 0.5em;
}

#rss .yen {
font-weight: bold;
font-size: 1.2em;
}

#rss .shibap::after {
    content: "\A";
    white-space: pre; /* spanの後で改行 */
}
    }