@charset "utf-8";

.img_header .mv-img{
    width:61.5%;
}

.element-item.movie{
    border-radius: initial;
}
.element-item.movie .image {
    width:100%;
    margin:0 auto 10px;
}
.element-item.movie .image img{
    width:100%;
}

.item_icon{
    margin-bottom:60px;
}

.item_intro,.item_backsp{
    margin-bottom: 60px;
    margin-top: 30px;
}

.special_topics .intro_text{
    text-align: left;
    line-height: 1.8rem;
    font-size: 1.0rem;
    /*margin-bottom:90px;*/
    padding: 5px;
    color: #62524a;

}

.special_topics .intro_text_inner{
    padding: 30px;
    background-color: #fff;
    border: 1px solid #DECBBA;
    border-radius: 5px;
}

.intro_text_theme{
    background-color: #F0EBDF;
    border-radius: 5px;
}

.special_topics .heading {
  position: relative;
  padding-left: 30px;
  padding-bottom: 8px;
  margin-bottom: 30px;
  border-bottom: 1px solid #62524a;
  /*line-height: 3rem;*/
  color:#62524a;
}

.special_topics .heading:before,
.special_topics .heading:after{
  content: "□";
  position: absolute;
  width:4px;
  height: 4px;
}

.special_topics .heading:before {
  left:0;
  top:-3px;
}

.special_topics .heading:after {
  left: 7.5px;
  top: 3.5px;
}



.twitter-follow-button--custom img {
    width: 240px;
    height: 35px;
}


/* ?쥹?ݥ󥷥?*/
/* ************************************************** */
/* ????κ???1024px?ޤǤΈ??Ϥ?SS */
@media screen and (max-width:1024px){
/* ************************************************** */
    .img_header .mv-img{
        width:90%;
    }

    .thumb_icon{
        margin-bottom:30px;
    }

    .special_topics .heading{
      font-size: 1.2rem;
    }

    .special_topics .intro_text_inner{

    }

    .special_topics .intro_text_inner{
       padding:5%;
    }

}

/* ************************************************** */
/* ???֥???*/
@media screen and (min-width: 500px) and (max-width: 835px){
/* ************************************************** */
    .grid {
        width: 83%;
    }
    .img_header .mv-img{
        width:95%;
    }

    .thumb_icon{
        margin-bottom:30px;
    }

}

@media screen and (min-width: 500px) and (max-width: 770px){
    .grid {
        width: 321px;
    }

    .res-img{
      width: 100%;
    }
}

/* ************************************************** */
/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus ?k*/
@media screen and (min-width: 0px) and (max-width: 499px){
/* ************************************************** */
    .img_header .mv-img{
        width:100%;
    }

    .thumb_icon{
        margin-bottom:30px;
    }
}