/*(max-width:650px)*/

/*共通事項*/

body{
    line-height: 1.6;
    font-size: 15px;
}

.for_medium{
    display: none;
}

.for_wide{
    display: none;
}

.for_small{
    display: block;
}

.main{
 padding: 0 3% 3% 3%;
}


ul.header_sns{
	display: none;
}

div.header_top{
    height: 80px;
}

.main .inner{
    padding: 9% 7%;
}

#staff h1{
    width: 90%;
}

#four_walling h1,{
    width: 70%;
}

#story h1{
    width: 60%;
}

#screening h1,#instruction h1,
#trailer h1,#dvd h1,{
    width: 30%;
}


/*drawar_menu*/

#gnav{
	display: none;
}


/*footer*/

.footer_nav li{
    float: none;
    text-align: center;
    margin-right: 0;
    margin-bottom: 2em;
    font-size: 14px;
}


.footer_nav{
    margin-bottom: 0;
}

/*staff.html*/

#staff h2{
    font-size: 20px;
}


.character_profile dt{
    background-size: 70%;
    background-position: center bottom 10px;
    text-align: center;
    width: 100%;
    font-size: 18px;
}


.character_profile dd p{
    width: 100%;
}

.staff dt{
    font-size: 18px;

}

.Gertten p{
    width: 90%;
}

/*story.html*/


.story  dt{
    font-size: 18px;
    margin-bottom: 7%;
}

/*screening.html*/



#screening h2{
    font-size: 20px;
}

table.theater {
    border: none;
  }

table.theater thead {
    display: none;
  }
table.theater tr {
    display: block;
    margin-bottom: 20px;
  }
table.theater td {
    border: 1px solid #b6a854;
    display: block;
    padding: 10px;
    text-align: right;
  }
table.theater td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    color: #b6a854;
  }

table.four_walling tr{
    display: block;
    margin-bottom: 20px;
}

table.four_walling td tr{
    margin-bottom: 0;
}

table.four_walling th,
table.four_walling td {
  display: block;
  width: 100%;
  margin: 0 auto;
}

table.four_walling th {
  background-color: #BCB27C;
  padding: 5px;
  width: 100%;
  text-align: center;
}

table.four_walling td{
    border-right: 1px solid #b6a854;
    border-left: 1px solid #b6a854;
    text-align: left;
}

table.four_walling table{
  width: 100%;
  margin: 0 auto;
}

table.four_walling td th,
table.four_walling td td
 {
  border: none;
}

table.four_walling td th{
 background-color: transparent;

 font-weight: 500;
 text-align: center;
 width: 100%;
}

table.four_walling td td{
    font-size: 14px;
}


table.four_walling td tr th{
    border-top: 1px solid #b6a854;
    border-bottom: 1px solid #b6a854;
}

table.four_walling>tr td:last-child{
    border-bottom: 1px solid #b6a854;
}



/*instruction.html*/

.instruction dd .img_right .text,.instruction dd .img_left .text{
    width: 100%;
}


.instruction  dt{
    font-size: 18px;
    margin-bottom: 7%;
}

/*four_walling.html*/


#four_walling h2{
    font-size: 20px;
}

.four_wall_information dt{
   text-align: center;
}

/*trailer.html*/

#trailer .main::before{
    background-image: url(../img/trailer_bg.jpg);

}


/*dvd.html*/

#dvd h2{
     font-size: 20px;
}

#dvd h3{
  text-align: center;
}

#dvd .img_left  .img img{
    max-width: 100%;
    height: auto;
}

.dvd_information>p:first-child{
    margin-bottom: 7%;
}


.dvd_information .img_left  .text dd{
    display: block;
}

.dvd_contact dt{
    text-align: center;
}

.dvd_contact .individuals dd:first-of-type, .other_goods p{
  text-align: center;
}

#dvd .shop_bnr{
	 margin: 0 auto;
   margin-top: 2%;
}

/*online.html*/

#online .viemo li.online_button{
	margin-right: 0;
}