@charset "utf-8";


.L {
	float:left;
}
.R {
	float:right;
}
a {
	outline:none;
}
a:focus{
	outline:none;
}
*{ box-sizing:border-box;}
html { -webkit-text-size-adjust: 100%; font-size: 62.5%; }

h1 { text-indent: -9999px; line-height:0;}
ul { list-style:none;}

/* =====================================================================
*	TOPページ
* =================================================================== */
body {
	position:relative; background: url("../img/bg.png"); background-attachment: fixed; 
	color:#333;
	font-size:14px;
	font-size:1.4rem;
}
html, body {
height: 100%;
}

body > #menu {
  height: auto;
}
body > #wrapper {
  height: auto;
}
body > #wrapper-top {
  height: auto;
 }

body > .bg_subtitle_obi {
  height: auto;
 }
 
 /* =====================================================================
*	loader
* =================================================================== */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background: url("../img/bg.png"); 
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  color: #999;
  z-index: 1002;
}

.main { position: relative; height: 100%; width: auto; padding: 0.5em 0 1em; margin:0; text-align: center; }
.main img { position: relative; height: 100%; box-shadow: 3px 4px 7px rgba(0,0,0,0.3); }

@media screen and (max-width: 750px) {
.main { height: auto; width: auto; padding: 0; margin:0; text-align: center; }
.main img { position: relative; height: auto; width:100%; box-shadow: none; }
}


.roadshow { position: relative; height: auto; width: auto; padding: 0; margin:0 auto; text-align: center; }
.roadshow img { width: 100%; max-width: 1000px; margin: 0 auto; }
.billing { position: relative; height: auto; width: auto;  padding: 0; margin:0 auto; text-align: center; }
.billing img { width: 100%; max-width: 1000px; }

.billing .cast { display: block; font-size: 1.1em; line-height: 1.4em; margin-bottom: 0.6em; }
.billing .staff { display: block; font-size: 1.0em; line-height: 1.5em; margin-bottom: 0.6em; }
.billing .data { display: block; font-size: 0.8em; line-height: 1.3em; margin-bottom: 0.4em; }

@media screen and (max-width: 750px) {
.billing .cast { display: block; font-size: 1.0em; line-height: 1.4em; margin-bottom: 0.6em; }
.billing .staff { display: block; font-size: 0.9em; line-height: 1.5em; margin-bottom: 0.6em; }
.billing .data { display: block; font-size: 0.7em; line-height: 1.3em; margin-bottom: 0.4em;}
}

.btn { position: relative; height: auto; width: auto; display: block; padding: 0;  text-align: center; }
.btn img { width:auto; height:40px; }
.mainw { position: relative; height: auto; width: 100%; padding: 0; margin:0 auto; max-width: 1300px;  }

.roadshow2 {  width: auto; max-width: 1200px; background-image: url("../img/roadshow21.png"); background-repeat: no-repeat; background-size: 100% auto; margin-bottom: 20px; max-height:90px; min-height:56px; }
.roadshow2 a { display: block; width: 37%; max-width: 445px; margin-left: 40%; background: #f00;}
.roadshow2 a img { width: 100%; max-width: 444px;}

.roadshow3 { width: auto;  margin-bottom: 5px; text-align: center; }
.roadshow3 img { width: 100%; max-width: 900px;}
.roadshow4 img { width: 100%; }


.logo { position: relative; height: auto; min-height: 100vh; width: auto; display: block; padding: 0 3%;  }
.logo img { width: 100%; max-width: 1000px; }

.sns { display:block;  margin: 0 auto; padding: 0.5em 0; text-align: center; max-width: 1400px;}
.sns img { width: 30px; margin: 5px 10px; }

.sns1 { display:block;  margin: 0 auto; padding: 0.5em 0; text-align: center; max-width: 1400px;}
.sns1 img { margin: 5px 10px; width: 50px; }

a.opa:hover img { opacity: 0.7; }
.copyr { font-size:0.7em; text-align: center; padding: 0.5em 0 1.5em; max-width: 1400px;margin: 0 auto;  }


@media screen and (max-width: 750px) {

.sns img {  width: 60px; margin: 5px 10px; }

}





#wrapper { width: 100%; min-height:100%; min-width: none; height: auto; padding: 0; margin:0 auto; position:relative; text-align:center;}

.tlogo { position: absolute; top: 0; right: 0; height: auto; text-align: right; width: 100%; }
.tlogo img { width: 100%; max-width: 900px; }

.rshow { position: absolute; bottom: 0; height: auto; text-align: center; width: 100%; }
.rshow img { width: 100%; max-width: 1200px; }

.mainv { width:100%; height: auto; margin:0 auto; position:relative; padding: 0 0 0; line-height: 1em; background-color: #fff; }
.mainv img { width: 100%; height:auto; margin:0; padding:0;}

.trailb { background-image: url("../img/t_bg.png"); text-align: center;  }

.pic1 { width:100%; height: auto; margin:0 auto; position:relative; padding: 0; }
.pic1 img { width: 100%; height:auto; margin:0; padding:0;}

.mainv .tag { width: auto;  margin:0; position: absolute; padding:0; height: auto; top:100px; left:0; background:#E61312; z-index:5; display:inline-block; }
.mainv .tag a { width: auto;  margin:0; padding:1em; height: auto; display:block; font-size:1.5em; color:#fff;}

.snsarea {  display: flex; background-color: #fff; }
.snsarea .twbox, .snsarea .fbbox  { width: 50%; padding: 15px; text-align: center; }


.bn { width:170px; height:170px; position:absolute; top:10px; left:10px; z-index:1;}
.mjr { padding:10px 0 15px; width:auto; text-align:center;}
.mjr img{ padding: 8px 5px;}

.timetable { width:100%; text-align:center; background:#fff; max-width:1200px; height:auto; margin:0 auto 30px; width: auto; padding:20px 10px 10px; }
.timetable h3 { font-size:1.7em; color:#0086aa; }
.timetable img, .ticket img { width:100%; max-width:1200px;}
.ticket { width:100%; text-align:center; background:#fff; border-bottom:5px solid #95753a; }




.topmenu { text-align: center; width:100%; max-width: 1100px; padding: 0 0 1em; line-height:1; margin: 0 auto; }
.topmenu .subd { text-align: center; width:100%; padding: 0.4em 0; line-height:1em; display: flex; justify-content: center;}
.topmenu .subd img { width:100%; max-width:300px; }
.topmenu .subd a { display: inline-block; }

.sdow { filter: drop-shadow(4px 4px 4px rgba(160, 160, 160, 0.8));}




#contents { width: 1200px; height: auto; min-height:100%; padding: 0 10px 0 260px; margin:0 auto; text-align: left; position:relative; opacity:0; }



.toptab { position: fixed; top:30px; right:0; width:40px; height:130px; z-index:100; display:block;}
.sptoptab { display: none;}

.mainarea { width: auto;  padding: 0; margin:0 auto; text-align: center; position:relative; min-height:750px; height:auto; }
.spmainarea { width: auto;  padding: 0; margin:0 auto; text-align: center; position:relative; height:780px; }


.tharea { width:100%;  height: auto; margin:0 auto 5em; position:relative; padding: 30px 10px; max-width: 1000px; margin-top: 70px; }
.tharea h2 {text-align: center; }
.theatable {  width:100%;  margin:0 auto 0.5em;;  border-bottom:1px solid #000; max-width: 1000px;}
.theatable th { border-top:1px solid #000000;  color: #000; text-align:center; padding:0.5em; font-size:0.9em;}
.theatable td { border-top:1px solid #000; color:#000; padding:1.8em 0.5em; text-align:center; vertical-align:middle; line-height:1.2em; }
.theatable a { color:#0e6e66; line-height:1.2em;}
.col1 { width:15%;}
.col2 { width:45%;}
.col3 { width:25%;}
.col4 { width:15%;}
.t_left { text-align: left !important;}

#theaters, #spotid { padding-top: 60px; margin-top: -60px; }
.mtpt { padding-top: 60px; margin-top: -60px; }

.t_right { text-align:right;}

.chui {font-size: 0.8em; text-align: right; }
.wrap {
  width: 40%;
  height: auto;
  position: absolute;
right: 2%; bottom: 2%; z-index:10;
}

.wrap img {
  width: 100% !important; height: auto;
}

.snsbtn { display:flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; margin: 0 auto; padding: 15px 0 0; line-height: 1; height: auto; }
.snsbtn .sns_tw { }
.snsbtn .sns_fb {}

/* =====================================================================
    NEWS
* =================================================================== */


.t_center { text-align:center !important;}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:block;
}
#page-top a {
	text-decoration: none;
	width: 80px;
	height:auto;
	padding: 0;
	text-align: center;
	display: block;
	
}

.pconly { display:inherit; }
.sponly { display:none; }
.img100 img { width:100%; }
.dnon { display:none; }
.pd10 { padding:0px 26px 0 0;}


.buy-btn { display:inline-block; padding:0; margin:20px 20px 30px ;}
.buy-btn a { padding:0.6em; margin: 0; background:#fff; border:1px solid #937941; font-size:0.9em; text-decoration:none;}

.swaku {  }
#spotify { display: block; position: relative; height: 300px; margin:0 auto 30px; max-width:1200px; padding: 0; border: 2px solid #fff;  }

#spotify iframe { position: absolute; 
 top: 0;
 left: 0;
    width: 100%;
    height: 100%; }

.cr { text-align: center; font-size:0.8em; padding: 1em; max-width: 1300px; margin: 0 auto; background: #fff; }

@media screen and (max-width: 750px) {
	
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	font-size:16px;
	font-size:1.6rem;
}


#wrapper { width: 100%; min-height: inherit; min-width: auto; max-width: 750px; height: auto; padding: 0; margin:0 auto; position:relative; text-align:center; }

#spotify { display: block; position: relative; bottom: auto; left: auto; z-index: inherit;  width: 100%; height:350px; padding: 15px 0; }
#spoyify iframe { width:100%; height:350px; }

.pconly { display:none; }
.sponly { display:inherit; }

.mainsp { display: block; position: relative; }

.wrap { width: 50%; bottom: 1%; }
.snsbtn {  padding: 8px 0 0; }

.snsarea { display: block;  background-color: #fff; }
.snsarea .twbox, .snsarea .fbbox  { width: 100%; margin: 0 auto; max-width: 530px; padding: 15px; text-align: center; }	
	

.w30 { float: none; width:100%; padding-right:0;}
.w70 { float: none; width:100%; padding:10px 0 0;}

.block .list h4 span { font-size:0.7em !important; color: #0086aa; padding:0; display:block; }

.tharea { width:100%; height: auto;  position:relative; padding: 0 10px 0;  }
.theatable th {  font-size:0.8em; }
.theatable td { }
.col1 { width:10%;}
.col2 { width:40%;}
.col3 { width:35%;}
.col4 { width:15%;}

.mainv .tag { top:50px;  }
.mainv .tag a { width: auto;  margin:0; padding:0.6em; height: auto; display:block; font-size:0.7em; color:#fff;}


}


.parallax-bgm {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-bg-00 { }




#cast { box-sizing: border-box;
  height: auto; min-height:100vh;
  padding: 4% 1%;
  display: flex;
  justify-content: flex-end; }

#comment { box-sizing: border-box;
  height: auto; min-height:100vh;
  padding: 4% 1%;
   }

.mb2 { margin-bottom: 2em !important;}
.mb3 { margin-bottom: 3em !important;}
.mb6 { margin-bottom: 6em !important;}

.title { font-family: 'M PLUS 1p', sans-serif; font-weight: 400;  font-size: 1.6em; margin-bottom: 1.1em; line-height:1.2em; margin-top: 0.7em; }
.title2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 400;  font-size: 1.6em; margin-bottom: 2.5em; line-height:1.2em; margin-top: 0.7em; }


.textarea { font-family: 'M PLUS 1p', sans-serif; font-weight: 300; margin: 0 auto; width: 100%; max-width: 1100px;  height: auto; text-align: left;  padding: 1.5em 2.5em; font-size: 1.1em;}
.textarea p { margin: 1em 0 1.5em; font-family: 'M PLUS 1p', sans-serif; font-weight: 300;  line-height:1.9em !important; }

.textarea h2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 700;  font-size: 2em; margin-bottom: 1.1em; line-height:1.2em; margin-top: 0.7em; }
.textarea h2 span { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 0.7em; }
.textarea h3 { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 1.4em; margin-bottom: 0.5em; line-height:1.2em; }
.textarea h3 img { width: 100%;}
.textarea h4 { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 1.2em; margin-bottom: 0.4em; line-height:1.2em; }



.textarea2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 300; margin: 0 auto; width: 100%; max-width: 1100px;  height: auto; text-align: left;  padding: 0em 2.5em; font-size: 1.1em; color:#fff;}
.textarea2 p { margin: 1em 0 1.5em; font-family: 'M PLUS 1p', sans-serif; font-weight: 300;  line-height:1.9em !important; }
.textarea2 h2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 700;  font-size: 2em; margin-bottom: 1.1em; line-height:1.2em; margin-top: 0.7em; }
.textarea2 h2 span { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 0.7em; }
.textarea2 h3 { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 1.4em; margin-bottom: 0.8em; line-height:1.2em; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.4em 0; }
.textarea2 h4 { font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 1.2em; margin-bottom: 0.6em; line-height:1.2em; }

.bder_w { border-top:2px solid #000; border-bottom:2px solid #000; padding:1em 0; }


.introbox { margin: 0 auto 4em; width: 100%; max-width: 1180px; height: auto; text-align: left;  padding: 0; background: #f00; display: block; font-family: 'M PLUS 1p', sans-serif; font-weight: 400;  }
.introbox .obi1 { width: 100%; height: 40px !important; text-align: left; padding: 0; font-size: 1.1em; background-repeat: no-repeat; background-position: right; display: block; background-image: url("../img/introtex_top.jpg");}
.introbox .obi2 { width: 100%; height: 40px !important; text-align: left; padding: 0; font-size: 1.1em; background-repeat: no-repeat; background-position: right; display: block; background-image: url("../img/introtex_btm.jpg");}
.introobi1 { background-image: url("../img/introtex_top.jpg");}
.introobi2 { background-image: url("../img/introtex_btm.jpg");}
.introbox .introtex { font-family: 'M PLUS 1p', sans-serif; font-weight: 300; margin: 0; width: 100%;  height: auto; text-align: left;  padding: 1.8em 5em 1.8em 3em; font-size: 1.1em; color:#000; background-image: url("../img/introtex_bg.jpg"); background-repeat: repeat-y; background-position: top right;}

.introbox .introtex p { margin: 1em 0 1.5em; font-family: 'M PLUS 1p', sans-serif; font-weight: 300;  line-height:1.9em !important; }

.introbox .introtex h2 { font-family: 'M PLUS 1p', sans-serif; font-weight: 700;  font-size: 2em; margin-bottom: 1.1em; line-height:1.2em; margin-top: 0.7em; }
.introbox .introtex h2 span { font-family: 'M PLUS 1p', sans-serif; font-weight: 500; font-size: 0.7em; }

.introbox .introtex h3 { margin-bottom: 0.5em; line-height:1.2em; display: block; }
.introbox .introtex h3 img { width: 100%;}

.introbox .introtex .titlei { font-family: 'M PLUS 1p', sans-serif; font-weight: 400;  font-size: 1.6em; margin-bottom: 1.1em; line-height:1.2em; }


.texbox { display: flex; }
.left-h { display: block; width: 50%; margin-bottom: 0; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; }
.left-h img { margin-bottom: 0.6em; }
.texbox img  { width: 100%; }
.right-h { display: flex; -webkit-align-items: center; align-items: center; flex-direction: column; width: 50%; padding: 0em 2em; text-align: left; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; }
.right-h p { width: 100%; margin-top: 0; font-family: 'M PLUS 1p', sans-serif; font-weight: 400;  }


.left-h2 { display: block; width: 50%; padding: 0em 1em 0 0; text-align: left; margin-bottom: 0; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; }
.right-h2 { display: block; width: 50%; padding: 0em 0 0 1em; text-align: left; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; }


.fs12 {font-family: 'M PLUS 1p', sans-serif; font-weight: 500;  font-size: 1.2em;}

#intro { color: #000 !important; }
#cast{ background-image: url("../img/cast_bg.jpg"); color: #fff; }
#comment { background-image: url("../img/bg_com.jpg"); margin-bottom: 5em; }


.comarea {display: flex; justify-content: space-between; width: 100%; }
.combox { font-family: 'M PLUS 1p', sans-serif; width:48%; font-weight: 500; font-size: 1.14em; background: rgba(255,255,255,0.65);  padding: 3%; margin:3% 0; border:1px solid rgba(73,86,75,0.30) }
.combox .name { font-family: 'M PLUS 1p', sans-serif; font-weight: 500; font-size: 0.9em; line-height: 1.3em; display: block; padding-top:0.5em; }
.combox span { font-family: 'M PLUS 1p', sans-serif; font-weight: 500; font-size: 0.8em; line-height: 1.3em; word-wrap:break-word; display: inline-block;}
.combox font.fs09 { font-size: 0.8em; line-height: 1.4em; display: inline-block !important;}


.bgw { background-color: rgba(255,255,255,0.70) }


p.photo1 img { width: 100%; }

.rphoto { float: right; margin: 0 0 2em 2em; width: 100%; max-width: 400px; }

@media screen and (max-width: 750px) {
.rphoto { float: none ; margin: 0 0 1.2em 0; width: 100%; max-width: 750px; }
.texbox { display: block; }
 .left-h, .texbox .right-h { display: block; width: 100%; }
.right-h { padding: 0 0em; }
.left-h {  margin-bottom: 0.8em; }
.left-h2 { display: block; width: 100%; padding: 0em 0 0 0; text-align: left; margin-bottom: 6em; }
.right-h2 { display: block; width: 100%; padding: 0em 0 0 0; text-align: left;}
.combox { width: 100%; }
}



.comd { font-family: 'M PLUS 1p', sans-serif; font-weight: 400 !important; color:#446063 !important; background: rgba(255,251,251,0.95); border-radius: 10px; display: block; padding: 1.2em; border:1px solid rgba(68,69,99,0.5); }
.coms { font-family: 'M PLUS 1p', sans-serif; font-weight: 400 !important;  background: rgba(255,251,251,0.20); border-radius: 1em; display: block; padding: 0.7em 1.2em;  }

span.t_right { text-align: right; display: block; }




.toplogo { background-image: url("../img/toplogo_bg.jpg"); padding: 3em 0; background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; text-align: center; }




.fadein {
  opacity : 0;
  transform : translate(0, 50px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}



.sliderwrap {overflow: hidden;
      width: 100%;}
.slider {
  display: flex; height: 150px; margin-bottom: 3em; 
}
.slider__inner {
  display: flex;
}
.slider__item img { width:auto; height:150px;  }

.slider__inner:first-child {
  animation: loop 450s linear infinite;
}

.slider__inner:nth-child(2) {
  animation: loop2 450s -300s linear infinite;
}

.slider__inner:last-child {
  animation: loop3 450s -150s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}






/*     */

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(255,255,255,0.95);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100vh;
  opacity: 1;
	position: fixed;
}


.menu-trigger {
  display: inline-block;
  width: 36px;
  height: 28px;
width: 60px;
  height: 60px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1250; background: rgba(255,251,251,0.40);
/*   transform: translateX(0);
  transition: transform .5s;
 */}
/* .menu-trigger.active {
  transform: translateX(-250px);
}
 */.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 12px;
  width: 36px;
  height: 4px;
  background-color: #000;
  transition: all .5s;
}
.menu-trigger.active span {
  background-color: #333;
}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(13px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 28px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-13px) rotate(45deg);
}

nav { display: flex; flex-direction: column; align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 40px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
 opacity: 0;
    pointer-events: none;
  -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    
}
nav.open { opacity: 1;
    transition: opacity 1s;
    pointer-events: auto;
}

nav.smn div { margin: 0.2em 0em 0.2em 3em; line-height:1em;
  color: #000;
  text-align: center;
  padding: 0.5em !important;
  width: 200px; display: inline-block; line-height: 1; border-bottom: 1px dotted #666;
}

nav.smn div:last-child { border-bottom: none;
}


nav.smn div a { font-family: 'M PLUS 1p', sans-serif; font-weight: 700; color: #000; font-size: 1.8em;
  text-align: center; line-height: 1;
  padding: 10px 0 !important;
  width: 100%; display: block;  
}
nav.smn div a:hover { opacity:0.9; color:#0e6e66;
}

@media screen and (max-width: 750px) {
nav.smn div { margin: 0.3em 0em 0.3em 1.7em;}
  nav.smn div a { font-size: 1.3em;}  
}


/*******配信先*********/
.haishin{
	max-width: 400px;
	margin: 0 auto;
}
.haishin .btn{
	display: block;
	padding: 0.5em 1em;
	background: #3F555B;
	color: #FFF;
	font-size: 1.8rem;
	max-width: 200px;
	margin: 20px auto 20px;
	box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.3);
}
.haishin .mov-box{
	width: 100%;
	display: none;
}
.haishin .mov-box h3{
	text-align: center;
	background: #DDD;
	font-size: 1.6rem;
	padding: 0.5em 1em;
}
.haishin .mov-box ul{
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}
.haishin .mov-box ul li a{
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid #DDD;
	margin-bottom: -1px;
	display: block;
}

@media screen and (max-width: 750px) {
	.haishin{
		max-width: 600px;
	}
	.haishin .btn{
		font-size: 2.4rem;
		max-width: 300px;

	}
}