@charset "utf-8"; 

/* =======================================
	Top CSS
========================================== */

@font-face
{
font-family: あおぞら明朝 Medium;
src: url('https://cdn.leafscape.be/aozoramincho/AozoraMinchoMedium_web.woff2')
     format("woff2");
}

/*スライダー表示規制*/
.sp_only{
    display:none;
}

/* グローバルナビ：カレント表示 */
#gnavi01 a {
	text-indent:-9999px;
}

/* ビジュアル背景 */
#visual {
	width: 100%;
	height: 364px;
}

/* ビジュアルインナー */
#visualInner {
	width: 980px;
	height: 364px;
	margin: 0 auto;
	text-align: left;
}

/* 左・中央・右カラム */
#topL {
	width: 340px;
	float: left;
	margin: 32px 0;
}
#topC {
	width: 340px;
	float: left;
	padding: 0 32px;
	margin: 32px 0;
}
#topR {
	width: 236px;
	float: left;
	margin: 32px 0;
}
.tyousei{
	margin-top: -20px;
}
/* 左カラム：ピックアップ */
.pickup {
	margin-bottom: 10px;
}

/* 中央カラム：ランキング */
#rankingTtl {
	/* text-indent: -9999px; */
	/* background: url(../../img_top/ranking.jpg) no-repeat; */
	/* height: 50px; */
	/*width: 340px;*/
	/*margin-left: 20px;*/
	/*padding: 0px 0 10px 0px;*/
	border-width: 4px 4px 0 4px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
	font-family: あおぞら明朝 Medium;
}

#ranking {
	/*width: 294px;*/
	margin: 0 auto;
	height: 614px;
	/*padding: 10px 23px 0;*/
	/* background: url(../../img_top/rankingBg.jpg) no-repeat; */
	margin-bottom: 21px;
        font-family: あおぞら明朝 Medium;
}

.h3Ranking {
	width: 92%;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 10px;
	background: url(../../img/arrowPurple2.jpg) no-repeat 0 6px;
	border-bottom: 1px dotted #666666;
}

.rank1 {
	width: 94px;
	float: left;
	padding: 10px 0 15px;
	text-align: center;
}
.rank1 h4 {
	color: #D80000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.rank1 h4 span {
	font-size: 20px;
}
.rank2 {
	width: 94px;
	float: left;
	padding: 10px 6px 15px;
	text-align: center;
}
.rank2 h4 {
	color: #D86C00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.rank2 h4 span {
	font-size: 20px;
}
.rank3 {
	width: 94px;
	float: left;
	padding: 10px 0 15px;
	text-align: center;
}
.rank3 h4 {
	color: #A1A400;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.rank3 h4 span {
	font-size: 20px;
}
#ranking img.cast {
	width: 92px;
	height: 104px;
	border: 1px solid #CCC;
	margin: 4px 0;
}

/* 中央カラム：バナー */
.rightbanner img {
	margin: 0 0 10px 0;
	width: 100%;
}

.centerbanner {
	display:none;
	}

/* 右カラム：バナー */
#topR img {
	margin: 0 0 10px 0;
	width: 100%;
}

.pano{
display: none;
}

/* 右カラム：はじめてのお客様へ */
.newCustomer img {
	width: 236px;
}


/* PC用twitter */
.twitter {
	margin: 0 0 10px 0;
}
/* スマホ用twitter */
.twitter_sp {
	display: none;
}

/* PC用facebook */
.facebook {
	margin: 0 0 10px 0;
}
/* スマホ用facebook */
.facebook_sp {
	display: none;
}

.sp_img {
	display:none;
	
}

.resize_img {
	width: 100%;
}

/*タブ切り替えスタイル*/

.tab li{
  width: calc(45%);
  margin: 5px;
  height: 50px;
  padding-top: 13px;
  border-bottom: 3px solid #666666;
  background-color: #fff;
  line-height: 20px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.area ul {
  display: none;
}
.area ul.show {
  display: block;
}

.tab li.active {
    opacity: 0.75;
    background-color: #565656;
    color: #fff;
    border-bottom: 3px solid #E0E0E0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.opacitymonth {
	opacity: 0.15;
    position: absolute;
    font-size: 60px;
    right: 299px;
    top: 45px;
    letter-spacing: -10px;
}

#lastmonth_sales {
	margin: 0 auto;
}

.rank1 {
	 width: calc(31%);
}

.rank2 {
	 width: calc(31%);
}

.rank3 {
	 width: calc(31%);
}
/*タブ切り替えスタイルここまで*/