@charset "utf-8";
/* CSS Document */

/*#mp_txt_new , #mp_txt_rec{
	display: none;
}
button#mp_txt_new_button {
    display: none;
}
#fsrecommenddiv18 h2{
	display: none;
}*/


.main_info {
	/* width: 100%; */
	margin: 0px auto 0;
	padding: 0 10px 0;
	font-size: 13px !important;
}
.main_info div {
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.main_info div:last-child {
	border-bottom: 1px solid #ccc;
}
.main_info div p {
	display: inline-block;
	vertical-align: top;
}
.main_info div p:nth-of-type(1) {
	width: 50px;
	padding: 3px 10px 3px;
	color: #FFF;
	text-align: center;
	/* margin-right: 20px; */
	/* margin-left: 10px; */
	margin: 0 10px 0 10px;
}
.main_info div p:nth-of-type(2) {
	width: 80px;
	padding: 3px 0px 3px;
	/* margin-right: 20px; */
	margin: 0;
}
.main_info div p:nth-of-type(3) {
	/* width: 94%; */
	display: block;
	padding: 3px 10px 3px;
	margin: 10px 0 0;
}
.main_info div .new_info {
	background: #862022;
}
.main_info div .up_info {
	background: #202086;
}

.main_info a{
	color: #1A0DAB;
}

.main_title {
	font-size: 8vw;
	text-align: center;
	font-family: "Times New Roman", "Linux Libertine", "游明朝", "YuMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	letter-spacing: .2rem;
	margin: 80px 0 20px;
	padding: 0;
	line-height: 8vw;
}
h2.main_title span {
	display: block;
	line-height: 8vw;
	font-size: 4vw;
}


.rank_tab, .main_cat {
	margin: 0px auto 30px;
	background-color: #fff;
	padding: 0 10px 0;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	height: 30px;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	background-color: #FFF;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
	color: #111;
	display: block;
	float: left;
	transition: all 0.2s ease;
}
.tab_item:hover {
	color: #FFF;
	background: #111;
	transition: 0.5s;
}
.tab_item:nth-of-type(2), .tab_item:nth-of-type(4),.tab_item:nth-of-type(6), .tab_item:nth-of-type(8) {
	border-right: 1px solid #111;
}
.tab_item:nth-of-type(7), .tab_item:nth-of-type(8) {
	border-bottom: 1px solid #111;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 15px 0 0;
	clear: both;
	overflow: hidden;
	text-align: center;
}
/*選択されているタブのコンテンツのみを表示*/
#tab_rx:checked ~ #tab_rx_content, #tab_pp:checked ~ #tab_pp_content, #tab_hu:checked ~ #tab_hu_content, #tab_pa:checked ~ #tab_pa_content, #tab_iwc:checked ~ #tab_iwc_content, #tab_om:checked ~ #tab_om_content, #tab_th:checked ~ #tab_th_content, #tab_ap:checked ~ #tab_ap_content {
	display: block;
}
/*選択されているタブのスタイルを変える*/
.rank_tab input:checked + .tab_item {
	background-color: #111;
	color: #fff;
}

.view_all {
	margin: 20px auto 0;
	text-align: center;
}

.view_all a {
	border-bottom: 1px solid #111;
	text-decoration: none;
	color: #111;
}

#fsrecommenddiv18 .column-set{
	margin: 0 10px 0 !important;
}


#fsrecommenddiv16 .column-set, #fsrecommenddiv15 .column-set {
	counter-reset: wpp-ranking;
}
#fsrecommenddiv15 .column-set {
	margin: -16px 0px 0px 0px;
}
#fsrecommenddiv16 .column-set .column4, #fsrecommenddiv15 .column-set .column4 {
	list-style-type: none;
	padding: 10px 0 10px 0;
	position: relative;
	box-sizing: border-box;
}
#fsrecommenddiv16 .column-set .column4:before, #fsrecommenddiv15 .column-set .column4:before {
	background: #999;
	border-radius: 50%;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 5px 8px;
	position: absolute;
	bottom: 80px;
	left: 7px;
	z-index: 100;
}
#fsrecommenddiv16 .column-set .column4:nth-child(n + 10):before, #fsrecommenddiv15 .column-set .column4:nth-child(n + 10):before {
	background: #999;
	border-radius: 50%;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 5px 4px;
	position: absolute;
	bottom: 80px;
	left: 7px;
	z-index: 100;
}
#fsrecommenddiv15 .column-set .column4:nth-child(1):before, #fsrecommenddiv16 .column-set .column4:nth-child(1):before {
	background: #c0ad49;
}
#fsrecommenddiv15 .column-set .column4:nth-child(2):before, #fsrecommenddiv16 .column-set .column4:nth-child(2):before {
	background: #c8cdd4;
}
#fsrecommenddiv15 .column-set .column4:nth-child(3):before, #fsrecommenddiv16 .column-set .column4:nth-child(3):before {
	background: #d16139;
}

#fsrecommenddiv15 img {
    margin: 0 10px 0;
}

#fsrecommenddiv15 .column4 , #fsrecommenddiv18 .column4{
    display: block;
    padding: 8px;
    margin-right: 0px;
    background-image: url(//www.rasin.co.jp/sp/img/ico_arrow_right_gray.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 8px 13px;
}


#fsrecommenddiv15 span{
    font-weight: normal !important;
}

#fsrecommenddiv18 section{
	width: auto !important;
}

#fsrecommenddiv15 .badge img , #fsrecommenddiv18 .badge img{
	width: 40px;
	position: absolute;
	bottom: -100px;
	left: 0;
}

#fsrecommenddiv15 .itemThumb-wrap , #fsrecommenddiv18 .itemThumb-wrap{
	position: relative;
}

.column4 .price .selling_price , .column4 .price .selling_price span{
    font-size: 14px;
    color: #20a6fa !important;
    margin-top: 3px;
}

.vsm-tile h3{
	margin-top: 80px;
}

.selling_price span {
    font-size: 100% !important;
}

#tab_rx_content .column-set .badge, #tab_pp_content .column-set .badge, #tab_hu_content .column-set .badge, #tab_pa_content .column-set .badge, #tab_iwc_content .column-set .badge,  #tab_om_content .column-set .badge, #tab_th_content .column-set .badge, #tab_ap_content .column-set .badge, #tab_th_content .column-set .badge {
	display: none;
}


#youtube-shorts ,#pickup-list{
    display: flex;
    flex-wrap: wrap;
  }
  .short-item , #pickup-list li{
    width: 48%;
	margin: 1%;
  }
 #pickup-list .spe_img img{
    width: 100%;
    height: auto;
  }
  .short-item img{
    width: 100%;
    height: 200px;
	object-fit: cover;
  }
  .short-item a p, #pickup-list .top_blog_title a{
    font-size: 14px;
    margin: 0px 0 10px;
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #464646;
  text-decoration: none;
  width: 100% !important;
  }
  .top-magazineArea.post-data {
  color: #707070;
  font-size: 15px;
}
.top-magazineArea{
	background: #FFF !important;
}

.top-magazineArea .blog_date{
	display: block !important;
	margin: 0;
}