@charset "utf-8";
/* CSS Document */


#main .content > .l-split01{ width: 500px; float: left; clear: left; }
#main .content > .l-split02{ overflow: hidden; margin-left: 540px; }
#main .content > .l-split01+.l-split01,
#main .content > .l-split02+.l-split02,
#main .content > .l-split00+.l-split02{ margin-top: 40px; }
#main .slide-list{ height: 640px; min-height: 640px; overflow: hidden; }
#main .slide-list.slick-slider{ height: auto; }
#main .slide-list .prev-button,
#main .slide-list .next-button{ width: 37px; height: 37px; background: url(../../img/root/slide/icon_controller.png) 0 0 no-repeat; position: absolute; bottom: 0; cursor: pointer;}
#main .slide-list .prev-button{ z-index: 999; left: 10px; bottom: 320px; background-position: 0 0;}
#main .slide-list .next-button{ z-index: 999; right: 10px; bottom: 320px; background-position: 0 bottom; }
.slick-slider .prev-button ,.slick-slider .next-button{opacity:0;cursor: default;}
.slick-slider:hover .prev-button ,.slick-slider:hover .next-button{opacity:1;cursor: pointer;}
#main .slide-list .slick-dots{ position: static; display: block; width: 100%; padding: 0; margin: 15px 0 0; line-height: 0; text-align: center; }
#main .slide-list .slick-dots li{ position: relative; display: inline-block; width: 8px; height: 8px; padding: 0; background-color: #b5b5b5; border-radius: 50%; cursor: pointer; }
#main .slide-list .slick-dots li+li{ margin-left: 10px; }
#main .slide-list .slick-dots li.slick-active{ background-color: #000000; }
#main .slide-list .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
#main .section-ttl{ background: url(../../img/root/icon01.png) 0 center no-repeat; padding-left: 20px; position: relative; }
#main .section-ttl.-ttl-line:after{ content: ''; position: absolute; top: 50%; width: 100%; margin-left: 15px; height: 1px; background-color: #cdcdcd; }
#main .section-ttl+*{ margin-top: 15px; }
#main .acordion-body{ display: block!important; }
#main .notice{ border-top: 1px solid #cdcdcd; border-bottom: 1px dotted #d3d3d3; padding: 15px 0; position: relative; }
#main .notice .list-btn a{ font-size: 12px; line-height: 1.2; position: absolute; right: 0; bottom: 100%; margin-bottom: 12px; background-color: #000000; color: #ffffff; padding: 5px 15px; color: #ffffff; }
#main .notice .notice-txt{ margin-top: 3px; font-size: 14px; line-height: 20px; padding: 0 15px; }
#main .notice .notice-txt a{ color: #0089c6; }
#main .notice .notice-txt .link-red{ color: #dd0000; }
#main .notice .notice-txt .link-blue{ color: #0080c6; }
#main .notice .notice-txt+.notice-txt{ margin-top: 10px; padding-top: 10px; border-top: 1px dotted #d3d3d3; }
#main .notice.data-none{ border-bottom: none; padding: 40px 0; color: #cccccc; }
#main .store-navi-frame{ background-color: #e6e6e6; }
#main .store-navi{ overflow: hidden; padding: 13px; }
#main .store-navi > .item{ float: left; background-color: #ffffff; }
#main .store-navi > .item~.item{ margin-left: 5px; }
#main .store-navi > .item+.item+.item~.item{ margin-top: 5px; }
#main .store-navi > .item a{ display: block; }
#main .digital-catalogue{ overflow: hidden; }
#main .digital-catalogue > .item{ float: left; }
#main .digital-catalogue > .item+.item{ margin-left: 5px; }
#main .digital-catalogue > .item:nth-child(3n+1){ margin-left: 0; }
#main .digital-catalogue > .item:nth-child(n+4){ margin-top: 5px; }
#main .kips-navi{ overflow: hidden; }
#main .kips-navi > .item+.item{ margin-top: 5px; float: left; }
#main .kips-navi > .item+.item~.item{ float: right; }
#main .tomonokai-bnr{ margin-top: 15px; }
/*#main .section06 .section-ttl+*{ margin-top: -25px; }*/
#main .primary-navi{ overflow: hidden; /*float: right;*/ position: relative; z-index: 10; }
#main .primary-navi > .item{ float: left; width: 228px; }
#main .primary-navi > .item:nth-child(3){ margin-left: 4px; }
#main .primary-navi > .item:nth-child(1){ width: 100%; }
#main .primary-navi > .item:nth-child(n+2){ margin-top: 4px; }
#main .primary-navi > .item a{ display: block; background-color: #2b2b2b; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none; padding: 10px 0; }
#main .primary-navi > .item:nth-child(2) a{ line-height: 40px; }
#main .cashless-navi{ overflow: hidden; margin-top: 10px; }
#main .cashless-navi > .item+.item{ margin-top: 5px; float: left; }