@charset "utf-8";

.main-container{ padding-bottom:60px; position:relative; }
.main-container .main-slide, .main-container .main-slide .cycle-slideshow{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; }
.main-container .main-slide .slide{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; }
.main-container .btn-area a{ width:30px; height:50px; display:block; position:absolute; top:300px; background:url(/images/common/btn_slide.png) 0 0 no-repeat; opacity:.3; text-indent:-9999em; z-index:9999; }
.main-container .btn-area a:hover{ opacity:1; }
.main-container .btn-area a.btn-prev{ left:100px; }
.main-container .btn-area a.btn-next{ right:100px; background-position:100% 0; }

.main-container .main-ttl-slide{ padding:260px 0 230px; }
.main-container .main-ttl-slide .slide{ width:100%; text-align:center; }

.main-container .main-notice{ margin-bottom:50px; }
.main-container .main-notice > div{ width:440px; height:300px; padding:0 40px; overflow:hidden; }
.main-container .main-notice > div.fl{ background:#4794c6 url(/images/common/bg_main_list1.png) 100% 100% no-repeat; }
.main-container .main-notice > div.fr{ background:#033f75 url(/images/common/bg_main_list2.png) 100% 100% no-repeat; }
.main-container .main-notice > div .board-ttl{ line-height:32px; padding:20px 0 18px; position:relative; border-bottom:1px solid #6ca9d1; font-size:22px; font-weight:bold; color:#fff; letter-spacing:-.03em; }
.main-container .main-notice > div.fr .board-ttl{ border-color:#356591; }
.main-container .main-notice > div .board-ttl .btn-more{ position:absolute; top:21px; right:0; font-size:14px; font-weight:bold; color:#fff; }
.main-container .main-notice .notice-list{ padding:26px 0 38px; }
.main-container .main-notice .notice-list li{ margin-top:17px; }
.main-container .main-notice .notice-list li:first-child{ margin-top:0; }
.main-container .main-notice .notice-list li a{ line-height:20px; display:block; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-.02em; }
.main-container .main-notice .notice-list li a .data-ttl{ max-width:90%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;  }
.main-container .main-notice .notice-list li a .ico-new{ margin-left:5px; top:-5px; }
.main-container .main-notice .notice-list li a:hover .data-ttl{ text-decoration:underline; }
.main-container .main-notice .notice-list li a .data-date{ display:block; color:#87bde0; }
.main-container .main-notice .best-banner{ padding:36px 0; }
.main-container .main-notice .best-banner a{ min-height:160px; line-height:20px; padding-left:230px; display:block; position:relative; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-.02em; }
.main-container .main-notice .best-banner a span{ display:block; }
.main-container .main-notice .best-banner a .data-img{ position:absolute; top:0; left:0; }
.main-container .main-notice .best-banner a .data-ttl{ max-height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-container .main-notice .best-banner a:hover .data-ttl{ text-decoration:underline; }
.main-container .main-notice .best-banner a .data-date{ margin:13px auto; color:#6a8fb1; }
.main-container .main-notice .best-banner a .data-txt{ max-height:80px; font-weight:normal; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; }

.main-container .main-banner{ font-size:0; }
.main-container .main-banner a{ margin-left:20px; }
.main-container .main-banner a:first-child{ margin-left:0; }