@charset "utf-8";


#store_top h3{
font-size:2rem;
font-wight:bold;
margin:56px 0 24px 0; 
}

#store_top .search_brand{
width:100%;
}


#store_top .search_brand .search_brand_wrap{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px); 
  overflow: hidden;
}

#store_top .search_brand .search_brand_wrap .search_brand_link{
  width: calc(33.3333% - 30px);
  margin: 0 30px 0 0;
}

#store_top .search_brand .search_brand_wrap .search_brand_link .search_brand_btn{
width:100%;
height:120px;
border:2px solid #000;
box-sizing: border-box;
border-radius:16px;
text-align:center;
}

#store_top .search_brand .search_brand_wrap .search_brand_link .search_brand_btn a{
display: block;
width: 100%;
height: 100%;
}

#store_top .search_brand .search_brand_wrap .search_brand_link > p{
font-size:12px;
margin-top:8px !important;
}





/* ========== base settings ========== */
#mainArea{
	background-color: #FFF;
}

.store-top{
padding:15px 30px 30px 30px;
font-size: 14px;
margin:0;

}

.store-top a:link, .usersvoice a:visited {
  color: #000;
		font-weight:bold;
}

.store-top a:hover {
  color: #039;
	font-weight:bold;
}

.store-top .store-top-main{
	width:755px;
	padding:0;
	float:left;
}

.store-top .store-top-side{
	width:242px;
	padding:0;
	float:right;
}



.store-top .store-top-main h2{
	padding: 10px 0 10px 15px;
	margin: 45px 0 25px 0;
	background-color: #666666;
	color: #FFF;
	font-size: 16px;
}

.store-top .btn-area{
	text-align: center;
}
.store-top .btn-area a{
	display: inline-block;
	padding: 8px 15px 8px 15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border: 1px solid #a1a9b5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #636363), color-stop(0.00, #9f9f9f));
	background: -webkit-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: -moz-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: -ms-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: linear-gradient(to bottom, #9f9f9f 0%, #636363 100%);
}
.store-top .btn-area a:hover{
	opacity: 0.7;
	ms-filter: "alpha( opacity=70 )";
	color: #000;
}
.store-top .btn-area a span{
	padding-right:20px;
	font-weight: bold;
	color: #FFF;
	background: url(../../../img/module/top/icon_arrow004.png) no-repeat right center;
}

/* ========== main area ========== */
/* search-category-tab */
.store-top .store-top-main #search-category-tab{
	margin-bottom:15px;
}

.store-top .store-top-main #search-category-tab ul{
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}

.store-top .store-top-main #search-category-tab ul li{
	background-color: #fff;
	float: left;
	text-align: center;
	width: 33%;
}

.store-top .store-top-main #search-category-tab ul li a{
	padding: 10px 0;
	display: block;
	border-top: 1px solid #666666;
	border-bottom: 10px solid #666666;
	border-right: 1px solid #666666;
	font-size: 21px;
}

.store-top .store-top-main #search-category-tab ul li a span{
	padding-right:20px;
	background: url(../../../img/module/top/icon_arrow001.png) no-repeat right center;
}

.store-top .store-top-main #search-category-tab ul li:first-child{
	width: 34%;
}

.store-top .store-top-main #search-category-tab ul li:first-child a{
	background-color: #666666;
	border-color: #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	color: #FFF;
}

.store-top .store-top-main #search-category-tab ul li:first-child a span{
	padding-right: 0;
	background: none;
}

.store-top .store-top-main #search-category-tab p{
	padding: 1em 0 0 1em;
}

/* search-tool-area */
.store-top .store-top-main #search-tool-area ul li{
	float:left;
	width: 50%;
	text-align: center;
	padding: 20px 0 0 0;
	cursor: pointer;
}

.store-top .store-top-main #search-tool-area ul li span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding:0 30px 15px 30px;
	margin: 0 10px 0 10px;
	background: url(../../../img/module/top/icon_arrow002.png) no-repeat right top;
}

.store-top .store-top-main #search-tool-area ul li.current{
	background-color: #e5e5e5;
}

.store-top .store-top-main #search-tool-area ul li.current span{
	background: url(../../../img/module/top/icon_lupe.png) no-repeat left top;
}

/* search by address */
.store-top .store-top-main #search-tool-area #search-by-address{
	border: 6px solid #e5e5e5;
	padding:15px 25px 15px 25px;
}

.store-top .store-top-main #search-tool-area #search-by-address h3{
	text-align: center;
	width:125px;
	padding:23px 0 23px 0;
	background-color: #e5e5e5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map{
	position:relative;
	width: 683px;
	height: 400px;
	background: url(../../../img/module/top/img_searc-map.png) no-repeat center center;
	background-size: cover;
	margin:0 auto 0 auto;
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map h3{
	padding:12px 0 12px 0;
	position: absolute;
	left:10px;
	top:10px;
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map li{
	position: absolute;
	width:35px;
	padding: 0;
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map li a{
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	height:20px;
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map li a:hover{
	background-color: #FFF;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.store-top .store-top-main #search-tool-area #search-by-address #search-map .hokkaido{left:594px; top:25px; width:50px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .aomori{left:352px; top:25px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .iwate{left:352px; top:52px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .miyagi{left:352px; top:78px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .akita{left:399px; top:25px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .yamagata{left:399px; top:52px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .fukushima{left:399px; top:78px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .ibaraki{left:562px; top:222px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .tochigi{left:562px; top:195px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .gunma{left:562px; top:168px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .saitama{left:609px; top:168px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .chiba{left:609px; top:195px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .tokyo{left:609px; top:222px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kanagawa{left:562px; top:250px; width:50px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .niigata{left:195px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .toyama{left:289px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .ishikawa{left:242px; top:156px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .fukui{left:242px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .yamanashi{left:195px; top:156px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .nagano{left:289px; top:156px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .gifu{left:443px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .shizuoka{left:443px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .aichi{left:490px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .mie{left:490px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .shiga{left:261px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kyoto{left:357px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .osaka{left:309px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .hyogo{left:261px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .nara{left:309px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .wakayama{left:357px; top:350px; width:50px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .tottori{left:26px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .shimane{left:120px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .okayama{left:73px; top:128px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .hiroshima{left:26px; top:156px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .yamaguchi{left:73px; top:156px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .tokushima{left:191px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kagawa{left:143px; top:322px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .ehime{left:143px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kochi{left:191px; top:350px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .fukuoka{left:73px; top:269px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .saga{left:26px; top:296px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .nagasaki{left:73px; top:296px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kumamoto{left:26px; top:323px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .oita{left:26px; top:269px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .miyazaki{left:73px; top:323px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .kagoshima{left:26px; top:350px; width:50px;}
.store-top .store-top-main #search-tool-area #search-by-address #search-map .okinawa{left:194px; top:25px;}

.store-top .store-top-main #search-tool-area #search-by-address #btn-search-by-address{
	display: none;
}

.store-top .store-top-main #search-tool-area #search-by-address #btn-search-by-address img{
	vertical-align: bottom;
}

.store-top .store-top-main #search-tool-area #search-by-address #btn-search-by-address a:hover img{
	opacity: 0.7;
	ms-filter: "alpha( opacity=70 )";
}

.store-top .store-top-main #search-tool-area #search-by-text{
	margin:30px 0 0 0;
	padding-top:15px;
	background: url(../../../img/module/top/img_dotline001.png) repeat-x left top;
}

.store-top .store-top-main #search-tool-area #search-by-text h3{
	clear: both;
}

.store-top .store-top-main #search-tool-area #search-by-text h3, .store-top .store-top-main #search-tool-area #search-by-text p{
	float: left;
	margin-top:17px;
}
.store-top .store-top-main #search-tool-area #search-by-text p{
	margin-left:15px;
	padding-top:15px;
}
.store-top .store-top-main #search-tool-area #search-by-text input[type="text"]{
	border: 1px solid #003e6f;
	padding: 9px 15px 9px 15px;
	font-size: 14px;
	width: 400px;
	float: left;
	margin-right: 5px;
}
.store-top .store-top-main #search-tool-area #search-by-text input[type="image"]{
	float: left;
	margin-left:5px;
}
.store-top .store-top-main #search-tool-area #search-by-text input[type="image"]:hover{
	opacity: 0.6;
	filter:alpha(opacity=60);
}

/* search by itemname */
.store-top .store-top-main #search-tool-area #search-by-itemname{
	border: 6px solid #dfe2e7;
	padding:15px 25px 15px 25px;
	display: none;
}

.store-top .store-top-main #search-tool-area #search-by-itemname table{
	width:100%;
}

.store-top .store-top-main #search-tool-area #search-by-itemname th{
	padding: 10px 25px 10px 0;
	border-bottom: 1px dotted #b9b9b9;
	text-align: left;
	font-weight: normal;
	width:7em;
	vertical-align:top;
}

.store-top .store-top-main #search-tool-area #search-by-itemname td{
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #b9b9b9;
	vertical-align:top;
}

.store-top .store-top-main #search-tool-area #search-by-itemname td input[type="checkbox"]{
	vertical-align:middle;
	margin: 0 5px 0 0;
}

.store-top .store-top-main #search-tool-area #search-by-itemname td label{
	display:inline-block;
	padding-right: 15px;
	white-space: nowrap;
}

.store-top .store-top-main #search-tool-area #search-by-itemname tr:last-child th,
.store-top .store-top-main #search-tool-area #search-by-itemname tr:last-child td{
	border-bottom: none;
}

.store-top .store-top-main #search-tool-area #search-by-itemname .btn-search{
	padding-top:20px;
	margin-top:20px;
	border-top:1px dotted #003e6f;
	text-align: center;
}

.store-top .store-top-main #search-tool-area #search-by-itemname input[type="image"]:hover{
	opacity: 0.6;
	filter:alpha(opacity=60);
}

/* my-store */
.store-top .store-top-main #my-store ul{
	margin-bottom:30px;
	text-align: center;
}

.store-top .store-top-main #my-store li{
	width:131px;
	padding: 0 8px 15px 8px;
	text-align: left;
	float: left;
	font-weight: bold;
}

.store-top .store-top-main #my-store li img{
	width: 131px;
}

.store-top .store-top-main #my-store li a:hover img{
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.store-top .store-top-main #my-store .btn-area a{
	padding: 8px 15px 8px 35px;
	background: url(../../../img/module/top/icon_lupe_w.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #636363), color-stop(0.00, #9f9f9f));
	background: url(../../../img/module/top/icon_lupe_w.png), -webkit-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: url(../../../img/module/top/icon_lupe_w.png), -moz-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: url(../../../img/module/top/icon_lupe_w.png), -ms-linear-gradient(top, #9f9f9f 0%, #636363 100%);
	background: url(../../../img/module/top/icon_lupe_w.png), linear-gradient(to bottom, #9f9f9f 0%, #636363 100%);
	background-position: 0% 10%;
	background-repeat: no-repeat;
}

/* store-service */
.store-top .store-top-main #store-service div{
	border-top:1px dotted #666666;
	margin: 0 20px 0 20px;
	padding:40px 0 40px 140px;
	position: relative;
	min-height: 69px;
}

.store-top .store-top-main #store-service div img{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-55px;
}

.store-top .store-top-main #store-service div img.wideBanner{
	width: 126px;
	margin-top: -25px;
}

.store-top .store-top-main #store-service div span{
	background-color: #e5e5e5;
	display:inline-block;
	font-size: 11px;
	margin:10px 10px 10px 0;
	padding: 2px 5px;
}

.store-top .store-top-main #store-service h2 + div{
	border-top: none;
	padding:20px 0 40px 140px;
}

.store-top .store-top-main #store-service h3 a:hover img{
opacity: 0.7;
ms-filter: "alpha( opacity=70 )";
}

.store-top .store-top-main #store-service h3 + p{
	margin-top: 15px;
}

/* users-voice */
.store-top .store-top-main .users-voice .voice_entry_box{
    padding-top: 10px;
    margin-top: 10px;
    border-bottom: 1px dotted #666666;
}

.store-top .store-top-main .users-voice h2 + .voice_entry_box{
padding-top:0;
margin-top:0;
border-top:none;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry{
	float:right;
	width:69%;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry .box_q{
	border:1px solid #092253;
	border-radius:5px;
	padding:20px 50px 20px 25px;
	position:relative;
	margin-bottom:40px;
	color:#092253;
	display:block;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry .box_q:after{
	position:absolute;
	right:10px;
	bottom:-28px;
	width:81px;
	height:70px;
	content:" ";
	background:url(https://store-tsutaya.tsite.jp/library/media/tsutaya/img/module/support/storeservice/usersvoice_new/icon_usersvoice_q_fukidashi.png) no-repeat right bottom;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry .box_a{
	background-color:#efefef;
	border-radius:5px;
	padding:20px 25px 20px 70px;
	margin-bottom:15px;
	position:relative;
	display:block;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry .box_a:after{
	position:absolute;
	left:10px;
	bottom:0;
	width:50px;
	height:68px;
	content:" ";
	background:url(https://store-tsutaya.tsite.jp/library/media/tsutaya/img/module/support/storeservice/usersvoice_new/icon_usersvoice_answer.png) no-repeat right bottom;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry_image{
	float:left;
	width:29%;
	display:block;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry_image img{
	width:100%;
}

.store-top .store-top-main .users-voice .voice_entry_box .voice_entry_image:hover img{
	opacity: 0.7;
 ms-filter: "alpha( opacity=70 )";
}

.store-top .store-top-main .users-voice .voice_entry_box .entry_date{
    text-align: right;
    font-size: 12px;
    clear: both;
    padding-bottom: 20px;
}

.store-top .store-top-main .users-voice .voice_entry_box .entry_date span{
color:#FFF;
background-color:#F00;
display:inline-block;
margin-right:5px;
padding:3px 5px;
font-size:10px;
line-height:1;
}

.store-top .store-top-main .users-voice .btn-area{
	margin-top: 20px;
}

.store-top .store-top-main .users-voice .btn-area a{
	margin:10px 10px 0 10px;
	width: 12em;
}

/* store-event */
.store-top .store-top-main #store-event div{
	border-top:1px dotted #003e6f;
	margin: 0 20px 0 20px;
	padding:20px 0 20px 140px;
	position: relative;
	min-height: 85px;
}

.store-top .store-top-main #store-event div img{
	position: absolute;
	left: 0;
	top: 0;
}

.store-top .store-top-main #store-event div h3{
	margin-bottom: 10px;
}

.store-top .store-top-main #store-event h3 a:hover img{
opacity: 0.7;
ms-filter: "alpha( opacity=70 )";
}

.store-top .store-top-main #store-event h2 + div{
	border-top: none;
	padding:0 0 20px 140px;
}

/* ========== side area ========== */
.store-top .store-top-side h2{
	padding:5px 0 5px 0;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	min-height: 21px;
	border-bottom: 3px solid #666666;
}

.store-top .store-top-side #ranking{
	margin-bottom: 50px;
}

.store-top .store-top-side #ranking h3{
	text-align: center;
	background-color: #e5e5e5;
	padding:10px 0 10px 0;
}

.store-top .store-top-side #release h3{
	text-align: center;
	background-color: #b1b1b1;
	color:#FFF;
	padding:10px 0 10px 0;
}

.store-top .store-top-side .content-block{
	border-bottom: 1px dotted #003e6f;
	padding:18px 0 18px 0;
	margin:0 12px 0 12px;
}

.store-top .store-top-side #release .release-week{
	padding: 10px 12px 0 12px;
}

.store-top .store-top-side #release .release-week + .content-block{
	padding:10px 0 18px 0;
}

.store-top .store-top-side .content-block p{
	padding-left:80px;
	position: relative;
	min-height: 95px;
}

.store-top .store-top-side .content-block img{
	position: absolute;
	left: 0;
	top: 0;
	width: 67px
}

.store-top .store-top-side .content-block a{
	font-weight: normal;
}

.store-top .store-top-side .content-block .category-label{
	background-color: #e5e5e5;
	display:inline-block;
	font-size: 11px;
	margin:0 0 10px 0;
	padding: 2px 5px;
}

.store-top .store-top-side .content-block a:hover .category-label{
	color: #000;
}

.store-top .store-top-side .content-block .item-title{
	font-weight: bold;
	display: block;
}

.store-top .store-top-side .content-block .rank-num, .store-top .store-top-side .content-block .release-date, .store-top .store-top-side .content-block .item-category, .store-top .store-top-side .content-block .item-artist{
	font-size: 12px;
	display: block;
}

.store-top .store-top-side .btn-more{
	margin:15px 12px 25px 12px;
	text-align: right;
}

.store-top .store-top-side .btn-more a{
	display: block;
	padding-right: 20px;
	background: url(../../../img/module/top/icon_arrow003.png) no-repeat right center;
}

/* ========== media query ========== */
@media screen and (max-width: 1390px) {
	.store-top .store-top-main{
		width:400px;
	}
	#pbBlock5980058,#pbBlock7550943{
		width:420px;
	}
	.store-top .store-top-main #search-category-tab ul li a, .store-top .store-top-main #search-tool-area ul li span{
		font-size: 12px;
	}
	.store-top .store-top-main #search-tool-area #search-by-text{
		padding-top: 5px;
	}
	.store-top .store-top-main #search-tool-area #search-by-text h3{
		width:100%;
		padding:15px 0 15px 0;
		margin-top: 25px;
	}
	.store-top .store-top-main #search-tool-area #search-by-address{
		padding: 25px;
	}
	.store-top .store-top-main #search-tool-area #search-by-address #search-map{
		display:none;
	}
	.store-top .store-top-main #search-tool-area #search-by-address #btn-search-by-address{
		display:block;
	}
	.store-top .store-top-main #search-tool-area #search-by-text input[type="text"]{
		font-size: 14px;
		width: 200px;
		float: left;
	}
	.store-top .store-top-main #search-tool-area #search-by-text p{
		margin-left: 0;
		margin-top: 10px;
		padding-top: 0;
	}
	.store-top .store-top-main #my-store ul{
		margin: 0 0 30px 0;
		text-align: left;
	}
	.store-top .store-top-main #my-store ul li{
		padding:0 15px 10px 0;
	}

}
}

/* clearfix */
.clearfix:after{
 content: "";
 display: block;
 height: 0;
 font-size:0;
 clear: both;
 visibility:hidden;
}