/*========================================
HEADER
=======================================*/
.is-fixed {  position: fixed;  top: 0;  left: 0;  z-index: 2;  width: 100%;}

/*========================================
header
=======================================*/
#top {position:relative; top: -100px;}
header nav {width: 100%; min-width: 990px; padding:10px 0; background:#fff;font-size: 14px; overflow:hidden; position:fixed; top:0; z-index:1000;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);}
nav .cnt {min-width: 990px; max-width: 1180px;margin:0 auto;}
nav .cnt .logo {float:left;display:inline-block; width:200px;margin: 4px 40px 0 0; line-height: 1;}
nav .cnt .logo img { width:100%; height:auto;}
nav .cnt .logo img.logo_tvtokyo { max-height: 50px; width: auto; max-width: 400px; }
nav .cnt ul{float:left;display:table; margin-top:8px;}
nav .cnt ul li {display: table-cell;border-left: 1px solid #D1D1D1; vertical-align: middle;color:#fff; text-align:left;padding: 0 20px; letter-spacing:1px;line-height: 1.4;}
nav .cnt ul li:last-child {border-right: 1px solid #D1D1D1;}
nav a {color: #030000; text-decoration:none;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
nav a:hover {color: #4496aa;-webkit-transition: 0.3s ease; transition: 0.3s ease;}
nav .cnt ul li.Check a { color:#F95153;}
header .header-right {display: flex;float: right; margin-top: 4px;}
header .header-right .header-action-btn {border-radius: 0;margin-right: 10px;padding: 6px 10px;margin-top: 0 }
header .header-right .header-action-btn:last-child {margin-right: 0; }
.PCNone {display:none;}
.TABNone {display:inline;}
.SPNone {display:inline;}
.spView{display:none;}

@media only screen and (min-width:728px) and (max-width:989px) {
header nav .cnt {min-width: 98%;max-width: 98%;margin: 0 auto;}
}


@media screen and (max-width: 727px) { 
/* responsd View*/
.pcView{display:none !important;}
.spView{display:block;}
.TABNone{display:inline;}
/*========================================
HEADER SP
=======================================*/
header {width:100%;}
header .inline {background:#fff; padding:5px 2%;width:100%;box-sizing: border-box; position:fixed; z-index:500; top:0; height:50px; border-bottom:1px solid #626262;}
header .inline .Logo {float:left; width:150px;margin-top: 3px;}
header .inline .Logo img {width:100%; height:auto;}
header .inline .Logo img.logo_tvtokyo { max-height: 90px; width: auto; max-width: 300px; }
header .inline .menu { float:right; width:20%;}
header nav {background-color: rgba(255,255,255,0.95);width: 100%;padding:15px 0;color: #ffffff;font-size: 16px; overflow:hidden; position:fixed; top:50px; height: 100%}
aside{display: none;box-sizing: border-box;width: 100%;height: 100%;padding: 60px 15px 15px;line-height: 42px;text-align: center;position: absolute;top: 0;left: 100%;z-index: 2;min-width:auto;}
nav li { text-align:left;padding-left: 5%;}
nav a li.Check { color:#F95153;}
#menuButton {display: block;width: 42px;height:42px;position: fixed;top: 4px;right: 10px;z-index: 3;}
#menuButton span {display: block;background:#747474;width: 24px;height: 2px;position: absolute;left: 9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child {top: 12px;}
#menuButton span:nth-child(2) {margin-top: -1px;top: 50%;}
#menuButton span:last-child {bottom: 12px;}
#menuButton.active span:first-child {-webkit-transform: translateY(8px) rotate(45deg);-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
#menuButton.active span:nth-child(2) {opacity: 0;}
#menuButton.active span:last-child {-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}

header.headerSaas nav {padding:0 0;}
header.headerSaas nav .cnt .logo {width:225px; margin:10px 20px 10px 0;}
header.headerSaas nav .cnt .logo .logo1 {float: left;width: 145px;}
header.headerSaas nav .cnt .logo .logo2 {float: left;width: 80px;}
header.headerSaas nav .cnt ul{margin-top:25px;}
header.headerSaas .header-right {margin-top: 16px;}
header.headerSaas input[type="text"]{width: 206px;height: 32px; box-sizing: border-box; background: #fff url(/common/img/saas/icon-search.png) 9px 50% no-repeat; background-size: 14px 14px; border: 1px solid #DDDDDD; padding: 3% 1.5% 3% 27px; border-radius: 2px; font-size: 12px;margin: 4px 20px 0 0;box-shadow: none;}
@media screen and (max-width: 727px) {
header.headerSaas .inline {padding:0 2%}
header.headerSaas .inline .Logo {width:176px;margin-top:5px;}
header.headerSaas .inline .Logo .logo1 {float: left;width: 114px;}
header.headerSaas .inline .Logo .logo2 {float: left;width: 62px;}
header nav {background-color: rgba(255,255,255,0.95);width: 100%;padding:15px 0;color: #ffffff;font-size: 16px; overflow:hidden; position:fixed; top:50px; height: 100%}
aside{display: none;box-sizing: border-box;width: 100%;height: 100%;padding: 60px 15px 15px;line-height: 42px;text-align: center;position: absolute;top: 0;left: 100%;z-index: 2;min-width:auto;}
header.headerSaas nav ul {width: 29%;box-sizing: border-box;padding: 0 2%;overflow: hidden;}
header.headerSaas nav li { text-align:left;padding-left: 0;font-size: 14px;}
header.headerSaas nav li input[type="text"]{width: 100%;height: 32px; box-sizing: border-box; background: #fff url(/common/img/saas/icon-search.png) 9px 50% no-repeat; background-size: 14px 14px; border: 1px solid #DDDDDD; padding: 3% 1.5% 3% 27px; border-radius: 2px; font-size: 12px;margin:15px 20px 30px 0px;box-shadow: none;}
header.headerSaas nav li.btn {border:1px solid #2B9CBF;margin-bottom: 15px;text-align: center;}
header.headerSaas nav li.btn.mrgTop {margin-top: 50px}
header.headerSaas nav li.btn.btn-frame {color: #2B9CBF;}
header.headerSaas nav li.btn.btn-paint {background: #2B9CBF;color: #fff;}
}