.slick-slide img {
display: inline;
max-width: 100%;
height: auto;
}

#left h4{
margin-top:20px;
height: 58px;
line-height: 58px;
font-weight:bold;
font-size:1.2rem;
color:#000;
background:url(images/komidashi_border_pc.png) no-repeat 50% 80%;
}
#left > div .category{
margin-left:auto;
padding:2px 0;
width:100px;
text-align:center;
font-size:0.8rem;
color:#fff;
}
#left > div > .news{
background-color:#06b5c6;
}
#left > div > .works{
background-color:#f98a3d;
}
#left > div > .doga_cate{
background-color:#e60000;
}
#left > div > .dvd_cate{
background-color:#ff558b;
}
#left > div > .event{
background-color:#28a57f;
}
#left > div > .goods{
background-color:#74228c;
}
#left > div > .recruit{
background-color:#126fb8;
}
#left > div > .media{
background-color:#f98a3d;
}
#left > div > p{
margin-top:20px;
}
#left > div .note{
font-size:0.8rem;
}
#colorbox{
display:none;
}

#main{
margin-top:20px;
overflow: hidden;
}

/*関連情報*/
#left .related_information{
font-size:0;
}
#left .related_information > a,#left #category > a{
position:relative;
display:inline-block;
margin:10px 1.5% 0 0;
border:1px solid #00a8d4;
padding-bottom:20px;
vertical-align:top;
width:31.2%;
}
#left .related_information > a:hover,#left .category > a:hover{
text-decoration:none;
background-color:#e5f6fb;
}
#left .related_information .category,#left #category .category{
position:relative;
margin:-13px 0 0 4%;
padding:5px 0;
width:45%;
text-align:center;
font-size:0.6rem;
color:#fff;
}
#left .related_information .news,#left #category .news{
background-color:#06b5c6;
}
#left .related_information .works,#left #category .works{
background-color:#f98a3d;
}
#left .related_information .doga_cate,#left #category .doga_cate{
background-color:#e60000;
}
#left .related_information .dvd_cate,#left #category .dvd_cate{
background-color:#ff558b;
}
#left .related_information .event,#left #category .event{
background-color:#28a57f;
}
#left .related_information .goods,#left #category .goods{
background-color:#74228c;
}
#left .related_information .recruit,#left #category .recruit{
background-color:#126fb8;
}
#left .related_information .time,#left #category .time{
margin:-8px 2% 0 0;
text-align:right;
font-size:0.6rem;
color:#00a8d4;
}
#left .related_information .title,#left #category .title{
margin:5px 4% 0 4%;
text-align:justify;
font-weight:bold;
font-size:0.8rem;
line-height:1.4;
color:#00a8d4;
}
#left .related_information .arrow,#left #category .arrow{
position:absolute;
bottom:2%;
right:3%;
width: 6%;
text-align:right;
}

/*関連作品*/
#left .related_works > div:nth-of-type(n+2){
margin-top:10px;
}
#left .related_works > div > a > ul{
display:table;
width:100%;
}
#left .related_works > div > a > ul > li{
display:table-cell;
vertical-align:middle;
}
#left .related_works > div > a > ul > li:nth-of-type(1){
width:15%;
}
#left .related_works > div > a > ul > li:nth-of-type(2){
padding-left:5%;
width:75%;
}
#left .related_works > div > a > ul > li:nth-of-type(3){
padding-right:5%;
text-align:right;
width:10%;
}
#left .related_works .thumbnail img{
border:1px solid #00a8d4;
}
#left .related_works a{
color: #00a8d4;
}

/*作品情報*/
#left .copyright{
margin-top:10px;
padding-right:2%;
text-align:right;
font-size:0.6rem;
}
#left .haishin{
text-align:left;
}
#left .haishin div{
display:inline-block;
margin:1% 0.1% 0 0;
vertical-align: middle;
text-align:center;
width:19%;
line-height:1.2;
background:url(images/icon_newwin.png) no-repeat 90% 50% #e5f6fb;
}
#left .haishin div.line_1{
padding-top:24px;
height: 34px;
}
#left .haishin div.line_2{
padding-top: 18px;
height: 40px;
}
#left .haishin div a{
display: block;
width: 100%;
height: 100%;
vertical-align: middle;
font-size:0.6rem;
color:#00a8d4;
}
#left > div > .btnArea{
margin-top:30px;
text-align:center;
}
#left > div > .btnArea:nth-of-type(1){
margin-top:20px;
}
#left .btnArea a{
display:block;
margin:0 auto;
border:1px solid #00a8d4;
padding:10px 0;
width:70%;
color:#00a8d4;
background:url(images/icon_newwin.png) no-repeat 98% 50%;
}
#left .btnArea a:hover{
text-decoration:none;
background-color:#e5f6fb;
}
#left .btnArea a .sub{
font-size:0.7rem;
}
#left .story{
margin-top:10px;
}
#left .story .catch{
margin-bottom:1rem;
font-weight:bold;
}

/*作品情報アーカイブ*/
#works{
margin-top:60px;
}
#works > .border{
padding-bottom:20px;
}
#works > .border > .midashi{
position:relative;
}
#works > .border > .midashi > ul{
display:table;
table-layout:fixed;
margin-bottom:20px;
width:100%;
}
#works > .border > .midashi > ul > li{
display:table-cell;
vertical-align:top;
border:1px solid #00a8d4;
padding:5px 0;
text-align:center;
}
#works > .border > .midashi > ul > li.tv{
cursor: pointer;
color:#00a8d4;
background-color:#fff;
}
#works > .border > .midashi > ul > li.tv_on{
color:#fff;
background-color:#00a8d4;
}
#works > .border > .midashi > ul > li.tv_on::after{
content:"▼";
position: absolute;
top: 80%;
left:25%;
color:#00a8d4;
}
#works > .border > .midashi > ul > li.eiga{
cursor: pointer;
color:#00a8d4;
background-color:#fff;
}
#works > .border > .midashi > ul > li.eiga_on{
color:#fff;
background-color:#00a8d4;
}
#works > .border > .midashi > ul > li.eiga_on::after{
content:"▼";
position: absolute;
top: 80%;
left:75%;
color:#00a8d4;
}
#works > .border > div:nth-of-type(n+2){
margin-top:20px;
}
#works > .border > div > div > a > ul{
display:table;
table-layout:fixed;/*ie*/
width:100%;
}
#works > .border > div > div > a > ul > li{
display:table-cell;
vertical-align:middle;
}
#works > .border > div > div > a > ul > li:nth-of-type(1){
width:20%;
}
#works > .border > div > div > a > ul > li:nth-of-type(2){
padding-left:5%;
width:75%;
}
#works > .border > div > div > a > ul > li:nth-of-type(3){
text-align:right;
width:5%;
}
#works > .border > div > div.now > a > ul > li:nth-of-type(1){
width:30%;
}
#works > .border > div > div.now > a > ul > li:nth-of-type(2){
padding-left:5%;
width:65%;
}
#works .year{
display: flex;
align-items: center;
font-size: 0.8rem;
color: #00a8d4;
}
#works .year::before,#works .year::after {
content: "";
flex-grow: 1;
height: 1px;
background: #00a8d4;
display: block;
}
#works .year:before {
margin:0 .4em 0 0;
}
#works .year::after {
margin:0 0 0 .4em;
}
#works .thumbnail img{
border:1px solid #00a8d4;
}
#works a{
display:block;
color: #00a8d4;
}
#works a:hover{
text-decoration:none;
background-color:#e5f6fb;
}
#works #tv{
position: relative;
}
#works #eiga{
position: relative;
display:none;
}
#works #tv > div,#works #eiga > div{
margin-top:10px;
}
/*小*/
#works > .border > div > div.small{
display:inline-block;
vertical-align:middle;
width: 49%;
}
#works > .border > div > div.small ul {
display: table;
table-layout:fixed;/*ie*/
width: 100%;
}
#works > .border > div > div.small ul > li {
display: table-cell;
vertical-align: middle;
}
#works > .border > div > div.small ul > li:nth-of-type(1) {
width: 30%;
}
#works > .border > div > div.small ul > li:nth-of-type(2) {
padding:0 0 0 5%;
width: 60%;
color: #00a8d4;
}
#works > .border > div > div.small ul > li:nth-of-type(3) {
padding-right:1%;
width: 10%;
color: #00a8d4;
}

/*動画配信アーカイブ*/
#doga .bannerArea{
margin-top:20px;
}
#doga .bannerArea div{
margin-top:5px;
display:inline-block;
width:32%;
background-color:#fff;
}
#doga .a_wa{
margin-top:20px;
text-align:left;
}
#doga .a_wa > div{
position:relative;
display:inline-block;
margin:0.5% 0.1% 0 0;
padding-top:24px;
vertical-align: middle;
text-align:center;
width:19%;
height: 34px;
font-size:0.8rem;
line-height:1.2;
background:url(images/icon_gobottom.png) no-repeat 90% 50% #ededed;
}
#doga .a_wa > div > a{
display: block;
width: 100%;
height: 100%;
vertical-align: middle;
font-size:0.8rem;
color:#00a8d4;
}
.curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.7);
}
#doga h5{
margin-top:20px;
font-weight:bold;
font-size:1.2rem;
color:#000;
}
#doga > div > div > ul{
display:table;
table-layout:fixed;/*ie*/
margin-top:5px;
border:1px solid #00a8d4;
width:100%;
}
#doga > div > div > ul > li{
display:table-cell;
vertical-align:middle;
}
#doga > div > div > ul > li:nth-of-type(1){
width:17%;
}
#doga > div > div > ul > li:nth-of-type(2){
padding-left:2%;
width:65%;
font-size:0.8rem;
color:#fff;
background-color:#00a8d4;
}
#doga > div > div > ul > li:nth-of-type(3){
padding-right:1%;
text-align:right;
width:18%;
font-size:0.7rem;
color:#fff;
background-color:#00a8d4;
}
#doga .icon_plusminus{
display: inline-block;
padding: 0 4px 0 3px;
width: 11px;
font-weight:bold;
color:#00a8d4;
background-color:#fff;
}
#doga .haishin{
border:1px solid #00a8d4;
padding:0 0 1% 1%;
display:none;
}

/*DVD・blu-rayアーカイブ*/
#dvd .bannerArea{
margin-top:20px;
}
#dvd .bannerArea div{
margin-top:5px;
display:inline-block;
width:32%;
background-color:#fff;
}
#dvd .a_wa{
margin-top:20px;
text-align:left;
}
#dvd .a_wa > div{
position:relative;
display:inline-block;
margin:0.5% 0.1% 0 0;
padding-top:24px;
vertical-align: middle;
text-align:center;
width:19%;
height: 34px;
font-size:0.8rem;
line-height:1.2;
background:url(images/icon_gobottom.png) no-repeat 90% 50% #ededed;
}
#dvd .a_wa > div > a{
display: block;
width: 100%;
height: 100%;
vertical-align: middle;
font-size:0.8rem;
color:#00a8d4;
}
#dvd h5{
margin-top:20px;
font-weight:bold;
font-size:1.2rem;
color:#000;
}
#dvd .list > div > a{
color:#fff;
}
#dvd > div > div > a > ul{
display:table;
table-layout:fixed;/*ie*/
margin-top:5px;
border:1px solid #00a8d4;
width:100%;
}
#dvd > div > div > a > ul > li{
display:table-cell;
vertical-align:middle;
}
#dvd > div > div > a > ul > li:nth-of-type(1){
width:17%;
}
#dvd > div > div > a > ul > li:nth-of-type(2){
padding-left:2%;
width:65%;
font-size:0.8rem;
background-color:#00a8d4;
}
#dvd > div > div > a > ul > li:nth-of-type(3){
padding-right:5%;
text-align:right;
width:18%;
font-size:0.7rem;
background:url(images/icon_newwin_w.png) no-repeat 90% 50% #00a8d4;
}

/*会社情報*/
#company .catch{
margin-top:20px;
}
#company .catch span{
padding: 3px;
font-weight:bold;
font-size:1.8rem;
line-height:2;
color:#fff;
background: linear-gradient(90deg,#9B2D8F,#2E2D89,#0056B2,#0096C4);
}
#company p{
margin-top:20px;
text-align:justify;
}
#company .lead p{
font-size:1.1rem;
color:#00A8D4;
}
#company #index{
margin-top:40px;
}
#company #index div{
margin-top:2px;
padding-left:2%;
height: 50px;
line-height: 50px;
background:url(images/icon_gobottom.png) no-repeat 98% 50% #e5f6fb;
}
#company #index div a{
display:block;
color:#00A8D4;
}n
#company #aisatsu .midashi{
margin-top:20px;
font-weight:bold;
font-size:1.1rem;
}
#company .president{
margin-bottom:1rem;
}
#company .caption{
text-align:right;
font-size:0.8rem;
}
#company #business {
clear: right;
}
#company .illust{
margin-top:20px;
}
#company h5{
margin-top: 20px;
font-size:1.2rem;
color:#00A8D4;
}
#company #contents ul{
display:table;
table-layout:fixed;
margin:20px auto 0 auto;
width:100%;
}
#company #contents li{
display:table-cell;
vertical-align:middle;
padding:0 10px;
}
#company #history .chronology{
margin:20px 0 0 30px;
border-left:5px solid #E5F6FB;
padding-left:10px;
}
#company #history .year{
position: relative;
margin:20px 0 0 -20px;
font-weight:bold;
font-size:1.5rem;
letter-spacing:0.2rem;
color:#00A8D4;
}
#company #history .year:before{
position: absolute;
left: -23px;
top: -28px;
content: "●";
font-size: 60px;
color: #E5F6FB;
z-index: -1;
}
#company #history .wareki{
font-weight:normal;
font-size:0.8rem;
letter-spacing:normal;
}
#company #history ul{
display:table;
margin:0 auto;
width:100%;
}
#company #history li{
display:table-cell;
vertical-align:top;
}
#company #history li:nth-of-type(1){
width:12%;
}
#company #history li:nth-of-type(2){
width:88%;
font-weight:bold;
}
#company #history .em{
/*font-size:1.4rem;*/
}
#company #history p{
margin-top: 5px;
font-weight:normal;
font-size:0.8rem;
}

#company table{
width:100%;
}
#company td{
padding:6px 20px;
background-color:#e5f6fb;
}
#company td:nth-of-type(1){
text-align:center;
}
#company #banner_recruit {
margin: 40px 0 0 0;
}
#company #map div{
border: 1px solid #00a8d4;
background-color: #EEEDED;
}
#company .btnArea{
margin-top:40px;
text-align: center;
}
#company .btnArea a {
background:url();
}
#company .btnArea img{
vertical-align: middle;
}

/*お問い合わせ*/
#contact p{
margin-top:20px;
}
#contact label{
font-weight:bold;
font-size:1.2rem;
color:#000;
}
select,input,textarea{
font-size:1rem;
}
input.wpcf7-text,input.wpcf7-email,textarea.wpcf7-textarea{
border: none;
padding: 20px 2%;
width: 96%;
background-color: #e5f6fb;
}
#contact .wpcf7-submit {
cursor:pointer;
display: block;
margin: 40px auto 0 auto;
border: none;
border-radius: 0;
width: 200px;
height: 50px;
font-size: 14px;
color: #fff;
background-color: #00a8d4;
}

/*ポリシー*/
#policy .em{
font-weight:bold;
color:#000;
}

/*情報セキュリティ基本方針*/
#security p{
margin-top:40px;
}
#security .em{
font-weight:bold;
color:#000;
}
#security .signature{
text-align:right;
font-size: 14px;
}


@media (max-width: 640px) {
#left h4{
background:url(images/komidashi_border_sp.png) no-repeat 50% 80%;
}
#left .related_information .category,#left #category .category{
margin:-10px 0 0 4%;
padding:3px 0;
width:40%;
}

#main{
width:100%;
}

/*作品情報*/
#left .haishin div{
width:32.1%;
}
#left .haishin div.line_1{
padding-top:19px;
height: 29px;
}
#left .haishin div.line_2{
padding-top: 12px;
height: 36px;
}
#left > div > .btnArea{
margin-top:10px;
border:1px solid #00a8d4;
padding:10px 0;
background:url(images/icon_newwin.png) no-repeat 98% 50%;
}
#left .btnArea a{
border:none;
padding:0;
background:url();
}

/*作品情報アーカイブ*/
#works{
/*margin-top:20px;*/
}
#works > .border > div > div.small ul > li:nth-of-type(2) > .title {
font-size:0.8rem;
}

/*動画配信アーカイブ*/
#doga .a_wa > div{
margin:1% 0.05% 0 0;
padding-top: 12px;
width: 18.8%;
height: 24px;
}
#doga > div > div > ul > li:nth-of-type(2){
width:60%;
font-size:0.7rem;
}
#doga > div > div > ul > li:nth-of-type(3){
width:25%;
font-size:0.7rem;
}
#doga .icon_plusminus{
padding:0 2px;
font-size:0.7rem;
}

/*DVD・blu-rayアーカイブ*/
#dvd .a_wa > div{
margin:1% 0.05% 0 0;
padding-top: 12px;
width: 18.8%;
height: 24px;
}
#dvd > div > div > a > ul > li:nth-of-type(2){
width:60%;
font-size:0.7rem;
}
#dvd > div > div > a > ul > li:nth-of-type(3){
padding-right:7%;
width:25%;
font-size:0.7rem;
}

#company .catch span{
font-size:6vw;
}
#company #index div{
height: 40px;
line-height: 40px;
}
#company #contents li{
padding:0 1%;
}
#company #history li:nth-of-type(1){
width:18%;
}
#company #history li:nth-of-type(2){
width:82%;
}
#company td{
padding:6px 2%;
font-size: 13px;
}
#company .btnArea{
margin-top:20px;
border:1px solid #00a8d4;
padding:10px 0;
}
#company .btnArea a{
border:none;
padding:0;
background:url();
}

/*情報セキュリティ基本方針*/
#security .signature{
font-size: 12px;
}

}