.ranking-box { float: left; width: 31%; padding: 0 1%;}
.ranking-box:nth-child(3n+1){ clear: both;}

#right_model {
 margin-left: 4px;
}
.news_inner {
margin: 0 0 20px;
border: solid 1px #ccc;
height: 200px;
background-color: #f6f9fa;
overflow: scroll;
padding: 5px 5px 0px 5px;
font-size: 14px;
}
.news_inner hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#AISATSU {
 margin-top: 20px;
}

#VOICE, #NEWS, #CHECKED, #MEDIA {
 margin-top: 30px;
}
.media_inner {
background-color: #fff;
padding-top: 15px;
margin: 0 0 15px;
}
.media_inner ul li {
 padding: 0 1%;
 margin-bottom: 10px;
 width: 23%;
 list-style: none;
 text-align: center;
 float: left;
 font-size: 12px;
}
.media_inner ul li:nth-child(4n+1){
clear: both;
}
.main_bnr {
margin: 10px 0;
}
.voice_inner {
 /* height: 480px; */
overflow: hidden;
 margin-top: 5px;
 margin-bottom: 15px;
 padding-top: 10px;
 padding-left: 7px;
}
.voice_inner ul li {
    display: block;
    /* height: 25vh; */
    width: 22%;
    padding: 0 1%;
    margin-bottom: 10px;
    list-style: none;
    text-align: center;
    float: left;
    font-size: 11px;
}
.voice_inner ul li img {
 width: 156px;
}

.main-cat {
position: relative;
margin-bottom: 10px;
padding: 1% 5px 2.9%;
overflow: hidden;
}
.main-cat .cat-bg {top: 0; left: 0; position: absolute; width: 100%;}
.main-cat ul { position: relative;}
.main-cat ul li {
float: left;
width: 48%;
padding: 0 1%;
}
.main-cat ul li:nth-child(2n+1){
margin: 0;
clear: both;
}

.introduce{
    position:relative;
    max-width:690px;
    margin: 0 auto;
}
.introduce span{
    position:absolute;
    bottom:43%;
    left:0;
    width:72%;
    text-align:center;
    color:black;
    line-height:130%;
    font-size: 32px;
    font-family:"ヒラギノ角ゴ StdN W6";
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.aisatsu{
  background-color:#3b3a30;
  color:#ffffff;
  text-align: center;
  padding:10px;
}
.aisatsu p {
    line-height: 1.5em;
}
.tokutyo .read {
  background-color:#fff2df;
  color:#3b3a30;
  text-align:center;
  padding:10px;
}
.tokutyo .read p {
    line-height: 2em;
    font-size: 18px;
}
.tokutyo h5 {
    margin-bottom: 10px;
    padding: 5px;
    background: #EEEEEE;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 18px;
    text-align: center;
}
.tokutyo h5:before { content: '';}
.tokutyo .content .left{
  display:block;
  float:left;
  width:50%;
  margin-bottom:15px;
}
.tokutyo .content .right{
  display:block;
  float:right;
  width:50%;
  margin-bottom:15px;
}
.owarini{
  display:block;
  background-color:#fff2df;
  color:#3b3a30;
  text-align:center;
  padding:10px;
}
.owarini p {
    font-size: 18px;
}
.okyakusama_inner {
    margin: 5px 0px 20px;
    border: solid 3px #ccc;
    height: 350px;
    background-color: #f6f9fa;
    overflow: scroll;
    padding: 5px 5px 0px 5px;
    font-size: 14px;
}
.popularity .thumbnail { float: left; margin-right: 15px; width: 120px;}
.popularity .body {}
.icon-ranking { float:left; width:84px;}
.new_mark_img1 { border:none;display:inline;margin:0px;padding:0px;width:auto;}
.title_r {
    display: block;
    float: right;
    margin: 20px 0 0 10px;
    width: 85%;
}
.top_pr {
    color: red;
    margin: 10px 0 40px 10px;
    font-weight: bold;
}

/*
 * media sp
 */
@media screen and (max-width: 767px) {
.popularity .title_r { margin: 0 0 0 10px; padding: 1rem 0; }
.popularity .head { margin-bottom: 10px;}
.popularity .head > img { width: 20%;}
.popularity .body > div { padding-right: 10px; overflow: hidden;}
.popularity .body strong {}
.introduce span { font-size: 1.6rem;}
.tokutyo .content .left,
.tokutyo .content .right { float: none; width: 100%;}
.tokutyo .content .left p{ font-size: 1rem;}
.tokutyo .content .right p{font-size: 1rem;}
.tokutyo h5 { font-size: 1.5rem;}
.title_r { width: 70%;}
}


/* 検索フォーム */

.button--small{
    padding: 0;
	border: 0 !important;
    width: 40px;
	height: 40px;
	right: 5%;
    position: absolute;
	}

input[type="text"].keyword--small{
    width: 90%;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
}
/* ブランド紹介 */
#information p {
    padding: 0 10px 0 10px;
}

div#BRANDTOHA {
    margin-top: 30px;
}

body {
  font-size: 16px;
  }

a {
color:#0000FF;
text-decoration:underline;
}

a:hover {
color:#77BBFF;
text-decoration:underline;
}