@charset "UTF-8";

/* =================================== */
/*
/*     Name: smartphone CSS
/*    Description: smartphone Settings
/*
/*    Create: 160829
/*
/* =================================== */
@media only screen and (max-width: 1000px) {
    ul.nav li a {
    padding: 0 10px;
}
}
@media only screen and (max-width: 900px) {
#kv-bnr * {
    font-size: 10px;
}
.smt-on {
    display: block !important;
}
.smt-off {
    display: none !important;
}
header {
    min-width: inherit;
    min-height: 62px;
}
.cover_wrap header {
    position: absolute;
    bottom: 0;
}
div#header {
    clear: both;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
header.scroll {
    position: fixed;
    top: 0;
    bottom: auto !important;
}
#product-logo {
    padding: 10px 10px;
    text-align: left;
}
div.navbox {
    margin: 0 auto;
    min-height: 62px;
    border-bottom: 1px solid #ccc;
}
header.scroll div.navbox {
    max-width: none;
    width: 100%;
    margin: 0 auto;
}
ul.nav {
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    float: none;
    z-index: 5003;
}
ul.nav li {
    font-size: 14px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0px;
    list-style-type: none;
    float: none;
    width: 100%;
    z-index: 70;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 4px;
    background-color: #333;
    border-bottom: solid #fff 1px;
}
ul.nav li a {
    white-space: nowrap;
    text-decoration: none;
    display: block;
    height: auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
ul.nav li a.navi01 {
    text-align: center;
    width: auto;
}
ul.nav li a.navi02 {
    text-align: center;
    width: auto;
}
ul.nav li a.navi03 {
    text-align: center;
    width: auto;
}
ul.nav li a:link {
    color: #fff;
    text-decoration: none;
    outline: 0;
    line-height: 50px;
}
ul.nav li a:visited {
    color: #fff;
    text-decoration: none;
}
ul.nav li a:hover {
    color: #fff;
    text-decoration: none;
}
ul.nav li a:active {
    color: #fff;
    text-decoration: none;
}
ul.nav li a.current {
    color: #fff;
    text-decoration: none;
}
ul.nav li a.parent {
    color: #fff;
    text-decoration: none;
}
ul.nav li.li_home a.parent {
    color: #fff;
    text-decoration: none;
}
.bt-contact {
    display: none;
}
a.btn_act {
    width: 62px;
    position: absolute;
    z-index: 5000;
    display: block;
    height: 62px;
    line-height: 62px;
    background: #fff;
    font-size: 12px;
    text-indent: -9999px;
    color: #333C40;
    padding: 0 15px;
    margin-bottom: 0;
    top: 0;
    right: 0;
    text-align: left;
    border-bottom: none;
    border-left: solid 1px #ccc;
    font-weight: normal;
}
a.btn_act span {
    position: absolute;
    right: 10px;
    text-indent: 14px;
    top: 0;
    font-size: 40px;
}
}

@media only screen and (max-width: 767px) {
body {
    overflow-x: hidden;
}
/************************************************

    wrapper

************************************************/

html {
}
body {
    width: 100% !important;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}
html:not(:target) body {
    font-size: 16px;
}
    
    p {
    font-size: 14px;
}
/* width toppage
------------------------------------------ */

a.flL {
    display: block;
}
a.fwB {
    display: block;
}
.taL {
    text-align: left;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
    display: block;
    margin-bottom: 10px;
}
.tr {
    text-align: right;
}
.minimg img {
    width: 100%;
}

.s-mb10 {
    margin-bottom: 10px !important;
}
.s-mb15 {
    margin-bottom: 15px !important;
}
.w180 {
    width: 100% !important;
}
img {
    max-width: 100%;
    height: auto;
}
/* Responsive images and other embedded objects */
object, embed {
    width: auto;
    max-width: 100%;
}
/************************************************

1.container

************************************************/

div#container {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
    padding-bottom: 0;
}
/************************************************

2.nav

************************************************/


/************************************************

3.contents

************************************************/

div#contents {
    width: auto;
    margin: 0 auto;
    text-align: left;
    clear: both;
    display: block;
    position: relative;
    padding-top: 0;
}
.theme_contents div#contents {
    padding-top: 110px;
}
/* ===================================

    7: Footer

====================================== */

/*
 foot [
----------------------------------------------------------- */

/* #footer  ================ */

footer {
    width: 100%;
    padding: 50px 0;
}
div#footer {
    margin: 0 20px;
    position: relative;
}
div#footer ul {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
div#footer ul li {
    float: none;
    display: block;
    font-size: 14px;
    margin-right: 0;
    line-height: 1;
    margin-bottom: 15px;
    text-align: center;
}
div#footer p {
    font-size: 10px;
    text-align: center;
}
.footer-copy {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0;
    line-height: 1;
    font-size: 12px;
}
/* =================================== */
/*
/*     Name: Object CSS
/*    Description: Object Settings
/*
/*    Create: 20150623
/*    Update: XXXX.XX.XX
/*
/*    Copyright 2015 ryuichi echigo
/*
/*    1:Component - .c-*
/*    2:Project - .p-*
/*    3:Utility - .u-*
/*
/*
/* =================================== */

/* heading
------------------------------------------ */

.ttlXl { /* 基本h2に適用 */
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.4;
    text-align: center;
}
.ttlL { /* 基本h3に適用 */
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
    text-align: center;
}
.ttlM {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 20px;
}
.ttlM br {
    display: none;
}
.ttlM.mb40 {
    margin-bottom: 20px !important;
}
.ttlS {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 20px;
}
.ttl-laed {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 0 20px;
}
.ttlL-en {
    font-size: 20px;
}
h3.u-tx20.fwB {
    text-align: center;
}
/*
 glid [
----------------------------------------------------------- */

.c-glid {
    clear: both;
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}
.section-col02 .c-glid {
    clear: both;
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}
.section-col02 .bg_wh.pa50 .c-glid {
    clear: both;
    display: block;
    margin-top: 0;
    margin-right: -20px;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}
.section-col03 .c-glid {
    clear: both;
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}
#line .c-glid {
    clear: both;
    display: block;
    margin-top: 0;
    margin-right: -20px;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}
.c-glid__item--12 {
    width: 100%;
}
.c-glid__item--11 {
    width: 100%;
}
.c-glid__item--10 {
    width: 100%;
}
.c-glid__item--9 {
    width: 100%;
}
.c-glid__item--8 {
    width: 100%;
}
.c-glid__item--7 {
    width: 100%;
}
.c-glid__item--6 {
    width: 100%;
}
.c-glid__item--5 {
    width: 100%;
}
.c-glid__item--4 {
    width: 100%;
}
.c-glid__item--3 {
    width: 100%;
}
.c-glid__item--2 {
    width: 100%;
}
.c-glid__item--1 {
    width: 100%;
}
.c-glid__item--12, .c-glid__item--11, .c-glid__item--10, .c-glid__item--9, .c-glid__item--8, .c-glid__item--7, .c-glid__item--6, .c-glid__item--5, .c-glid__item--4, .c-glid__item--3, .c-glid__item--2, .c-glid__item--1 {
    min-height: 1px;
    margin-top: 0;
    padding-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    position: relative;
    float: left;
    display: inline;  /* IE6 fix */
}
.section-col02 .c-glid__item--6 {
    min-height: 1px;
    margin-top: 0;
    padding-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
    float: left;
    display: inline;  /* IE6 fix */
}
#line .c-glid__item--6 {
    padding-right: 20px;
    float: left;
    width: 50%;
}
.section-col04 .c-glid {
    margin-bottom: 0 !important;
}
.section-col05 .c-glid__item--6 {
    min-height: 1px;
    margin-top: 0;
    padding-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    position: relative;
    float: none;
    display: block;
    vertical-align: middle;
}
.section-col05 .c-glid__item--6.first-child {
    margin-bottom: 15px;
    text-align: center;
}
#line .c-glid__item--6 .ttlM {
    font-size: 14px;
    font-weight: 700;
}
#line .c-glid__item--6 .u-tx25 {
    font-size: 14px !important
}
#line .c-glid__item--6 p {
    font-size: 14px;
    line-height: 1.6;
}
/*
 list_ib
----------------------------------------------------------- */

.list_ib {
    margin-bottom: 5px;
}
.list_ib li {
    margin-bottom: 10px;
    display: block;
    padding: 0;
}
.list_ibc li {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    width: 50%;
    float: left;
}
/*
 c-blk
----------------------------------------------------------- */

.c-blk dt {
    padding-bottom : 10px;
    width : auto;
    float : none;
    clear : both;
}
.c-blk dd {
    padding-right : 10px;
    padding-bottom : 10px;
    margin-left : 0;
}
/* ===================================

    2:Project

====================================== */

/*
 cover [
----------------------------------------------------------- */
.cover_wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: inherit !important;
}
.cover {
    text-align: left;
    clear: both;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-image: url(../images/bg_kv_logo.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50%;
    z-index: 5001;
    width: 100%;
    display: table;
    max-height: inherit !important;
    min-height: inherit !important;
    height: 100%;
}
.cover .cover__valign {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
    padding-bottom: 80px;
}
.kv_left {
    padding: 0 10% 0;
}
.cover .cover__valign p {
    margin-bottom: 0;
}
.cover .cover__valign h2 {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 0;
    letter-spacing: 1px;
    position: relative;
}
.copy01 {
    position: relative;
    display: block;
}
.cover .cover__valign h1 {
    margin-bottom: 20px;
    position: relative;
}
.cover .cover__valign .kv_logo {
    font-size: 12px;
}
.cover .cover__valign h1 img {
    width: 160px !important;
    height: auto !important;
}
#kv-bnr {
    position: absolute;
    right: 10px;
    top: 15px;
    margin-bottom: 0;
    z-index: 5002;
    text-align: right;
}

#kv-date {
    left: 10px;
    bottom: 80px;
    width: 80%;
}
#kv-title {
    left: 10px;
    top: 15px;
}
#kv-title * {
    font-size: 10px;
}
.cover .cover__valign p span {
    color: #fff;
    position: relative;
}
.cover .cover__arrow {
    bottom: 80px;
}
/*
 section-col [
----------------------------------------------------------- */

.section-col01 {
    width: 100%;
    padding: 40px 0;
}
.section-col01 .colpd {
    width: auto;
    margin: 0 20px;
    position: relative;
}
.section-col01 .p-animelayer {
    background-position: right 25%;
    background-size: 1000px;
    padding: 0 0 0 30px;
}

.section-col02 {
    width: 100%;
    padding: 40px 0;
    /* background-image: none; */
}
.section-col02 .colpd {
    width: auto;
    margin: 0 20px;
}
.section-col02 .colpd-min {
    width: auto;
    margin: 0;
}
.section-col03 {
    width: 100%;
    padding: 0 0;
}
.section-col03 .colpd {
    width: auto;
    margin: 0 20px;
}
.section-col04 {
    width: 100%;
    padding: 40px 0;
}
.section-col04 .colpd {
    width: auto;
    margin: 0 20px;
}
.section-col04 .colpd-min {
    width: auto;
    margin: 0 20px;
}
.section-col05 {
    width: 100%;
    padding: 40px 0 0;
}
.section-col05 .colpd {
    width: auto;
    margin: 0 20px;
}

.ec-overlay h3 {
    font-size: 18px;
}
.section-col06 {
    width: 100%;
    padding: 40px 0;
}
.section-col06 .colpd {
    width: auto;
    margin: 0 20px;
}
.section-col06 .colpd-min {
    max-width: auto;
    margin: 0 20px;
    position: relative;
}
.section-col07 {
    width: 100%;
    padding: 40px 0;
}
.section-col07 .colpd {
    width: auto;
    margin: 0 20px;
}
.section-col07 .colpd p {
    text-align: left;
}
.section-col07 .colpd .c-glid__item--6 p {
    text-align: center;
}
.modal__title {
    font-size: 18px;
}
.mfp-arrow {
    top: auto;
    bottom: 10px;
}
#line .c-glid {
}
    .sponcer-area li {
        font-size: 15px;
    }
dl.dl_schedule {
    display: block;
}

dl.dl_schedule dt {
    width: 100%;
}
dl.dl_schedule dt br {
    display:none;
}

dl.dl_schedule dd {
    width: 100%;
    font-size: 14px;
}

.sns_regyu {
    padding: 25px;
}

.sns_regyu h3 {
    font-size: 18px;
}

.sns_regyu p {
    font-size: 14px;
}

dl.c-accordion dd div.inbox {
    padding: 20px 0 0;
}

.c-newslist .news_cl span.day {
    float: none;
    font-size: 14px !important;
}

.c-newslist .news_cl span.news_contents {
    margin-left: 0;
    font-size: 14px !important;
}

.section-news {
    padding: 20px;
}
.panel {
    margin-bottom: 20px;
}
#blueray img {
    max-width: 300px;
}
/* font size
------------------------------------------ */
.u-tx10 {
    font-size: 10px !important;
} /*renders 10px */
.u-tx11 {
    font-size: 11px !important;
} /*renders 11px */
.u-tx12 {
    font-size: 12px !important;
} /*renders 12px */
.u-tx13 {
    font-size: 13px !important;
} /*renders 13px */
.u-tx14 {
    font-size: 14px !important;
} /*renders 14px */
.u-tx15 {
    font-size: 14px !important;
} /*renders 15px */
.u-tx16 {
    font-size: 14px !important;
} /*renders 16px */
.u-tx17 {
    font-size: 16px !important;
} /*renders 17px */
.u-tx18 {
    font-size: 16px !important;
} /*renders 18px */
.u-tx19 {
    font-size: 18px !important;
} /*renders 19px */
.u-tx20 {
    font-size: 18px !important;
} /*renders 20px */
.u-tx21 {
    font-size: 18px !important;
} /*renders 21px */
.u-tx22 {
    font-size: 20px !important;
} /*renders 22px */
.u-tx23 {
    font-size: 20px !important;
} /*renders 23px */
.u-tx24 {
    font-size: 20px !important;
} /*renders 24px */
.u-tx25 {
    font-size: 20px !important;
} /*renders 25px */
/* width
============================== */
.w80 {
    width: 100% !important;
}
.w80 {
    width: 100% !important;
}
.w100 {
    width: 100% !important;
}
.w110 {
    width: 100% !important;
}
.w120 {
    width: 100% !important;
}
.w125 {
    width: 100% !important;
}
.w130 {
    width: 100% !important;
}
.w140 {
    width: 100% !important;
}
.w150 {
    width: 100% !important;
}
.w180 {
    width: 100% !important;
}
.w190 {
    width: 100% !important;
}
.w200 {
    width: 100% !important;
}
.w210 {
    width: 100% !important;
}
.w240 {
    width: 100% !important;
}
.w220 {
    width: 100% !important;
}
.w225 {
    width: 100% !important;
}
.w230 {
    width: 100% !important;
}
.w240 {
    width: 100% !important;
}
.w245 {
    width: 100% !important;
}
.w246 {
    width: 100% !important;
}
.w260 {
    width: 100% !important;
}
.w270 {
    width: 100% !important;
}
.w280 {
    width: 100% !important;
}
.w290 {
    width: 100% !important;
}
.w295 {
    width: 100% !important;
}
.w300 {
    width: 100% !important;
}
.w320 {
    width: 100% !important;
}
.w315 {
    width: 100% !important;
}
.w330 {
    width: 100% !important;
}
.w340 {
    width: 100% !important;
}
.w345 {
    width: 100% !important;
}
.w350 {
    width: 100% !important;
}
.w360 {
    width: 100% !important;
}
.w370 {
    width: 100% !important;
}
.w390 {
    width: 100% !important;
}
.w400 {
    width: 100% !important;
}
.w410 {
    width: 100% !important;
}
.w430 {
    width: 100% !important;
}
.w440 {
    width: 100% !important;
}
.w450 {
    width: 100% !important;
}
.w460 {
    width: 100% !important;
}
.w470 {
    width: 100% !important;
}
.w480 {
    width: 100% !important;
}
.w500 {
    width: 100% !important;
}
.w520 {
    width: 100% !important;
}
.w530 {
    width: 100% !important;
}
.w542 {
    width: 100% !important;
}
.w550 {
    width: 100% !important;
}
.w560 {
    width: 100% !important;
}
.w590 {
    width: 100% !important;
}
.w600 {
    width: 100% !important;
}
.w640 {
    width: 100% !important;
}
.w675 {
    width: 100% !important;
}
.w680 {
    width: 100% !important;
}
.w780 {
    width: 100% !important;
}
.w730 {
    width: 100% !important;
}
.w740 {
    width: 100% !important;
}
.w820 {
    width: 100% !important;
}
.mw500 {
    max-width: none;
}
.mb70 {
    margin-bottom: 40px !important;
}
.mb60 {
    margin-bottom: 40px !important;
}
/*
 table
----------------------------------------------------------- */

table .w150 {
    width: 150px !important;
}
table {
    font-size: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
tr {
    position: relative;
}
td {
    display: block !important;
}
th {
    display: block !important;
}
table.tableoutline {
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    position: relative !important;
}
table.tableoutline tbody td {
    color: #333;
    padding: 4px 0 10px;
    margin: 0px;
    vertical-align: top;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    background-image: none;
    border-top-style: none;
}
table.tableoutline tbody th {
    background-image: none;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding: 10px 0 4px;
    color: #333;
    font-weight: bold;
    border-bottom-style: none;
    border-top-style: none;
}
table.tableoutline tfoot td {
    color: #FFF;
    padding: 10px;
    margin: 1px;
}
table.tableoutline tfoot th {
    background-image: none;
    margin: 0px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    color: #FFF;
    background-color: #424C50;
    padding: 10px;
}
div#container table .taC {
    padding: 10px;
    text-align: center;
    display: table-cell;
    margin: 0;
}
table.tableoutline textarea {
    padding: 15px;
    width: 100%;
    height: 200px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal__contents p {
    line-height: 1.6;
    margin-bottom: 10px;
}
.modal__contents .c-glid__item--6 {
    margin-bottom: 0;
}
.realtime {
    display: flex;
    overflow-x: scroll;
    margin: 0 -20px;
}
.realtime .responsive img {
    height: calc(100vh - 150px);
    width: auto;
    max-width: inherit;
}
ul.sp.streaming_area {
    background-image: url(https://www.baynet.ne.jp/wp-content/uploads/2023/08/sp_streaming_bg.jpg);
    background-size: cover;
    border-radius: 8px;
    padding: 40px 30px 0 30px;
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
ul.sp.streaming_area li:first-child {margin-bottom: 30px;}
ul.sp.streaming_area li:nth-child(2) {margin: 30px 30px 20px 30px;}
ul.sp.streaming_area li:last-child {margin: 0 40px 0 40px;}
}