@charset "utf-8";
@import "reset.css";

/* content
-----------------------------------------*/
#wapper {
margin:0 auto;
}

#header{
margin:20px auto;
width:1200px;
}

.main img{
width:100%;
}

p.logo img{
margin:0 0 10px 0;
width:300px;
}

#title{
margin:0 auto 60px;
text-align:center;
}

#contents{
margin:30px auto;
width:960px;
}

.amazon{
width:100%;
}

img.hp{
margin:-60px;
width:30%;
}

.inlineframe{
height:155px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
font-size:90%;
line-height:140%;
}

#footer{
margin:0 auto;
padding-top:10px;
height:20px;
width:100%;
background-color:#878787;
text-align:center;
font-size:85%;
color:#fff;
}

#footer_contact{
margin:0 auto;
padding-top:25px;
height:200px;
width:100%;
background-color:#eaeaea;
font-size:95%;
}
.footer_contactArea{
width:960px;
margin:0 auto;
}
.footer_contactAreaBox{
width:50%;
float:left;
}

#footer_sponser{
margin:0 auto;
padding-top:25px;
height:270px;
width:100%;
background-color:#f7f7f7;
}
.footer_sponserArea{
width:960px;
margin:0 auto;
}
.footer_sponserAreaBox1,
.footer_sponserAreaBox2,
.footer_sponserAreaBox3{
float:left;
}

.footer_sponserAreaBox1{
width:33%;
}
.footer_sponserAreaBox2{
width:25%;
}
.footer_sponserAreaBox3{
width:42%;
}

#submit{
width:20%;
height:50px;
margin:30px auto;
font-size:120%;
}

textarea{
width:100%;
height:150px;
}

.input1{
width:50%;
height:23px;
font-size:120%;
}
.input2{
width:90%;
height:23px;
font-size:120%;
}
.input3{
width:70%;
height:23px;
font-size:120%;
}

.amazon_sp{
display:none;
}

.menu{
width:960px;
margin:30px auto;
text-align:center;
}
ul.menu1,
ul.menu2{
width:100%;
padding:0;
margin:0 auto 10px;
}
ul.menu1 li{
width:100%;
display:inline-block;
padding-right:6px;
}
ul.menu2 li{
width:310px;
display:inline-block;
padding-right:6px;
}

div.scr{
overflow-y: scroll;
overflow-x: hidden;
width:100%;
height:200px;
}

/* 2021/7/18�lj� */
#pagehead{
height:8px;
width:100%;
background-color:#006d97;
}

p.detail{
padding:0 0 5px 0;
font-size:120%;
font-weight:bold;
color:#00398d;
}

p.addevent{
margin:0 0 -50px 0;
font-size:150%;
font-weight:bold;
color:#396;
}

h2.main br,
p.detail br{
display: none;
}

a.btn_ao_b {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  border: 2px solid #014897;
  background: #fff;
  text-decoration: none;
  transition: 0.3s;
}
a.btn_ao_b:hover {
  background-color: #e9f3fd;
}
a.btn_ao_b .b__text {
  display: block;
  flex-grow: 1;
  color: #004386;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}
a.btn_ao_b .b__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  a.btn_ao_b .b__text {
    font-size: 18px;
    padding-right: 20px;
  }
  a.btn_ao_b .b__text::after {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 736px) {
  a.btn_ao_b .b__text {
    font-size: 14px;
    padding-right: 20px;
  }
  a.btn_ao_b .b__text::after {
    width: 10px;
    height: 10px;
  }
}

ul.pastevent{
margin:10PX 0 0 30px;
line-height:160%;
}

/* common
-----------------------------------------*/
a {
color:#807442;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:underline;
}
h1{
padding:20px 0 0 0;
font-size:160%;
padding:6px 0 3px 6px;
border-left:7px solid #000000;
}
h2{
margin:20px 0 0 0;
padding:20px 0;
font-size:140%;
}

h2.main{
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 0.5em;
position: relative;
border-bottom: solid 5px #005d61;
}

h2.main:after {
position: absolute;
content: " ";
display: block;
width: 25%;
bottom: -5px;
border-bottom: solid 5px #ffe73b;
}

.prizeStyle{
margin:20px;
line-height:160%;
text-align:center;
}
h2.prize1{
padding:30px 0 20px;
font-size:190%;
text-align:center;
color:#e4007f;
}

h3{
margin:20px auto 10px;
padding:10px 0;
font-size:120%;
}
h4{
padding:10px 0;
font-size:100%;
}
p.acenter{
text-align:center;;
}
p.text1{
font-size:100%;
line-height:180%;
padding:2.5% 6.5% 1% 3.5%;
}
p.text2{
font-size:100%;
line-height:180%;
padding:5% 12% 10% 12%;
animation: SlideIn 0.7s;
}
.inlineframe{
margin:0 50px;
}
.inlineframe p{
padding:0 20px 0 0;
}
.inlineframe ol.olist01{
padding:0 20px;
}

.error_messe{
padding:0 0 10px 0;
}


@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(64px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#copyright{
font-size:85%;
}

/* page-top */
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
}
#page-top a {
background: #666;
text-decoration: none;
color: #fff;
width: 60px;
padding: 20px 0;
text-align: center;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}

#subMenuAreaSP{
display:none;
}

/* theaterinfo
-----------------------------------------*/
table.question1,
table.question2{
width:93%;
margin:20px auto 50px;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
}

.question3{
width:90%;
margin:0 auto 50px;
}

.question1 th{
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
font-weight: bold;
line-height: 120%;
color:#000;
background-color:#bde6d6;
background-position:left top;
padding:0.3em 0.7em;
text-align:center;
}

.question1 td{
color:#000;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:0.4em 0.7em;
background-color:#fff;
line-height: 150%;
text-align:left;
}

.question2 th{
width:20%;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
font-weight: bold;
line-height: 120%;
color:#000;
background-color:#bde6d6;
background-position:left top;
padding:0.3em 0.7em;
text-align:center;
}

.question2 td{
color:#000;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:0.4em 0.7em;
background-color:#fff;
line-height: 150%;
text-align:center;
height:200px;
}


.flex_test-box {
padding:0;
margin:0 auto;
display: flex;
justify-content: center;
}
.flex_test-item {
width:45%;
margin:10px;
text-align:center;
height:100%;
}

/* video
-----------------------------------------*/
.videoArea{
width:1200px;
margin:0 auto;
}

.videoArea2{
width:800px;
margin:0 auto;
}

.videoArea3{
width:890px;
margin:0 auto;
}

.video{
margin:0 0 30px;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.news{
width:70%;
margin:0 auto;
padding:20px;
background-color:#e8fff6;
}
.newsdetail{
margin:10px auto 0;
width:100%;
line-height:160%;
}

.newsdetail a {
color:#0068b7;
text-decoration:none;
}

.slider{
margin:0 auto 50px;
width:90%;
}
.slider img{
height: auto;
width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before{
    color: #000 !important;
}

.slick-arrow,
.slide-arrow{
  transition: .3s all ease-in-out;
  opacity: 0;
  z-index: 1001;
}
:hover .slick-prev,
:hover .prev-prev{
  opacity: 1;
  left: 5px;
}

:hover .slick-next,
:hover .next-next{
  opacity: 1;
  right: 10px;
}

.slick-prev:before {
  content: "" !important;
}

.slick-prev:after {
  content: url(../img/arrow_left.png);
}

.slick-next:before {
  content: "" !important;
}

.slick-next:after {
  content: url(../img/arrow_right.png);
}

.prizeArea_sp{
display:none;
}

.profTable{
width:100%;
margin:0 0 10px 0;
border-collapse:collapse;
border:solid 1px #ccc;
}

.profTable th{
padding:5px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#f4f4f4;
font-weight:bold;
vertical-align:top;
width:20%;
}

.profTable td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:top;
}

ul.detail{
margin:0 0 0 30px;
list-style-type:disc;
line-height:140%;
}

/*==========================================
768px site
===========================================*/
@media screen and (max-width:768px){
img{
max-width:100%;
height:auto;
width /***/:auto;
}

#header{
width:100%;
}

p.logo{
margin:0 auto 5px;
width:55%;
}

#contents{
width:100%;
padding:0;
}
#contents2{
padding:0 10px;
}

img.hp{
margin:-30px;
width:40%;
}

h1{
font-size:180%;
}

.input1,
.input2,
.input3{
width:95%;
}

.inlineframe{
margin:0 20px;
}

#submit{
width:80%;
}

.amazon{
display:none;
}
.amazon_sp{
display:block;
margin:0 10px;
}

textarea{
width:97%;
}

  .question2 td:last-child {
    border-bottom: solid 1px #ccc;
  }
  .question2 {
    width: 80%;
  }
  .question2 th,
  .question2 td {
�@�@border-bottom: none;
    display: block;
    width: 95%;
  }

.menu{
width:100%;
margin:30px auto;
text-align:center;
}
ul.menu1 li,
ul.menu2 li{
width:100%;
display:block;
}
img.menu{
width:100%;
}

.videoArea,
.videoArea2,
.videoArea3{
width:100%;
}

.flex_test-box {
display: block;
}

.question2 td{
height:auto;
}
.flex_test-item {
width:100%;
}

.news{
width:85%;
margin:0 auto;
}
.newsdetail td {
display: block;
width: 100%;
}

.prizeArea,
.prizeArea_sp{
width: 100%;
}

.prizeArea td{
display: block;
width: 100%;
}
.prizeArea_sp td{
display: block;
width: 100%;
}

.prizeArea_sp{
display:block;
}

h2.prize1{
padding:30px 0 20px;
font-size:125%;
line-height:120%;
}

.row_pc{
display:none;
}

p.addevent{
font-size:120%;
}

.headnews,
p.text1{
font-size:90%;
line-height:150%;
}

h2.main{
font-size:120%;
}

p.detail{
font-size:95%;
}

h2.main br,
p.detail br{
display:block;
}

#footer,
#footer_contact,
#footer_sponser{
height:auto;
width:100%;
font-size:90%;
}
.footer_contactArea,
.footer_sponserArea{
width:100%;
}
.footer_contactAreaBox,
.footer_sponserAreaBox1,
.footer_sponserAreaBox2,
.footer_sponserAreaBox3{
width:100%;
float:none;
margin-top:20px;
padding-left:10px;
}

#footer{
padding-bottom:15px;
}

}

/*==========================================
480px site
===========================================*/
@media screen and (max-width:480px){


}