@charset "UTF-8";
/* CSS Document */




#wrap {
   position: relative;
   width: 100%;
}
h1.ttl-page {
   height: 0;
   margin: 0;
}


#index #main {
   width: auto;
   width: 900px;
   margin: 0 auto;
   height: auto;
   padding-bottom: 20px;
}


.bnr_head {
   display:none;
}

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


                      side


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

#side {
   width: 278px;
   height: 840px;
   float: left;
   margin-top:21px;
   background-image: url(../img/index/bg-newseries.png) ;
   background-repeat: no-repeat;
   background-position: top center;
   box-sizing: border-box;
   padding-top: 45px;
   text-align: center;
   position:relative;
}

#idx-main-top .side2 {
   background-image: url(../img/index/bg-newseries2.png) ;

}

#side a {
   color: #fff;
   font-size: 1em;
   line-height: 1.5em;
}
#side a img {
   display: inline-block;
}
.thumb_movie {
   margin-bottom: 5px;
   margin-left: -10px;
}
.side-sw3{
   margin-bottom: 40px;
}
#idx-main-top .side2 .side-sw3{
   margin-bottom: 37px;
}

.side-band {
   margin-bottom: 20px;
}

.side-501_hasshin{
   position: absolute;
   bottom:60px;
   left: 10px;
}
#idx-main-top .side2 .side-501_hasshin{
   position: static;
   bottom:auto;
   left: auto;
}
.side_bnr_box {
   display:block;
   margin: 0 auto;
   height: 100px;
}

.side-501_hasshin .side_bnr_box {
   height: 200px;
}

.side_bnr_box img {
   display:block;
   height: 70px;
}
.side-501_hasshin .side_bnr_box img {
   height: 160px;
}
#idx-main-top .side2 .side-501_hasshin .side_bnr_box img {
   height: 143px;
   margin-left: -2px;
}
.side_bnr_box .bnr_name {
   height: 25px;
}

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


                      main


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


#top_banner_area {
   display: flex;
   margin-bottom: 10px;
}

#top_banner_area a,
#top_banner_area a img {
   display: block;
}
#top_banner_area a {
   margin: 0 5px;
}

#idx-main-top {
   height: 920px;
   margin-bottom: 30px;
   margin-top: 30px;
   box-sizing: border-box;
}


#mainvisual_area {
   width: 605px;
   height: auto;
   float: left;
   margin-left: 15px;
   background-repeat: no-repeat;
   background-position: top center;
   position: relative;
   margin-top: -140px;
}
#mainvisual_area #mainvisual {
   height: 849px;
   width: 605px;
   position: relative;
   margin-top: 0;
}
.mainvisual1 {
   background-image: url(../img/index/mainvisual.png) ;
}

.mainvisual2 {
   background-image: url(../img/index/mainvisual2.png) ;
}

.mainvisual226 {
   background-image: url(../img/index/mainvisual226.png) ;
}
.mainvisual328 {
   background-image: url(../img/index/mainvisual328.png) ;
}
.mainvisual210528 {
   background-image: url(../img/index/mainvisual210528.png) ;
}

#idx-main-bottom {
   height: 533px;
   width: 900px;
   overflow:hidden;
}

#idx-news {
   background-image: url(../img/index/bg-news.png) ;
   background-repeat: no-repeat;
   background-position: top center;
   width: 529px;
   height: 533px;
   float: left;
   padding: 70px 30px 20px 30px;
   box-sizing: border-box;
}

#idx-news dl {
   margin-bottom: 15px;
   overflow:hidden;
}
#idx-news dl dt {
   float: left;
   padding-top: 7px;
   clear: both;
}
#idx-news dl dd {
   padding-left: 110px;
   border-bottom: solid 1px #b9b2ae;
   margin-bottom: 5px;
   max-height: 6em;
}
#idx-news dl .news_name {
   font-size: 14px;
   line-height: 1.4em;
   overflow:hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   color: #000;

}
#idx-news dl .news_name a {
   color: #000;
}

#idx-news dl .date {
   font-size: 0.8em;
   height: 2em;
   color: #4a5f38;
}
#idx-news dl .date img {
   vertical-align:middle;
}

#twitter {
   background-image: url(../img/index/bg-twitter.png) ;
   background-repeat: no-repeat;
   background-position: top center;
   width: 334px;
   height: 521px;
   float: left;
   margin-left: 30px;
   box-sizing: border-box;
   padding-top: 50px;
   text-align: center;
}
#twitter .btn-twitter {
   padding-top: 15px;
}
.top_mainread {
   display:block;
   width: 605px;
   height: 56px;

}

.bnr-event2020 {
   width: 300px;
   display: block;
   margin: 0 auto;
}
.bnr-event2020 img {
   width: 100%;
}

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


                      footer


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



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


                      colorbox


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






#index #cboxClose{
   position:absolute;
   left:642px;
   top:-20px;
   display:block;
   background:url(../img/common/close.png) no-repeat top center;
   width:65px;
   height:65px;
   text-indent:-9999px;
   cursor:pointer;
   border: none;
   overflow: hidden;
}

#index #cboxWrapper {
  outline: none;
}