﻿@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:100}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:200}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:300}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold");font-weight:bold}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:100}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:200}*{line-height:1.5}html{position:relative;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:hidden;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;height:100%;margin-bottom:38px;background-color:#fff;color:#333;font-size:13px;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;overflow-y:scroll;box-sizing:border-box}@media all and (-ms-high-contrast: none){body{font-family:Verdana, Meiryo, sans-serif}}@media all and (-ms-high-contrast: active){body{font-family:Verdana, Meiryo, sans-serif}}select,input,button,textarea,#cboxWrapper{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;-webkit-appearance:none}img{width:auto;max-width:100%;height:auto;vertical-align:bottom;border:0}#wrapper{position:relative;min-width:1024px;min-height:100%;box-sizing:border-box}html.ua-SP #wrapper{min-width:auto;overflow-x:hidden}#header{border-top:7px solid #0f4c81}#header #headline{display:table;height:80px}#header #headline h1{display:table-cell;float:none;width:18em;height:67px;padding:8px 0 5px 0;font-size:26px;vertical-align:middle;text-shadow:none}#header #headline h1 img.logo{max-width:182px;max-height:72px;margin-top:-3px}#header #headline #headlineNav{display:table-cell;top:23px;background-color:inherit}#header #headline #headlineNav ul li{margin:0}#header #headline #headlineNav ul li.first{padding-left:0;color:#333}#header #headline #headlineNav ul li.hnUser{margin:3px 20px 0 0}#header #headline #headlineNav ul li.hnUser span{padding-right:0;border-right:none;background:transparent url(/images/portal/header/bg_hn_user_@2x.png) left center no-repeat;background-size:20px 20px;background-size:16px}#header #headline #headlineNav ul li.hnHelp a,#header #headline #headlineNav ul li.hnLogout a{color:#333;padding:2px 12px 2px 36px;border-radius:3px;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}#header #headline #headlineNav ul li.hnHelp a{background:#eee url(/images/portal/header/bg_hn_help_@2x.png) 8px center no-repeat;background-size:20px 20px;margin-right:15px}#header #headline #headlineNav ul li.hnLogout a{background:#eee url(/images/portal/header/bg_hn_logout_@2x.png) 8px center no-repeat;background-size:20px 20px}#header #headline #headlineNav ul li.hnHelp a:hover{background:#666 url(/images/portal/header/bg_hn_help_w_@2x.png) 8px center no-repeat;background-size:20px 20px;text-decoration:none;color:#fff}#header #headline #headlineNav ul li.hnLogout a:hover{background:#666 url(/images/portal/header/bg_hn_logout_w_@2x.png) 8px center no-repeat;background-size:20px 20px;text-decoration:none;color:#fff}#header #headline .navBtn{display:none}#header #headerNav{height:auto;border-top:2px solid #0f4c81;background-color:#eee}#header #headerNav ul.topicPath{height:auto}#header #headerNav ul.topicPath li{background:transparent url(/images/portal/header/bg_topic_path_@2x.png) no-repeat right top}#header #headerNav ul.topicPath li a{height:40px;padding:0 30px 0 10px;color:#0f4c81;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}#header #headerNav ul.topicPath li a:hover{color:#0f4c81;text-decoration:none;opacity:.7}#header #headerNav ul.topicPath li.current{color:#666;padding:0 30px 0 10px}#header #headerNav ul.topicPath li span,#header #headerNav ul.topicPath li a span{padding:0;line-height:40px;height:40px}#header #headerNav ul.topicPath li.tpHome a span{padding:0;background:none}#header #headerNav ul.topicPath li.tpHome a:hover span{background-position:0 -41px}html.ua-SP #header{position:relative;border-top:5px solid #0f4c81}html.ua-SP #header #headline{display:block;width:auto;height:auto;padding:15px 10px}html.ua-SP #header #headline #headlineNav{position:absolute;top:0;left:100%;width:100%;height:calc(100vh - 5px);background:#fff;z-index:100;transition:transform .7s ease}html.ua-SP body.menuOpen #header #headline #headlineNav{transform:translateX(-100%)}html.ua-SP #header #headline #headlineNav ul{display:flex;padding:60px 20px;flex-wrap:wrap;justify-content:space-between}html.ua-SP #header #headline #headlineNav ul li{margin:0 auto;font-size:18px}html.ua-SP #header #headline #headlineNav ul li.hnUser{width:100%;margin:0 0 24px;text-align:center}html.ua-SP #header #headline #headlineNav ul li.hnUser span{display:inline-block}html.ua-SP #header #headline #headlineNav ul li.hnHelp{display:none}html.ua-SP #header #headline #headlineNav ul li.hnLogout a{padding:10px 50px 10px 60px;background:#eee url(/images/portal/header/bg_hn_logout_@2x.png) 16px center no-repeat;background-size:20px 20px}html.ua-SP #header #headline #headlineNav ul li.hnLogout a:hover{background:#666 url(/images/portal/header/bg_hn_logout_w_@2x.png) 16px center no-repeat;background-size:20px 20px}html.ua-SP #header #headline h1{display:block;float:none;width:auto;height:auto;font-size:16px;margin:0;padding:0;line-height:1}html.ua-SP #header #headline h1 img.logo{margin:0 10px 0 0;max-width:120px;max-height:22px}html.ua-SP #header #headline .navBtn{position:absolute;right:0;top:3px;width:45px;height:45px;display:block;cursor:pointer;z-index:101}html.ua-SP body#login #header #headline .navBtn{display:none}html.ua-SP #header #headline .navBtn span{position:absolute;right:14px;top:14px;content:'';width:18px;height:2px;display:block;background:#666;transition:all .3s ease}html.ua-SP #header #headline .navBtn span:nth-of-type(2){top:20px}html.ua-SP #header #headline .navBtn span:nth-of-type(3){top:26px}html.ua-SP body.menuOpen #header #headline .navBtn span:nth-of-type(1){width:10px;top:16px;transform:rotate(45deg)}html.ua-SP body.menuOpen #header #headline .navBtn span:nth-of-type(3){width:10px;top:24px;transform:rotate(-45deg)}html.ua-SP #header #headerNav{width:100%;height:40px;-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap}html.ua-SP #header #headerNav ul.topicPath{display:table;width:auto;height:40px;margin:0 0 0 10px;padding-right:10px;white-space:nowrap}html.ua-SP #header #headerNav ul.topicPath li{display:table-cell;position:relative;float:none;width:auto}html.ua-SP #header #headerNav ul.topicPath li.current{padding-right:0}@media all and (max-width: 320px){html.ua-SP #header #headline #headlineNav ul li.hnUser{width:100%;margin-bottom:5px}}.information{margin:0 0 15px 0;padding:12px 16px 11px 40px;border:1px solid #ccc;background:#fff url(/images/portal/header/bg_information_@2x.png) no-repeat 12px calc(50% - 1px);background-size:20px 20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#333;font-size:14px}html.ua-SP #content .information{margin:0}.ul.error{padding:12px 12px 5px 12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#333;font-size:14px}#container{padding:32px 0 80px 0}html.ua-SP #container{width:auto;padding:30px 15px 68px}html.ua-SP #container #contentWrapper{float:none;width:auto}html.ua-SP #container #contentWrapper.wide{width:auto}#footer{position:absolute;bottom:0;width:100%;height:18px;padding:10px 0;background-color:#0f4c81}#footer p.copyright{height:20px;color:#ccc;font-size:12px;text-shadow:none;overflow:hidden}#footer p.copyright a{color:#fff;text-decoration:none;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}#footer p.copyright a:hover{color:#fff;opacity:.7}html.ua-SP #header #headline:after,html.ua-SP #header #headline #headlineNav ul:after,html.ua-SP #header #headerNav:after,html.ua-SP #header #headerNav ul.topicPath:after,html.ua-SP #container:after,html.ua-SP #content.home #categoryList ul:after,html.ua-SP #content #contentList div.content:after,html.ua-SP #content #seriesList div.seriesWrapper div.series:after,html.ua-SP #content #seriesList div.seriesWrapper div.series div.title ul li a:after,html.ua-SP #content div.view div.buttonsWrapper:after,html.ua-SP #content div.view div.buttonsWrapper ul.btnSeries:after,html.ua-SP .clearfix:after{display:none}body#login #container #contentWrapper{width:540px;margin:0 auto}body#login #content{margin-top:16px;padding:32px 40px 40px 40px}body#login #content{border:5px solid #eee;border-radius:5px}body#login #content p{font-size:16px}#content.login input#login_name,#content.login input#password{width:calc(100% - 32px);padding:12px 16px;border:none;border-radius:5px;border:2px solid #eee;background:#eee;font-size:18px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}#content.login input#login_name:focus,#content.login input#password:focus{background:#fcfcfc}#content.login input#login_name:-webkit-autofill,#content.login input#password:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #eee inset}#content.login p label.rememberMe{font-size:14px}body#login .btnSubmit{margin-top:24px !important;text-align:center}body#login .button{font-size:18px;padding:8px 64px;color:#0f4c81;background:#fff url(/images/portal/arrow/ico_arrow_b_@2x.png) no-repeat 93% center;background-size:5px 9px;border:2px solid #0f4c81;box-shadow:none;text-shadow:none;border-radius:5px;font-family:inherit;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}body#login .button:hover{color:#fff;text-decoration:none;background:#0f4c81 url(/images/portal/arrow/ico_arrow_w_@2x.png) no-repeat 93% center;background-size:5px 9px;box-shadow:none}body#login #content .information{font-size:14px}html.ua-SP body#login #header #headerNav{height:auto}html.ua-SP body#login #content{margin:0;padding:0;border:none}html.ua-SP body#login #container #contentWrapper{width:auto;margin:0}html.ua-SP #content.login input#login_name,html.ua-SP #content.login input#password{width:100%;font-size:142%;box-sizing:border-box}input[type="checkbox"]{display:none}label.rememberMe{position:relative;display:inline-block;padding:3px 3px 3px 22px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}label.rememberMe::before,label.rememberMe::after{position:absolute;content:'';-webkit-transition:all .2s;transition:all .2s}label.rememberMe::before{top:50%;left:0;width:14px;height:14px;margin-top:-8px;background:#f4f4f4;border:1px solid #ccc;border-radius:3px}label.rememberMe::after{opacity:0;top:50%;left:3px;width:8px;height:4px;margin-top:-4px;border-left:2px solid #999;border-bottom:2px solid #999;-webkit-transform:rotate(-45deg) scale(0.5);transform:rotate(-45deg) scale(0.5)}label.rememberMe:hover::before{background:#fff}input[type="checkbox"]:checked+label.rememberMe::before{background:#fff;border:1px solid #999}input[type="checkbox"]:checked+label.rememberMe::after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}#content.home{margin-top:16px;padding:40px 40px 0;border:5px solid #eee;border-radius:5px}#content.home #categoryList ul.homeMenu ul{display:none}#content.home #categoryList ul.homeMenu::after{display:none}#content.home p{margin:0 0 30px;padding:14px 20px 10px;font-size:22px;font-weight:bold;color:#fff;background:#0f4c81;border-radius:5px}#content.home #categoryList{padding:0;background-color:inherit;background-image:inherit;background-size:inherit}#content.home #categoryList ul{display:flex;flex-wrap:wrap;align-items:flex-start}#content.home #categoryList ul li{float:none;position:relative;height:auto;width:auto;margin:0 0 32px 0;background-color:inherit;border:none;color:#333 !important;text-shadow:none;font-size:21px;letter-spacing:0;overflow:visible}#content.home #categoryList ul li:hover{border:none}#content.home #categoryList ul.homeMenu li{margin-right:32px}#content.home #categoryList ul.homeMenu li:nth-child(3n){margin-right:0}#content.home #categoryList ul li span{height:130px}#content.home #categoryList ul li span.text{width:275px;border:3px solid #0f4c81;border-radius:10px;cursor:pointer;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease;box-sizing:border-box}#content.home #categoryList ul li.main-menu span:hover{background-color:#0f4c81;color:#fff !important}#content.home #categoryList ul li.fixed-menu a span.onmouse{background-color:#0f4c81;background-image:none;color:#fff}#content.home #categoryList ul li.fixed-menu a:hover{background-color:#fff;background-image:none;color:#333}#content.home #categoryList ul.subMenu{position:absolute;background-color:#fff;border:3px solid #0f4c81;border-top:none;width:269px;border-radius:0 0 7px 7px;z-index:100;top:121px}#content.home #categoryList ul.subMenu li{margin:0;background:none;border:none;width:auto}#content.home #categoryList ul li ul.subMenu li a{padding:20px 30px 20px 14px;background:url(/images/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;background-size:5px 9px;border-top:#666 dotted 1px;border-radius:0;color:#333 !important;font-size:18px;font-weight:normal;box-shadow:none;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}#content.home #categoryList ul li ul.subMenu li:last-child a{border-radius:0 0 2px 2px;color:#333 !important}#content.home #categoryList ul li ul.subMenu li a:hover{background:#0f4c81 url(/images/portal/arrow/ico_arrow_w_@2x.png) right 15px center no-repeat;background-size:5px 9px;color:#fff !important}html.ua-SP #content.home{border:none;padding:0}html.ua-SP #content.home p{margin-bottom:20px;padding:0;background:none;color:#333;font-size:16px;text-align:center}html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu{width:100%;margin:0 0 15px;box-sizing:border-box;border:3px solid #0f4c81;border-radius:10px}html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu span:hover{background-color:#fff;color:#333 !important}html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu span.selected{border-radius:0 0 6px 6px;background-color:transparent;color:#fff !important}html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu.open{background-color:#0f4c81}html.ua-SP #content.home #categoryList ul.homeMenu li.fixed-menu{width:100%;margin:0 0 15px}html.ua-SP #content.home #categoryList ul.homeMenu li.fixed-menu span.text{display:inline-block;border:3px solid #0f4c81;border-radius:10px}html.ua-SP #content.home #categoryList ul.homeMenu li.fixed-menu span.text:hover{border:3px solid #0f4c81;background-color:#fff;color:#333}html.ua-SP #content.home #categoryList ul.homeMenu>li>span.text{border:none}html.ua-SP #content.home #categoryList ul.homeMenu ul.subMenu{position:static}html.ua-SP #content.home #categoryList ul.homeMenu>li>span.text{width:100%;height:auto;display:block;padding:20px 10px}html.ua-SP #content.home #categoryList ul.subMenu{width:auto}html.ua-SP #content.home #categoryList ul.subMenu>li:hover{background-color:transparent !important}html.ua-SP #content.home #categoryList ul.subMenu>li:last-child:hover{border-radius:0 !important}html.ua-SP #content.home #categoryList ul.subMenu>li:last-child a:hover{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important}html.ua-SP #content.home #categoryList ul.homeMenu>li>ul.subMenu{border:none}#content{padding:0;border:none;border-radius:0}#content h2{margin:0 0 24px 0;padding:10px 10px 9px 20px;background-color:#0f4c81;font-size:22px;border-radius:5px}#content h3{margin:0 0 30px 0;padding-bottom:5px;border-bottom:3px solid #0f4c81;font-size:18px}html.ua-SP #content h2{width:auto;margin:0 0 20px;padding:10px;font-size:18px;text-align:center}#index.top #headerNav{height:0 !important}#index.top #headerNav ul.topicPath{display:none !important;height:0 !important}#index #content.home{margin-top:0}#index #seriesList{padding:16px 20px 32px 20px;border:5px solid #eee;border-radius:5px}#content #seriesList div.seriesWrapper div.series p.thumbnail{margin:0 24px 0 0;border:none}#content #seriesList div.seriesWrapper div.series p.thumbnail a{display:inline-block;margin:0;border:3px solid #ccc;-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}#content #seriesList div.seriesWrapper div.series p.thumbnail a:hover{border:3px solid #0f4c81}#content #seriesList div.seriesWrapper div.series div.title{float:right;width:374px}#content #seriesList div.seriesWrapper{margin:0}#content #seriesList div.seriesWrapper:not(:first-child){margin:50px 0 0 0}html.ua-SP #index #seriesList{border:none;padding:0}html.ua-SP #content #seriesList div.seriesWrapper div.series p.thumbnail{display:none}html.ua-SP #content #seriesList div.seriesWrapper div.series div.title{float:none;width:auto;margin-top:20px}#index video{display:none}#container #nav{width:268px;margin:0;padding:0}#container #nav ul.navList li{margin:0 0 16px 0;padding:0;border:2px solid #0f4c81;background-color:#fff;font-size:16px;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#container #nav ul.navList li a{background:url(/images/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;background-size:5px 9px;font-weight:bold}#container #nav ul.navList li a span{padding:12px 12px;margin:0 20px 0 0;background:none}#container #nav ul.navList li span.menuTitle{display:none}#container #nav ul.navList li{border:none}#container #nav ul.navList a{border:2px solid #0f4c81;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#container #nav ul.categoryMenu a{border:2px solid #0f4c81;border-radius:5px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}#container #nav ul.navList li a:hover,#container #nav ul.navList li.current a{background:#0f4c81 url(/images/portal/arrow/ico_arrow_w_@2x.png) right 15px center no-repeat;background-size:5px 9px}#container #nav ul.navList li.current a span{background:none}#container #nav ul.navList li a:hover span{background:none;color:#fff}#container #nav ul.navList li.current a:hover span{background:none;color:#fff}html.ua-PC #container #nav p.backButton,html.ua-TAB #container #nav p.backButton{display:none}html.ua-SP #container #nav{width:auto;float:none;margin:auto;text-align:center}html.ua-SP #container #nav ul{border:2px solid #666;border-radius:5px}html.ua-SP #container #nav ul.navList{display:none}html.ua-SP #container #nav p.backButton{margin-top:15px;width:100%}html.ua-SP #container #nav p.backButton a.button{width:100%;color:#666;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;padding:10px 0;background:#fff;border:2px solid #666;box-shadow:none;text-shadow:none;border-radius:5px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/images/portal/arrow/ico_arrow_b_l_@2x.png) 15px center no-repeat;background-size:5px 9px}html.ua-SP #container #nav p.backButton a.button:hover{color:#fff;background:#666 url(/images/portal/arrow/ico_arrow_w_l_@2x.png) 15px center no-repeat;background-size:5px 9px}html.ua-SP #content.home #categoryList ul li a span.text{width:100%;height:auto;border:none;padding:20px 10px}#content #seriesList div.seriesWrapper div.series div.title div.process p,#content #seriesList div.seriesWrapper div.series div.title div.point p,#content #seriesList div.seriesWrapper div.series div.title div.other p{border-left:none;font-size:16px;margin:0;padding:0 0 6px}#content #seriesList div.seriesWrapper div.series div.title div.process p{color:#0f4c81}#content #seriesList div.seriesWrapper div.series div.title div.point p{color:#ad1608}#content #seriesList div.seriesWrapper div.series div.title div.other p{color:#4c810f}#content #seriesList div.seriesWrapper div.series div.title div:not(:first-child){margin:26px 0 0 !important}#content #seriesList div.seriesWrapper div.series div.title ul{position:relative;background:none;border-top:1px solid #ccc}#content #seriesList div.seriesWrapper div.series div.title ul li{padding:0;font-size:17px;background:none;border-bottom:1px dotted #ccc}#content #seriesList div.seriesWrapper div.series div.title ul li:last-child{border-bottom:1px solid #ccc}#content #seriesList div.seriesWrapper div.series div.title ul li.first{padding:0}#content #seriesList div.seriesWrapper div.series div.title ul li.first a,#content #seriesList div.seriesWrapper div.series div.title ul li a{padding:12px 8px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}#content #seriesList div.seriesWrapper div.series div.title div.process ul li a:hover{background-color:rgba(15,76,129,0.2)}#content #seriesList div.seriesWrapper div.series div.title div.point ul li a:hover{background-color:rgba(173,22,8,0.2)}#content #seriesList div.seriesWrapper div.series div.title div.other ul li a:hover{background-color:rgba(76,129,15,0.2)}#content #seriesList div.seriesWrapper div.series div.title ul li a:hover span{color:#333}#content #seriesList div.seriesWrapper div.series div.title div ul li a span{padding:0 0 0 21px;width:80%;box-sizing:border-box}#content #seriesList div.seriesWrapper div.series div.title div.process ul li a span{background:transparent url(/images/portal/arrow/ico_arrow_list_b_@2x.png) no-repeat left center;background-size:15px 15px}#content #seriesList div.seriesWrapper div.series div.title div.point ul li a span{background:transparent url(/images/portal/arrow/ico_arrow_list_o_@2x.png) no-repeat left center;background-size:15px 15px}#content #seriesList div.seriesWrapper div.series div.title div.other ul li a span{background:transparent url(/images/portal/arrow/ico_arrow_list_r_@2x.png) no-repeat left center;background-size:15px 15px}#content #seriesList div.seriesWrapper div.series div.title div ul li a span.time{font-size:12px}html.ua-SP #content #seriesList{margin-bottom:0}html.ua-SP #content #seriesList div.seriesWrapper div.series div.title ul li a{display:flex;justify-content:space-between}html.ua-SP #content #seriesList div.seriesWrapper div.series div.title div.process ul li a span,html.ua-SP #content #seriesList div.seriesWrapper div.series div.title div ul li a span.time{float:none}#content #pager div.pagination{margin:0 auto 24px auto}#content #pager div.pagination span.previous_page,#content #pager div.pagination span.next_page,#content #pager div.pagination a{border:2px solid #ccc;color:#333;font-size:16px;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#content #pager div.pagination em,#content #pager div.pagination a:hover{box-shadow:none;font-size:16px;border-radius:5px;text-decoration:none}#content #pager div.pagination em{background:#666;border:2px solid #666}#content #pager div.pagination a:hover{background:#666;border:2px solid #666}#content #pager div.pagination .disabled{padding:5px 20px 4px 20px !important;border:2px solid #eee !important;background:#fff !important;color:#eee !important;cursor:default !important;text-shadow:none !important;font-size:16px}html.ua-SP #content #pager{margin:40px 0 0}html.ua-SP #content #pager div.pagination{margin:0;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between}html.ua-SP #content #pager div.pagination .previous_page,html.ua-SP #content #pager div.pagination span.previous_page,html.ua-SP #content #pager div.pagination span.next_page,html.ua-SP #content #pager div.pagination a,html.ua-SP #content #pager div.pagination em,html.ua-SP #content #pager div.pagination .next_page,html.ua-SP #content #pager div.pagination a:hover{display:block;margin:0;padding:5px 10px !important;font-size:10px}html.ua-SP #content #pager div.pagination .previous_page,html.ua-SP #content #pager div.pagination .next_page{flex-basis:30%}#content div.view div#player_wrapper{margin:0 auto 30px;text-align:center}#content div.view div#player_wrapper span{font-size:16px}#content div.view div#player_wrapper button{display:inline-block;color:#fff;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;background:#0f4c81;border:2px solid #fff;box-shadow:none;text-shadow:none;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#content div.view div#player_wrapper button:hover{cursor:pointer;color:#0f4c81;border:2px solid #0f4c81;background:#fff}#content div.view div#player_wrapper button.active{color:#0f4c81;background:#fff;border:2px solid #0f4c81}#content div.view div.buttonsWrapper ul.btnSeries .button{color:#0f4c81;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;background:#fff;border:2px solid #0f4c81;box-shadow:none;text-shadow:none;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#content div.view div.buttonsWrapper ul.btnSeries .button:hover{color:#fff;border:2px solid #0f4c81;background:#0f4c81}#content div.view div.buttonsWrapper p.btnBack .button{color:#333;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;background:#fff;border:2px solid #ccc;box-shadow:none;text-shadow:none;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#content div.view div.buttonsWrapper p.btnBack .button:hover{color:#fff;border:2px solid #666;background:#666}#content div.view div.buttonsWrapper ul.btnSeries li.disabled{border:2px solid #eee !important;padding:5px 20px 4px 20px !important;background:none !important;font-size:16px;font-weight:normal;letter-spacing:0;text-shadow:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#content div.view div#fallback_message{margin-right:auto;margin-left:auto}#content div.view div.buttonsWrapper ul.btnSeries{float:none}#content div.view div.buttonsWrapper ul.btnSeries li{float:none}#content div.view div.buttonsWrapper ul.btnSeries li.btnPrev{margin:15px 0 0 0}#content div.view div.buttonsWrapper p.btnBack{float:none;margin:40px 0 0 0;text-align:left}html.ua-SP #content div.view{overflow:hidden}html.ua-SP #content div.view video{width:100%;height:auto}html.ua-SP #content div.view div.buttonsWrapper{margin:0}html.ua-SP #content div.view div.buttonsWrapper ul.btnSeries{width:100%}html.ua-SP .view .button{display:block;padding:10px}html.ua-SP #content div.view div.buttonsWrapper ul.btnSeries li.disabled{padding:10px !important}html.ua-SP #content div.view div.buttonsWrapper ul.btnSeries li.btnPrev{padding:0}html.ua-SP #content div.view div.buttonsWrapper p.btnBack{width:100%}#view #colorbox #footer{display:none}#content #question{margin:30px 0 0 0;border:5px solid #eee;border-radius:5px}#content #question #answerForm{margin:0;padding:30px;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#content #question #answerForm fieldset legend{position:static;width:100%;padding:0 0 6px;margin-bottom:12px;border-bottom:1px dotted #ccc;font-size:18px;color:#333}#content #question #answerForm p.txtQuestion,div.lightBoxWrapper #answerArea p.txtQuestion{margin:0 0 15px 0 !important;padding:0 0 0 26px;background:url(/images/portal/question/ico_question_@2x.png) no-repeat left center;background-size:20px 20px;color:#333 !important;font-size:16px !important;font-weight:bold;text-shadow:none !important}#content #question #answerForm ul.optionList,div.lightBoxWrapper #answerArea ul.optionList{margin:0 !important}#content #question #answerForm ul.optionList li,div.lightBoxWrapper #answerArea ul.optionList li{padding:0 .5em 12px 0 !important;font-size:16px}#content #question #answerForm ul.optionList li input,div.lightBoxWrapper #answerArea ul.optionList li input{vertical-align:baseline}#content #question #answerForm p.btnAnswer{margin:0;text-align:center}.btnAnswer .button{margin-top:10px;padding:6px 66px 5px 66px;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;background:#fff url(/images/portal/arrow/ico_arrow_b_@2x.png) calc(100% - 15px) 50% no-repeat;background-size:5px 9px;border:2px solid #0f4c81;box-shadow:none;color:#0f4c81;text-shadow:none;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}@media all and (-ms-high-contrast: none){*::-ms-backdrop,.btnAnswer .button{padding:9px 66px 2px 66px}}.btnAnswer .button:hover{color:#fff;background:#0f4c81 url(/images/portal/arrow/ico_arrow_w_@2x.png) calc(100% - 15px) 50% no-repeat;background-size:5px 9px}#content #question #answerForm p.success{margin:8px 0 0 0;padding:12px 9px 11px 36px;border:1px solid #9adf8f;background:#d5ffce url(/images/portal/common/bg_success_@2x.png) no-repeat 8px 10px;background-size:20px 20px;border-radius:5px;color:#333}html.ua-SP #content #question{margin:30px 0 0}html.ua-SP #content #question #answerForm{padding:20px}html.ua-SP .btnAnswer .button{width:100%}#content #question input[type="radio"]{display:none}#content #question label{position:relative;display:inline-block;padding:3px 3px 3px 24px;cursor:pointer}#content #question input[type="radio"]+label::before{position:absolute;content:'';top:15px;left:0;width:14px;height:14px;margin-top:-8px;background:#fff;border:1px solid #ccc;border-radius:100%}#content #question input[type="radio"]:checked+label::after{position:absolute;content:'';top:15px;left:4px;width:8px;height:8px;margin-top:-4px;background:#0068b2;border-radius:100%}#content #question input[type="radio"]:disabled+label{opacity:0.7;cursor:default}#content #question input[type="checkbox"]+label::before{position:absolute;content:'';top:14px;left:0;width:14px;height:14px;margin-top:-8px;background:#fff;border:1px solid #ccc;border-radius:3px}#content #question input[type="checkbox"]:checked+label::after{position:absolute;content:'';top:6px;left:5px;width:4px;height:10px;border-right:3px solid #0068b2;border-bottom:3px solid #0068b2;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}#content #question input[type="checkbox"]:disabled+label{opacity:0.7;cursor:default}#content #question #answerForm textarea#freeForm,div.lightBoxWrapper #answerArea textarea#freeForm{width:100%;min-height:93px;margin:0 0 20px 0;box-sizing:border-box}#help .help{padding:30px;border:5px solid #eee;border-radius:5px}#help #content div.help div.section h3{margin:0 0 30px 0;font-size:18px}#help #content div.section{margin:0 0 50px 0;font-size:14px}#help #content div.help div.section ol,#help #content div.help div.player div.clearfix ol{list-style:none;counter-reset:ol_li;margin:0 0 15px;padding:0 10px}#help ol li:before{margin-right:5px;counter-increment:ol_li;content:counter(ol_li) ".";color:#333}#help #content div.help div.section ul{list-style-type:none;margin:0 0 15px;padding:0 10px}#help div.help div.section ul li:before{content:"• ";color:#666;margin-right:5px}#content p.btnBack{margin-bottom:20px !important;text-align:center}#help .button{padding:11px 76px;color:#333;font-size:16px;font-weight:normal;letter-spacing:0;text-decoration:none;background:#fff;border:2px solid #ccc;box-shadow:none;text-shadow:none;border-radius:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#help .button:hover{color:#fff;border:2px solid #666;background:#666}html.ua-SP #content div.help div.player div.clearfix p,html.ua-SP #help #content div.help div.section ol,html.ua-SP #help #content div.help div.player div.clearfix ol{float:none;margin:0}html.ua-SP #help #content div.section p img:not(.icon){width:100%}html.ua-SP #help #content .help{padding:20px}html.ua-SP #help .button{padding:5px 26px}html.ua-SP #help #content p.btnBack .button{font-size:1em}html.ua-SP #content div.help div.section ol li,html.ua-SP #content div.help div.section ul li{padding-left:1.3em;text-indent:-1.3em}#colorbox #container{padding:10px 0 0}#cboxLoadedContent div.lightBoxWrapper{width:100%;margin:0 auto;box-sizing:border-box}#cboxLoadedContent div.lightBoxWrapper h4{border:none}#cboxLoadedContent div.lightBoxWrapper h4 span{display:block;padding:0 0 6px;border:none;border-bottom:1px dotted #ccc;background:transparent;color:#333;font-weight:bold;font-size:18px}#cboxLoadedContent div.lightBoxWrapper h4 span.ribbon{display:none}#cboxLoadedContent p.success{margin:0 0 20px;padding:12px 9px 11px 36px;border:1px solid #9adf8f;background:#d5ffce url(/images/portal/common/bg_success_@2x.png) no-repeat 8px 10px;color:#333;background-size:20px 20px}#colorbox #container #footer{margin-top:25px}div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]{display:none}div.lightBoxWrapper #answerArea ul.optionList li label{position:relative;display:inline-block;padding:3px 1px 3px 25px;cursor:pointer}div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]+label::before{position:absolute;content:'';top:12px;left:0;width:14px;height:14px;margin-top:-8px;background:#fff;border:1px solid #ccc;border-radius:100%}div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]:checked+label::after{position:absolute;content:'';top:12px;left:4px;width:8px;height:8px;margin-top:-4px;background:#0068b2;border-radius:100%}div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]:disabled+label{opacity:0.7;cursor:default}div.lightBoxWrapper #answerArea ul.optionList li input[type="checkbox"]+label::before{position:absolute;content:'';top:14px;left:0;width:14px;height:14px;margin-top:-8px;background:#fff;border:1px solid #ccc;border-radius:3px}div.lightBoxWrapper #answerArea ul.optionList li input[type="checkbox"]:checked+label::after{position:absolute;content:'';top:6px;left:5px;width:4px;height:10px;border-right:3px solid #0068b2;border-bottom:3px solid #0068b2;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}div.lightBoxWrapper #answerArea ul.optionList li input[type="checkbox"]:disabled+label{opacity:0.7;cursor:default}div.lightBoxWrapper #answerArea p.txtFreeFormAns{margin:0 !important;padding:8px 12px !important;min-height:75px !important;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif !important;font-size:16px !important;background:none !important}#content #question #answerForm p.txtFreeForm,div.lightBoxWrapper #answerArea p.txtFreeForm{margin:4px 0 4px 0 !important;font-size:16px}div.lightBoxWrapper #answerArea p.txtFreeForm{opacity:.7}div.lightBoxWrapper #answerArea p.txtFreeFormAns[disabled=disabled]{opacity:.7}#content #question textarea{padding:8px 12px;background:none;font-size:16px}.lightBoxWrapper+#footer p.copyright{display:none}html.ua-SP #colorbox #header #headline{padding:0}#cboxContent #header #headline{height:auto}
