@charset "utf-8";
html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: inherit;
}
/* .compo_inner-base {
	max-width: 1200px;
} */
.compo_inner-base > div {
	/* width: 1200px; */
	/* padding: 0 10px; */
	box-sizing: border-box;
}

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
#contents_jj a:hover{
	text-decoration:none;
	color:#000;
}

#contents_jj a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#contents_jj a:hover{
	text-decoration:none;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
#contents_jj .pc_jj{
	display:block;
}
#contents_jj .sp_jj{
	display:none;
}
#contents_jj .sp_elem{
	display:none;
}
#contents_jj a,#contents_jj a:hover,#contents_jj a:visited,#contents_jj a:active,#contents_jj a:link{
	text-decoration:none;
	overflow: hidden;
	outline: none;
}
#contents_jj a:hover *{
	text-decoration:none;
  -webkit-transition: .3s ease-out!important;
  -moz-transition: .3s ease-out!important;
  -o-transition: .3s ease-out!important;
  transition: .3s ease-out!important;
}
#contents_jj a:focus, #contents_jj a:focus { outline:none; }
#contents_jj{
	font-size: 100%;
	margin-top:-87px;
	padding-top:87px;
	font-family: "Meiryo UI","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-feature-settings: 'palt' 1;
	line-height:1.5;
}
#contents_jj *{
	box-sizing:border-box;
}
#contents_jj .text-center{
	text-align:center;
}
#contents_jj .main{
	position:relative;
	color:#fff;
	margin:0 0 32px;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
#contents_jj #bestseller .main{
	margin:0 0 32px;
}
#contents_jj .main .main_ttl{
	display:inline;
	position:absolute;
	top:63px;
	right:140px;
}
#contents_jj #bestseller .main .main_ttl{
	right:186px;
}
#contents_jj .main .main_ttl .main_ttl_j{
	font-size:1.8rem;
	margin:0 0 6px;
}
#contents_jj .main .main_ttl .main_ttl_e{
	font-size:2.4rem;
	font-weight:900;
}
#contents_jj .main .main_txt{
	font-size:1.8rem;
	line-height:1.38888888;
	position:absolute;
	bottom:29px;
	left:0;
	right:0;

}

#contents_jj h3{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size:3.0rem;
	font-weight:900;	
	letter-spacing:-0.06em;
	color:#a60000;
	line-height:1.0;
	padding:0 0 14px 12px;
	margin:0 0 30px;
	border-bottom:3px solid #000000;
}
#contents_jj h3 span{
	font-size:2.4rem;
	font-weight:400;
	color:#000000;
}
#contents_jj .seller{
	padding:0 0 50px;
}
#contents_jj .seller .seller_txt{
	font-size:1.6rem;
	line-height:1.6;
	margin:24px 0 32px;
}

#contents_jj ul{
	font-size:0;
	/* margin-left:-30px; */
	margin: 0 auto 58px;
	width: 1180px;
	display: flex;
	justify-content: space-between;
}
#contents_jj ul li{
	display:inline-block;
	width:24%;
	/* padding-left:30px; */
	vertical-align:top;
}
#contents_jj ul li img{
	/* width: 270px; */
	width: 100%;
}
#contents_jj ul li h3{
	font-size:2.0rem;
	padding:0 0 10px 0;
	border-bottom:2px solid #000000;
	margin:0 0 12px;
}
#contents_jj ul li .seller_list{
	font-size:1.4rem;
	line-height:1.3846;
	margin:10px 0 18px;
}
#contents_jj .seller_link{
	font-size:2.0rem;
	font-weight:900;
	color:#fff;
	line-height:1.0;
	padding:23px 0;
	background:#a60000;
	border:1px solid #a60000;
	float:right;
	width:348px;
}
#contents_jj ul li .seller_link_all{
	font-size:1.8rem;
	padding:14px 0;
	width:100%;
}
#contents_jj a:hover .seller_link, a:hover .seller_link_all{
	background:#ffffff;
	color:#a60000;
}

#contents_jj .clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

@media screen and (max-width: 767px) {

.compo_inner-base > div {
	width: 100%;
	padding: 0;
}

#contents_jj .pc_jj{
	display:none;
}
#contents_jj .sp_jj{
	display:block;
}
#contents_jj .sp_elem{
	display:block;
}
#contents_jj .main {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #790000), color-stop(0.5, #bb0000), color-stop(1, #e40202));
   	background:-webkit-linear-gradient(top, #790000 0, #bb0000 50%, #e40202 100%);
   	background:-moz-linear-gradient(top, #790000 0, #bb0000 50%, #e40202 100%);
   	background:-o-linear-gradient(top, #790000 0, #bb0000 50%, #e40202 100%);
	background:linear-gradient(to bottom, #790000 0, #bb0000 50%, #e40202 100%);
	padding:14px 0 21px;
}
#contents_jj .main img{
	width:60%;
	margin:auto;
}
#contents_jj .main .main_ttl{
	position:static;
	display:block;
	margin:-10px 0 15px;

}

#contents_jj .main .main_ttl .main_ttl_j{
	font-size:1.14rem;
	margin:0 0 3px;
}
#contents_jj .main .main_ttl .main_ttl_e{
	font-size:1.3rem;
}
#contents_jj .main .main_txt{
	position:static;
	font-size:1.3rem;
	padding:0 13px;
}

#contents_jj h3{
	font-size:1.8rem;
	padding:0 0 10px 5px;
	margin:0 0 20px;
	border-bottom:2px solid #000000;
}
#contents_jj h3 span{
	font-size:1.4rem;

}
#contents_jj .seller{
	padding:0 0 35px;
}
#contents_jj .seller .seller_txt{
	font-size:1.3rem;
	margin:13px 0 17px;
}

#contents_jj ul{
	font-size:0;
	/* margin-left:-10px; */
	margin-bottom:18px;
	width: 100%;
	flex-wrap: wrap;
}
#contents_jj ul li{
	width:48%;
	/* padding-left:10px; */
	margin:0 auto 24px;
}

#contents_jj ul li h3{
	font-size:1.42rem;
	padding:0 0 10px 0;
	border-bottom:2px solid #000000;
	margin:0 0 12px;
}
#contents_jj ul li .seller_list{
	font-size:1.4rem;
	line-height:1.3846;
	margin:10px 0 18px;
}
#contents_jj .seller_link{
	float:none;
	width:70%;
	margin:auto;
	padding:15px 0;
}

#contents_jj a:hover .seller_link, a:hover .seller_link_all{
	background:#ffffff;
	color:#a60000;
}

}
@media screen and (min-width: 520px) and  (max-width: 767px){
#contents_jj .sp_elem{
	display:none;
}
#contents_jj .main .main_ttl{
	top:7%;
	right:8%;
}
#contents_jj #bestseller .main .main_ttl{
	right:14%;
}
#contents_jj .main .main_ttl .main_ttl_j{
	font-size:1.4rem;
	margin:0 0 6px;
}
#contents_jj .main .main_ttl .main_ttl_e{
	font-size:2.0rem;
}
#contents_jj .main .main_txt{
	font-size:1.6rem;
	bottom:13%;
}
#contents_jj #bestseller .main .main_txt{
	bottom:18%;
}
}