@charset "utf-8";

body{
  margin: 0;
}
#coolbizcollection2016 {"MS PGothic",sans-serif; }
#coolbizcollection2016 .wrap960 { width: 960px; margin: 0 auto;
list-style-type: none;
font-size: 0.8rem;/*0.9rem;*/}
#coolbizcollection2016 .wrap960 li a{text-decoration: none;
line-height: 1;}
#coolbizcollection2016 .wrap960 li:not(:first-child) a::after{
  content: ">";
  display: block;
  position: relative;
  z-index: -1;
  -webkit-transform: rotate(90deg) scale( 0.5 , 1 );
          transform: rotate(90deg) scale( 0.5 , 1 );
  font-size: 1.2rem;
}
#coolbizcollection2016 .wrap960 li a:link{color: #FFF;}
#coolbizcollection2016 .wrap960 li a:visited{color: #FFF;}
#coolbizcollection2016 .wrap960 li a .list-number{font-weight: bold; color: #eeeeee;}

#coolbizcollection2016 #mv { background: #eee; text-align: center; }
#coolbizcollection2016 #mv h1{
  margin: 0;
}

#coolbizcollection2016 #nav_fix_wrap { height: 70px; }
#coolbizcollection2016 #nav_fix { background: #1a1b16; text-align: center; z-index: 100; width: 100%; top: 0; padding: 13px 0; }
#coolbizcollection2016 #nav_fix ul::after { content: ''; display: block; clear: both; }
#coolbizcollection2016 #nav_fix ul li { float: left; margin-right: 27px; }
#coolbizcollection2016 #nav_fix ul li:last-child { margin-right: 0; }

#coolbizcollection2016 .sec_collection {padding: 40px 0 60px;text-align: center;}
#coolbizcollection2016 .sec_collection h2 { font-size: 1rem; color: #FFF; font-weight:normal;
  width: 270px;
  line-height: 1.5;
background: #000
;
margin: 0 auto 30px;
padding: 36px 20px;}
#coolbizcollection2016 .sec_collection h2 span { display: block; }
#coolbizcollection2016 .sec_collection h2 span.ttl { font-size: 18px !important; padding-bottom:20px; line-height: 26px;}
#coolbizcollection2016 .sec_collection h2 .title-text{
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  padding-top: 10px;
}
#coolbizcollection2016 .sec_collection h2 span.sub_ttl::before { content: " "; width: 77px; height: 1px; background: #ffffff; position: absolute; top: 2px; left: 50%; margin-left: -38px; }
#coolbizcollection2016 .sec_collection > p { margin-bottom: 30px; font-size: 1.2rem !important; line-height: 30px; }
#coolbizcollection2016 .sec_collection .collection_mv { margin-bottom: 20px; }
.collection_mv .bx-wrapper .bx-pager {position: static; margin-top: 20px;}
#coolbizcollection2016 .collection_mv-title {
  font-size: 1.2rem;
  margin: 0 0 20px 0;
   }
#coolbizcollection2016 .sec_collection .collection_mv-text {
  width: 960px;
  margin:0 auto 80px;
}
#coolbizcollection2016 #collection4 .mb36 {
  width: 350px;
   }


#coolbizcollection2016 #collection1 .collection_mv { /* background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgb(208, 208, 208) 50%,rgb(226, 227, 231) 50%,rgb(228, 228, 230) 100%); */
  background: #FFF;
}
#coolbizcollection2016 #collection2 .collection_mv { /*background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgb(218, 218, 218) 50%,rgb(229, 229, 231) 50%,rgb(232, 232, 232) 100%);*/
  background: #FFF;
 }
#coolbizcollection2016 #collection3 .collection_mv { /*background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgb(200, 200, 200) 50%,rgb(229, 229, 231) 50%,rgb(232, 232, 232) 100%);*/
  background: #FFF;
 }
#coolbizcollection2016 #collection4 .collection_mv { background: #fff; }
#coolbizcollection2016 #collection5 .collection_mv { background: #fff; }
#coolbizcollection2016 #collection6 .collection_mv { background: #FFF; }
#coolbizcollection2016 .sec_collection .detail-title, #coolbizcollection2016 .sec_collection .collection_line-up-tit{margin: 0 0 50px;padding: 0 10px;border-bottom: 1px solid #000000;font-size: 26px;font-weight: bold;display: inline-block;}
#coolbizcollection2016 .sec_collection .sec_slider {padding: 40px 0;background: #333; color: #FFF; margin-bottom: 100px;}
#coolbizcollection2016 .sec_collection .sec_slider ul { }
#coolbizcollection2016 .sec_collection .sec_slider ul::after { content: ''; display: block; clear: both; }
#coolbizcollection2016 .sec_collection .sec_slider ul li { float: left; width: 470px; margin-right: 20px; text-align: left; }
#coolbizcollection2016 .sec_collection .sec_slider ul li:last-child { margin-right: 0; }
#coolbizcollection2016 .sec_collection .sec_slider ul li > h4 { padding: 24px 24px 16px 1em; line-height: 28px; font-size: 20px; margin: 0 0 0 24px; text-indent: -1em;  }
#coolbizcollection2016 .sec_collection .sec_slider ul li > p { font-size: 20px; line-height: 22px; padding: 0 24px; }
#coolbizcollection2016 .sec_collection .sec_slider .detail_block { text-align: left; }
#coolbizcollection2016 .sec_collection .sec_slider .detail_block p.block_ttl { padding: 0 24px 12px; font-size: 20px; }
#coolbizcollection2016 .sec_collection .sec_slider .detail_block p.block_txt { font-size: 12px; line-height: 26px; padding: 0 24px 8px; }

#coolbizcollection2016 .sec_btnarea { margin: 110px auto 60px; background: url(../img/newshirt/sec_btnarea.jpg) no-repeat; height: 342px; position: relative; }
#coolbizcollection2016 .sec_btnarea .btn1 { position: absolute; top: 224px; left: 480px; }
#coolbizcollection2016 .sec_btnarea .btn2 { position: absolute; top: 144px; left: 480px; }
#coolbizcollection2016 .sec_btnarea .btn3 { position: absolute; top: 65px; left: 480px; }
#coolbizcollection2016 .sec_btnarea .btn1:hover,
#coolbizcollection2016 .sec_btnarea .btn2:hover,
#coolbizcollection2016 .sec_btnarea .btn3:hover
 { background: rgba(255,255,255,0.4); opacity: 0.8; border-radius: 6px; }

#coolbizcollection2016 #sec_footer { background: #000; padding: 93px 0 54px; text-align: center; }
#coolbizcollection2016 #sec_footer p { margin-bottom: 16px; }

#coolbizcollection2016 #collection4 .mb36 .title-text{
  font-size: 1.3rem;
}
.collection_line-up{
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.collection_line-up-item{
  position: relative;
}
.collection_line-up-item:not(:last-child){
  margin: 0 0 20px 0;
}
.collection_line-up a{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;

  text-indent: -9999px;
}
.collection_line-up p{
  width: 300px;
  margin: 0 0 0 auto;
}
.collection_line-up p img{
  display: block;
  width: 100%;
  height: auto;
}
/* .collection_line-up p::after{
  content: " >>"
}
.collection_line-up p span{
  text-decoration: underline;
} */
/* .mb36 { padding:36px 0;} */
.mt36 { padding-top:36px;}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.bx-wrapper { max-width: 100% !important; position: relative; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { width: 960px !important; margin: 0 auto; -webkit-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-pager {position: absolute;width: 100%;bottom: -100px;}

/* PAGER */
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #e4e3e3; text-indent: -9999px; display: block; width: 20px; height: 20px; margin: 0 5px; outline: 0; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #404040; }

/* PREV NEXT */
.bx-wrapper .bx-prev { left: 100px; background: url(../img/coolbizcollection2016/icon_arrow_prev.png) no-repeat; }
.bx-wrapper .bx-next { right: 100px; background: url(../img/coolbizcollection2016/icon_arrow_next.png) no-repeat; }
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover { opacity: 0.6; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 50; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* catalog
---------------------*/
#catalog { position: fixed; top: 70px; right: 0px; display: none; z-index: 180; }
