@charset "UTF-8";
/* フォント読込 */
@font-face { font-family: 'NotoSansCJKjp'; font-style: normal; font-weight: 400; src: url("fonts/NotoSansCJKjp.eot"); src: url("fonts/NotoSansCJKjp.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSansCJKjp.woff") format("woff"), url("fonts/NotoSansCJKjp.otf") format("opentype"); }
@font-face { font-family: 'Uniqlo Pro Regular'; font-style: normal; font-weight: 400; src: url("fonts/uniqloproregular-webfont.eot"); src: url("fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/uniqloproregular-webfont.woff") format("woff"), url("fonts/uniqloproregular-webfont.ttf") format("truetype"), url("fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }
@font-face {
font-family:'UNIQLOLight';
src:url('fonts/UniqloProLight.ttf') format('truetype'),
src:url('fonts/UniqloProLight.eot');
src:url('fonts/UniqloProLight.eot?#iefix') format('embedded-opentype'),
  url('fonts/UniqloProLight.woff') format('woff'),
  url('fonts/UniqloProLight.svg#HelveticaNeue') format('svg');
font-style:normal;
}
/* Font Set Include */
/* Icons
**/
.uq-icons { display: inline-block; *display: inline; *zoom: 1; }

.icon-loupe-glay { width: 16px; height: 16px; background: url(../img/icon-loupe-glay.png) no-repeat 0 0; }

.icon-loupe-white { width: 16px; height: 16px; background: url(../img/icon-loupe-white.png) no-repeat 0 0; }

.icon-cart { width: 24px; height: 24px; background: url(../img/icon-cart-white.png) no-repeat 0 0; }

#timeline { position: relative; width: 960px; margin: 0 auto; padding: 0; line-height: 1; color: #4b4b4b; font-family: 'Uniqlo Pro Regular', san-sserif; word-wrap: break-word; overflow-wrap: break-word; /* Box Sizing */ /* Link */ /* Clearfix */ /* Font Size */ /* Header
**/ /* Contents
**/ /* Main
**/ /* Aside
**/ /* Article
**/ /* Result
**/ /* Category
**/ /* Aside
**/ /* Navigation
**/ /* Other Parts
**/ /* jQuery Plugin
**/ /* Slider */ }
#timeline h1, #timeline h2, #timeline h3, #timeline h4, #timeline h5, #timeline h6 { margin: 0; padding: 0; }
#timeline div, #timeline p, #timeline dl, #timeline dt, #timeline dd, #timeline ul, #timeline ol, #timeline li, #timeline th, #timeline td, #timeline form, #timeline fieldset, #timeline input, #timeline textarea, #timeline select, #timeline button, #timeline pre, #timeline blockquote, #timeline address { margin: 0; padding: 0; }
#timeline ol, #timeline ul { list-style-type: none; }
#timeline table { border-collapse: collapse; border-spacing: 0; border: 0; }
#timeline caption { text-align: left; }
#timeline fieldset { border: 0; }
#timeline input { line-height: 1; }
#timeline img { border: 0; vertical-align: bottom; }
#timeline label { cursor: pointer; }
#timeline cite, #timeline address { font-style: normal; }
#timeline header, #timeline footer, #timeline nav, #timeline main, #timeline article, #timeline aside, #timeline section, #timeline figure, #timeline figcaption, #timeline dialog { display: block; }
#timeline *, #timeline *:before, #timeline *:after { box-sizing: border-box; }
#timeline input, #timeline button, #timeline select, #timeline textarea { font-family: 'Uniqlo Pro Regular', sans-serif; }
#timeline a { color: #4b4b4b; cursor: pointer; transition: .3s ease-out opacity, .3s ease-out background-color; }
#timeline a:link, #timeline a:hover, #timeline a:focus, #timeline a:active { text-decoration: none; }
#timeline a:hover .is-underline, #timeline a:focus .is-underline, #timeline a:active .is-underline { text-decoration: underline; }
#timeline a .is-scale { transition: .3s ease-out opacity, .3s ease-out -webkit-transform; transition: .3s ease-out opacity, .3s ease-out transform; }
#timeline a, #timeline i { outline: none; -webkit-tap-highlight-color: transparent; }
#timeline .clearfix { *zoom: 1; }
#timeline .clearfix:after { content: ""; display: block; clear: both; }
#timeline .fs16 { font-size: 16px; }
#timeline .fs15 { font-size: 15px; }
#timeline .fs14 { font-size: 14px; }
#timeline .fs13 { font-size: 13px; }
#timeline .fs12 { font-size: 12px; }
#timeline .fs11 { font-size: 11px; }
#timeline .fs10 { font-size: 10px; }
#timeline .ui-header { position: relative; height: 98px; margin-top: 16px; background-color: #ffffff; }
#timeline .ui-header-logo { padding-top: 34px; margin-left: 30px; }
#timeline .ui-header-phrase { margin-top: 8px; margin-left: 30px; color: #818181; font-size: 12px; }
#timeline .ui-header-search { position: absolute; top: 30px; right: 20px; display: block; width: 252px; height: 34px; }
#timeline .ui-contents { margin-top: 16px; *zoom: 1; }
#timeline .ui-contents:after { content: ""; display: block; clear: both; }
#timeline .ui-main { float: left; width: 716px; }
#timeline .ui-aside { float: right; width: 228px; }
#timeline .ui-aside-cell { margin-top: 16px; background-color: #ffffff; }
#timeline .ui-aside-cell:first-child { margin-top: 0; }
#timeline .ui-aside-cell.is-nobg { background-color: transparent; }
#timeline .ui-aside-cell-heading { padding: 18px 10px; border-bottom: 1px solid #e6e6e6; line-height: 1.4; text-align: center; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 14px; }
#timeline .main-article { background-color: #ffffff; }
#timeline .article-header { position: relative; }
#timeline .article-header-categories span { display: inline-block; padding: 0 15px; line-height: 45px; background-color: #ff0000; color: #ffffff; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 16px; }
#timeline .article-header-social { position: absolute; top: 12px; right: 10px; }
#timeline .article-header-title { margin: 30px 30px 0 30px; line-height: 1.6; font-family:'UNIQLOLight', "DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 28px; }
#timeline .article-header-posted { margin: 20px 30px 0 30px; line-height: 1.0; color: #bbbbbb; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; }
#timeline .article-header-thumbs { padding-top: 30px; }
#timeline .article-header-thumbs img { width: 100%; height: auto; }
#timeline .article-footer { margin: 30px 30px 0 30px; padding: 22px 0; border-top: 1px solid #e6e6e6; }
#timeline .article-footer .social-link { text-align: right; }
#timeline .article-body { margin: 30px 30px 0 30px; line-height: 2.0; color: #737373; word-wrap: break-word; overflow-wrap: break-word; font-size: 16px; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif;}
#timeline .article-body h1, #timeline .article-body h2, #timeline .article-body h3, #timeline .article-body h4, #timeline .article-body h5, #timeline .article-body h6 { line-height: 1.6; color: #272727; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; }
#timeline .article-body h1 { font-size: 20px; }
#timeline .article-body h2 { font-size: 18px; }
#timeline .article-body h3 { font-size: 16px; }
#timeline .article-body img { display: block; height: auto; max-width: 100%; vertical-align: baseline; }
#timeline .article-body li { font-size: 12px; }
#timeline .article-body a { text-decoration: underline; color: #4b4b4b; }
#timeline .article-body a:hover, #timeline .article-body a:focus { text-decoration: none; }
#timeline .article-body hr { width: 100%; height: 1px; margin: 30px 0; border: 0; background-color: #e6e6e6; }
#timeline .article-body .caption { color: #929292; font-size: 12px; }
#timeline .article-body .caption .right { text-align: right; }
#timeline .article-body .caption .center { text-align: center; }
#timeline .article-body .col2 { width: 656px; *zoom: 1; }
#timeline .article-body .col2:after { content: ""; display: block; clear: both; }
#timeline .article-body .col2 .left { float: left; width: 320px; }
#timeline .article-body .col2 .right { float: right; width: 320px; }
#timeline .article-body .col2_left, #timeline .article-body .col2_right { width: 656px; *zoom: 1; }
#timeline .article-body .col2_left:after, #timeline .article-body .col2_right:after { content: ""; display: block; clear: both; }
#timeline .article-body .col2_left .img img, #timeline .article-body .col2_right .img img { max-width: 320px; }
#timeline .article-body .col2_left .img { float: left; width: 320px; margin: 5px 0 0 0; text-align: left; }
#timeline .article-body .col2_left .text { float: right; width: 320px; }
#timeline .article-body .col2_right .img { float: right; width: 320px; margin: 5px 0 0 0; text-align: right; }
#timeline .article-body .col2_right .text { float: left; width: 320px; }
#timeline .result-header { position: relative; padding: 0 16px; margin-bottom: 16px; line-height: 60px; background-color: #3c3c3c; color: #ffffff; font-size: 16px; }
#timeline .result-header-label { display: inline; margin-right: 5px; font-size: 20px; }
#timeline .result-header-count { margin: 0 5px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 24px; }
#timeline .category-header { position: relative; padding: 0 16px; margin-bottom: 16px; background-color: #ff0000; color: #ffffff; }
#timeline .category-header-label { line-height: 75px; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 28px; }
#timeline .category-header-count { position: absolute; top: 50%; right: 16px; height: 36px; padding: 0 10px; line-height: 36px; margin-top: -18px; background-color: #cd0000; border-radius: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .main-aside-cell { margin-top: 16px; background-color: #ffffff; }
#timeline .main-aside-cell-heading { padding: 18px 20px; border-bottom: 1px solid #e6e6e6; line-height: 1.4; text-align: left; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 16px; }
#timeline .main-aside-cell .related-word { padding: 20px; }
#timeline .navi-list { position: relative; background-color: #ffffff; }
#timeline .navi-list a:hover, #timeline .navi-list a:focus, #timeline .navi-list a:active { background-color: #f1f1f1; }
#timeline .navi-list a.is-current { background-color: #ff0000; font-weight: bold; color: #ffffff; }
#timeline .navi-list a.is-current .navi-list-child-count { background-color: #cd0000; color: #ffffff; }
#timeline .navi-list-parent { display: block; padding: 18px; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 15px; }
#timeline .navi-list-child { position: relative; display: block; padding: 18px 55px 18px 18px; border-top: 1px solid #e6e6e6; font-size:15px;}
#timeline .navi-list-child-label { font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; }
#timeline .navi-list-child-count { position: absolute; top: 50%; right: 10px; height: 26px; display: block; margin-top: -13px; padding: 0 10px; line-height: 26px; text-align: center; background-color: #e6e6e6; color: #626262; border-radius: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .search-box { position: relative; display: block; padding: 0 30px 0 10px; border: 1px solid #e6e6e6; }
#timeline .search-box-keyword { display: block; width: 100%; height: 33px; padding: 0; border: 0; outline: 0; line-height: 33px; background-color: #ffffff; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 12px; }
#timeline .search-box .uq-icons { position: absolute; top: 50%; right: 10px; margin-top: -8px; }
#timeline .social-link-item { margin-left: px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; }
#timeline .related-word { margin: -10px 0 0 -7px; padding: 10px; }
#timeline .related-word-item { position: relative; margin: 10px 0 0 7px; padding: 7px 4px 7px 25px; background-color: #ff0000; color: #ffffff; display: inline-block; *display: inline; *zoom: 1; }
#timeline .related-word-item:hover, #timeline .related-word-item:focus, #timeline .related-word-item:active { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#timeline .related-word-item-icon { position: absolute; top: 50%; left: 5px; display: block; width: 16px; height: 16px; margin-top: -8px; }
#timeline .related-word-item-label { line-height: 1.5; font-size: 12px; color: #ffffff; }
#timeline .related-word-item-count { margin-left: 3px; padding-right: 4px; line-height: 1; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; color:#ffffff }
#timeline .related-post a:hover, #timeline .related-post a:focus, #timeline .related-post a:active { background-color: #f1f1f1; }
#timeline .related-post a:hover .is-scale, #timeline .related-post a:focus .is-scale, #timeline .related-post a:active .is-scale { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#timeline .related-post-item { display: block; padding: 15px 18px; border-top: 1px solid #e6e6e6; *zoom: 1; }
#timeline .related-post-item:after { content: ""; display: block; clear: both; }
#timeline .related-post-item:first-child { border-top: 0; }
#timeline .related-post-item-thumbs { position: relative; float: left; width: 73px; height: 73px; margin-right: 20px; overflow: hidden; }
#timeline .related-post-item-thumbs span { display: block; width: 100%; height: 100%; }
#timeline .related-post-item-thumbs img { position: relative; top: 50%; left: 50%; display: block; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#timeline .related-post-item-contents { display: table-cell; height: 73px; vertical-align: middle; overflow: hidden; }
#timeline .related-post-item-heading { line-height: 1.5; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 16px; max-height: 48px; overflow: hidden; }
#timeline .related-post-item-categories { margin-top: 8px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .related-post-item-categories span { line-height: 1.0; color: #929292; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .related-post-item-posted { margin-top: 8px; line-height: 1.0; color: #bbbbbb; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 12px; /*display: inline-block; */*display: inline; *zoom: 1; }
#timeline .article-list a:hover, #timeline .article-list a:focus, #timeline .article-list a:active { background-color: #f1f1f1; }
#timeline .article-list a:hover .is-scale, #timeline .article-list a:focus .is-scale, #timeline .article-list a:active .is-scale { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#timeline .article-list-item { position: relative; display: block; margin-top: 16px; background-color: #ffffff; *zoom: 1; }
#timeline .article-list-item:after { content: ""; display: block; clear: both; }
#timeline .article-list-item:first-child { margin-top: 0; }
#timeline .article-list-item-layer-shadow { display: none; position: absolute; z-index: 1; }
#timeline .article-list-item-layer-movie { display: none; position: absolute; z-index: 2; }
#timeline .article-list-item-layer-new { display: none; position: absolute; z-index: 3; }
#timeline .article-list-item-icon { position: absolute; top: 0; left: 0; width: 32px; height: 32px; z-index: 3; }
#timeline .article-list-item-thumbs { position: relative; float: left; width: 126px; height: 126px; overflow: hidden; }
#timeline .article-list-item-thumbs span { display: block; width: 100%; height: 100%; }
#timeline .article-list-item-thumbs img { position: relative; top: 50%; left: 50%; display: block; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#timeline .article-list-item-contents { position: relative; min-height: 126px; overflow: hidden; }
#timeline .article-list-item-heading { margin: 10px 16px 0 16px; line-height: 1.5; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: 500; font-size: 16px; max-height: 48px; overflow: hidden; }
#timeline .article-list-item-description { margin: 8px 16px 0 16px; line-height: 1.4; color: #737373; font-size: 15px; max-height: 45px; overflow: hidden; font-family:'UNIQLOLight'; font-weight:500;}
#timeline .article-list-item-categories { position: absolute; left: 16px; bottom: 16px; line-height: 1.0; color: #929292; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; }
#timeline .article-list-item-posted { position: absolute; right: 16px; bottom: 16px; line-height: 1.0; color: #bbbbbb; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; }
#timeline .article-list-item-posted time{font-size:14px; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif;}
#timeline .article-list-item.is-new .article-list-item-layer-new { top: 0; left: 0; display: block; width: 68px; height: 68px; background: url(../img/layer-new.png) no-repeat 0 0; }
#timeline .article-list-item.is-new-s .article-list-item-layer-new { top: 0; left: 0; display: block; width: 68px; height: 68px; background: url(../img/layer-new-small.png) no-repeat 0 0; }
#timeline .article-list-item.is-movie .article-list-item-layer-movie { top: 0; left: 0; display: block; width: 126px; height: 126px; background: url(../img/layer-movie-m.png) no-repeat center center; }
#timeline .article-list-item.is-top, #timeline .article-list-item.is-pickup { width: 716px; }
#timeline .article-list-item.is-top .article-list-item-layer-shadow, #timeline .article-list-item.is-pickup .article-list-item-layer-shadow { left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: url(../img/layer-shadow.png) repeat-x left bottom; }
#timeline .article-list-item.is-top .article-list-item-thumbs, #timeline .article-list-item.is-pickup .article-list-item-thumbs { float: none; display: block; width: 716px; height: auto; overflow: hidden; }
#timeline .article-list-item.is-top .article-list-item-thumbs img, #timeline .article-list-item.is-pickup .article-list-item-thumbs img { position: relative; top: 0; left: 0; display: block; width: 100%; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
#timeline .article-list-item.is-top .article-list-item-contents, #timeline .article-list-item.is-pickup .article-list-item-contents { position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding-bottom: 46px; min-height: auto; overflow: hidden; }
#timeline .article-list-item.is-top .article-list-item-heading, #timeline .article-list-item.is-pickup .article-list-item-heading { line-height: 1.4; color: #ffffff; text-shadow: 0 1px 1px #000000; font-size: 18px; max-height: 51px; overflow: hidden; }
#timeline .article-list-item.is-top .article-list-item-description, #timeline .article-list-item.is-pickup .article-list-item-description { margin-top: 16px; color: #ffffff; font-size: 15px; max-height: 45px; overflow: hidden; }
#timeline .article-list-item.is-top .article-list-item-categories, #timeline .article-list-item.is-pickup .article-list-item-categories { color: #ffffff; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; font-size: 14px; }
#timeline .article-list-item.is-top .article-list-item-posted, #timeline .article-list-item.is-pickup .article-list-item-posted { font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; font-size: 12px; }
#timeline .article-list-item.is-top.is-movie .article-list-item-layer-movie, #timeline .article-list-item.is-pickup.is-movie .article-list-item-layer-movie { top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../img/layer-movie-l.png) no-repeat center center; }
#timeline .news-list a:hover, #timeline .news-list a:focus, #timeline .news-list a:active { background-color: #f1f1f1; }
#timeline .news-list a:hover .is-scale, #timeline .news-list a:focus .is-scale, #timeline .news-list a:active .is-scale { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#timeline .news-list-item { position: relative; display: block; padding: 10px; border-top: 1px solid #e6e6e6; *zoom: 1; }
#timeline .news-list-item:after { content: ""; display: block; clear: both; }
#timeline .news-list-item:first-child { border-top: 0; }
#timeline .news-list-item-thumbs { position: relative; width: 204px; height: 210px; margin: 0 auto 8px auto; overflow: hidden; }
#timeline .news-list-item-thumbs span { display: block; width: 100%; height: 100%; }
#timeline .news-list-item-thumbs img { position: relative; top: 50%; left: 50%; display: block; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#timeline .news-list-item-contents { position: relative; margin: 0 4px;/* padding-bottom: 2em;*/ }
#timeline .news-list-item-contents time{font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif;}
#timeline .news-list-item-heading { line-height: 1.4; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 15px; max-height: 45px; overflow: hidden; }
#timeline .news-list-item-categories { /*position: absolute; left: 0; bottom: 0; */margin-top:5px; line-height: 1.0; color: #929292; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; }
#timeline .news-list-item-posted { /*position: absolute; right: 0; bottom: 0; */margin-top:5px; line-height: 1.0; color: #bbbbbb; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; }
#timeline .news-list-more { text-align: center; border-top: 1px solid #e6e6e6; background-color: #f1f1f1; }
#timeline .news-list-more a { display: block; padding: 15px 10px; color: #929292; font-weight: 500; font-size: 15px; font-family:'UNIQLOLight';}
#timeline .news-list-more a:hover, #timeline .news-list-more a:focus, #timeline .news-list-more a:active { background-color: #ffffff; }
#timeline .banner-list-item { margin-top: 16px; }
#timeline .banner-list-item:first-child { margin-top: 0; }
#timeline .banner-list-item a { display: block; }
#timeline .banner-list-item img { display: block; width: 100%; height: auto; max-width: 100%; }
#timeline .tab-list { margin-bottom: 16px; background-color: #e6e6e6; }
#timeline .tab-list-items { *zoom: 1; }
#timeline .tab-list-items:after { content: ""; display: block; clear: both; }
#timeline .tab-list-item { display: block; float: left; width: 237px; margin-left: 2px; line-height: 97px; text-align: center; background-color: #bbbbbb; color: #ffffff; text-transform: uppercase; font-family: 'Uniqlo Pro Regular', sans-serif; font-weight: bold; font-size: 18px; }
#timeline .tab-list-item:first-child { width: 238px; margin-left: 0; }
#timeline .tab-list-item.is-current { position: relative; background-color: #ff0000; }
#timeline .tab-list-item.is-current:before { content: ""; position: absolute; left: 50%; bottom: -6px; display: block; width: 12px; height: 12px; margin-left: -6px; background-color: #ff0000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#timeline .pager-link { position: relative; margin-top: 16px; text-align: center; background-color: #f1f1f1; }
#timeline .pager-link a:hover, #timeline .pager-link a:focus, #timeline .pager-link a:active { background-color: #ffffff; }
#timeline .pager-link a:hover .is-scale, #timeline .pager-link a:focus .is-scale, #timeline .pager-link a:active .is-scale { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#timeline .pager-link-numbers { height: 48px; margin: 0 93px; border-right: 2px solid #e6e6e6; border-left: 2px solid #e6e6e6; text-align: center; }
#timeline .pager-link-numbers-wrap { margin: 0 auto; display: inline-block; *display: inline; *zoom: 1; *zoom: 1; }
#timeline .pager-link-numbers-wrap:after { content: ""; display: block; clear: both; }
#timeline .pager-link-numbers-item { float: left; width: 48px; height: 48px; margin-left: 2px; line-height: 48px; text-align: center; color: #929292; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; }
#timeline .pager-link-numbers-item:first-child { margin-left: 0; }
#timeline .pager-link-numbers-item.is-current { background-color: #ffffff; }
#timeline .pager-link-prev, #timeline .pager-link-next { position: absolute; top: 0; z-index: 1; display: block; width: 93px; height: 48px; }
#timeline .pager-link-prev img, #timeline .pager-link-next img { position: absolute; top: 15px; left: 35px; display: block; }
#timeline .pager-link-prev { left: 0; }
#timeline .pager-link-next { right: 0; }
#timeline .pager-link-top { display: block; margin: 0 308px; border-right: 2px solid #e6e6e6; border-left: 2px solid #e6e6e6; line-height: 93px; color: #929292; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; }
#timeline .pager-link-newer, #timeline .pager-link-older { position: absolute; top: 0; z-index: 1; width: 308px; }
#timeline .pager-link-newer { left: 0; }
#timeline .pager-link-newer .pager-link-post { padding-left: 50px; background: url(../img/icon-arrow-gray-l.png) no-repeat 12px center; }
#timeline .pager-link-older { right: 0; }
#timeline .pager-link-older .pager-link-post { padding-right: 50px; background: url(../img/icon-arrow-gray-r.png) no-repeat 266px center; }
#timeline .pager-link-post { position: relative; display: block; padding: 10px; border-top: 1px solid #e6e6e6; *zoom: 1; }
#timeline .pager-link-post:after { content: ""; display: block; clear: both; }
#timeline .pager-link-post:first-child { border-top: 0; }
#timeline .pager-link-post-thumbs { position: relative; float: left; width: 73px; height: 73px; margin-right: 10px; overflow: hidden; }
#timeline .pager-link-post-thumbs span { display: block; width: 100%; height: 100%; }
#timeline .pager-link-post-thumbs img { position: relative; top: 50%; left: 50%; display: block; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#timeline .pager-link-post-contents { display: table-cell; height: 73px; vertical-align: middle; overflow: hidden; text-align:left; }
#timeline .pager-link-post-heading { line-height: 1.4; font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 12px; max-height: 51px; overflow: hidden; }
#timeline .pager-link-post-categories { margin-top: 8px; margin-right: 10px; line-height: 1.0; color: #818181; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .pager-link-post-posted { margin-top: 8px; line-height: 1.0; color: #a1a1a1; font-family: Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; display: inline-block; *display: inline; *zoom: 1; }
#timeline .twitter-box { margin: 36px auto; padding: 30px 40px; border: 1px solid #c9c9c9; }
#timeline .twitter-box-user { position: relative; height: 40px; margin-bottom: 20px; }
#timeline .twitter-box-user-icon { float: left; width: 48px; margin-right: 10px; text-align: center; }
#timeline .twitter-box-user-name { line-height: 48px; color: #323232; font-size: 14px; }
#timeline .twitter-box-user-id { position: absolute; top: 0; right: 0; line-height: 48px; color: #a1a1a1; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; }
#timeline .twitter-box-user a:link, #timeline .twitter-box-user a:hover, #timeline .twitter-box-user a:focus { text-decoration: none; color: inherit; }
#timeline .twitter-box-tweet { line-height: 1.8; color: #4b4b4b; font-size: 14px; }
#timeline .twitter-box-link { margin-top: 18px; line-height: 1.0; color: #a1a1a1; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; }
#timeline .twitter-box-link a { color: inherit; text-decoration: none; }
#timeline .twitter-box-link a:hover, #timeline .twitter-box-link a:focus, #timeline .twitter-box-link a:active { text-decoration: underline; }
#timeline .item-box { margin: 36px auto; padding: 40px; border: 1px solid #c9c9c9; }
#timeline .item-box-contents { *zoom: 1; }
#timeline .item-box-contents:after { content: ""; display: block; clear: both; }
#timeline .item-box-thumbs { float: left; width: 168px; margin-right: 16px; text-align: center; }
#timeline .item-box-contents { overflow: hidden; }
#timeline .item-box-heading { line-height: 2.0; color: #323232; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 18px; }
#timeline .item-box-text { margin-top: 10px; line-height: 2.0; color: #4b4b4b; font-size: 12px; }
#timeline .item-box-link { margin-top: 18px; line-height: 1.0; color: #a1a1a1; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; }
#timeline .item-box-link a { color: inherit; text-decoration: none; }
#timeline .item-box-link a:hover, #timeline .item-box-link a:focus, #timeline .item-box-link a:active { text-decoration: underline; }
#timeline .js-slider .slick-dots { width: 100%; }
#timeline .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
#timeline .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
#timeline .slick-list:focus { outline: none; }
#timeline .slick-list.dragging { cursor: pointer; cursor: hand; }
#timeline .slick-slider .slick-track, #timeline .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#timeline .slick-track { position: relative; left: 0; top: 0; display: block; }
#timeline .slick-track:before, #timeline .slick-track:after { content: ""; display: table; }
#timeline .slick-track:after { clear: both; }
.slick-loading #timeline .slick-track { visibility: hidden; }
#timeline .slick-slide { float: left; height: 100%; min-height: 1px; }
[dir="rtl"] #timeline .slick-slide { float: right; }
#timeline .slick-slide.dragging img { pointer-events: none; }
.slick-initialized #timeline .slick-slide { display: block; }
.slick-loading #timeline .slick-slide { visibility: hidden; }
.slick-vertical #timeline .slick-slide { display: block; height: auto; border: 1px solid transparent; }
#timeline .slick-arrow.slick-hidden { display: none; }
#timeline .slick-dotted.slick-slider { margin-bottom: 30px; }
#timeline .slick-dots { display: block; padding-top: 20px; text-align: center; }
#timeline .slick-dots li { margin-left: 15px; vertical-align: middle; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; }
#timeline .slick-dots li button { display: block; width: 10px; height: 10px; border: 0; outline: 0; border-radius: 100%; line-height: 0; font-size: 0; background-color: #bbbbbb; color: transparent; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#timeline .slick-dots li.slick-active button { background-color: #ff0000; }

/* Modal
**/
#timeline .js-modal-open { text-decoration: none !important; }
#timeline .js-modal-open:hover, #timeline .js-modal-open:focus, #timeline .js-modal-open:active { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

#ui-modal { position: absolute; top: 0; left: 0; z-index: 10000; display: none; width: 100%; height: 100%; }
#ui-modal.is-show { display: block; -webkit-animation: fadeIn 0.3s linear 0s; animation: fadeIn 0.3s linear 0s; }
#ui-modal a { color: #4b4b4b; cursor: pointer; transition: .3s ease-out opacity, .3s ease-out background-color; }
#ui-modal a:link, #ui-modal a:hover, #ui-modal a:focus, #ui-modal a:active { text-decoration: none; }
#ui-modal a:hover, #ui-modal a:focus, #ui-modal a:active { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#ui-modal a, #ui-modal i { outline: none; }
#ui-modal .modal-bg { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: #000000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; *filter: alpha(opacity=60); }
#ui-modal .modal-wrapper { position: relative; display: block; width: 891px; margin: 0 auto; }
#ui-modal .modal-close { position: absolute; top: -50px; right: 0; width: 36px; height: 36px; }
#ui-modal .modal-close a { display: block; }
#ui-modal .modal-close img { display: block; }
#ui-modal .modal-contents { position: relative; background: #ffffff; color: #4b4b4b; }
#ui-modal .modal-finish { width: 490px; height: 360px; margin: auto; }
#ui-modal .modal-finish-message { padding-top: 110px; font-weight: bold; text-align: center; font-size: 18px; }
#ui-modal .modal-finish-button { margin-top: 40px; text-align: center; }
#ui-modal .modal-finish-button a { float: left; display: block; width: 240px; height: 60px; line-height: 60px; background-color: #323232; font-weight: bold; color: #ffffff; font-size: 14px; }
#ui-modal .modal-finish-button a .uq-icons { margin-right: 10px; line-height: inherit; vertical-align: -5px; font-size: 24px; }
#ui-modal .modal-finish-button a.close { float: right; }
#ui-modal.is-type-shopping .modal-item { display: table; min-height: 570px; }
#ui-modal.is-type-shopping .modal-item:after { content: ""; position: absolute; top: 0; left: 570px; display: block; width: 1px; height: 100%; background: #000000; }
#ui-modal.is-type-shopping .modal-item-thumbs { display: table-cell; vertical-align: middle; width: 571px; *display: inline; *zoom: 1; }
#ui-modal.is-type-shopping .modal-item-thumbs .thumbs-view img { display: block; max-width: 100%; height: auto; }
#ui-modal.is-type-shopping .modal-item-contents { display: table-cell; vertical-align: top; width: 320px; *display: inline; *zoom: 1; }
#ui-modal.is-type-shopping .modal-item-name { margin-top: 14px; padding: 0 42px 14px 14px; border-bottom: 1px solid #000000; line-height: 1.4; font-family: 'Uniqlo Pro Regular',"DIN Next W01 Regular", helvetica, arial, sans-serif; font-weight: bold; font-size: 14px; }
#ui-modal.is-type-shopping .modal-item-detail { display: table; table-layout: fixed; width: 100%; padding: 14px 0; border-bottom: 1px solid #000000; }
#ui-modal.is-type-shopping .modal-item-price { display: table-cell; padding-left: 14px; text-align: left; vertical-align: middle; }
#ui-modal.is-type-shopping .modal-item-price .price { display: inline-block; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 24px; }
#ui-modal.is-type-shopping .modal-item-price .tax { display: inline-block; margin-left: 5px; vertical-align: middle; color: #737373; font-size: 11px; }
#ui-modal.is-type-shopping .modal-item-code { display: table-cell; padding-right: 14px; text-align: right; vertical-align: middle; color: #a1a1a1; font-size: 10px; }
#ui-modal.is-type-shopping .modal-item-select { padding: 14px; border-bottom: 1px solid #000000; }
#ui-modal.is-type-shopping .modal-item-select-choose { font-weight: bold; font-size: 12px; }
#ui-modal.is-type-shopping .modal-item-select-list { margin-left: -10px; *zoom: 1; }
#ui-modal.is-type-shopping .modal-item-select-list:after { content: ""; display: block; clear: both; }
#ui-modal.is-type-shopping .modal-item-select-list-item { position: relative; float: left; width: 40px; height: 40px; margin-top: 10px; margin-left: 10px; }
#ui-modal.is-type-shopping .modal-item-select-list-item input { position: absolute; z-index: -1; }
#ui-modal.is-type-shopping .modal-item-select-list-item label { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #323232; color: #ffffff; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px; }
#ui-modal.is-type-shopping .modal-item-select-list-item label.is-checked, #ui-modal.is-type-shopping .modal-item-select-list-item label:hover, #ui-modal.is-type-shopping .modal-item-select-list-item label:focus, #ui-modal.is-type-shopping .modal-item-select-list-item label:active { background-color: #ff0000; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image { width: 34px; height: 34px; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image label { line-height: 0; background-color: #ffffff; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image label.is-checked .label-image, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image label:hover .label-image, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image label:focus .label-image, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image label:active .label-image { margin: 1px; border: 3px solid #ff0000; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image .label-image { display: inline-block; margin: 3px; padding: 3px; border: 1px solid #a1a1a1; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image img { display: block; width: 22px; height: 22px; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:hover, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:focus, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:active { background: none; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:hover .label-image, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:focus .label-image, #ui-modal.is-type-shopping .modal-item-select-list-item.is-type-image.is-disabled label:active .label-image { margin: 3px; border: 1px solid #a1a1a1; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-disabled label { cursor: default; }
#ui-modal.is-type-shopping .modal-item-select-list-item.is-disabled label:hover, #ui-modal.is-type-shopping .modal-item-select-list-item.is-disabled label:focus, #ui-modal.is-type-shopping .modal-item-select-list-item.is-disabled label:active { background-color: #323232; }
#ui-modal.is-type-shopping .modal-item-submit { border-bottom: 1px solid #000000; }
#ui-modal.is-type-shopping .modal-item-submit-button { display: block; height: 60px; line-height: 60px; text-align: center; font-weight: bold; font-size: 17px; }
#ui-modal.is-type-shopping .modal-item-submit span { background-color: #a1a1a1; color: #ffffff; }
#ui-modal.is-type-shopping .modal-item-submit a { background-color: #ff0000; color: #ffffff; }
#ui-modal.is-type-shopping .modal-item-more { text-align: center; }
#ui-modal.is-type-shopping .modal-item-more a { height: 60px; line-height: 60px; text-decoration: underline; background-color: #ffffff; font-weight: bold; color: #4b4b4b; font-size: 12px; }
#ui-modal.is-type-shopping .modal-item-more-large { text-align: center; }
#ui-modal.is-type-shopping .modal-item-more-large a { display: block; height: 80px; line-height: 80px; background-color: #ff0000; font-weight: bold; color: #ffffff; font-size: 16px; }
#ui-modal.is-type-shopping .modal-item-error { position: absolute; top: 0; bottom: 0; left: 0; width: 571px; display: none; }
#ui-modal.is-type-shopping .modal-item-error-wrapper { display: table; table-layout: fixed; width: 100%; height: 100%; }
#ui-modal.is-type-shopping .modal-item-error-contents { display: table-cell; text-align: center; vertical-align: middle; *display: inline; *zoom: 1; }
#ui-modal.is-type-shopping .modal-item-error .error-message { width: 460px; padding: 20px 10px; margin: auto; text-align: center; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.8); font-weight: bold; border-radius: 3px; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4); font-size: 14px; }
#ui-modal.is-type-shopping.has-error .modal-item-error { display: block; }

/* detail */
#timeline .article-header-title,
#timeline .article-header-posted,
#timeline .article-body p,
#timeline .related-post-item-contents
{
font-family: 'UNIQLOLight',"DIN Next W01 Regular", helvetica, arial, sans-serif;
}