@charset "utf-8";

#movieBox {
  width: 100%;
  margin: 0 auto;
  padding: 61px 0 0 0;
}

.movie {
  width: 100%;
  max-width: 100%;
}

#slideBox {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.slider0,
.slider1 {
    width: 100%;
}

.slider0 img,
.slider1 img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.top_01 li { padding: 0.5em 0; border-bottom: #D1A994 dotted 1px; }
.top_01 li a { color: #202020; }

.top_01L { width: 22%; padding-right: 3%;}
.top_01R { width: 75%; }

.top_02in { width: 100%; margin: 0 auto;}

.top_03 { position: relative; }
.top_03_01 { width: 100%; padding-left: 0;}
.top_03_01 .span01{ font-size:90%; }
.top_03_01 .span02{ font-weight: bold; color:#FF7F00; }
.top_03_line { width: 100%; margin-left: 0; border-top: #00A7DC 4px solid; }
.top_03_02 { position: static; width: 100%; }
.top_03_02 img { width: auto; max-width: 100%; margin: 0 auto; }
.top_03 li { padding-bottom: 1em;}
.top_03 li img { width: auto; max-width: 100%; margin: 0 auto; }

.top_04 { position: relative; }
.top_04_01 { width: 100%; }
.top_04_01 .span01{ font-size:90%; }
.top_04_01 .span02{ color:#E9729C; font-size: 130%; }
.top_04_line { width: 100%; border-top: #E9729C 4px solid; }
.top_04_02 { position: static; width: 100%; }
.top_04_02 img { width: auto; max-width: 100%; margin: 0 auto; }
.top_04 dl { padding-bottom: 2em; }
.top_04 dt { padding-bottom: 1em; font-size: 120%; }

.top_05_01 { width: 100%; }
.top_05_01 .span01{ font-size:90%; }
.top_05_01 .span02{ color:#5A4BA6; font-size: 130%; }
.top_05_line { width: 100%; border-top: #5A4BA6 4px solid; }

.top_10 {
	width:100%;
    max-width: 300px;
    margin: 0 auto;
}

.top_10 li { padding-bottom: 0.5em; }
.top_10 li img { width: auto; max-width: 100%; margin: 0 auto; }

.top_11 {
	background:#FDCD00;
	width:100%;
    max-width: 300px;
    margin: 0 auto;
	padding-bottom:0.5em;
}

.top_11in {
	width:88%;
    max-width: 264px;
	margin:0.5em auto;
    font-size:90%;
    line-height: 1.3em;
}

.top_11 li {
	border:#000000 solid 1px;
	box-sizing: border-box;
	background:#FFFFFF;
	width:100%;
	margin-bottom:0.5em;
}

.top_11 li span { font-size:130%; line-height: 1.8em; }

.top_11L,
.top_11R {
	width:46%; margin:0.5em 2%;
}




@media (min-width : 768px) {

  #movieBox {
    padding: 0;
  }

  .top_01L { width: 17%; padding-right: 3%;}
  .top_01R { width: 80%; }

  .top_02in { width: auto; max-width: 500px; }

  .top_03_01 { width: 60%; padding-left: 40%;}
  .top_03_line { width: 80%; margin-left: 20%; }
  .top_03_02 { position: absolute; top:0; left:0; width: 40%; }

  .top_04_01 { width: 60%; }
  .top_04_line { width: 80%; }
  .top_04_02 { position: absolute; top:0; right:0; width: 40%; }

  .top_05_01 { width: 60%; }
.top_05_line { width: 80%; }

}

@media (min-width : 1306px) {
  .top_01L { width: 12%; padding-right: 3%;}
  .top_01R { width: 85%; }


}