@charset "UTF-8";
/* CSS Document */

body,div,nav,section,article,aside,header,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td{margin:0;padding:0;}
div,nav,section,article,aside,header,footer,ul,ol,li,table,th,td,dl,dt,dd{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-size:20px;font-size:2rem;font-weight:bold;}
a{color: ;text-decoration:none;}
p{
	line-height: 2;
}
li,dt,dd,th,td,a,span{line-height:1.5;}
a:hover{opacity:0.7;}
#g_navi a:hover{opacity:1;}
table{border-collapse:collapse;border-spacing:0;border:thin solid #000000;}
th{border-bottom:thin solid #000000;font-weight:normal;}
td{border-bottom:thin solid #000000;border-left:thin solid #000000;}
fieldset,img{border:0;}
img{
vertical-align:top;
max-width:90%;
height: auto;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}
ol,ul,li{list-style:none;}
caption,th{text-align:l;}
h1 {opacity: 0;}
html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
font-family: "Unna", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;word-break:normal;word-wrap:break-word;-webkit-text-size-adjust: 100%;
background-color: #182747;
}

hr.style5 {
border-top: 1px solid #482433;
}

.cast1{
width: 80%;
height: auto;
margin: 0 auto 15;
background-image: url("../img/i_cast01.png");
background-size: cover;
}

.cast2{
width: 80%;
height: auto;
margin: 30 auto 15;
background-image: url("../img/i_cast02.png");
background-size: cover;
}

.cast3{
width: 80%;
height: auto;
margin: 30 auto 15;
background-image: url("../img/i_cast03.png");
background-size: cover;
}

.cast4{
width: 80%;
height: auto;
margin: 30 auto 15;
background-image: url("../img/i_cast04.png");
background-size: cover;
}

.cast5{
width: 80%;
height: auto;
margin: 30 auto 15;
background-image: url("../img/i_cast05.png");
background-size: cover;
}


a:hover{opacity:0.7;}

a:link {
	color: #FF9200;
	text-decoration: none;
}
a:visited {
	color: #FF9200;
	text-decoration: none;
}
a:hover {
	color: #F3070B;
	text-decoration: none;
}
a:active {
	color: #FF9200;
	text-decoration: none;
}


.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  border: solid 2px #ffffff;
  border-radius: 3px;
  transition: .4s;
margin: 20px 0;
  background: #00257F;
}

.btn-flat-border:hover {
  background: #000;
  color: white;
}

.btn-flat-border:link {
  color: #ffff00;
}

.btn-flat-border:visited {
  color: #ffff00;
}

.btn-flat-border:active {
  color: #ffff00;
}

.img-guard{
pointer-events: none;
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}

.btn-sticky {
	margin-top: 20px;

	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
  padding: 1em 2em;
  text-decoration: none;
	background: #FFED00;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #FF0004;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin-bottom: 10px;
}

.btn-sticky2 {
	margin-top: 18px;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
  padding: 1em 2em;
  text-decoration: none;
	background: #FFED00;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #FF0004;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin-bottom: 40px;
}


a.resale:link {
	color: #FF0004;
}

a.resale:visited {
	color: #FF0004;
}

a.resale:hover {
	color: #000000;
}

a.resale:active {
	color: #FF0004;
}

.btn-sticky:active {
	color: #FF0004;
}

.bt {
    width:45px;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:2px;
    background-color:#1da1f2;
	line-height: normal;
    border-radius:5px;
	display: inline-block;  
}
.name1 {
	font-size: 22px;
	margin-bottom: 0px;
	line-height: 1.4em;
}
.name2 {
	font-size: 16px;
	line-height: 1.4em;
}

.t_text1 {
	font-size: 16px;
}

.t_text1s {
	font-size: 18px;
	color: #FA080C;
}

.t_text2 {
	font-size: 16px;
	line-height: 1.6em;
}
.t_text3 {
	font-size: 12px;
}

.t_text4r {
	color: #FF0004;
	font-size: 14px;
	line-height: 1.6em;
}

.t_text4 {
	font-size: 14px;
	line-height: 1.6em;
}

.name3 {
	font-size: 14px;
	margin-bottom:30px;
}

a.bt:link {
	color: #fff;
	text-decoration: none;
}
a.bt:visited {
	color: #fff;
	text-decoration: none;
}
a.bt:hover {
	color: #FFEE00;
	text-decoration: none;
}
a.bt:active {
	color: #fff;
	text-decoration: none;
}

body , html {
    height: 100%;
}
 
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	text-align:center;
}

.t_contents{
	width: 97%;
	font-size:22px;
	color: #FFFFFF;
	margin:30px auto 0px;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

.contents {
	text-align: left;
	color:#4b2234;
	padding: 0 15px;
	width: 100%;
	color: #fff;
}

.contents2 {
	text-align:center;
	font-size: 17px;
	color:#fff;
	padding: 20px 15px;
	width: 100%;
	font-weight: bold;
}
 
#footer {
	margin-top: 20px;
	font-size:12px;
	color: #fff;
}

/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */


.nav_contents {
display: inline-block;
padding: .5em 0;
text-decoration: none;
width: 100%;
background-color:#077ab5;
text-align: left;
height:42px;
z-index:99999;
}

#nav-toggle {
    width: 34px;
    height: 36px;
    cursor: pointer;
}
#nav-toggle div {
    position: relative;
z-index:99999;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
	font-weight: bold;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
z-index:99999;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}
#global-nav ul {
  display: none;
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
.open #global-nav ul {
    display: block;
}
 
/*@media screen and (max-width: 640px) {*/
.top-head-inner {
  position: fixed;
  right: 10px;
  top: 10px;
}
/* Fixed reset */
#mobile-head {
    background: #fff;
    width: 100%;
    height: 42px;
    z-index: 999999;
    position: relative;
}
#global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -500px;
    background-color:#077ab5;
    width: 100%;
    text-align: center;
    padding: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
z-index:9900;
}
#global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: none;
    position: static;
}
 #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    border-left: none;
	padding:10px;
	border-bottom:solid 1px #FFFFFF;
}
#nav-toggle {
    display: block;
}
 
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
   top: 11px;
   -webkit-transform: rotate(315deg);
   -moz-transform: rotate(315deg);
   transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
   width: 0;
   left: 50%;
}
.open #nav-toggle span:nth-child(3) {
   top: 11px;
   -webkit-transform: rotate(-315deg);
   -moz-transform: rotate(-315deg);
   transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
   /* #global-nav top + #mobile-head height */
   -moz-transform: translateY(542px);
   -webkit-transform: translateY(542px);
   transform: translateY(542px);
}

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.nav ul { list-style-type: none; margin: 0; padding-left: 0; } 
.nav li { display: block; } /* その他スタイルの指定 */ 
.nav li { text-align: center; } 
.nav li:not(:last-child) { border-right: 1px solid rgba(000,000,0000,0); } 
.nav li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); background-color: #482433; opacity:1; }
.nav ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ } li { -webkit-box-flex: 1; /* Android 2~4 */ flex: auto; -webkit-flex: auto;}

.nav a:link {
	color: #ffffff;
	text-decoration: none;
}
.nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
.nav a:hover {
	color: #FFCC00;
	text-decoration: none;
}
.nav a:active {
	color: #ffffff;
	text-decoration: none;
}

.dl-list-01 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-01 dt {  
  width: 215px; /* 幅調節 */  
  height: 160px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-01 dd {  
  width: 500px; /* 幅調節 */  
  height: 130px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-02 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-02 dt {  
  width: 130px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-02 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-03 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-03 dt {  
  width: 240px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-03 dd {  
  width: 510px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-04 {  
  width: 720px;  
  margin: 0 0;  
}  
  
.dl-list-04 dt {  
  width: 190px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left; 
  clear: left;
  padding-right:10px;
}  
  
.dl-list-04 dd {  
  width: 520px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left;
}  

.dl-list-05 {  
  width: 700px;  
  margin: 0 0;  
}  

.dl-list-05 dt {  
  width: 160px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-05 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}

.marker {
background: linear-gradient(transparent 90%, #FFD300 90%);
font-weight: bold; 
}

.marker2 {
background: linear-gradient(transparent 70%, #52B5FF 70%);
font-weight: bold;
}

.marker3 {
background: linear-gradient(transparent 70%, #ff9899 70%);
font-weight: bold;
}