/*! =========================================================
*
* str
* brand.css
*
========================================================= */
/*! =========================================================
 _index
========================================================= */
.brands .globalHeader{z-index:10}
.brands-page__title{margin:104px 34px 0}
.brands-page__subtitle,.brands-page__text{margin:76px 34px 0}
.brands-pageLink{margin:104px 34px 0;overflow:hidden}
.brands-pageLink__item{float:left;position:relative;opacity:.4}
.brands-pageLink__item+.brands-pageLink__item:before{display:inline-block;margin:-2px 8px 0;color:#999;font-size:10px;vertical-align:middle;content:"/"}
.brands-pageLink a{color:#000;font-size:20px}
.brands-category{margin:24px 0 0;padding:52px 0 0;background:#f0f0f0}
.brands-category+.brands-category{margin-top:0;padding-top:180px}
.brands-category+.brands-category:last-child{padding-bottom:104px}
.brands-category__hr{display:block;width:100%;height:1px;margin-top:52px;border:none;background:url(/common/img/bg_dotted_01.png) repeat-x}
.brands-category__title{margin:0 34px}
.brands-category__text{margin:52px 34px 0;line-height:2;font-size:26px}
.brands-cols{margin:52px 0 0;overflow:hidden}
.brands-cols__item{width:calc(50% - 34px - 12px);float:left}
.brands-cols__item:nth-child(odd){margin:0 12px 0 34px}
.brands-cols__item:nth-child(even){margin:0 34px 0 12px}
.brands-cols__item:nth-child(n+3){margin-top:24px}
.brands-cols__itemPhoto{height:232px;background-position:center top;background-repeat:no-repeat;background-size:cover}
.brands-cols__itemLabel{display:inline-block;margin:-52px 0 0;vertical-align:top}
.brands-cols__itemLabel img{width:auto;height:auto}
.brands-cols__itemLogo{height:132px;line-height:132px;margin-top:-24px;background:url(/common/img/bg_dotted_01.png) left bottom repeat-x #fff;text-align:center}
.brands-cols__itemLogo img{width:auto;height:auto;vertical-align:middle}
.brands-details{width:100%;position:relative;background:#fff;overflow:hidden}
.brands-details:after,.brands-details:before{display:block;width:34px;height:100%;position:absolute;top:0;background:rgba(0,0,0,.1);content:"";z-index:1}
.brands-details:before{left:0}
.brands-details:after{right:0}
.brands-detailsInner{margin:0 34px;position:relative}
.brands-detailsInner.has-transition{transition:transform .2s ease}
.brands-detail{width:572px;overflow:hidden;float:left;background:#fff}
.brands-detail__visual{position:relative;text-align:center}
.brands-detail__visual img{width:auto;height:auto}
.brands-detail__next,.brands-detail__prev{display:block;width:24px;height:24px;position:absolute;top:208px;border-top:4px solid #000;border-right:4px solid #000;z-index:2}
.brands-detailLink__item a,.brands-detailLink__itemIcon,.brands-detail__label span,.brands-detail__label span+span:before{display:inline-block;vertical-align:middle}
.brands-detail__prev{left:14px;-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.brands-detail__next{right:14px;-ms-transform:rotate(45deg);transform:rotate(45deg)}
.brands-detail__title{margin:60px 34px 0;font-size:32px;font-weight:700}
.brands-detail__label{margin:-6px 34px 0;font-size:20px;opacity:.4}
.brands-detail__label span+span:before{margin:-6px 8px 0;content:"/"}
.brands-detail__text{margin:52px 34px 0;line-height:2;text-align:justify;font-size:26px}
.brands-detail__logo{height:238px;line-height:238px;margin:36px 34px 0;border:2px solid #e5e5e5;text-align:center}
.brands-detail__logo img{vertical-align:middle}
.brands-detailLink{margin:76px 34px 0;position:relative}
.brands-detailLink__item+.brands-detailLink__item a{padding-top:24px}
.brands-detailLink__item:only-child{margin-top:-15px}
.brands-detailLink__item a{padding:0 0 24px;background:url(/sp/common/img/bg_dotted_01.png) left bottom repeat-x;color:#000;font-size:26px;font-weight:700}
.brands-detailLink__itemIcon{margin:-8px 18px 0 0}
.brands-detailLink img{vertical-align:middle}
.brands-detailSns{width:150px;position:absolute;top:10px;right:0;text-align:right}
.brands-detailSns.is-full{display:block;width:100%;margin-top:25px;position:static;text-align:right}
.brands-detailSns li{margin-right:28px}
.brands-detailSns li:last-child{margin-right:0}
.brands-detailSns__facebook,.brands-detailSns__instagram,.brands-detailSns__twitter{display:inline-block;vertical-align:middle;opacity:.4}
.brands-detail__back{display:block;height:84px;line-height:84px;margin:52px 50px 0;background:#f2f2f2;color:#000;font-size:24px;font-weight:700;text-align:center}
.brands-detailLayout,.brands-detailLayout__hr{background:url(/sp/common/img/bg_dotted_01.png) repeat-x}
.brands-detail__back img{margin:0 14px 0 -6px;vertical-align:middle}
.brands-detailLayout{margin:45px 34px 25px;padding:22px 0 0}
.brands-detailLayout__title{margin-top:23px;font-size:24px;font-weight:700}
.brands-detailLayout__name{margin-top:25px;font-size:24px;font-weight:700}
.brands-detailLayout__description{padding-left:20px;margin-top:4px;color:#999;font-size:24px}
.brands-detailLayout__description+.brands-detailLayout__name{margin-top:4px}
.brands-detailLayout__note{margin-top:30px;font-size:20px;line-height:2;opacity:.4}
.brands-detailLayout__note+.brands-detailLayout__note{margin-top:0}
.brands-detailLayout__hr{display:block;width:100%;height:1px;margin:36px 0;border:none}
.brands-detailLayout__list{margin-top:24px}
.brands-detailLayout__listItem{text-indent:-18px;margin-left:18px;font-size:24px;line-height:2}
.brands-pageTop{padding:52px 34px 104px;text-align:right}