@charset "UTF-8";
/* -----------------------------------------------------------------------------
**
** 音楽情報ページ　2019年
**
----------------------------------------------------------------------------- */

/* 2. title bar */
div.PageTitleHeadline *{margin: 0; padding: 0;}
div.PageTitleHeadline *.en{font-family: Helvetica, Arial, sans-serif;}
div.PageTitleHeadline *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.PageTitleHeadline *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.PageTitleHeadline *.clearfix::after{content: ""; display: block; clear: both;}
div.PageTitleHeadline *:focus{outline: none;}
div.PageTitleHeadline{height: 48px; margin: -19px 0 0; background: #282828; text-align: center;}
div.PageTitleHeadline div.inner{width: 1000px; margin: 0 auto; position: relative;}
div.PageTitleHeadline h1, div.PageTitleHeadline p.pageTitle{color: #FFF; font-size: 165%; font-weight: bold; text-align: left; position: absolute; width: 800px; left: 0; top: 0;}
div.PageTitleHeadline h1 span, div.PageTitleHeadline p.pageTitle span{vertical-align: middle; line-height: 48px;}
div.PageTitleHeadline h1 span.ja, div.PageTitleHeadline p.pageTitle span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.PageTitleHeadline p.link{width: 140px; text-align: center; position: absolute; right: 0; top: 12px; font-size: 95%; font-weight: bold;}
div.PageTitleHeadline p.link a{color: #FFF; line-height: 24px; background: #444; display: block; border-radius: 12px;}

/* 3. bottom banner */
div.BannerCarousel *{margin: 0; padding: 0;}
div.BannerCarousel *:focus{outline: none;}
div.BannerCarousel *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.BannerCarousel button{border: none; cursor: pointer;}
div.BannerCarousel button.slick-prev,
div.BannerCarousel button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.BannerCarousel button.slick-prev:hover,
div.BannerCarousel button.slick-next:hover{opacity: 0.8;}
div.BannerCarousel button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.BannerCarousel button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.BannerCarousel ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.BannerCarousel ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.BannerCarousel ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.BannerCarousel ul.slick-dots li.slick-active button{background: #d6040f;}
div.BannerCarousel{padding: 30px 0; overflow: hidden;}
div.BannerCarousel div.inner{width: 1000px; margin: 0 auto;}
div.BannerCarousel ul{position: relative; width: 1020px; margin: 0 -10px;}
div.BannerCarousel ul li{padding: 0 10px; float: left;}
@media screen and (max-width : 1140px) {
	div.BannerCarousel button.slick-prev,
	div.BannerCarousel button.slick-next{display: none!important;}
}

/* 4. news archive */
div.ArticleListMultiCategory{padding: 45px 0 25px; background: #eee;}
div.ArticleListMultiCategory div.inner{width: 1000px; margin: 0 auto;}
div.ArticleListMultiCategory ul.newsList{margin: 0 0 40px; width: 1000px; _zoom: 1; overflow: hidden;}
div.ArticleListMultiCategory ul.newsList.off{display: none;}
div.ArticleListMultiCategory ul.newsList li:not(.reset){width: 469px; float: left; border-top: 1px solid #EEE; border-right: 1px solid #EEE; overflow: hidden; background: #FFF; padding: 15px; position: relative; padding-bottom: 32767px; margin-bottom: -32752px;}
div.ArticleListMultiCategory ul.newsList li.reset{display: block; clear: both;}
div.ArticleListMultiCategory ul.newsList li a{color: #222;}
div.ArticleListMultiCategory ul.newsList p.cap span a{color: #000;}
div.ArticleListMultiCategory ul.newsList div.right{width: 350px; float: right;}
div.ArticleListMultiCategory ul.newsList a.hoverAlpha{display: block;}
div.ArticleListMultiCategory ul.newsList p.img{width: 100px; height: 100px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat;}
div.ArticleListMultiCategory ul.newsList p.cap{font-size: 85%; font-weight: bold; margin: 0 0 10px;}
div.ArticleListMultiCategory ul.newsList p.cap span{background: #fed000; padding: 2px 0;}
div.ArticleListMultiCategory ul.newsList p.cap span.date{background: #000; color: #fed000; padding: 2px 8px;}
div.ArticleListMultiCategory ul.newsList p.cap span a:first-child{padding-left: 8px;}
div.ArticleListMultiCategory ul.newsList p.cap span a:last-child{padding-right: 8px;}
div.ArticleListMultiCategory ul.newsList p.title{font-size: 105%; line-height: 1.7;}
div.ArticleListMultiCategory ul.newsCatTab{width: 100%; display: table; table-layout: fixed; margin: 0 0 30px;}
div.ArticleListMultiCategory ul.newsCatTab li{display: table-cell; font-size: 100%; line-height: 1.6; text-align: center; cursor: pointer; padding: 10px 5px; background: #FFF; border-right: 1px solid #EEE; position: relative;}
div.ArticleListMultiCategory ul.newsCatTab li.on{background: #d6040f; color: #FFF; font-weight: bold;}
div.ArticleListMultiCategory ul.newsCatTab li.on::after{position: absolute; content: ""; width: 10px; height: 10px; left: 0; right: 0; bottom: -5px; margin: 0 auto; background: url(/images/mark_tab_cat.png) no-repeat center center; background-size: 10px 10px;}
div.ArticleListMultiCategory p{line-height: 2; font-size: 110%; color: #222;}
div.ArticleListMultiCategory *.en{font-family: Helvetica, Arial, sans-serif;}
div.ArticleListMultiCategory *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ArticleListMultiCategory *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ArticleListMultiCategory *.clearfix::after{content: ""; display: block; clear: both;}
div.ArticleListMultiCategory h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ArticleListMultiCategory h2 span{vertical-align: middle;}
div.ArticleListMultiCategory h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ArticleListMultiCategory p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.ArticleListMultiCategory p.commonLinkBtn.off{display: none;}
div.ArticleListMultiCategory p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}

/* 5. product list */
div.RelatedItem *{margin: 0; padding: 0;}
div.RelatedItem *.en{font-family: Helvetica, Arial, sans-serif;}
div.RelatedItem *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.RelatedItem *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.RelatedItem *.clearfix::after{content: ""; display: block; clear: both;}
div.RelatedItem *:focus{outline: none;}
div.RelatedItem *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.RelatedItem p{line-height: 2; font-size: 110%; color: #222;}
div.RelatedItem h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.RelatedItem h2 span{vertical-align: middle;}
div.RelatedItem h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.RelatedItem button{border: none; cursor: pointer;}
div.RelatedItem button.slick-prev,
div.RelatedItem button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.RelatedItem button.slick-prev:hover,
div.RelatedItem button.slick-next:hover{opacity: 0.8;}
div.RelatedItem button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.RelatedItem button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.RelatedItem ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.RelatedItem ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.RelatedItem ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.RelatedItem ul.slick-dots li.slick-active button{background: #d6040f;}
div.RelatedItem{padding: 45px 0 50px; background: #fed000;}
div.RelatedItem div.inner{width: 1000px; margin: 0 auto;}
div.RelatedItem ul.pList{position: relative; width: 1030px; margin: 0 -15px 10px; padding: 0 0 10px;}
div.RelatedItem ul.pList li.main{width: 176px; padding: 0 15px; float: left;}
div.RelatedItem ul.pList a{color: #000;}
div.RelatedItem ul.pList p{line-height: 1.7;}
div.RelatedItem ul.pList p.img{margin: 0 0 15px;}
div.RelatedItem ul.pList p.title{font-size: 105%; font-weight: bold;}
div.RelatedItem ul.pList p.name{font-size: 105%; margin: 0 0 10px;}
div.RelatedItem ul.pList p.name a{text-decoration: underline;}
div.RelatedItem ul.pList p.name a:hover{color: #d6040f;}
div.RelatedItem ul.pList p.price{font-size: 100%; margin: 0;}
div.RelatedItem ul.pList p.price span.sale{color: #d6040f;}
div.RelatedItem ul.pList p.btnCart,
div.RelatedItem ul.pList p.btnBooking{font-size: 100%; font-weight: bold; padding-top: 20px;}
div.RelatedItem ul.pList p.btnCart a,
div.RelatedItem ul.pList p.btnBooking a{color: #FFF; background: #000; display: block; padding: 7px 0; text-align: center;}
div.RelatedItem ul.pList p.btnBooking a{background: #FFF; color: #000;}div.RelatedItem ul button.slick-prev,
div.RelatedItem ul button.slick-next{top: 75px;}
div.RelatedItem ul.slick-dots li button{background: #e2b400;}
div.RelatedItem ul.slick-dots li.slick-active button{background: #d6040f;}

/* 6. ad block */
div.GeneralPurpose{padding: 40px 0 50px;}
div.GeneralPurpose div.inner{width: 1000px; margin: 0 auto;}
div.GeneralPurpose div.left{float: left; width: 640px;}
div.GeneralPurpose div.right{float: right; width: 300px;}
div.GeneralPurpose div.video{width: 640px; height: 360px; background: url(/img12/common/ad_bg.png) no-repeat center center; background-size: 640px 360px;}
div.GeneralPurpose div.picture{width: 300px; height: 250px; background: #DDD;}
div.GeneralPurpose *.clearfix::after{content: ""; display: block; clear: both;}

/* 7. news archive single cat */
div.ArticleListSingleCategory{padding: 45px 0 25px; background: #fff;}
div.ArticleListSingleCategory div.inner{width: 1000px; margin: 0 auto;}
div.ArticleListSingleCategory ul.newsList{-js-display: flex; display: flex; flex-wrap:wrap; margin: 0 0 40px; width: 1000px; justify-content: space-between;}
div.ArticleListSingleCategory ul.newsList.off{display: none;}
div.ArticleListSingleCategory ul.newsList li{width: 500px; margin: 0 0 1px; overflow: hidden;}
div.ArticleListSingleCategory ul.newsList li a{display: block; background: #eee; margin: 0 1px 0 0; padding: 15px; position: relative; height: 100%; color: #222;}
div.ArticleListSingleCategory ul.newsList li a:visited{color: #222;}
div.ArticleListSingleCategory ul.newsList div.right{width: 350px; float: right;}
div.ArticleListSingleCategory ul.newsList p.img{width: 100px; height: 100px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat;}
div.ArticleListSingleCategory ul.newsList p.cap{font-size: 85%; font-weight: bold; margin: 0 0 10px;}
div.ArticleListSingleCategory ul.newsList p.cap span{background: #fed000; padding: 2px 8px;}
div.ArticleListSingleCategory ul.newsList p.cap span.date{background: #000; color: #fed000;}
div.ArticleListSingleCategory ul.newsList p.title{font-size: 105%; line-height: 1.7;}
div.ArticleListSingleCategory p{line-height: 2; font-size: 110%; color: #222;}
div.ArticleListSingleCategory *.en{font-family: Helvetica, Arial, sans-serif;}
div.ArticleListSingleCategory *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ArticleListSingleCategory *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ArticleListSingleCategory *.clearfix::after{content: ""; display: block; clear: both;}
div.ArticleListSingleCategory h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ArticleListSingleCategory h2 span{vertical-align: middle;}
div.ArticleListSingleCategory h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ArticleListSingleCategory p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.ArticleListSingleCategory p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}

/* 8. news archive label */
div.ArticleListSingleCategory_Labels{padding: 45px 0 25px; background: #eee;}
div.ArticleListSingleCategory_Labels div.inner{width: 1000px; margin: 0 auto;}
div.ArticleListSingleCategory_Labels ul.newsList{margin: 0 0 40px; width: 1000px; _zoom: 1; overflow: hidden;}
div.ArticleListSingleCategory_Labels ul.newsList.off{display: none;}
div.ArticleListSingleCategory_Labels ul.newsList li:not(.reset){width: 469px; float: left; border-top: 1px solid #eee; border-right: 1px solid #eee; overflow: hidden; background: #fff; padding: 15px; position: relative; padding-bottom: 32767px; margin-bottom: -32752px;}
div.ArticleListSingleCategory_Labels ul.newsList li.reset{display: block; clear: both;}
div.ArticleListSingleCategory_Labels ul.newsList li a{color: #222;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap span a{color: #000;}
div.ArticleListSingleCategory_Labels ul.newsList div.right{width: 350px; float: right;}
div.ArticleListSingleCategory_Labels ul.newsList a.hoverAlpha{display: block;}
div.ArticleListSingleCategory_Labels ul.newsList p.img{width: 100px; height: 100px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap{font-size: 85%; font-weight: bold; margin: 0 0 10px;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap span{background: #fed000; padding: 2px 0;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap span.date{background: #000; color: #fed000; padding: 2px 8px;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap span a:first-child{padding-left: 8px;}
div.ArticleListSingleCategory_Labels ul.newsList p.cap span a:last-child{padding-right: 8px;}
div.ArticleListSingleCategory_Labels ul.newsList p.title{font-size: 105%; line-height: 1.7;}
div.ArticleListSingleCategory_Labels p{line-height: 2; font-size: 110%; color: #222;}
div.ArticleListSingleCategory_Labels *.en{font-family: Helvetica, Arial, sans-serif;}
div.ArticleListSingleCategory_Labels *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ArticleListSingleCategory_Labels *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ArticleListSingleCategory_Labels *.clearfix::after{content: ""; display: block; clear: both;}
div.ArticleListSingleCategory_Labels h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ArticleListSingleCategory_Labels h2 span{vertical-align: middle;}
div.ArticleListSingleCategory_Labels h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ArticleListSingleCategory_Labels p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.ArticleListSingleCategory_Labels p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}

/* 11. top visual */
div.NewsCarousel *{margin: 0; padding: 0;}
div.NewsCarousel *.en{font-family: Helvetica, Arial, sans-serif;}
div.NewsCarousel *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NewsCarousel *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NewsCarousel *.clearfix::after{content: ""; display: block; clear: both;}
div.NewsCarousel *:focus{outline: none;}
div.NewsCarousel *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NewsCarousel p{line-height: 2; font-size: 110%; color: #222;}
div.NewsCarousel h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NewsCarousel h2 span{vertical-align: middle;}
div.NewsCarousel h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NewsCarousel button{border: none; cursor: pointer;}
div.NewsCarousel button.slick-prev,
div.NewsCarousel button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.NewsCarousel button.slick-prev:hover,
div.NewsCarousel button.slick-next:hover{opacity: 0.8;}
div.NewsCarousel button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.NewsCarousel button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.NewsCarousel ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.NewsCarousel ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.NewsCarousel ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.NewsCarousel ul.slick-dots li.slick-active button{background: #d6040f;}
div.NewsCarousel{background: #000; padding: 0 0 50px; height: 500px; overflow: hidden;}
div.NewsCarousel ul{position: relative;}
div.NewsCarousel ul li{float: left;}
div.NewsCarousel ul li a{display: block; position: relative;}
div.NewsCarousel ul li a div.base{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #222; background: rgba(34,34,34,0.85); opacity: 0; transition: opacity 0.15s ease;}
div.NewsCarousel ul li a:hover div.base{opacity: 1;}
div.NewsCarousel ul li div.inside{padding: 0 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
div.NewsCarousel ul li h2{color: #fff; font-size: 150%; line-height: 1.7; margin: 0 0 25px;}
div.NewsCarousel ul li p.date{font-size: 90%; font-weight: bold; color: #fed000; margin: 0 0 10px;}
div.NewsCarousel ul li p.tag span{font-size: 80%; display: inline-block; line-height: 1.6; color: #fff; background: #d6040f; padding: 0 8px 2px;}
div.NewsCarousel ul button.slick-prev,
div.NewsCarousel ul button.slick-next{width: 40px; height: 40px; top: 230px;}
div.NewsCarousel ul button.slick-prev{background: url(/img12/music_top/index/btn_pagenation_prev.png) no-repeat center center; background-size: 40px 40px; left: 0;}
div.NewsCarousel ul button.slick-next{background: url(/img12/music_top/index/btn_pagenation_next.png) no-repeat center center; background-size: 40px 40px; right: 0;}
div.NewsCarousel ul ul.slick-dots{bottom: -25px;}
div.NewsCarousel ul ul.slick-dots li{}
div.NewsCarousel ul ul.slick-dots li button{background: #444;}
div.NewsCarousel ul ul.slick-dots li.slick-active button{}

/* 12. top ranking */
div.HotTopicsList *{margin: 0; padding: 0;}
div.HotTopicsList *.en{font-family: Helvetica, Arial, sans-serif;}
div.HotTopicsList *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.HotTopicsList *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.HotTopicsList *.clearfix::after{content: ""; display: block; clear: both;}
div.HotTopicsList *:focus{outline: none;}
div.HotTopicsList *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.HotTopicsList p{line-height: 2; font-size: 110%; color: #222;}
div.HotTopicsList p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.HotTopicsList p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}
div.HotTopicsList p.btnMore{width: 140px; position: absolute; right: 0; top: 0;}
div.HotTopicsList p.btnMore a{display: block; font-size: 90%; line-height: 24px; color: #fff; font-weight: bold; text-align: center; background: #d6040f; border-radius: 12px;}
div.HotTopicsList p.btnMore.yellow a{background: #fed000; color: #000;}
div.HotTopicsList h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.HotTopicsList h2 span{vertical-align: middle;}
div.HotTopicsList h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.HotTopicsList{padding: 40px 0 50px; overflow: hidden;}
div.HotTopicsList div.inner{width: 1000px; margin: 0 auto;}
div.HotTopicsList div.left{width: 645px; float: left; position: relative;}
div.HotTopicsList div.right{width: 300px; float: right;}
div.HotTopicsList div.right div.RectangleGeneralPurpose{width: 300px; height: 250px; background: #DDD;}
div.HotTopicsList ul{}
div.HotTopicsList ul li{font-size: 110%; line-height: 1.7; position: relative; padding: 4px 0 10px 45px;}
div.HotTopicsList ul li a{color: #222;}
div.HotTopicsList ul li::before{position: absolute; width: 28px; line-height: 28px; color: #888; border: 1px solid #999; border-radius: 50%; left: 0; top: 0; text-align: center;}
div.HotTopicsList ul li:nth-child(1) a{color: #d6040f;}
div.HotTopicsList ul li:nth-child(1)::before{content: "1"; color: #fff; background: #d6040f; border-color: #d6040f;}
div.HotTopicsList ul li:nth-child(2)::before{content: "2";}
div.HotTopicsList ul li:nth-child(3)::before{content: "3";}
div.HotTopicsList ul li:nth-child(4)::before{content: "4";}
div.HotTopicsList ul li:nth-child(5)::before{content: "5";}
div.HotTopicsList ul li:nth-child(6)::before{content: "6";}
div.HotTopicsList ul li:nth-child(7)::before{content: "7";}
div.HotTopicsList ul li:nth-child(8)::before{content: "8";}
div.HotTopicsList ul li:nth-child(9)::before{content: "9";}
div.HotTopicsList ul li:nth-child(10)::before{content: "10";}


/* 13. top magazine */
div.FreeMagazineImageList *{margin: 0; padding: 0;}
div.FreeMagazineImageList *.en{font-family: Helvetica, Arial, sans-serif;}
div.FreeMagazineImageList *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.FreeMagazineImageList *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.FreeMagazineImageList *.clearfix::after{content: ""; display: block; clear: both;}
div.FreeMagazineImageList *:focus{outline: none;}
div.FreeMagazineImageList *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.FreeMagazineImageList p{line-height: 2; font-size: 110%; color: #222;}
div.FreeMagazineImageList p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.FreeMagazineImageList p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}
div.FreeMagazineImageList p.btnMore{width: 140px; position: absolute; right: 0; top: 0;}
div.FreeMagazineImageList p.btnMore a{display: block; font-size: 90%; line-height: 24px; color: #fff; font-weight: bold; text-align: center; background: #d6040f; border-radius: 12px;}
div.FreeMagazineImageList p.btnMore.yellow a{background: #fed000; color: #000;}
div.FreeMagazineImageList h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.FreeMagazineImageList h2 span{vertical-align: middle;}
div.FreeMagazineImageList h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.FreeMagazineImageList{padding: 45px 0 40px; background: #fed000; overflow: hidden;}
div.FreeMagazineImageList div.inner{width: 1000px; margin: 0 auto;}
div.FreeMagazineImageList ul.magazineList{}
div.FreeMagazineImageList ul.magazineList li{float: left; padding: 0 40px 20px 0;}
div.FreeMagazineImageList ul.magazineList li:last-child{padding-right: 0;}
div.FreeMagazineImageList ul.magazineList li a{display: block; text-decoration: none;}
div.FreeMagazineImageList ul.magazineList li a p.img{margin: 0 0 15px; letter-spacing: 0; font-size: 0;}
div.FreeMagazineImageList ul.magazineList li a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0;}
div.FreeMagazineImageList ul.magazineList li a p.date{font-size: 90%; color: #222;}

/* 14. top nmnl */
div.NmnlImageList *{margin: 0; padding: 0;}
div.NmnlImageList *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlImageList *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlImageList *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlImageList *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlImageList *:focus{outline: none;}
div.NmnlImageList *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NmnlImageList p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlImageList p.btnMore{width: 140px; position: absolute; right: 0; top: 0;}
div.NmnlImageList p.btnMore a{display: block; font-size: 90%; line-height: 24px; color: #fff; font-weight: bold; text-align: center; background: #d6040f; border-radius: 12px;}
div.NmnlImageList p.btnMore.yellow a{background: #fed000; color: #000;}
div.NmnlImageList h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlImageList h2 span{vertical-align: middle;}
div.NmnlImageList h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlImageList button{border: none; cursor: pointer;}
div.NmnlImageList button.slick-prev,
div.NmnlImageList button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.NmnlImageList button.slick-prev:hover,
div.NmnlImageList button.slick-next:hover{opacity: 0.8;}
div.NmnlImageList button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.NmnlImageList button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.NmnlImageList ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.NmnlImageList ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.NmnlImageList ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.NmnlImageList ul.slick-dots li.slick-active button{background: #d6040f;}
div.NmnlImageList{background: #eee; padding: 45px 0 40px; overflow: hidden;}
div.NmnlImageList div.inner{width: 1000px; margin: 0 auto; position: relative;}
div.NmnlImageList ul.mainList{width: 1040px; margin: 0 -20px 20px; background: url(/images/top_nmnl_bg.png) no-repeat center top; background-size: 1000px 310px; position: relative;}
div.NmnlImageList ul.mainList.on{background: none;}
div.NmnlImageList ul li{width: 220px; float: left; padding: 0 20px 0;}
div.NmnlImageList ul a{display: block;}
div.NmnlImageList ul a p.img{margin: 0 0 15px;}
div.NmnlImageList ul a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0 0 5px;}
div.NmnlImageList ul a p.date{font-size: 90%; color: #222;}
div.NmnlImageList ul button.slick-prev,
div.NmnlImageList ul button.slick-next{top: 140px;}
@media screen and (max-width : 1140px) {
	div.NmnlImageList button.slick-prev,
	div.NmnlImageList button.slick-next{display: none!important;}
}

/* 21. nmnl top */
div.NmnlTopMain *{margin: 0; padding: 0;}
div.NmnlTopMain *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlTopMain *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlTopMain *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlTopMain *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlTopMain *:focus{outline: none;}
div.NmnlTopMain *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NmnlTopMain p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlTopMain p.btnMore{width: 140px; position: absolute; right: 0; top: 0;}
div.NmnlTopMain p.btnMore a{display: block; font-size: 90%; line-height: 24px; color: #fff; font-weight: bold; text-align: center; background: #d6040f; border-radius: 12px;}
div.NmnlTopMain p.btnMore.yellow a{background: #fed000; color: #000;}
div.NmnlTopMain p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.NmnlTopMain p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}
div.NmnlTopMain h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlTopMain h2 span{vertical-align: middle;}
div.NmnlTopMain h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlTopMain button{border: none; cursor: pointer;}
div.NmnlTopMain button.slick-prev,
div.NmnlTopMain button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.NmnlTopMain button.slick-prev:hover,
div.NmnlTopMain button.slick-next:hover{opacity: 0.8;}
div.NmnlTopMain button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.NmnlTopMain button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.NmnlTopMain ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.NmnlTopMain ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.NmnlTopMain ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.NmnlTopMain ul.slick-dots li.slick-active button{background: #d6040f;}
div.NmnlTopMain{padding: 40px 0;}
div.NmnlTopMain div.inner{width: 1000px; margin: 0 auto;}
div.NmnlTopMain div.left{width: 420px; float: left;}
div.NmnlTopMain div.left p.cap{margin: 0 0 10px;}
div.NmnlTopMain div.left ul.mainList{position: relative; width: 440px; margin: 0 -10px 40px;}
div.NmnlTopMain div.left ul.mainList li.main{float: left; width: 420px; padding: 0 10px 0;}
div.NmnlTopMain div.left ul.mainList li.main a.poster{display: block; margin: 0 0 25px;}
div.NmnlTopMain div.left ul.mainList a p.img{margin: 0 0 15px;}
div.NmnlTopMain div.left ul.mainList a p.title{font-size: 145%; line-height: 1.7; font-weight: bold; margin: 0 0 5px;}
div.NmnlTopMain div.left ul.mainList a p.date{font-size: 95%; font-weight: bold; color: #222;}
div.NmnlTopMain div.left ul button.slick-prev,
div.NmnlTopMain div.left ul button.slick-next{top: 270px;}
div.NmnlTopMain div.right{width: 500px; float: right; position: relative;}
div.NmnlTopMain div.right h2{line-height: 1.8; margin: 65px 0 40px;}
div.NmnlTopMain div.right p{margin: 0 0 30px; font-size: 111%;}
div.NmnlTopMain div.right p.mark{width: 145px; height: 145px; position: absolute; right: 0; top: 30px;}
div.NmnlTopMain div.right p.btnBackNumber{padding: 30px 0 0;}
div.NmnlTopMain div.right p.btnBackNumber a{display: block; color: #fff; background: #222; line-height: 60px; font-size: 110%; text-align: center; font-weight: bold; padding: 0 0 1px;}
@media screen and (max-width : 1140px) {
	div.NmnlTopMain button.slick-prev,
	div.NmnlTopMain button.slick-next{display: none!important;}
}

/* 23. nmnl common link */
div.NmnlRelatedLink *{margin: 0; padding: 0;}
div.NmnlRelatedLink *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlRelatedLink *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlRelatedLink *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlRelatedLink *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlRelatedLink *:focus{outline: none;}
div.NmnlRelatedLink p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlRelatedLink h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlRelatedLink h2 span{vertical-align: middle;}
div.NmnlRelatedLink h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlRelatedLink{background: #fed000; padding: 45px 0 30px;}
div.NmnlRelatedLink div.inner{width: 1000px; margin: 0 auto;}
div.NmnlRelatedLink ul{}
div.NmnlRelatedLink ul li{float: left; padding: 0 40px 35px 0; width: 480px;}
div.NmnlRelatedLink ul li:nth-child(2),
div.NmnlRelatedLink ul li:last-child{padding-right: 0;}
div.NmnlRelatedLink ul li a{display: block; border: 1px solid #8e7a5c; background: url(/images/nmnl_link_vector.png) no-repeat right center; background-size: 20px 20px; text-align: center; color: #222;}
div.NmnlRelatedLink ul li.large{}
div.NmnlRelatedLink ul li.large a{padding: 15px;}
div.NmnlRelatedLink ul li.large p{text-align: left; padding: 10px 0 0 90px; height: 60px;}
div.NmnlRelatedLink ul li.large span{display: block; font-size: 145%; line-height: 1.4; font-weight: bold;}
div.NmnlRelatedLink ul li.large span.ja{font-size: 90%;}
div.NmnlRelatedLink ul li.small{width: 306px;}
div.NmnlRelatedLink ul li.small a{padding: 35px 0;}
div.NmnlRelatedLink ul li.small span{font-size: 140%; line-height: 30px; font-weight: bold; padding: 10px 10px 10px 40px;}

/* 31. nmnl archive */
div.NmnlBackNumber *{margin: 0; padding: 0;}
div.NmnlBackNumber *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlBackNumber *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlBackNumber *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlBackNumber *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlBackNumber *:focus{outline: none;}
div.NmnlBackNumber *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NmnlBackNumber p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlBackNumber h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlBackNumber h2 span{vertical-align: middle;}
div.NmnlBackNumber h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlBackNumber div.pagenationBlock{padding: 0 0 35px; text-align: center; letter-spacing: 0; font-size: 0;}
div.NmnlBackNumber div.pagenationBlock p,
div.NmnlBackNumber div.pagenationBlock ul,
div.NmnlBackNumber div.pagenationBlock li{display: inline-block; margin: 0 1px 0 0; width: 40px; vertical-align: top;}
div.NmnlBackNumber div.pagenationBlock ul{width: inherit;}
div.NmnlBackNumber div.pagenationBlock li{font-size: 110%; line-height: 40px;}
div.NmnlBackNumber div.pagenationBlock li a{display: block; line-height: 40px; background: #FFF; color: #000; letter-spacing: 0em; font-size: 10pt;}
div.NmnlBackNumber div.pagenationBlock li span.select{display: block; line-height: 40px; background: #d6040f; color: #FFF; font-weight: bold; letter-spacing: 0em; font-size: 10pt;}
div.NmnlBackNumber div.pagenationBlock li span.spacer{letter-spacing: 0em; font-size: 10pt;}
div.NmnlBackNumber div.nmnlArchiveCap{padding: 50px 0 0; background: #eee;}
div.NmnlBackNumber div.nmnlArchiveCap.bottom{padding: 0 0 50px;}
div.NmnlBackNumber div.nmnlArchiveCap div.inner{width: 1000px; margin: 0 auto;}
div.NmnlBackNumber div.main{background: #eee;}
div.NmnlBackNumber div.main div.inner{width: 1000px; margin: 0 auto;}
div.NmnlBackNumber div.main ul{_zoom: 1; overflow: hidden; padding: 0 0 35px;}
div.NmnlBackNumber div.main ul li{float: left; padding: 0 50px 0 0; margin: 0 0 25px; width: 300px;}
div.NmnlBackNumber div.main ul li:nth-child(3n){padding: 0;}
div.NmnlBackNumber div.main ul li:nth-child(3n + 1){clear: both;}
div.NmnlBackNumber div.main ul li a{display: block;}
div.NmnlBackNumber div.main ul a p.img{margin: 0 0 15px;}
div.NmnlBackNumber div.main ul a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0 0 5px;}
div.NmnlBackNumber div.main ul a p.date{font-size: 90%; color: #222;}

/* 41. nmnl single */
div.NmnlDetail *{margin: 0; padding: 0;}
div.NmnlDetail *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlDetail *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlDetail *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlDetail *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlDetail *:focus{outline: none;}
div.NmnlDetail *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NmnlDetail p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlDetail p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.NmnlDetail p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}
div.NmnlDetail h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlDetail h2 span{vertical-align: middle;}
div.NmnlDetail h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlDetail{padding: 50px 0 0;}
div.NmnlDetail div.inner{width: 1000px; margin: 0 auto;}
div.NmnlDetail div.block{border: 1px solid #ddd; padding: 40px 39px; margin: 0 0 60px;}
div.NmnlDetail div.block p{margin: 0 0 30px;}
div.NmnlDetail div.block img{max-width: 100%!important; height: auto!important;}
div.NmnlDetail div.imgBlock{position: relative; margin: 10px 0 50px;}
div.NmnlDetail div.imgBlock p.img{width: 600px; margin: 0 auto;}
div.NmnlDetail div.imgBlock p.img img{width: 100%; height: auto;}
div.NmnlDetail div.imgBlock p.btn{position: absolute; width: 40px; height: 40px; top: 0; bottom: 0; margin: auto 0;}
div.NmnlDetail div.imgBlock p.btn.prev{left: 0;}
div.NmnlDetail div.imgBlock p.btn.next{right: 0;}
div.NmnlDetail div.txtBlock{}
div.NmnlDetail div.txtBlock h1{font-size: 190%; font-weight: bold; line-height: 1.6; margin: 0 0 5px;}
div.NmnlDetail div.txtBlock p{}
div.NmnlDetail div.txtBlock p.date{font-size: 100%; font-weight: bold;}
div.NmnlDetail div.youTube{position: relative; width: 100%; padding-top: 56.25%; margin: 0 0 30px}
div.NmnlDetail div.youTube iframe{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
div.NmnlDetail p.commonLinkBtn{width: 420px;}

/* 42. nmnl random backnumber */
div.NmnlImageList_Single *{margin: 0; padding: 0;}
div.NmnlImageList_Single *.en{font-family: Helvetica, Arial, sans-serif;}
div.NmnlImageList_Single *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.NmnlImageList_Single *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.NmnlImageList_Single *.clearfix::after{content: ""; display: block; clear: both;}
div.NmnlImageList_Single *:focus{outline: none;}
div.NmnlImageList_Single *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.NmnlImageList_Single p{line-height: 2; font-size: 110%; color: #222;}
div.NmnlImageList_Single p.btnMore{width: 140px; position: absolute; right: 0; top: 0;}
div.NmnlImageList_Single p.btnMore a{display: block; font-size: 90%; line-height: 24px; color: #fff; font-weight: bold; text-align: center; background: #d6040f; border-radius: 12px;}
div.NmnlImageList_Single p.btnMore.yellow a{background: #fed000; color: #000;}
div.NmnlImageList_Single h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.NmnlImageList_Single h2 span{vertical-align: middle;}
div.NmnlImageList_Single h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.NmnlImageList_Single{background: #eee; padding: 45px 0 50px;}
div.NmnlImageList_Single div.inner{width: 1000px; margin: 0 auto; position: relative;}
div.NmnlImageList_Single ul{}
div.NmnlImageList_Single ul li{width: 220px; float: left; padding: 0 40px 0 0;}
div.NmnlImageList_Single ul li:last-child{padding: 0;}
div.NmnlImageList_Single ul a{display: block;}
div.NmnlImageList_Single ul a p.img{margin: 0 0 15px;}
div.NmnlImageList_Single ul a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0 0 5px;}
div.NmnlImageList_Single ul a p.date{font-size: 90%; color: #222;}

/* 61. news archive */
div.ArticleArchive div.pagenationBlock{padding: 0 0 35px; text-align: center; letter-spacing: 0; font-size: 0;}
div.ArticleArchive div.pagenationBlock p,
div.ArticleArchive div.pagenationBlock ul,
div.ArticleArchive div.pagenationBlock li{display: inline-block; margin: 0 1px 0 0; width: 40px; vertical-align: top;}
div.ArticleArchive div.pagenationBlock ul{width: inherit;}
div.ArticleArchive div.pagenationBlock li{font-size: 110%; line-height: 40px;}
div.ArticleArchive div.pagenationBlock li a{display: block; line-height: 40px; background: #FFF; color: #000; letter-spacing: 0em; font-size: 10pt;}
div.ArticleArchive div.pagenationBlock li span.select{display: block; line-height: 40px; background: #d6040f; color: #FFF; font-weight: bold; letter-spacing: 0em; font-size: 10pt;}
div.ArticleArchive div.pagenationBlock li span.spacer{letter-spacing: 0em; font-size: 10pt;}
div.ArticleArchive div.newsCap{padding: 50px 0 0; background: #eee;}
div.ArticleArchive div.newsCap.bottom{padding: 0 0 50px;}
div.ArticleArchive div.newsCap div.inner{width: 1000px; margin: 0 auto;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive{width: 100%; display: flex; padding: 0 0 35px;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive li{display: flex; width: 400px; font-size: 100%; line-height: 1.6; text-align: center; border-right: 1px solid #EEE; position: relative;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive li a,
div.ArticleArchive div.newsCap ul.newsCatTabArchive li span{padding: 10px 5px; background: #FFF; display: block; width: 100%; color: #000;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive li span{background: #d6040f; color: #FFF; font-weight: bold;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive li span::after{position: absolute; content: ""; width: 10px; height: 10px; left: 0; right: 0; bottom: -5px; margin: 0 auto; background: url(/images/mark_tab_cat.png) no-repeat center center; background-size: 10px 10px;}
div.ArticleArchive div.newsCap ul.newsCatTabArchive.bottom li span::after{bottom: inherit; top: -5px;}
div.ArticleArchive ul.newsList{margin: 0 0 40px; width: 1000px; _zoom: 1; overflow: hidden;}
div.ArticleArchive ul.newsList.off{display: none;}
div.ArticleArchive ul.newsList li:not(.reset){width: 469px; float: left; border-top: 1px solid #EEE; border-right: 1px solid #EEE; overflow: hidden; background: #FFF; padding: 15px; position: relative; padding-bottom: 32767px; margin-bottom: -32752px;}
div.ArticleArchive ul.newsList li.reset{display: block; clear: both;}
div.ArticleArchive ul.newsList a.hoverAlpha{display: block;}
div.ArticleArchive ul.newsList li a{color: #222;}
div.ArticleArchive ul.newsList p.cap span a{color: #000;}
div.ArticleArchive ul.newsList div.right{width: 350px; float: right;}
div.ArticleArchive ul.newsList p.img{width: 100px; height: 100px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat;}
div.ArticleArchive ul.newsList p.cap{font-size: 85%; font-weight: bold; margin: 0 0 10px;}
div.ArticleArchive ul.newsList p.cap span{background: #fed000; padding: 2px 0;}
div.ArticleArchive ul.newsList p.cap span.date{background: #000; color: #fed000; padding: 2px 8px;}
div.ArticleArchive ul.newsList p.cap span a:first-child{padding-left: 8px;}
div.ArticleArchive ul.newsList p.cap span a:last-child{padding-right: 8px;}
div.ArticleArchive ul.newsList p.title{font-size: 105%; line-height: 1.7;}
div.ArticleArchive ul.newsCatTab{width: 100%; display: table; table-layout: fixed; margin: 0 0 30px;}
div.ArticleArchive ul.newsCatTab li{display: table-cell; font-size: 100%; line-height: 1.6; text-align: center; cursor: pointer; padding: 10px 5px; background: #FFF; border-right: 1px solid #EEE; position: relative;}
div.ArticleArchive ul.newsCatTab li.on{background: #d6040f; color: #FFF; font-weight: bold;}
div.ArticleArchive ul.newsCatTab li.on::after{position: absolute; content: ""; width: 10px; height: 10px; left: 0; right: 0; bottom: -5px; margin: 0 auto; background: url(/images/mark_tab_cat.png) no-repeat center center; background-size: 10px 10px;}
div.ArticleArchive p{line-height: 2; font-size: 110%; color: #222;}
div.ArticleArchive *.en{font-family: Helvetica, Arial, sans-serif;}
div.ArticleArchive *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ArticleArchive *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ArticleArchive *.clearfix::after{content: ""; display: block; clear: both;}
div.ArticleArchive h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ArticleArchive h2 span{vertical-align: middle;}
div.ArticleArchive h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ArticleArchive p.commonLinkBtn{font-size: 100%; margin: 0 0 30px;}
div.ArticleArchive p.commonLinkBtn a{font-weight: bold; line-height: 40px; display: block; border-radius: 20px; border: 1px solid #ccc; text-align: center; color: #777; background: url(/images/vector_link_btn.png) no-repeat right center; background-size: 25px 10px;}
div.ArticleArchive div.main{padding: 0 0 35px; background: #eee;}
div.ArticleArchive div.main div.inner{width: 1000px; margin: 0 auto; position: relative;}
div.ArticleArchive div.main div.RectangleGeneralPurpose{position: absolute; right: 0; top: 0; width: 300px; height: 250px; background: #DDD;}
div.ArticleArchive div.main ul.newsList{margin: 0;}
div.ArticleArchive div.main ul.newsList li:first-child,
div.ArticleArchive div.main ul.newsList li:nth-child(2){width: 630px; float: none; padding-bottom: 15px; margin-bottom: 0;}
div.ArticleArchive div.main ul.newsList li:nth-child(2){margin-bottom: 40px;}
div.ArticleArchive div.main ul.newsList li:first-child div.right,
div.ArticleArchive div.main ul.newsList li:nth-child(2) div.right{width: 510px;}

/* 71. news single */
div.ArticleDetail *{margin: 0; padding: 0;}
div.ArticleDetail *.en{font-family: Helvetica, Arial, sans-serif;}
div.ArticleDetail *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ArticleDetail *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ArticleDetail *.clearfix::after{content: ""; display: block; clear: both;}
div.ArticleDetail *:focus{outline: none;}
div.ArticleDetail *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.ArticleDetail p{line-height: 2; font-size: 110%; color: #222;}
div.ArticleDetail h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ArticleDetail h2 span{vertical-align: middle;}
div.ArticleDetail h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ArticleDetail{padding: 50px 0 85px; background: #eee;}
div.ArticleDetail div.inner{width: 760px; padding: 65px 120px 80px; background: #FFF; margin: 0 auto; position: relative;}
div.ArticleDetail div.titleBlock{width: 490px; margin: 0 0 60px; min-height: 180px; text-align: left;}
div.ArticleDetail div.titleBlock h1{font-size: 190%; font-weight: bold; line-height: 1.6; margin: 0 0 25px;}
div.ArticleDetail div.titleBlock dl{margin: 0 0 10px;}
div.ArticleDetail div.titleBlock dt{width: 65px; float: left; text-align: center; line-height: 20px; font-weight: bold; background: #d6040f; font-size: 90%; color: #FFF;}
div.ArticleDetail div.titleBlock dl.series dt{background: #ddd; color: #111;}
div.ArticleDetail div.titleBlock dl.date dt{background: #fed000; color: #111;}
div.ArticleDetail div.titleBlock dl.txt dt{background: #111; color: #fed000;}
div.ArticleDetail div.titleBlock dd{width: 410px; float: right; font-size: 105%; line-height: 20px; color: #888;}
div.ArticleDetail div.titleBlock dd a{color: #888; text-decoration: underline;}
div.ArticleDetail div.titleBlock dd a:hover{color: #d6040f;}
div.ArticleDetail div.titleBlock p.parentPost{margin: 0 0 12px; padding: 0 0 0 25px; background: url(/images/vector_circle_left.png) no-repeat 0 5px; background-size: 16px 16px;}
div.ArticleDetail div.titleBlock p.parentPost a{text-decoration: underline;}
div.ArticleDetail div.titleBlock p.parentPost a:hover{color: #d6040f;}
div.ArticleDetail div.RectangleGeneralPurpose{width: 300px; height: 250px; background: #DDD; position: absolute; right: 30px; top: 30px;}
div.ArticleDetail div.seriesLinkBlock{padding: 30px 40px; border: 1px solid #ddd; margin: 0 0 65px;}
div.ArticleDetail div.seriesLinkBlock p.logo{padding: 0 0 15px;}
div.ArticleDetail div.seriesLinkBlock ul{line-height: 2; font-size: 105%; color: #222;}
div.ArticleDetail div.seriesLinkBlock ul li{display: inline;}
div.ArticleDetail div.seriesLinkBlock ul li::after{content: " / ";}
div.ArticleDetail div.seriesLinkBlock ul li:last-child::after{content: "";}
div.ArticleDetail div.seriesLinkBlock ul li a{color: #222; text-decoration: underline;}
div.ArticleDetail div.seriesLinkBlock ul li a:hover{color: #d6040f;}
div.ArticleDetail div.main{overflow: hidden; margin: 0 0 50px;}
div.ArticleDetail div.main h2{font-size: 160%; line-height: 1.5; margin: 0 0 30px; padding: 10px 0 10px 30px; position: relative; border-bottom: 1px solid #ddd;}
div.ArticleDetail div.main h2::after{content: ""; position: absolute; width: 10px; height: 30px; background: #fed000; left: 0; top: 10px;}
div.ArticleDetail div.main p{margin: 0 0 30px;}
div.ArticleDetail div.main a{color: #d6040f; text-decoration: underline;}
div.ArticleDetail div.main a:hover{opacity: 0.7;}
div.ArticleDetail div.main img{max-width: 100%!important; height: auto!important;}
div.ArticleDetail div.main small{display: block; text-align: center; color: #888; font-size: 90%;}
div.ArticleDetail div.bottom{}
div.ArticleDetail div.bottom dl.related{padding: 0 0 20px;}
div.ArticleDetail div.bottom dt{width: 120px; height: 30px; font-size: 95%; font-weight: bold; padding: 0 5px 0 0; line-height: 30px; float: left; background: url(/images/bg_related.png) no-repeat left center; background-size: 125px 30px; text-align: center; color: #FFF;}
div.ArticleDetail div.bottom dl.store dt{background-image: url(/images/bg_related_yellow.png); color: #111;}
div.ArticleDetail div.bottom dl.event dt{background-image: url(/images/bg_related_black.png); color: #fed000;}
div.ArticleDetail div.bottom dl.link dt{background-image: url(/images/bg_related_gray.png); color: #111;}
div.ArticleDetail div.bottom dd{width: 620px; float: right; font-size: 110%; line-height: 30px; color: #222;}
div.ArticleDetail div.bottom dd a{color: #222; text-decoration: underline;}
div.ArticleDetail div.bottom dd a:hover{color: #d6040f;}
div.ArticleDetail div.bottom ul.SnsSharing{display: block; margin: 0 0 10px; padding: 30px 0 0;}
div.ArticleDetail div.bottom ul.SnsSharing li{display: inline-block; height: 25px; padding: 0 10px 0 0;}
div.ArticleDetail div.prevNextNavi{border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 30px 0; _zoom: 1; overflow: hidden; margin: 0 0 65px;}
div.ArticleDetail div.prevNextNavi p{font-size: 105%;}
div.ArticleDetail div.prevNextNavi p.title{width: 120px; height: 30px; font-size: 95%; font-weight: bold; line-height: 30px; background: url(/images/bg_related_yellow_left.png) no-repeat left center; background-size: 125px 30px; text-align: center; color: #FFF; margin: 0 0 15px; padding: 0 0 0 5px; color: #111;}
div.ArticleDetail div.prevNextNavi p.link{padding: 0 0 0 10px; color: #222; clear: both;}
div.ArticleDetail div.prevNextNavi p.link a{color: #222; text-decoration: underline;}
div.ArticleDetail div.prevNextNavi p.link a:hover{color: #d6040f;}
div.ArticleDetail div.prevNextNavi div.left{float: left; width: 350px;}
div.ArticleDetail div.prevNextNavi div.right{float: right; width: 350px;}
div.ArticleDetail div.prevNextNavi div.right p.title{background-image: url(/images/bg_related_yellow.png); padding: 0 5px 0 0; float: right;}
div.ArticleDetail div.prevNextNavi div.right p.link{padding: 0 10px 0 0; text-align: right;}
div.ArticleDetail div.relatedNavi{border: 3px solid #fed000; padding: 30px 40px 35px; margin: 0 0 65px;}
div.ArticleDetail div.relatedNavi h3{font-size: 160%; line-height: 1.5; margin: 0 0 30px; padding: 10px 0 10px 30px; position: relative; border-bottom: 1px solid #ddd; font-weight: bold;}
div.ArticleDetail div.relatedNavi h3::after{content: ""; position: absolute; width: 10px; height: 30px; background: #fed000; left: 0; top: 10px;}
div.ArticleDetail div.relatedNavi ul{list-style-type: none; padding: 0; color: #222;}
div.ArticleDetail div.relatedNavi ul li{font-size: 120%; line-height: 1.9;}
div.ArticleDetail div.relatedNavi ul a,
div.ArticleDetail div.relatedNavi ul strong{display: block; padding: 0 0 20px; color: #222;}
div.ArticleDetail div.relatedNavi ul a{text-decoration: underline;}
div.ArticleDetail div.relatedNavi ul a:hover{color: #d6040f;}
div.ArticleDetail div.relatedNavi ul.child li{font-size: 90%; padding: 0 0 0 25px; margin: 0 0 0 25px; background: url(/images/vector_circle_right.png) no-repeat 0 5px; background-size: 16px 16px;}
div.ArticleDetail div.relatedNavi ul.child li ul.child li{font-size: 100%;}
div.ArticleDetail div.relatedNavi ul.child a,
div.ArticleDetail div.relatedNavi ul.child strong{padding: 0 0 15px;}

/* 81. label top */
div.GeneralPurpose_Labels *{margin: 0; padding: 0;}
div.GeneralPurpose_Labels *.en{font-family: Helvetica, Arial, sans-serif;}
div.GeneralPurpose_Labels *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.GeneralPurpose_Labels *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.GeneralPurpose_Labels *.clearfix::after{content: ""; display: block; clear: both;}
div.GeneralPurpose_Labels *:focus{outline: none;}
div.GeneralPurpose_Labels p{line-height: 2; font-size: 110%; color: #222;}
div.GeneralPurpose_Labels{padding: 50px 0;}
div.GeneralPurpose_Labels div.inner{width: 918px; margin: 0 auto; border: 1px solid #ddd; padding: 40px;}
div.GeneralPurpose_Labels div.right{width: 600px; float: right; padding: 15px 0 0;}
div.GeneralPurpose_Labels p.img{float: left; width: 280px;}
div.GeneralPurpose_Labels h1{margin: 0 0 40px; font-size: 200%; font-weight: bold;}

/* 82. label banner */
div.GeneralPurpose_LabelBanner *{margin: 0; padding: 0;}
div.GeneralPurpose_LabelBanner *.en{font-family: Helvetica, Arial, sans-serif;}
div.GeneralPurpose_LabelBanner *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.GeneralPurpose_LabelBanner *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.GeneralPurpose_LabelBanner *.clearfix::after{content: ""; display: block; clear: both;}
div.GeneralPurpose_LabelBanner{padding: 50px 0; background: #eee;}
div.GeneralPurpose_LabelBanner div.inner{width: 1000px; margin: 0 auto;}
div.GeneralPurpose_LabelBanner div.twWrap{float: left; width: 610px; padding: 25px; background: #FFF;}
div.GeneralPurpose_LabelBanner div.twWrap div.inside{height: 350px; overflow: hidden; overflow-y: auto;}
div.GeneralPurpose_LabelBanner div.bnWrap{float: right; width: 300px;}
div.GeneralPurpose_LabelBanner div.bnWrap li{margin: 0 0 15px;}
div.GeneralPurpose_LabelBanner div.bnWrap img{max-width: 100%; height: auto;}


div.twWrapRoot div.twWrap{width: 610px; padding: 25px; background: #FFF;}
div.twWrapRoot div.twWrap div.inside{height: 350px; overflow: hidden; overflow-y: auto;}


/* 83. label item list yellow */
div.ItemCarouselList_Yellow *{margin: 0; padding: 0;}
div.ItemCarouselList_Yellow *.en{font-family: Helvetica, Arial, sans-serif;}
div.ItemCarouselList_Yellow *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ItemCarouselList_Yellow *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ItemCarouselList_Yellow *.clearfix::after{content: ""; display: block; clear: both;}
div.ItemCarouselList_Yellow *:focus{outline: none;}
div.ItemCarouselList_Yellow *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.ItemCarouselList_Yellow p{line-height: 2; font-size: 110%; color: #222;}
div.ItemCarouselList_Yellow h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ItemCarouselList_Yellow h2 span{vertical-align: middle;}
div.ItemCarouselList_Yellow h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ItemCarouselList_Yellow button{border: none; cursor: pointer;}
div.ItemCarouselList_Yellow button.slick-prev,
div.ItemCarouselList_Yellow button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.ItemCarouselList_Yellow button.slick-prev:hover,
div.ItemCarouselList_Yellow button.slick-next:hover{opacity: 0.8;}
div.ItemCarouselList_Yellow button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.ItemCarouselList_Yellow button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.ItemCarouselList_Yellow ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.ItemCarouselList_Yellow ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.ItemCarouselList_Yellow ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.ItemCarouselList_Yellow ul.slick-dots li.slick-active button{background: #d6040f;}
div.ItemCarouselList_Yellow{padding: 45px 0 50px; background: #fed000;}
div.ItemCarouselList_Yellow div.inner{width: 1000px; margin: 0 auto;}
div.ItemCarouselList_Yellow ul.pList{position: relative; width: 1030px; margin: 0 -15px 10px; padding: 0 0 10px;}
div.ItemCarouselList_Yellow ul.pList li.main{width: 176px; padding: 0 15px; float: left;}
div.ItemCarouselList_Yellow ul.pList a{color: #000;}
div.ItemCarouselList_Yellow ul.pList p{line-height: 1.7;}
div.ItemCarouselList_Yellow ul.pList p.img{margin: 0 0 15px;}
div.ItemCarouselList_Yellow ul.pList p.title{font-size: 105%; font-weight: bold;}
div.ItemCarouselList_Yellow ul.pList p.name{font-size: 105%; margin: 0 0 10px;}
div.ItemCarouselList_Yellow ul.pList p.name a{text-decoration: underline;}
div.ItemCarouselList_Yellow ul.pList p.name a:hover{color: #d6040f;}
div.ItemCarouselList_Yellow ul.pList p.price{font-size: 100%; margin: 0;}
div.ItemCarouselList_Yellow ul.pList p.price span.sale{color: #d6040f;}
div.ItemCarouselList_Yellow ul.pList p.btnCart,
div.ItemCarouselList_Yellow ul.pList p.btnBooking{font-size: 100%; font-weight: bold; padding-top: 20px;}
div.ItemCarouselList_Yellow ul.pList p.btnCart a,
div.ItemCarouselList_Yellow ul.pList p.btnBooking a{color: #FFF; background: #000; display: block; padding: 7px 0; text-align: center;}
div.ItemCarouselList_Yellow ul.pList p.btnBooking a{background: #FFF; color: #000;}
div.ItemCarouselList_Yellow ul button.slick-prev,
div.ItemCarouselList_Yellow ul button.slick-next{top: 75px;}
div.ItemCarouselList_Yellow ul.slick-dots li button{background: #e2b400;}
div.ItemCarouselList_Yellow ul.slick-dots li.slick-active button{background: #d6040f;}
@media screen and (max-width : 1140px) {
	div.ItemCarouselList_Yellow button.slick-prev,
	div.ItemCarouselList_Yellow button.slick-next{display: none!important;}
}

/* 84. label item list white */
div.ItemCarouselList_White *{margin: 0; padding: 0;}
div.ItemCarouselList_White *.en{font-family: Helvetica, Arial, sans-serif;}
div.ItemCarouselList_White *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.ItemCarouselList_White *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.ItemCarouselList_White *.clearfix::after{content: ""; display: block; clear: both;}
div.ItemCarouselList_White *:focus{outline: none;}
div.ItemCarouselList_White *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.ItemCarouselList_White p{line-height: 2; font-size: 110%; color: #222;}
div.ItemCarouselList_White h2{font-size: 170%; font-weight: bold; margin: 0 0 30px;}
div.ItemCarouselList_White h2 span{vertical-align: middle;}
div.ItemCarouselList_White h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.ItemCarouselList_White button{border: none; cursor: pointer;}
div.ItemCarouselList_White button.slick-prev,
div.ItemCarouselList_White button.slick-next{position: absolute; width: 30px; height: 30px; top: 25px; text-indent: -999px; overflow: hidden; z-index: 5;}
div.ItemCarouselList_White button.slick-prev:hover,
div.ItemCarouselList_White button.slick-next:hover{opacity: 0.8;}
div.ItemCarouselList_White button.slick-prev{background: url(/images/btn_slick_prev.png) no-repeat center center; background-size: 30px 30px; left: -40px;}
div.ItemCarouselList_White button.slick-next{background: url(/images/btn_slick_next.png) no-repeat center center; background-size: 30px 30px; right: -40px;}
div.ItemCarouselList_White ul.slick-dots{ position: absolute; max-width: 100%; left: 0; right: 0; bottom: -20px; margin: 0 auto; text-align: center;}
div.ItemCarouselList_White ul.slick-dots li{display: inline-block; float: none; width: 30px; margin: 0; padding: 0 5px; height: 3px;}
div.ItemCarouselList_White ul.slick-dots li button{text-indent: -999px; overflow: hidden; width: 100%; height: 3px; background: #ccc;}
div.ItemCarouselList_White ul.slick-dots li.slick-active button{background: #d6040f;}
div.ItemCarouselList_White{padding: 45px 0 50px; background: #fff;}
div.ItemCarouselList_White div.inner{width: 1000px; margin: 0 auto;}
div.ItemCarouselList_White ul.pList{position: relative; width: 1030px; margin: 0 -15px 10px; padding: 0 0 10px;}
div.ItemCarouselList_White ul.pList li.main{width: 176px; padding: 0 15px; float: left;}
div.ItemCarouselList_White ul.pList a{color: #000;}
div.ItemCarouselList_White ul.pList p{line-height: 1.7;}
div.ItemCarouselList_White ul.pList p.img{margin: 0 0 15px;}
div.ItemCarouselList_White ul.pList p.title{font-size: 105%; font-weight: bold;}
div.ItemCarouselList_White ul.pList p.name{font-size: 105%; margin: 0 0 10px;}
div.ItemCarouselList_White ul.pList p.name a{text-decoration: underline;}
div.ItemCarouselList_White ul.pList p.name a:hover{color: #d6040f;}
div.ItemCarouselList_White ul.pList p.price{font-size: 100%; margin: 0;}
div.ItemCarouselList_White ul.pList p.price span.sale{color: #d6040f;}
div.ItemCarouselList_White ul.pList p.btnCart,
div.ItemCarouselList_White ul.pList p.btnBooking{font-size: 100%; font-weight: bold; padding-top: 20px;}
div.ItemCarouselList_White ul.pList p.btnCart a,
div.ItemCarouselList_White ul.pList p.btnBooking a{color: #FFF; background: #000; display: block; padding: 7px 0; text-align: center;}
div.ItemCarouselList_White ul.pList p.btnBooking a{background: #fed000; color: #000;}
div.ItemCarouselList_White ul button.slick-prev,
div.ItemCarouselList_White ul button.slick-next{top: 75px;}
@media screen and (max-width : 1140px) {
	div.ItemCarouselList_White button.slick-prev,
	div.ItemCarouselList_White button.slick-next{display: none!important;}
}