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


#main .slide-list{ margin: 0 -15px; }
#main .slide-list .slick-dots{ position: static; display: block; width: 100%; padding: 14px 0; margin: 10px 0 0; line-height: 0; text-align: center; }
#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; }
#main .slide-list .prev-button{ left: 10px; background-position: 0 0; }
#main .slide-list .next-button{ right: 10px; background-position: 0 bottom; }
#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 .acordion-body{ display: none; }
#main .notice{ padding: 15px; position: relative; }
#main .notice .list-btn a{ font-size: 12px; line-height: 1.2; position: absolute; right: 10px; bottom: 100%; margin-bottom: 12px; /*background-color: #444444;*/ color: #ffffff; padding: 8px 15px; color: #ffffff; border-radius: 3px; border: 1px solid #666666; }
#main .notice .notice-txt{ margin-top: 3px; font-size: 14px; line-height: 20px; }
#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{ padding: 30px 0; color: #cccccc; }
#main .store-navi{ overflow: hidden; padding: 0; margin: 0 -3px; padding-top: 6px; }
#main .store-navi > .item{
	width: 100%; background-color: transparent; padding: 0 3px; float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main .store-navi > .item~.item{ width: 50%; }
#main .store-navi > .item+.item{ margin-top: 5px; }
#main .store-navi > .item img{ width: 100%; height: auto; }
#main .store-navi > .item a{ display: block; }
#main .digital-catalogue{ padding: 9px; }
#main .digital-catalogue > .item+.item{ margin-top: 5px; }
#main .digital-catalogue > .item img{ width: 100%; height: auto; }
#main .internet-shop{ padding-top: 9px; border-top: 1px solid #dbdbdb; }
#main .internet-shop img{ width: 100%; height: auto; }
#main .kips-navi{ margin-top: -1px; }
#main .tomonokai-bnr{ margin-top: 10px; }
#main .primary-navi > .item+.item{ margin-top: -1px; }


#main .section01{ margin: 20px 0; }
#main .section01 .section-ttl{ background-image: none!important; }
#main .section01 .txt-body{ background-color: #ffffff; border: 1px solid #dbdbdb; border-top: none; }
#main .section01 .section-ttl,
#main .section02 .section-ttl,
#main .section03 .section-ttl{ border-top: 1px solid #4d4d4d; font-size: 16px; line-height: 22px; color: #ffffff; position: relative; padding: 17px 0 17px 40px; background: url(../../img/root/sp/icon_allow01.png) 94% center no-repeat #373737; }
#main .section01 .section-ttl.-state-open,
#main .section02 .section-ttl.-state-open,
#main .section03 .section-ttl.-state-open{ background-image: url(../../img/root/sp/icon_allow01_mod.png); }
#main .section01 .section-ttl:before,
#main .section02 .section-ttl:before,
#main .section03 .section-ttl:before{ content: ''; width: 40px; height: 100%; position: absolute; left: 0; top: 0; background: center center no-repeat; }
#main .section01 .section-ttl:before{ background-image: url(../../img/root/sp/icon01.png); }
#main .section02 .section-ttl:before{ background-image: url(../../img/root/sp/icon02.png); }
#main .section03 .section-ttl:before{ background-image: url(../../img/root/sp/icon03.png); }
#main .section01 .acordion-body,
#main .section03 .acordion-body{ background-color: #ffffff; border: 1px solid #dbdbdb; border-top: none; }
#main .section01 .acordion-body,
#main .section02 .acordion-body{ margin-bottom: 20px; }
#main .section04{ margin-top: 20px; }
#main .section05,
#main .section06{ margin-top: 10px; }
#main .section04 .section-ttl,
#main .section05 .section-ttl,
#main .section05 a,
#main .section06 a{ font-size: 14px; line-height: 22px; color: #373737; font-weight: bold; }
#main .section05 .section-ttl,
#main .section05 a,
#main .section06 a{ display: block; text-decoration: none; border: 1px solid #dbdbdb; padding: 15px 20px; }
#main .section05 a,
#main .section06 a{ background: url(../../img/root/sp/icon_allow04.png) 94% center no-repeat #ffffff; }
#main .section05 .item+.item,
#main .section06 .item+.item{ margin-top: -1px; }
#main .section04{ background-color: #ffffff; border: 1px solid #dbdbdb; border-top: 3px solid #373737; padding: 9px; }
#main .section04 .section-ttl{ background: url(../../img/root/sp/icon04.png) 0 5px no-repeat; padding: 5px 0 14px 30px; }
#main .section05 .section-ttl{ background: url(../../img/root/sp/icon05.png) 94.5% center no-repeat #ffffff; }
#main .section05 .section-ttl.-state-open{ background-image: url(../../img/root/sp/icon05_mod.png); }



@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
	#main .section01 .section-ttl:before{ background-image: url(../../img/root/sp/icon01@2x.png); background-size: 15px 19px; }
	#main .section02 .section-ttl:before{ background-image: url(../../img/root/sp/icon02@2x.png); background-size: 13px 24px; }
	#main .section03 .section-ttl:before{ background-image: url(../../img/root/sp/icon03@2x.png); background-size: 21px 18px; }
	#main .section04 .section-ttl{ background-image: url(../../img/root/sp/icon04@2x.png); background-size: 24px 22px; }
	#main .section05 .section-ttl{ background-image: url(../../img/root/sp/icon05@2x.png); background-size: 9px 9px; }
	#main .section05 .section-ttl.-state-open{ background-image: url(../../img/root/sp/icon05_mod@2x.png); }
}