/* CSS Document */

.pc_off {
 display: none;
}

/**********************************
博士チャンネル
**********************************/
.flex-container {
 display: flex;
 margin-top: 10px;
}

.f_l {
 float: left;
}

.f_r {
 float: right;
}

.main_movie {
 overflow: hidden;
 position: relative;
 width: 100%;
 margin-bottom: 30px;
}

.main_movie img {
 width: 100%;
 border-radius: 4px;
}

.main_movie_ti {
 border-left: 10px solid #638c0b;
 font-size: 25px;
 line-height: 34px;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 20px;
 padding-left: 10px;
 font-weight: normal;
}

.main_movie_ti h2 {
 font-size: 25px;
 line-height: 34px;
 margin-left: 2px;
 font-weight: normal;
}

.movie_icon {
 margin-top: 10px;
 margin-bottom: 10px;
}

.movie_icon .new {
 background-color: #ff0000;
 border: 1px solid #ff0000;
 height: 30px;
 color: #FFFFFF;
 font-size: 15px;
 text-align: center;
 font-weight: normal;
 margin-left: 5px;
 margin-right: 5px;
 border-radius: 2px;
 padding-right: 20px;
 padding-left: 20px;
}

.movie_icon .sozoku {
 background-color: #FFFFFF;
 border: 1px solid brown;
 height: 30px;
 color: brown;
 font-size: 15px;
 text-align: center;
 font-weight: normal;
 margin-left: 5px;
 margin-right: 5px;
 border-radius: 2px;
 padding-right: 20px;
 padding-left: 20px;
}

.movie_icon .kanri {
 background-color: #FFFFFF;
 border: 1px solid #dc143c;
 height: 30px;
 color: #dc143c;
 font-size: 14px;
 text-align: center;
 font-weight: normal;
 margin-left: 5px;
 margin-right: 5px;
 border-radius: 2px;
 padding-right: 20px;
 padding-left: 20px;
}

.movie_wrap {
 margin: auto;
 x display: block;
 overflow: hidden;
 height: auto;
}

.movie_fullwrap {
 width: 1000px;
 overflow: hidden;
 margin-bottom: 20px;
 margin: 0 auto;
}

.movie_subwrap {
 overflow: hidden;
 background-color: #e3eaec;
 margin-top: 30px;
 padding-bottom: 100px;
 margin-bottom: 30px;
}

.movie_subbox {
 width: 1000px;
 overflow: hidden;
 margin-bottom: 20px;
 margin: 0 auto;
}

.movie_subbox p .under {
 font-size: 15px;
 line-height: 30px;
 margin-right: 2%;
 margin-left: 2%;
}

.movie_subbox_ti {
 background-color: #0b3b67;
 color: #FFF;
 font-size: 18px;
 line-height: 42px;
 margin-top: 50px;
 margin-bottom: 20px;
 padding-left: 14px;

}

.theme {
 font-size: 18px;
 line-height: 30px;
 color: #0b3b67;
 font-weight: bold;
 background: linear-gradient(transparent 70%, yellow 70%);
 margin-top: 40px;
 margin-bottom: 10px;
 text-align: center;
 width: 10%;
 margin: 0 auto;
}

.sub_movie_ti_top {
 color: #0b3b67;
 font-size: 24px;
 line-height: 30px;
 margin-top: 20px;
 margin-bottom: 20px;
 text-align: center;
}

.sub_movie img {
 width: 100%;
 border-radius: 4px;
 margin-bottom: 20px;
}

.video_wrap {
 padding: 1px;
 background-color: #000;
}

.youtube_wrap {
 position: relative;
 padding-bottom: 56.25%;
 /*アスペクト比 16:9の場合の縦幅*/
 height: 0;
 overflow: hidden
}

.youtube_wrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.movie_subcon {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 1000px;
}

.movie_subcon img {
 border-radius: 4px;
 border: solid 3px #000000;
 padding: 2px;
 width: 96%;
 margin: 0 auto;
}

.movie_subcon_text {
 width: 94%;
 padding-right: 2%;
 /*padding-left: 2%;*/
}

.movie_subcon_text p {
 font-size: 15px;
 line-height: 30px;
 margin-bottom: 30px;
}

.movie_full_text {
 font-size: 15px;
 line-height: 30px;
 margin-right: 2%;
 /*margin-left: 2%;*/
}

.movie_kanrenwrap {
 width: 1000px;
 margin: 0 auto;
 margin-bottom: 80px;
}

.movie_kanren {
 margin-top: 80px;
}

.movie_kanren_ti {
 border-left: 5px solid #dc6800;
 border-bottom: 1px solid #dc6800;
 font-size: 18px;
 line-height: 34px;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-left: 14px;
}

.movie_kanren ul {}

.movie_kanren li {
 border-bottom: 1px dotted #CCC;
}

.movie_kanren li a:link {
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
 padding-bottom: 10px;
 padding-top: 10px;
}

.movie_kanren li a:hover {
 background-color: #fcfff0;
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
}

.movie_kanren li img {
 max-width: 120px;
 height: auto;
 border-radius: 4px;
}

.movie_kanren li p {
 font-size: 18px;
 line-height: 27px;
 font-weight: bold;
 color: #555;
 float: right;
 width: 85%;
 margin-left: 1%;
}

.movie_kanren_iconwaku {
 width: 98%;
 margin-right: 2%;
 overflow: hidden;
 margin-bottom: 5px;
 position: relative;
 margin-top: 10px;
}

.main_image {
 overflow: hidden;
 position: relative;
 width: 100%;
 margin-bottom: 30px;
}

.corp_wrap {
 width: 1000px;
 background-color: #c1d3d9;
 margin: 0 auto;
 margin-top: 100px;
}

.corp_waku {
 display: flex;
 overflow: hidden;
 padding: 4%;
}

.corp_waku .image {
 width: 15%;
}

.corp_waku img {
 max-width: 140px;
}

.corp_waku .text {
 width: 78%;
 margin-left: 4%;
}

.corp_waku .name {
 font-size: 24px;
 line-height: 30px;
 font-weight: bold;
}

.corp_waku .name span {
 font-size: 14px;
 line-height: 20px;
 margin-left: 10px;
}

.corp_waku .office {
 font-size: 15px;
 line-height: 24px;
}

.corp_waku .intro {
 margin-top: 10px;
 font-size: 12px;
 line-height: 22px;
}

.corp_link-wrap {}

.corp_link {
 margin-top: 20px;
 display: flex;
 justify-content: space-between;
}

.corp_link .column {
 width: 48%;
 padding: 2px;
 border: 1px solid #FFF;
 font-size: 16px;
 line-height: 28px;
 text-align: center;
 background-color: #5f8d9c;
 color: #FFF;
}

.corp_link .column a:link {
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
 text-decoration: none;
 color: #FFF;
}

.corp_link .column a:hover {
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
 background-color: #5f8d9c;
 color: #f5ff30;
}

.corp_link .pro {
 width: 48%;
 padding: 2px;
 border: 1px solid #FFF;
 font-size: 16px;
 line-height: 28px;
 text-align: center;
 background-color: #88b897;
 color: #FFF;
}

.corp_link .pro a:link {
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
 text-decoration: none;
 color: #FFF;
}

.corp_link .pro a:hover {
 position: relative;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: block;
 background-color: #88b897;
 color: #f5ff30;
}

.botan_wrap {
 width: 1000px;
 margin: 0 auto;
 margin-top: 100px;
}

.botan_wrap .next {
 width: 50%;
 padding: 1%;
 font-size: 18px;
 line-height: 24px;
 background-color: #FFF;
 border: 2px solid #555;
 margin: 0 auto;
 text-align: center;
}


/**********************************
博士チャンネルトップ 20190809
**********************************/

.movie_toku_wrap {
 width: 1000px;
 overflow: hidden;
 box-sizing: border-box;
 margin-bottom: 30px;
}

.movie_toku {
 display: flex;
 justify-content: space-between;
}

.movie_toku .item {
 flex-basis: 49%;
}

.movie_toku .item p {
 background-color: #000;
 color: #FFF;
 font-size: 13px;
 line-height: 20px;
 text-align: left;
 height: 42px;
 padding: 2%;
}

.movie_toku img {}


.movie_list_wrap {
 width: 680px;
 float: right;
 font-size: 15px;
 line-height: 27px;
 color: #333;
 text-align: left;
}

.bengoshi_wrap {
 width: 99%;
 background-color: #FFF;
 font-size: 15px;
 line-height: 27px;
 color: #333;
 text-align: left;
 height: auto;
 border-top: 4px solid #a40000;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 margin-bottom: 30px;
}

.bengoshi_title {
 display: flex;
 padding: 2%;
 border-bottom: 1px dotted #888;
}

.bengoshi_title .name {
 font-size: 28px;
 line-height: 32px;
 margin-left: 10px;
 flex-grow: 4;
}

.bengoshi_title .name span {
 font-size: 16px;
 line-height: 32px;
}

.bengoshi_title .icon {
 height: 75px;
 width: 75px;
 background-color: #a40000;
 font-size: 15px;
 line-height: 75px;
 color: #FFF;
 text-align: center;
}

.face {}

.face img {
 max-width: 75px;
}


.zeirishi_wrap {
 width: 99%;
 background-color: #FFF;
 font-size: 15px;
 line-height: 27px;
 color: #333;
 text-align: left;
 height: auto;
 border-top: 4px solid #2d385a;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 margin-bottom: 30px;
}

.zeirishi_title {
 display: flex;
 padding: 2%;
 border-bottom: 1px dotted #888;
}

.zeirishi_title .name {
 font-size: 28px;
 line-height: 32px;
 margin-left: 10px;
 flex-grow: 4;
}

.zeirishi_title .name span {
 font-size: 16px;
 line-height: 32px;
}

.zeirishi_title .icon {
 height: 75px;
 width: 75px;
 background-color: #2d385a;
 font-size: 15px;
 line-height: 75px;
 color: #FFF;
 text-align: center;
}

.zeirishi_title .face {}

.zeirishi_title .face img {
 max-width: 75px;
}

.kijimovie {
 display: flex;
 justify-content: space-around;
 padding: 2%;
 flex-wrap: wrap;
}

.kijimovie .icon {}

.kijimovie .item {
 flex-basis: 32%;
 margin-bottom: 16px;
}

.kijimovie .item p {
 font-size: 12px;
 line-height: 20px;
 color: #2c2c2c;
 margin-top: 10px;
}

.kijimovie .item a:link {
 text-decoration: none;
}

.kijimovie .item a:hover {
 text-decoration: underline;
 color: #999;
}

.kijimovie .item a:visited {
 color: #222;
}

.copr_wrap {
 width: 1000px;
 margin: 0 auto;
}

.ch-top {}

.ch-top img {
 width: 490px;
 height: auto;
}

.smallmovie {
 -webkit-transition: bottom ease .5s;
 transition: bottom ease .5s;
 width: 288px;
 height: 162px;
 position: fixed;
 bottom: 570px;
 margin: auto;
 left: auto;
 right: 0;
 z-index: 10;
 border-radius: 3px;
}

.channel_btn {
 margin-top: 3%;
}

.channel_btn p {
 margin-bottom: 1%;
 font-size: 14px;
}