@CHARSET "UTF-8";

/* ========== TOP Page================*/
#teeparty_maincontent .page_unit  {
    margin:0;
    padding:0;
	background-image: url(/images/main_column_bg.gif);
}

#teeparty_maincontent .page_unit .page {
    font-size:12px;
	font-weight:bold;
	text-align:left;
    margin-left:30px;
}

#teeparty_maincontent .tee_products {
  padding: 16px;
}

#teeparty_maincontent .tee_products .goods{
  position: relative;
  background: #fff;
  text-align:center;
  margin-bottom: 16px;
}

#teeparty_maincontent .tee_products .goods a img {
  position: relative;
  background: #fff;
  z-index: 2;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #888;
  width: 100%;
  height: auto;
}

#teeparty_maincontent .tee_products .goods a img:hover {
  opacity: 1;
}

#teeparty_maincontent .tee_products .goods:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 8px;
  left: 8px;
  border-radius: 10px;
  background-image: linear-gradient(-45deg, #fff 20%, #D9D9D9 20%, #D9D9D9 50%, #fff 50%, #fff 70%, #D9D9D9 70%, #D9D9D9);
	background-size: 16px 16px;
  z-index: 1;
}

#teeparty_maincontent .tee_products .tee_menu .tee_label_name {
    margin-top:32px;
    margin-bottom: -1px;
}

#teeparty_maincontent .tee_products .tee_menu .tee_title_t {
  font-size: 1.6rem;
  font-weight:bold;
  margin-top:10px;
	padding:2px;
	word-break:break-all;
}

#teeparty_maincontent .tee_products .tee_menu .tee_label_t,
#teeparty_maincontent .tee_products .tee_menu .tee_artist {
  font-size:1.3rem;
	padding:2px 8px;
  color: #888;
}

/* ========== Designers List==========*/
#d_list_area {
	width:100%;
	margin:30px auto 30px auto;
	position:relative;
	text-align:center;
	overflow: hidden;
	height: auto;
}

#d_list_area .title_area {
	text-align:center;
	position:relative;
	height:27px;
	margin:20px 0 10px 0;
}

#d_list_area .search_char {
  float:left;
  margin:0 10px 20px 10px;
}

#d_list_area .index {
  margin:5px 0 5px 0;
}

#d_list_area .index .unit {
  float:left;
  margin:3px 10px 3px 0;
}

#d_list_area .index ul {
  list-style:none;
  float:left;
}

#d_list_area .index ul li {
  float:left;
  margin: 0 2px 0 2px;
  font-size:14px;
  font-weight:bold;
  padding:3px 3px 3px 3px;
  background-color:#f2f2f2;
}

#d_list_area .index ul li:hover {
  background-color:#888888;
}

#d_list_area .index ul li a {
  text-decoration: none;
  color:#333;
}

#d_list_area .index ul li a:hover {
  text-decoration: underline;
  color:#fff;
}

#d_list_area .index ul li.label {
  font-size:12px;
  font-weight:bold;
  text-align:left;
  margin-right:8px;
  background-color:#fff;
}

#d_list_area .d_tags {
  float:left;
  margin-top:5px;
  font-size:14px;
  text-align:left;
  background-color:#fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#d_list_area .d_tags ul.artists {
  list-style:none;
  margin: 1px 10px 15px 10px;
}

#d_list_area .d_tags ul.artists li {
  margin:0 10px 5px 0;
  display:inline;
  white-space:nowrap;
}

#d_list_area .d_tags ul.artists li a {
  text-decoration: none;
  color:#333;
}

#d_list_area .d_tags ul.artists li a:hover {
  text-decoration: underline;
}

#d_list_area .d_list {
    width:830px;
    float:left;
    margin-top: 20px;
    text-align:center;
}

#d_list_area .d_list_zero {
    width:830px;
    height:600px;
    float:left;
    text-align:center;
}

#d_list_area .d_list ul {
  list-style:none;
  float:left;
}

#d_list_area .d_list ul li {
  margin: 2px 0 2px 0;
}

#d_list_area .d_list .artist_block {
  background-color:#fff;
  width:770px;
  height:295px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#d_list_area .d_list .artist_block p {
  margin:0;
  padding:0;
  padding:5px 5px;
  text-align:left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#d_list_area .d_list .artist_block p.artist_name {
  background-color:#efefef;
  font-size:16px;
  font-weight:bold;
}

#d_list_area .d_list .artist_block .products ul {
  list-style:none;
  margin: 0 0 0 6px;
}

#d_list_area .d_list .artist_block .products ul li {
  float:left;
  margin: 0 5px 0 5px;
}

#d_list_area .d_list .artist_block p.more {
  margin:230px 5px 0 680px;
  font-weight:bold;
  position:absolute;
}


#d_list_area .d_list .to_search {
  margin: 2px 0 2px 0;
  height:11px;
  width: 760px;
  text-align:right;
  font-size:10px;
}
#d_list_area .d_list .to_search a {
  color:#222;
}

#d_list_area .d_list .top {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;
  text-align:right;
}

#d_list_area .artist_count{
	width:100%;
	margin:10px auto 0 auto;
	font-size:12px;
	font-weight:bold;
	position:relative;
	text-align:right;
	overflow: hidden;
	height: auto;
}

#d_list_area .search {
  height:100px;
  clear:left;
  margin-left:10px;
}

#d_list_area .d_tags_inner .search {
  height:50px;
  clear:left;
  margin-left:10px;
}


#d_list_area .search p {
  text-align:left;
  font-weight:bold;
  margin:0 2px 10px 2px;
}

#d_list_area .search .period {
  float:left;
  margin: 0 10px 5px 10px;
  height: 35px;
}

#d_list_area .search span {
  font-size:12px;
  font-weight:bold;
  text-align:left;
  margin:0 3px 0 3px;
}

#d_list_area .search .ranking {
  float:left;
  margin: 0 10px 5px 0;
  height: 35px;
}


/* ========== Labels List==========*/
#label_listd {
	width: 100%;
	margin: 16px auto 0 auto;
	padding: 5px 0px;
}

#label_listd .title_area {
	text-align:center;
	position:relative;
	height:27px;
	margin-top:10px;
	margin-bottom:20px;
}

#label_listd .title_area .title {
	position:absolute;
	left:350px;
}

#label_listd ul.label_tile {
  display: flex;
  flex-wrap: wrap;
	list-style:none;
}

#label_listd ul.label_tile li {
  background-color:#fff;
  text-align:center;
  height: 100%;
}

#label_listd ul.label_tile li img {
  width: 100%;
  height: 100%;
  border: 1px solid #888;
  border-radius: 4px;
}

#label_listd a {
  text-decoration: none;
}

#label_listd .comment {
  text-align:left;
  margin: 15px 15px 15px 15px;
}

#label_listd .ranking_inner {
  margin: 2.4rem auto 1.6rem;
}

#label_listd .search {
  height: 35px;
  clear:left;
  margin-left:10px;
}

#label_listd .ranking_inner .search {
  height:50px;
  clear:left;
  margin-left:10px;
}

#label_listd .search p {
  text-align:left;
  font-weight:bold;
  margin:0 2px 10px 2px;
}

#label_listd .search .period {
  float:left;
  margin: 0 10px 5px 10px;
  height: 35px;
}

#label_listd .search span {
  font-size:12px;
  font-weight:bold;
  text-align:left;
  margin:0 3px 0 3px;
}

#label_listd .search .ranking {
  float:left;
  margin: 0 10px 5px 0;
  height: 35px;
}

#label_listd p.label_name {
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.title_area_copy{
	text-align:left;
  margin-bottom: 2rem;
}

/* ========== Pick up Artists==========*/
#pickup_artist_area{
    width:770px;
    margin:10px auto;
}

#pickup_artist_area .pickup_artist{
    background-repeat: repeat-y;
    border-bottom:1px solid #d9d9d9;
    overflow:hidden;
    margin:10px 0 0 0;
}

#pickup_artist_area .pickup_artist .pickup_artist_img{
    width:124px;
    float:left;
    margin:0;
    border-top:1px solid #d9d9d9;
}

#pickup_artist_area .pickup_artist .pickup_artist_img .img{
    text-align:center;
    margin:0 auto;
    padding:7px 0;
}

#pickup_artist_area .pickup_artist .pickup_artist_txt{
    width:260px;
    float:left;
    margin:0;
    border-top:1px solid #d9d9d9;
    height: 175px;
}

#pickup_artist_area .pickup_artist .pickup_artist_txt .pickup_artist_txtarea{
    padding:7px;
}

#pickup_artist_area .pickup_artist .pickup_artist_txt .pickup_artist_txtarea .title{
    font-weight:bold;
    font-size:1.1em;
    padding:3px;
    text-align:left;
    background-color:#d9d9d9;
    color:#000000;
    word-wrap: break-word;
}

#pickup_artist_area .pickup_artist .pickup_artist_txt .pickup_artist_txtarea .txt{
    font-weight:normal;
    font-size:1em;
    padding:5px;
    text-align:left;
    word-wrap: break-word;
}

#pickup_artist_area .all_link{
    margin:7px 0;
    text-align: right;
}

/* ========== Pick up Label ==========*/
#pickup_label_banner {
  margin: 16px auto;
}
@media only screen and (max-width: 767px) {
  #pickup_label_banner {
    margin-bottom: 32px;
  }
}