@charset 'UTF-8';
/*----------------------------------

Layout

------------------------------------*/
.row-block {
	overflow: hidden; 
	margin-top: 10px;
	padding: 0 20px;
}
.row-block .row-block-content {
	float: left;
	box-sizing: border-box; 
	width: 100%;
	padding: 10px 20px;
}
.row-block .row-block-content.w10 {
	width: 10% !important;
}
.row-block .row-block-content.w20 {
	width: 20% !important;
}
.row-block .row-block-content.w30 {
	width: 30% !important;
}
.row-block .row-block-content.w40 {
	width: 40% !important;
}
.row-block .row-block-content.w50 {
	width: 50% !important;
}
.row-block .row-block-content.w60 {
	width: 60% !important;
}
.row-block .row-block-content.w70 {
	width: 70% !important;
}
.row-block .row-block-content.w80 {
	width: 80% !important;
}
.row-block .row-block-content.w90 {
	width: 90% !important;
}
.row-block .row-block-content.w100 {
	width: 100% !important;
}
.row-block.col-2 .row-block-content {
	width: 50%;
}
.row-block.col-3 .row-block-content {
	width: 33.33%;
}
.row-block.col-4 .row-block-content {
	width: 25%;
}
.row-block.col-5 .row-block-content {
	width: 20%;
}
.row-block.col-6 .row-block-content {
	width: 16%;
}
.row-block.inner {
	padding: 0 10px; 
	border: 1px solid #b6bcc2;
	border-radius: 10px;
}
.row-block.inner .row-block-content {
	padding: 20px;
}

.row-block ~ .row-block .row-block-content {
	border-top: 1px solid #ecedef;
}

/*----------------------------------

Title

------------------------------------*/
.page-head {
	margin: 25px 40px 0;
}
.page-head ~ .row-block .row-block-content {
	padding-top: 10px;
}

.title-bullet {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 15px 0 15px 25px;
	background: #fff;
}
.title-bullet-low {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 8px 0 5px 25px;
	background: #fff;
}

.title-bullet:after, .title-bullet-low:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 18px;
	height: 4px;
	margin-top: -2px;
	content: '';
	border-radius: 100px;
	background: #2ea7e0;
}

.title-pill {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 10px 0 10px 40px;
	border: 3px solid #ecedef;
	border-radius: 100px;
	background: #fff;
}
.title-pill:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	width: 18px;
	height: 4px;
	margin-top: -2px;
	content: '';
	border-radius: 100px; 
	background: #2ea7e0;
}

.title-subwin {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-bottom: 10px; 
	padding: 5px 0 10px 25px;
	border-bottom: 3px solid #ecedef;
}
.title-subwin:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 18px;
	height: 4px;
	margin-top: -7px;
	content: '';
	border-radius: 100px; 
	background: #2ea7e0;
}

.title-belt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	background: #ecedef;
}

.title-frame {
	font-weight: bold;
	padding: 10px 0;
}

.title-nav {
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 0 10px;
	color: #2ea7e0; 
	border-bottom: 3px solid #2ea7e0;
}
.menu-title 
{
	cursor: hand;
}

.title-bar {
	font-size: 16px;
	position: relative;
	padding: 15px 0 15px 25px;
	background: #fff;
}

/*----------------------------------

Map

------------------------------------*/
.map-unit {
	position: relative;
	display: inline-block;
	width: 960px;
	height: 720px;
	text-align: center;
	background: no-repeat center center;
	top: -50px;
}
.map-unit[data-map='all'] {
	background-image: url(../images/map_all.png);
}
.map-unit[data-map='area-hokkaido'] {
	background-image: url(../images/map_hokkaido.png);
}
.map-unit[data-map='area-tohoku'] {
	background-image: url(../images/map_tohoku.png);
}
.map-unit[data-map='area-kanto'] {
	background-image: url(../images/map_kanto.png);
}
.map-unit[data-map='area-chubu'] {
	background-image: url(../images/map_chubu.png);
}
.map-unit[data-map='area-kansai'] {
	background-image: url(../images/map_kansai.png);
}
.map-unit[data-map='area-chushikoku'] {
	background-image: url(../images/map_chushikoku.png);
}
.map-unit[data-map='area-kyushu'] {
	background-image: url(../images/map_kyushu.png);
}
.map-unit[data-map='hokkaido'] {
	background-image: url(../images/map_hokkaido2.png);
}
.map-unit[data-map='aomori'] {
	background-image: url(../images/map_aomori.png);
}
.map-unit[data-map='iwate'] {
	background-image: url(../images/map_iwate.png);
}
.map-unit[data-map='akita'] {
	background-image: url(../images/map_akita.png);
}
.map-unit[data-map='miyagi'] {
	background-image: url(../images/map_miyagi.png);
}
.map-unit[data-map='yamagata'] {
	background-image: url(../images/map_yamagata.png);
}
.map-unit[data-map='fukushima'] {
	background-image: url(../images/map_fukushima.png);
}
.map-unit[data-map='ibaraki'] {
	background-image: url(../images/map_ibaraki.png);
}
.map-unit[data-map='tochigi'] {
	background-image: url(../images/map_tochigi.png);
}
.map-unit[data-map='gunma'] {
	background-image: url(../images/map_gunma.png);
}
.map-unit[data-map='saitama'] {
	background-image: url(../images/map_saitama.png);
}
.map-unit[data-map='chiba'] {
	background-image: url(../images/map_chiba.png);
}
.map-unit[data-map='tokyo'] {
	background-image: url(../images/map_tokyo.png);
}
.map-unit[data-map='kanagawa'] {
	background-image: url(../images/map_kanagawa.png);
}
.map-unit[data-map='niigata'] {
	background-image: url(../images/map_niigata.png);
}
.map-unit[data-map='toyama'] {
	background-image: url(../images/map_toyama.png);
}
.map-unit[data-map='ishikawa'] {
	background-image: url(../images/map_ishikawa.png);
}
.map-unit[data-map='fukui'] {
	background-image: url(../images/map_fukui.png);
}
.map-unit[data-map='yamamashi'] {
	background-image: url(../images/map_yamamashi.png);
}
.map-unit[data-map='nagano'] {
	background-image: url(../images/map_nagano.png);
}
.map-unit[data-map='shizuoka'] {
	background-image: url(../images/map_shizuoka.png);
}
.map-unit[data-map='aichi'] {
	background-image: url(../images/map_aichi.png);
}
.map-unit[data-map='mie'] {
	background-image: url(../images/map_mie.png);
}
.map-unit[data-map='shiga'] {
	background-image: url(../images/map_shiga.png);
}
.map-unit[data-map='kyoto'] {
	background-image: url(../images/map_kyoto.png);
}
.map-unit[data-map='osaka'] {
	background-image: url(../images/map_osaka.png);
}
.map-unit[data-map='hyogo'] {
	background-image: url(../images/map_hyogo.png);
}
.map-unit[data-map='nara'] {
	background-image: url(../images/map_nara.png);
}
.map-unit[data-map='wakayama'] {
	background-image: url(../images/map_wakayama.png);
}
.map-unit[data-map='gifu'] {
	background-image: url(../images/map_gifu.png);
}
.map-unit[data-map='tottori'] {
	background-image: url(../images/map_tottori.png);
}
.map-unit[data-map='shimane'] {
	background-image: url(../images/map_shimane.png);
}
.map-unit[data-map='okayama'] {
	background-image: url(../images/map_okayama.png);
}
.map-unit[data-map='hiroshima'] {
	background-image: url(../images/map_hiroshima.png);
}
.map-unit[data-map='yamaguchi'] {
	background-image: url(../images/map_yamaguchi.png);
}
.map-unit[data-map='tokushima'] {
	background-image: url(../images/map_tokushima.png);
}
.map-unit[data-map='kagawa'] {
	background-image: url(../images/map_kagawa.png);
}
.map-unit[data-map='ehime'] {
	background-image: url(../images/map_ehime.png);
}
.map-unit[data-map='kochi'] {
	background-image: url(../images/map_kochi.png);
}
.map-unit[data-map='fukuoka'] {
	background-image: url(../images/map_fukuoka.png);
}
.map-unit[data-map='saga'] {
	background-image: url(../images/map_saga.png);
}
.map-unit[data-map='nagasaki'] {
	background-image: url(../images/map_nagasaki1.png);
}
.map-unit[data-map='kumamoto'] {
	background-image: url(../images/map_kumamoto.png);
}
.map-unit[data-map='oita'] {
	background-image: url(../images/map_oita.png);
}
.map-unit[data-map='miyazaki'] {
	background-image: url(../images/map_miyazaki.png);
}
.map-unit[data-map='kagoshima'] {
	background-image: url(../images/map_kagoshima.png);
}
.map-unit[data-map='okinawa'] {
	background-image: url(../images/map_okinawa.png);
}

.data-window {
	position: absolute;
	visibility: hidden; 
	width: 180px;
	border: 3px solid #fff;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	opacity: 0.9;/*PIXEL*/
}

.data-window.show {
	visibility: visible;
}

.data-window.show:hover{
	position: absolute;
	background: #fff;
	border: 3px solid #00bfff;
	opacity: 1.0;
	cursor:pointer;
	-webkit-transition: 0.3s;
	        transition: 0.3s;
}

.data-window .data {
	/*font-size: 30px;*/
	font-size: 20px;
	padding: 10px 0; 
	text-align: center;
	border-radius: 17px 17px 0 0;
	background: #ecedef;
}

.data-window .data-ep {
    /*font-size: 30px;*/
    font-size: 20px;
    padding-top: 10px;
    text-align: center;
    border-radius: 17px 17px 0 0;
    background: #ecedef;
}


.data-window .data .units {
	font-size: 20px;
	margin-left: 5px;
}

table.weather-table tbody td.saturday{
	background: rgba(46, 167, 224, 0.03);
}
table.weather-table tbody td.sunday{
	background: rgba(228, 71, 51, 0.03);
}
table.weather-table tbody td.today{
	background: #f0fff0;
}

table.weather-table tbody td ul{
	margin-top: -20px;
	margin-left: 20px;
}

.temp-max {
	color: #dc143c;
}
.temp-min {
	color: #1e90ff;
}
.temp-sep {
	color: #000000;
}

.weather {
	overflow: hidden;
	padding-bottom: 6px;
	border-radius: 20px;
}
.weather li {
	font-size: 16px;
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin-top: 1px;
	padding-top: 70px;
	text-align: center;
	border-right: 1px solid #ecedef;
	background: #fff no-repeat center top;
	background-size: 64px 64px;
}
.weather .temp-max {
	font-size: 14px;
	color: #dc143c;
}
.weather .temp-min {
	font-size: 14px;
	color: #1e90ff;
}
.weather .temp-sep {
	font-size: 14px;
	color: #000000;
}


.data-window-mini:hover{
	opacity: 1.0;
	cursor:pointer;
	-webkit-transition: 0.3s;
	        transition: 0.3s;
	background: #fff;
}

.weather-mini {
	overflow: hidden;
	margin-top: -4px;
}
.weather-mini .temp-max {
	font-size: 12px;
	color: #dc143c;
}
.weather-mini .temp-min {
	font-size: 12px;
	color: #1e90ff;
}
.weather-mini .temp-sep {
	padding: 0px 2px;
	font-size: 12px;
	color: #000000;
}

.weather li:nth-child(2n) {
	border-right: none;
}
.weather li:nth-child(2n+1):last-child {
	width: 100%;
	border-right: none;
}
.weather li:first-child:last-child {
	width: 100%;
	border-right: none;
}
.weather li[data-weather='none'],div[data-weather='none'] {
	background-image: url(../images/wi_none.svg);
}
.weather li[data-weather='site'],.weather div[data-weather='site'] {
	background-image: url(../images/wi_site.svg);
}
.weather li[data-weather='sunny'],div[data-weather='sunny'] {
	background-image: url(../images/wi_sunny.svg);
}
.weather li[data-weather='heat_wave'],div[data-weather='heat_wave'] {
	background-image: url(../images/wi_heat_wave.svg);
}
.weather li[data-weather='sunny_cloudy'],div[data-weather='sunny_cloudy'] {
	background-image: url(../images/wi_sunny_cloudy.svg);
}
.weather li[data-weather='sunny_rain'],div[data-weather='sunny_rain'] {
	background-image: url(../images/wi_sunny_rain.svg);
}
.weather li[data-weather='sunny_snow'],div[data-weather='sunny_snow'] {
	background-image: url(../images/wi_sunny_snow.svg);
}
.weather li[data-weather='sunny_cloudy_later'],div[data-weather='sunny_cloudy_later'] {
	background-image: url(../images/wi_sunny_cloudy_later.svg);
}
.weather li[data-weather='sunny_rain_later'],div[data-weather='sunny_rain_later'] {
	background-image: url(../images/wi_sunny_rain_later.svg);
}
.weather li[data-weather='sunny_snow_later'],div[data-weather='sunny_snow_later'] {
	background-image: url(../images/wi_sunny_snow_later.svg);
}
.weather li[data-weather='cloudy'],div[data-weather='cloudy'] {
	background-image: url(../images/wi_cloudy.svg);
}
.weather li[data-weather='cloudy_sunny'],div[data-weather='cloudy_sunny'] {
	background-image: url(../images/wi_cloudy_sunny.svg);
}
.weather li[data-weather='cloudy_rain'],div[data-weather='cloudy_rain'] {
	background-image: url(../images/wi_cloudy_rain.svg);
}
.weather li[data-weather='cloudy_snow'],div[data-weather='cloudy_snow'] {
	background-image: url(../images/wi_cloudy_snow.svg);
}
.weather li[data-weather='cloudy_sunny_later'],div[data-weather='cloudy_sunny_later'] {
	background-image: url(../images/wi_cloudy_sunny_later.svg);
}
.weather li[data-weather='cloudy_rain_later'],div[data-weather='cloudy_rain_later'] {
	background-image: url(../images/wi_cloudy_rain_later.svg);
}
.weather li[data-weather='cloudy_snow_later'],div[data-weather='cloudy_snow_later'] {
	background-image: url(../images/wi_cloudy_snow_later.svg);
}
.weather li[data-weather='rain'],div[data-weather='rain'] {
	background-image: url(../images/wi_rain.svg);
}
.weather li[data-weather='heavy_rain'],div[data-weather='heavy_rain'] {
	background-image: url(../images/wi_heavy_rain.svg);
}
.weather li[data-weather='rain_sunny'],div[data-weather='rain_sunny'] {
	background-image: url(../images/wi_rain_sunny.svg);
}
.weather li[data-weather='rain_cloudy'],div[data-weather='rain_cloudy'] {
	background-image: url(../images/wi_rain_cloudy.svg);
}
.weather li[data-weather='rain_snow'],div[data-weather='rain_snow'] {
	background-image: url(../images/wi_rain_snow.svg);
}
.weather li[data-weather='sleet'],div[data-weather='sleet'] {
	background-image: url(../images/wi_sleet.svg);
}
.weather li[data-weather='rain_sunny_later'],div[data-weather='rain_sunny_later'] {
	background-image: url(../images/wi_rain_sunny_later.svg);
}
.weather li[data-weather='rain_cloudy_later'],div[data-weather='rain_cloudy_later'] {
	background-image: url(../images/wi_rain_cloudy_later.svg);
}
.weather li[data-weather='rain_snow_later'],div[data-weather='rain_snow_later'] {
	background-image: url(../images/wi_rain_snow_later.svg);
}
.weather li[data-weather='sleet'],div[data-weather='sleet'] {
	background-image: url(../images/wi_sleet.svg);
}
.weather li[data-weather='snow'],div[data-weather='snow'] {
	background-image: url(../images/wi_snow.svg);
}
.weather li[data-weather='snow_sunny'],div[data-weather='snow_sunny'] {
	background-image: url(../images/wi_snow_sunny.svg);
}
.weather li[data-weather='snow_cloudy'],div[data-weather='snow_cloudy'] {
	background-image: url(../images/wi_snow_cloudy.svg);
}
.weather li[data-weather='snow_rain'],div[data-weather='snow_rain'] {
	background-image: url(../images/wi_snow_rain.svg);
}
.weather li[data-weather='snow_sunny_later'],div[data-weather='snow_sunny_later'] {
	background-image: url(../images/wi_snow_sunny_later.svg);
}
.weather li[data-weather='snow_cloudy_later'],div[data-weather='snow_cloudy_later'] {
	background-image: url(../images/wi_snow_cloudy_later.svg);
}
.weather li[data-weather='snow_rain_later'],div[data-weather='snow_rain_later'] {
	background-image: url(../images/wi_snow_rain_later.svg);
}

#map-graphic {
	position: absolute;
	top: 0; 
	left: 0;
	width: 960px;
	height: 720px;
}

.epbu {
    display: table;
    width: 100%;
    font-size: 14px;
    margin-top: -10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    background: gainsboro;
}
.mant {
    display: table-cell;
    width: 50%;
    color: royalblue;
}
.ftkg {
    display: table-cell;
    width: 50%;
    color: crimson;
}

/*----------------------------------

Tables

------------------------------------*/
/* サイト */
table.site-table {
    width: 100%;
}
table.site-table th, table.site-table td {
	text-align: center;
}
table.site-table th.t-c, table.site-table td.t-c {
	text-align: center;
}
table.site-table th.t-l, table.site-table td.t-l {
	text-align: left;
}
table.site-table th.t-r, table.site-table td.t-r {
	text-align: right;
}
table.site-table thead th {
	font-size: 14px;
	color: #7d8997;
}
table.site-table tbody td, table.site-table tbody th {
	font-size: 16px;
	padding: 10px 0 3px; 
	border-bottom: 1px solid #b6bcc2;
}
table.site-table tbody th {
	font-size: 16px;
	position: relative; 
	text-align: left;
}
table.site-table tbody td.t-lg {
	font-size: 28px;
}
table.site-table tbody span.alert-red, table.site-table tbody span.alert-yellow {
	position: relative;
}
table.site-table tbody span.alert-red:after, table.site-table tbody span.alert-yellow:after {
	position: absolute;
	right: -16px;
	bottom: 5px; 
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background: center no-repeat;
}
table.site-table tbody span.alert-red {
	color: #e44733;
}
table.site-table tbody span.alert-red:after {
	background-image: url(../images/mini_icon_alert_red.png);
}
table.site-table tbody span.alert-yellow {
	color: #ff9d00;
}
table.site-table tbody span.alert-yellow:after {
	background-image: url(../images/mini_icon_alert_yellow.png);
}
table.site-table tbody th:before {
    position: absolute;
    top: 0.75em;
    left: -35px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border: 6px solid #000;
    border-radius: 100px;
}




table.site-table tbody tr.hokkaido th:before, table.site-table tbody tr.cl-1 th:before {
	border-color: #f67999;
}
table.site-table tbody tr.tohoku th:before, table.site-table tbody tr.cl-2 th:before {
	border-color: #65bbe8;
}
table.site-table tbody tr.kanto th:before, table.site-table tbody tr.cl-3 th:before {
	border-color: #e5b139;
}
table.site-table tbody tr.chubu th:before, table.site-table tbody tr.cl-4 th:before {
	border-color: #8dd233;
}
table.site-table tbody tr.kansai th:before, table.site-table tbody tr.cl-5 th:before {
	border-color: #a276c4;
}
table.site-table tbody tr.chushikoku th:before, table.site-table tbody tr.cl-6 th:before {
	border-color: #7093e3;
}
table.site-table tbody tr.kyushu th:before, table.site-table tbody tr.cl-7 th:before {
	border-color: #41c9c8;
}
table.site-table tbody tr.sonota1 th:before, table.site-table tbody tr.cl-8 th:before {
	border-color: #ff8c63;
}
table.site-table tbody tr.sonota2 th:before, table.site-table tbody tr.cl-9 th:before {
	border-color: #a7bec4;
}
table.site-table tbody tr.sonota3 th:before, table.site-table tbody tr.cl-10 th:before {
    border-color: #5db65d;
}
table.site-table tbody tr.none th:before, table.site-table tbody tr.cl-11 th:before {
	border-color: #ecedef;
}

table.site-table tbody tr.hokkaido th:before, table.site-table tbody tr.cl-1-kanshi th:before {
    background-color: #FF9900;
    border-color: #f67999;
}

table.site-table tbody tr.tohoku th:before, table.site-table tbody tr.cl-2-kanshi th:before {
    background-color: #FF9900;
    border-color: #65bbe8;
}

table.site-table tbody tr.kanto th:before, table.site-table tbody tr.cl-3-kanshi th:before {
    background-color: #FF9900;
    border-color: #e5b139;
}

table.site-table tbody tr.chubu th:before, table.site-table tbody tr.cl-4-kanshi th:before {
    background-color: #FF9900;
    border-color: #8dd233;
}

table.site-table tbody tr.kansai th:before, table.site-table tbody tr.cl-5-kanshi th:before {
    background-color: #FF9900;
    border-color: #a276c4;
}

table.site-table tbody tr.chushikoku th:before, table.site-table tbody tr.cl--kanshi6 th:before {
    background-color: #FF9900;
    border-color: #7093e3;
}

table.site-table tbody tr.kyushu th:before, table.site-table tbody tr.cl-7-kanshi th:before {
    background-color: #FF9900;
    border-color: #41c9c8;
}

table.site-table tbody tr.sonota1 th:before, table.site-table tbody tr.cl-8-kanshi th:before {
    background-color: #FF9900;
    border-color: #ff8c63;
}

table.site-table tbody tr.sonota2 th:before, table.site-table tbody tr.cl-9-kanshi th:before {
    background-color: #FF9900;
    border-color: #a7bec4;
}

table.site-table tbody tr.sonota3 th:before, table.site-table tbody tr.cl-10-kanshi th:before {
    background-color: #FF9900;
    border-color: #5db65d;
}

table.site-table tbody tr.none th:before, table.site-table tbody tr.cl-11-kanshi th:before {
    background-color: #FF9900;
    border-color: #ecedef;
}


table.site-table tbody tr.grayout th, table.site-table tbody tr.grayout td {
	color: #ecedef;
}
table.site-table tbody tr.hidden {
	display: none;
}


/* ノーマル */
table.normal-table {
	width: 100%;
}
table.normal-table thead th {
	font-size: 14px;
	padding: 0 0 10px; 
	text-align: left;
	color: #7d8997;
}
table.normal-table tbody tr:nth-child(odd) {
	background: #ecedef;
}
table.normal-table tbody td {
	font-size: 14px;
	padding: 10px 0; 
	text-align: left;
}
table.normal-table tbody td:first-child {
	text-align: center;
}

/* スタンダード */
table.standard-table {
	width: 100%;
	border-bottom: 1px solid #b6bcc2;
}
table.standard-table th, table.standard-table td {
	border-left: 1px solid #b6bcc2;
}
table.standard-table th.t-c, table.standard-table td.t-c {
	text-align: center;
}
table.standard-table th.t-l, table.standard-table td.t-l {
	text-align: left;
}
table.standard-table th.t-r, table.standard-table td.t-r {
	text-align: right;
}
table.standard-table th.min, table.standard-table td.min {
	width: 1%; 
	white-space: nowrap;
}
table.standard-table thead {
	color: #fff; 
	background: #7d8997;
}
table.standard-table thead th {
	font-size: 14px;
	padding: 8px; 
	text-align: left;
	border-left: 1px solid #a8b0b9;
}
table.standard-table thead tr *:first-child {
	border-left: 1px solid #7d8997;
}
table.standard-table thead tr *:last-child {
	border-right: 1px solid #7d8997;
}
table.standard-table tbody tr {
	background: #fff;
}
table.standard-table tbody tr:nth-child(odd) {
	background: #ecedef;
}
table.standard-table tbody td {
	font-size: 14px;
	padding: 8px; 
	text-align: left;
}
table.standard-table tbody tr th:first-child, table.standard-table tbody tr td:first-child {
	border-left: 1px solid #b6bcc2;
}
table.standard-table tbody tr th:last-child, table.standard-table tbody tr td:last-child {
	border-right: 1px solid #b6bcc2;
}

table.standard-table a:hover {
	background-color: #b6bcc2;
}

.a-hover-gray:hover {
	background-color: #b6bcc2;
}

/* アイコン付テーブル */
table.icon-table {
	width: 100%;
}
table.icon-table th, table.icon-table td {
	font-size: 13px;
	padding: 5px; 
	text-align: center;
	border: 1px solid #b6bcc2;
}
table.icon-table th.t-c, table.icon-table td.t-c {
	text-align: center;
}
table.icon-table th.t-l, table.icon-table td.t-l {
	text-align: left;
}
table.icon-table th.t-r, table.icon-table td.t-r {
	text-align: right;
}
table.icon-table th.min, table.icon-table td.min {
	width: 1%; 
	white-space: nowrap;
}
table.icon-table th {
	text-align: center;
	color: #fff; 
	background: #7d8997;
}
table.icon-table thead tr *:first-child {
	border-left: 1px solid #b6bcc2;
}
table.icon-table thead tr *:last-child {
	border-right: 1px solid #b6bcc2;
}
table.icon-table tbody th {
	text-align: left;
}
table.icon-table tbody tr th:first-child, table.icon-table tbody tr td:first-child {
	border-left: 1px solid #b6bcc2;
}
table.icon-table tbody tr th:last-child, table.icon-table tbody tr td:last-child {
	border-right: 1px solid #b6bcc2;
}

/* カレンダー */
table.calender-table {
	width: 100%;
}
table.calender-table th, table.calender-table td {
	text-align: center;
}
table.calender-table th.t-c, table.calender-table td.t-c {
	text-align: center;
}
table.calender-table th.t-l, table.calender-table td.t-l {
	text-align: left;
}
table.calender-table th.t-r, table.calender-table td.t-r {
	text-align: right;
}
table.calender-table caption {
	font-weight: bold; 
	padding: 5px 10px;
	text-align: center;
	color: #292c34;
	border-top: 1px solid #ecedef;
	border-bottom: 1px solid #ecedef;
}
table.calender-table thead th {
	font-size: 14px;
	width: 14.28571%; 
	padding: 5px;
	color: #7d8997;
	background: #fff;
}
table.calender-table thead th.saturday {
	color: #2ea7e0;
}
table.calender-table thead th.sunday {
	color: #e44733;
}
table.calender-table tbody tr {
	background: #fff;
}
table.calender-table tbody td {
	font-size: 14px; 
	border: 1px solid #ecedef;
}
table.calender-table tbody td.saturday, table.calender-table tbody td.saturday a {
	color: #2ea7e0;
	background: rgba(46, 167, 224, 0.03);
}
table.calender-table tbody td.sunday, table.calender-table tbody td.sunday a {
	color: #e44733;
	background: rgba(228, 71, 51, 0.03);
}
table.calender-table tbody td.today a {
	color: #008000;
	background: #f0fff0;
}
table.calender-table tbody td .day {
	display: block;
	padding: 5px;
}
table.calender-table tbody td a {
	display: block;
	-webkit-transition: none;
	        transition: none; 
	border: 3px solid transparent;
}
table.calender-table tbody td a:hover {
	border-color: #7d8997;
}
table.calender-table tbody td a.active {
	font-weight: bold; 
	border-color: #2ea7e0;
}
table.calender-table tbody td .count {
	display: block;
	padding: 3px;
	color: #fff; 
	background: transparent;
}
table.calender-table tbody td .count.none {
	color: #7d8997; 
	background: rgba(125, 137, 151, 0.15);
}
table.calender-table tbody td .count.plan {
	color: #ecedef; 
	background: #7d8997;
}
table.calender-table tbody td .count.complete {
	background: #8cc841;
}
table.calender-table tbody td .count.problem {
	background: #e44733;
}
table.calender-table tbody td .count.modify {
	background: #2ea7e0;
}
table.calender-table tbody td .count.not {
	color: #000; 
	background: #dcdcdc;
}

.table-footer {
	padding: 10px 0;
	text-align: center;
	border: 1px dashed #b6bcc2;
	border-top: none; 
	border-radius: 0 0 10px 10px;
}

td.chart {
	padding-right: 0 !important; 
	padding-left: 0 !important;
}
td.chart:before {
	display: inline-block;
	width: 100%;
	height: 10px; 
	content: '';
}
td.chart.plan:before {
	background: #7d8997;
}
td.chart.complete:before {
	background: #8cc841;
}
td.chart.problem:before {
	background: #e44733;
}
td.chart.modify:before {
	background: #2ea7e0;
}
td.chart.not:before {
	background: #dcdcdc;
}
.footer-reference {
	float: right;
	margin-top: 5px;
	font-size: 14px;
	margin-right: 10px;
}
.header-reference {
	float: right;
	margin-top: -15px;
	font-size: 14px;
}

/* */
td.chart-nenji {
	padding-right: 0 !important; 
	padding-left: 0 !important;
}
td.chart-nenji:before {
	display: inline-block;
	width: 100%;
	height: 4px;
	content: '';
}
td.chart-nenji.plan:before {
	background: #7d8997;
}
td.chart-nenji.complete:before {
	background: #8cc841;
}
td.chart-nenji.problem:before {
	background: #e44733;
}
td.chart-nenji.modify:before {
	background: #2ea7e0;
}
td.chart-nenji.not:before {
	background: #dcdcdc;
}


/* ヘッダ固定（jQuery併用） */
.fixed-head-table {
	overflow-y: auto;
}
.fixed-head-table > div {
	overflow: hidden;
}
.fixed-head-table .table-head-wrapper {
	position: relative; 
	z-index: 1;
}
.fixed-head-table .table-head-wrapper tbody {
	visibility: hidden;
}
.fixed-head-table .table-body-wrapper thead {
	visibility: hidden;
}

.fixed-head-table.outside-border, .fixed-head-table2.outside-border {
	border: 1px solid #b6bcc2;
}
.fixed-head-table.outside-border table, .fixed-head-table2.outside-border table {
	border: none;
}
.fixed-head-table.outside-border table thead th, .fixed-head-table.outside-border table thead td, .fixed-head-table2.outside-border table thead th, .fixed-head-table2.outside-border table thead td {
	border-top: none;
}
.fixed-head-table.outside-border table tr th:first-child, .fixed-head-table.outside-border table tr td:first-child, .fixed-head-table2.outside-border table tr th:first-child, .fixed-head-table2.outside-border table tr td:first-child {
	border-left: none;
}

.fixed-head-table.outside-border table tr th:last-child, .fixed-head-table.outside-border table tr td:last-child {
	border-right: none;
}

.fixed-head-table2 {
	overflow: auto;
}
.fixed-head-table2 > div {
	position: relative; 
	overflow: hidden;
}

/* ポップアップ */
tr[data-popup]:hover, tr[data-linkedcell]:hover {
	cursor: pointer; 
	opacity: 0.6;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

/*----------------------------------

Lists

------------------------------------*/
/*----------------------------------

Icons

------------------------------------*/
.table-icon {
	display: inline-block; 
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	background: center no-repeat;
    margin-right:5px;
}
.table-icon.work-on {
	background-image: url(../images/status_icon_work_on.png);
}
.table-icon.work-off {
	background-image: url(../images/status_icon_work_off.png);
}
.table-icon.power-on {
	background-image: url(../images/status_icon_power_on.png);
}
.table-icon.power-off {
	background-image: url(../images/status_icon_power_off.png);
}
.table-icon.alert-on {
	background-image: url(../images/status_icon_alert_on.png);
}
.table-icon.alert-off {
	background-image: url(../images/status_icon_alert_off.png);
}
.table-icon.eye-on {
    background-image: url(../images/status_icon_eye_on.png);
}

.table-icon.circle-off {
	background-image: url(../images/status_icon_circle_off.png);
}
.table-icon.circle-on {
	background-image: url(../images/status_icon_circle_on.png);
}

.table-icon.work-off {
	background-image: url(../images/status_icon_work_off.png);
}

.pagetitle-icon {
	display: inline-block; 
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	background: center no-repeat;
}
.pagetitle-icon.work-on {
	background-image: url(../images/pagetitle_icon_work_on.png);
}
.pagetitle-icon.work-off {
	background-image: url(../images/pagetitle_icon_work_off.png);
}
.pagetitle-icon.power-on {
	background-image: url(../images/pagetitle_icon_power_on.png);
}
.pagetitle-icon.power-off {
	background-image: url(../images/pagetitle_icon_power_off.png);
}
.pagetitle-icon.alert-on {
	background-image: url(../images/pagetitle_icon_alert_on.png);
}
.pagetitle-icon.alert-off {
	background-image: url(../images/pagetitle_icon_alert_off.png);
}

.nav-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	border: none; 
	background: center no-repeat;
}
.nav-icon.note {
	background-image: url(../images/icon_note.png);
}
.nav-icon.info {
	background-image: url(../images/icon_info.png);
}
.nav-icon:hover {
	opacity: 0.6;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

/*----------------------------------

Navigations

------------------------------------*/
/* タブナビゲーション0 */
.nav-tab0 {
    font-size: 15px;
    position: relative;
    margin-bottom: 15px;
    padding: 0 10px;
    /*text-align: center;*/
}
.nav-tab0.small {
	font-size: 13px;
}
.nav-tab0.small a {
	padding: 5px 10px;
}
.nav-tab0 li {
	display: inline-block;
	vertical-align: middle;
}
.nav-tab0 li a {
	display: block;
	margin: 0 2px; 
	padding: 8px 20px;
	text-align: center;
	border: 2px solid #dee0e3;
	border-radius: 10px 10px 0 0;
	background: #dee0e3;
}
.nav-tab0 li a:hover {
	color: #fff;
	border-color: #b6bcc2; 
	background-color: #b6bcc2;
}
.nav-tab0 li.active a {
	font-weight: bold;
	position: relative;
	z-index: 1; 
	color: #000;
	border-bottom-color: #fff;
	background: #fff;
}
.nav-tab0:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	background: #dee0e3;
}

/* タブナビゲーション1 */
.nav-tab {
    font-size: 15px;
    position: relative;
    margin-bottom: 15px;
    padding: 0 10px;
    /*text-align: center;*/
}
.nav-tab.small {
	font-size: 13px;
}
.nav-tab.small a {
	padding: 5px 10px;
}
.nav-tab li {
	display: inline-block;
	vertical-align: middle;
}
.nav-tab li a {
	display: block;
	margin: 0 2px; 
	padding: 8px 8px;
	text-align: center;
	border: 2px solid #dee0e3;
	border-radius: 10px 10px 0 0;
	background: #dee0e3;
}
.nav-tab li a:hover {
	color: #fff;
	border-color: #b6bcc2; 
	background-color: #b6bcc2;
}
.nav-tab li.active a {
	font-weight: bold;
	position: relative;
	z-index: 1; 
	color: #000;
	border-bottom-color: #fff;
	background: #fff;
}
.nav-tab:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	background: #dee0e3;
}

/* タブナビゲーション2 */
.nav-tab2 {
	font-size: 15px;
	display: table; 
	width: 100%;
	border-radius: 100px;
}
.nav-tab2 li {
	display: table-cell;
	padding: 0 1px;
}
.nav-tab2 li a {
	position: relative;
	display: block;
	overflow: visible; 
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #b6bcc2;
	border-radius: 5px;
}
.nav-tab2 li a:hover {
	background: #b6bcc2;
}
.nav-tab2 li.active a {
	font-weight: bold;
	color: #fff;
	border-color: #2ea7e0; 
	background: #2ea7e0;
}
.nav-tab2 li.active a:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -10px; 
	content: '';
	border: 10px solid transparent;
	border-top-color: #2ea7e0;
}

/* タブナビゲーション3 */
.nav-tab3 {
	font-size: 15px;
	position: relative; 
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.nav-tab3:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	content: '';
	background: #b6bcc2;
}
.nav-tab3 li {
	display: inline-block;
	padding: 0 1px;
}
.nav-tab3 li a {
	position: relative;
	display: block;
	overflow: visible;
	min-width: 5em;
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ecedef;
	border-bottom-color: transparent;
	border-radius: 10px 10px 0 0;
	background: #ecedef;
}
.nav-tab3 li a:hover {
	background: #b6bcc2;
}
.nav-tab3 li.active a {
	font-weight: bold;
	position: relative;
	z-index: 1; 
	border-color: #b6bcc2;
	border-bottom-color: #fff;
	background: #fff;
}

/* テーブル用UI*/
.table-ui {
	display: table;
	width: 100%;
	margin: 0 0 5px;
}
.table-ui .table-ui-content {
	display: table-cell;
}
.table-ui .table-ui-content.align-left {
	text-align: left;
}
.table-ui .table-ui-content.align-center {
	text-align: center;
}
.table-ui .table-ui-content.align-right {
	text-align: right;
}
.table-ui .pagenation-nav, .table-ui .pagenation-info, .table-ui .pagenation-number {
	font-size: 14px;
	display: table-cell;
	padding: 2px 10px 0 0;
	vertical-align: middle;
}
.table-ui .pagenation-nav li {
	display: table-cell; 
	padding: 0;
}
.table-ui .pagenation-nav li a {
	display: inline-block;
	vertical-align: middle;
}
.table-ui .pagenation-nav li a:not(.next):not(.prev) {
	line-height: 1;
	padding: 3px 8px;
	color: #7d8997;
	border-right: 1px dotted #b6bcc2;
}
.table-ui .pagenation-nav li a:not(.next):not(.prev).active {
	font-weight: bold; 
	color: #2ea7e0;
}
.table-ui .pagenation-nav li a:not(.next):not(.prev).active:hover {
	color: #fff;
	background: #2ea7e0;
}
.table-ui .pagenation-nav li a:not(.next):not(.prev):hover {
	color: #000;
	background: #ecedef;
}
.table-ui .pagenation-nav li:nth-of-type(2) a {
	border-left: 1px dotted #b6bcc2;
}
.table-ui .pagenation-nav li .prev, .table-ui .pagenation-nav li .next {
	width: 24px;
	height: 24px;
	text-indent: -9999px; 
	background: center no-repeat;
}
.table-ui .pagenation-nav li .prev:hover, .table-ui .pagenation-nav li .next:hover {
	opacity: 0.6;
	background: transparent center no-repeat;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}
.table-ui .pagenation-nav li .prev, .table-ui .pagenation-nav li .prev:hover {
	padding-right: 10px;
	background-image: url(../images/icon_left.png);
}
.table-ui .pagenation-nav li .next, .table-ui .pagenation-nav li .next:hover {
	padding-left: 10px;
	background-image: url(../images/icon_right.png);
}
.table-ui .pagenation-number input {
	width: 3em;
	margin: 0 5px;
}

/* マスタメンテナンスメニュー */
.master-maintenance-nav {
	border-bottom: 1px solid #b6bcc2;
}
.master-maintenance-nav li {
	font-size: 15px;
}
.master-maintenance-nav li a {
	display: block;
	padding: 8px 5px 8px 5px;
	cursor: pointer;
	vertical-align: middle;
	border-top: 1px solid #b6bcc2;
	background: url(../images/tri_right.png) no-repeat right center;
}
.master-maintenance-nav li a:hover {
	background-color: rgba(46, 167, 224, 0.3);
}
.master-maintenance-nav li ul {
	margin-left: 25px;
}
.master-maintenance-nav li ul a {
	border-top-color: rgba(182, 188, 194, 0.4);
}
.master-maintenance-nav li.hasChild ul {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.3s linear;
	        transition: max-height 0.3s linear;
}
.master-maintenance-nav li.hasChild > a {
	padding: 8px 5px 8px 25px;
	color: #b6bcc2; 
	background: url(../images/tri_right3.png) no-repeat left center;
}
.master-maintenance-nav li.hasChild > a:hover {
	color: #7d8997;
	background-color: transparent;
}
.master-maintenance-nav li.hasChild.expanded ul {
	max-height: 500px;
}
.master-maintenance-nav li.hasChild.expanded > a {
	background: url(../images/tri_down3.png) no-repeat left center;
}
.master-maintenance-nav li.hasChild.expanded > a:hover {
	background-color: transparent;
}
.master-maintenance-nav li.active > a {
	font-weight: bold;
	background: #ecedef url(../images/tri_active.png) no-repeat right center;
}
.master-maintenance-nav > li:first-child a {
	border-top: none;
}

/*----------------------------------

Buttons

------------------------------------*/
.button-type1 {
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	padding: 8px 20px;
	cursor: pointer; 
	-webkit-transition: 0.2s;
	        transition: 0.2s;
	color: #fff;
	border: none;
	border-radius: 100px;
	background: #2ea7e0;
}
.button-type1:hover {
	opacity: 0.6;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.button-type2 {
	font-size: 16px;
	line-height: 1.2;
	display: inline-block;
	margin: 40px 0 0;
	padding: 15px 80px;
	cursor: pointer;
	-webkit-transition: 0.2s;
	        transition: 0.2s;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 100px;
	outline: 0;
	background: transparent;
	background: url(../images/arrow2.png) no-repeat right 20px center; 

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.button-type2:hover {
	opacity: 0.6;
	color: #fff;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.button-type3, .button-type4, .button-type5 {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	min-width: 100px;
	margin: 0;
	padding: 8px 20px;
	cursor: pointer; 
	-webkit-transition: 0.2s;
	        transition: 0.2s;
	text-align: center;
	vertical-align: middle;
	color: #2ea7e0;
	border: 2px solid #2ea7e0;
	border-radius: 3px;
	outline: 0;
	background: transparent;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.button-type3:hover, .button-type4:hover, .button-type5:hover {
	color: #fff;
	background: #2ea7e0;
}

.button-type3 {
}
.button-type3.align-left {
	text-align: left;
	float: left;
}

.button-type4 {
	color: #fff; 
	border-color: transparent;
	border-radius: 100px;
	background: #2ea7e0;
}
.button-type4:hover {
	opacity: 0.6;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.button-type5 {
	font-size: 13px;
	min-width: auto;
	padding: 6px 10px;
	white-space: nowrap; 
	color: #fff;
	border: none;
	background: #7d8997;
}
.button-type5:hover {
	opacity: 0.6;
	background: #7d8997;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}
.button-type5.blue {
	background: #2ea7e0;
}

.button-type6 {
	font-size: 14px;
	line-height: 1.3;
	box-sizing: border-box;
	margin: 0; 
	padding: 3px 15px;
	vertical-align: middle;
	color: #fff;
	border: none;
	border-radius: 3px;
	background: #2ea7e0;
}
.button-type6:hover {
	opacity: 0.6;
	background: #2ea7e0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.icon-button a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border-radius: 10px; 
	background: #7d8997;
}
.icon-button a img {
	margin: 50% 0 0 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.icon-button a:hover {
	opacity: 0.6;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

/* 個別 */
.button-icon-filter {
	padding-left: 40px;
	background-image: url(../images/icon_filter_on.png); 
	background-repeat: no-repeat;
	background-position: 15px center;
}
.button-icon-filter:hover {
	background-image: url(../images/icon_filter_on.png);
	background-repeat: no-repeat; 
	background-position: 15px center;
}

.button-icon-filter2 {
	padding-left: 30px;
	background-image: url(../images/icon_filter_on.png); 
	background-repeat: no-repeat;
	background-position: 5px center;
}
.button-icon-filter2-on {
	padding-left: 30px;
	background-image: url(../images/icon_filter.png); 
	background-repeat: no-repeat;
	background-position: 5px center;
}
.button-icon-filter2:hover {
	background-image: url(../images/icon_filter_on.png);
	background-repeat: no-repeat; 
	background-position: 5px center;
}
.button-icon-filter2-on:hover {
	background-image: url(../images/icon_filter.png);
	background-repeat: no-repeat; 
	background-position: 5px center;
}

.button-icon-add {
	padding-left: 40px;
	background-image: url(../images/icon_add_on.png); 
	background-repeat: no-repeat;
	background-position: 15px center;
}
.button-icon-add:hover {
	background-image: url(../images/icon_add_on.png);
	background-repeat: no-repeat; 
	background-position: 15px center;
}

.button-icon-entry {
	padding-left: 40px;
	background-image: url(../images/icon_entry_on.png); 
	background-repeat: no-repeat;
	background-position: 15px center;
}
.button-icon-entry:hover {
	background-image: url(../images/icon_entry_on.png);
	background-repeat: no-repeat; 
	background-position: 15px center;
}

.button-icon-search {
	padding-left: 40px;
	background-image: url(../images/icon_search_on.png); 
	background-repeat: no-repeat;
	background-position: 15px center;
}
.button-icon-search:hover {
	background-image: url(../images/icon_search_on.png);
	background-repeat: no-repeat; 
	background-position: 15px center;
}

.button-icon-import {
	padding-left: 40px;
	background-image: url(../images/icon_import_on.png); 
	background-repeat: no-repeat;
	background-position: 15px center;
}
.button-icon-import:hover {
	background-image: url(../images/icon_import_on.png);
	background-repeat: no-repeat; 
	background-position: 15px center;
}

/*----------------------------------

Form

------------------------------------*/
.textfield-type1 {
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%; 
	padding: 3px 5px;
	vertical-align: middle;
	border: 1px solid #b6bcc2;
	border-radius: 3px;
}

.textarea-type1 {
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%; 
	height: 4em;
	padding: 3px 5px;
	vertical-align: middle;
	border: 1px solid #b6bcc2;
	border-radius: 3px;
}

.fiel-type1 {
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	padding: 3px 5px;
	vertical-align: middle; 
	border-radius: 3px;
}

.pulldownmenu-type1 {
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%; 
	padding: 3px 5px;
	vertical-align: middle;
	border: 1px solid #b6bcc2;
	border-radius: 3px;
}

input[type=text].w-auto, select.w-auto, textarea.w-auto {
	width: auto;
}
input[type=text].w-80, select.w-80, textarea.w-80 {
	width: 80%;
}
input[type=text].w-70, select.w-70, textarea.w-70 {
	width: 70%;
}
input[type=text].w-50, select.w-50, textarea.w-50 {
	width: 50%;
}
input[type=text].w-30, select.w-30, textarea.w-30 {
	width: 30%;
}
input[type=text].w-20, select.w-20, textarea.w-20 {
	width: 20%;
}
input[type=text].w-10, select.w-10, textarea.w-10 {
	width: 10%;
}
input[type=text].t-r, select.t-r, textarea.t-r {
	text-align: right;
}

/*----------------------------------

Magnific Popup CSS

------------------------------------*/
.mfp-bg {
	position: fixed;
	z-index: 1042;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: #0b0b0b;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}

.mfp-wrap {
	position: fixed;
	z-index: 1043;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none !important;

	-webkit-backface-visibility: hidden;
}

.mfp-container {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box; 
	width: 100%;
	height: 100%;
	padding: 0 8px;
	text-align: center;
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	z-index: 1045; 
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor:         zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor:         zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	position: absolute;
	z-index: 1044; 
	top: 50%;
	right: 8px;
	left: 8px;
	width: auto;
	margin-top: -0.8em;
	text-align: center;
	color: #ccc;
}
.mfp-preloader a {
	color: #ccc;
}
.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close, button.mfp-arrow {
	z-index: 1046;
	display: block;
	overflow: visible;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;

	-webkit-appearance: none;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	font-size: 28px;
	font-style: normal;
	line-height: 1;
	position: absolute;
	top: -25px;
	right: -25px;
	width: 40px;
	height: 40px;
	padding: 20px;
	-webkit-transition: 0.2s;
	        transition: 0.2s;
	text-indent: -9999px;
	color: #fff;
	border: 3px solid #fff !important; 
	border-radius: 50%;
	background: #292c34 url(../images/close.png) no-repeat center !important;
	background-size: 60% !important;
}
.mfp-close:hover, .mfp-close:focus {
	background-color: #e44733 !important;
}
.mfp-close:active {
	margin-top: 2px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	right: -6px;
	width: 100%; 
	padding-right: 6px;
	text-align: right;
	color: #fff;
}

.mfp-counter {
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap; 
	color: #ccc;
}

.mfp-arrow {
	position: absolute;
	top: 50%;
	width: 90px;
	height: 110px;
	margin: 0;
	margin-top: -55px;
	padding: 0;
	opacity: 0.65;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)';
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.mfp-arrow:before, .mfp-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	margin-top: 35px;
	margin-left: 35px;
	content: '';
	border: medium inset transparent;
}
.mfp-arrow:after {
	top: 8px; 
	border-top-width: 13px;
	border-bottom-width: 13px;
}
.mfp-arrow:before {
	opacity: 0.7;
	border-top-width: 21px;
	border-bottom-width: 21px;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after {
	margin-left: 31px; 
	border-right: 17px solid #fff;
}
.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after {
	margin-left: 39px; 
	border-left: 17px solid #fff;
}
.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000; 
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img {
	line-height: 0;
	display: block;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto; 
	padding: 40px 0 40px;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	position: absolute;
	z-index: -1;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	display: block;
	width: auto;
	height: auto;
	content: '';
	background: #444; 
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small {
	font-size: 12px;
	line-height: 14px; 
	display: block;
	color: #bdbdbd;
}
.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: -36px;
	cursor: auto;
}

.mfp-title {
	line-height: 18px;
	padding-right: 36px; 
	text-align: left;
	word-wrap: break-word;
	color: #f3f3f3;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
   * Remove all paddings around the image on small screen
   */
	.mfp-img-mobile .mfp-image-holder {
		padding-right: 0; 
		padding-left: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		position: fixed;
		top: auto;
		bottom: 0;
		box-sizing: border-box; 
		margin: 0;
		padding: 3px 5px;
		background: rgba(0, 0, 0, 0.6);
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		top: 3px; 
		right: 5px;
	}
	.mfp-img-mobile .mfp-close {
		line-height: 35px;
		position: fixed;
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		padding: 0; 
		text-align: center;
		background: rgba(0, 0, 0, 0.6);
	}
}
@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		        transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		        transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		        transform-origin: 100%;
	}

	.mfp-container {
		padding-right: 6px; 
		padding-left: 6px;
	}
}
/* overlay at start */
.mfp-fade.mfp-bg {
	-webkit-transition: all 0.15s ease-out;
	        transition: all 0.15s ease-out; 
	opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	-webkit-transition: all 0.15s ease-out;
	        transition: all 0.15s ease-out; 
	opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}