@charset 'UTF-8';

#loading { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200; }
#loadingbg { position: relative; width: 100%; height: 100%; background: #d6d5f1; }
#loadingbg img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }

#coolbizcollection2016 { font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
#coolbizcollection2016 .wrap960 { width: 960px; margin: 0 auto; }

#coolbizcollection2016 #mv { background: linear-gradient(to bottom, rgba(219,211,233,1) 1%,rgba(210,197,227,1) 100%,rgba(210,197,227,1) 100%); text-align: center; }

#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: 110px 0 60px; text-align: center; }
#coolbizcollection2016 .sec_collection h2 { font-size: 18px;  padding: 0 0 30px 0; color: #000000; font-weight:normal; }
#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 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: 14px !important; line-height: 30px; }
#coolbizcollection2016 .sec_collection .collection_mv { margin-bottom: 80px; }
#coolbizcollection2016 #collection1 .collection_mv { background: #d7d0e6; }
#coolbizcollection2016 #collection2 .collection_mv { background: linear-gradient(to right, rgba(222,219,238,1) 0%,rgba(222,219,238,1) 50%,rgba(195,224,245,1) 50%,rgba(195,224,245,1) 100%); }
#coolbizcollection2016 #collection3 .collection_mv { background: #ebedec; }
#coolbizcollection2016 #collection4 .collection_mv { background: #eef3f5; }
#coolbizcollection2016 #collection5 .collection_mv { background: linear-gradient(to right, rgba(219,228,237,1) 0%,rgba(226,233,239,1) 100%); }
#coolbizcollection2016 #collection6 .collection_mv { background: #f1f4f6; }
#coolbizcollection2016 .sec_collection h3 { margin-bottom: 30px; 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; }
#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-left: 24px; text-indent: -1em;  }
#coolbizcollection2016 .sec_collection .sec_slider ul li > p { font-size: 13px; 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/coolbizcollection2018/sec_btnarea.jpg) no-repeat; height: 342px; position: relative; }
#coolbizcollection2016 .sec_btnarea .btn1 { position: absolute; top: 106px; left: 480px; }
#coolbizcollection2016 .sec_btnarea .btn2 { position: absolute; top: 184px; left: 480px; }
#coolbizcollection2016 .sec_btnarea .btn1:hover,
#coolbizcollection2016 .sec_btnarea .btn2:hover { background: rgba(255,255,255,0.4); opacity: 0.8; border-radius: 6px; }

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

.mb36 { padding-bottom:36px;}
.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); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-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: -80px; }

/* 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: 20px; background: url(../img/coolbizcollection2016/icon_arrow_prev.png) no-repeat; }
.bx-wrapper .bx-next { right: 20px; 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; }