div.main_slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.fixed {
  position: fixed;
}

div#campaign {
  height: 100%;
  width: 100%;
  display: inline;
  z-index: 10;
}

div.ca_logo {
  position: absolute;
  top: 22%;
  left: 0%;
  width: 50%;
  height: 50%;
  background-image: url('../img/tb_logo2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-background-size: contain;
}

div.ca_msg {
  position: absolute;
  top: 85%;
  right: 5%;
  font-family: "Sawarabi Mincho";
  font-weight: bold;
  font-size: 190%;
  color: #FFF;
}

div.ca_image {
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
}

div.load_movie {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  background-image: url('../img/mon_tb.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}

div.load_movie div.load_logo {
  position: absolute;
  top: 44%;
  left: 42%;
  width: 12%;
  height: 20%;
  margin: auto;
  background-image: url('../img/tb_logo_bk.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}

div.load_movie div.load_msg {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 30%;
  height: 0%;
  font-size: 85%;
  text-align: center;
  border-left: 1px solid gray;
  line-height: 1.5em;
}

p.load_p {
  width: 80%;
  height: 10%;
  text-align: left;
  color: #000;
  margin: auto;
  display: none;
  font-family: "Sawarabi Mincho";
}

div.flexslider {
  margin: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  background-color: transparent;
}

.flex-control-nav {
  height: 45px;
  bottom: 0;
  z-index:20;
  /*background-image: url('../img/screen_btm.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;*/
}

.flex-control-nav li {
  margin-top: 23px;
}

div#mslider ul.slides {
  background-color: transparent;
}

div#mslider ul.slides li {
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-background-size: cover;
}

div#mslider ul.slides li a {
  display: block;
  width: 100%;
  height: 100%;
}

div#content {
  border-top: 1px solid #EEE;
  position: relative;
  z-index: 10;
  display: none;
}

div#footer {
  float: left;
  display: none;
}

div#concept {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  background-image: url('../img/bg5.gif');
  background-color: #FFF;
  width: 100%;
  overflow: hidden;
  position: relative;
  /*opacity: 0;*/
}

div#concept div.screen {
  width: 100%;
  height: 70%;
  background-image: url('../img/g3.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*-webkit-background-size: cover;*/
  /*background-color: rgba(255,255,255,0.7);*/
}

div.c_title {
  position: relative;
  width: auto;
  height: 100%;
  background-image: url('../img/c_msg.png');
  background-repeat: no-repeat;
  background-position: 10% center;
}

div#concept div.c_body {
  margin: 0% auto 5% auto;
  width: 95%;
  text-align: center;
  line-height: 2em;
  font-family: "Sawarabi Mincho";
}

div#concept div.c_sig {
  /*height: 55px;*/
  margin: 3%;
  /*background-image: url('../img/t_rakkan.png');
  background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;;*/
}

div#concept div.c_sig img {
  width: 30%;
}

div#news {
　padding: 1%;
  background-image: url('../img/bg5.gif');
  font-family: "Sawarabi Mincho";
}

div#news ul.n_block {
  list-style: none;
  padding: 0;
  opacity:0;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

div#news ul.n_block img {
  width: 85%;
}

div#news ul li {
  width: 18%;
  height: 18%;
  min-width: 240px;
  min-height: 100px;
  margin: 1% 1% 3% 1%;
  padding: 1%;
  float: left;
  border-right: 1px dotted #878787;
  /*overflow: hidden;*/
  white-space: nowrap;
  text-overflow: ellipsis;
}

div#news ul li a,
div#news ul li a:visited {
  display: block;
  height: 100%;
  color: #000000;
  text-decoration: none;
}

div#news ul li a:hover {
  color: red;
}

div#news ul li div.n_mark {
  display: block;
  height: 40%;
}

div#news ul li div.n_mark div {
  font-size: 80%;
  border: 1px solid #878787;
  color: #878787;
  text-align: center;
  padding: 1%;
  width: 30%;
}

div#news ul li div.n_title {
  display: block;
  overflow: hidden;
  height: 50%;
}

div#news ul li div.n_date {
  font-size: 90%;
}

div.b_title {
  font-weight: bold;
  font-size: 150%;
  text-align: center;
  padding: 2%;
}

div#season {
  background-color: #222;
  width: 100%;
  font-family: "Sawarabi Mincho";
}

div#season div.b_title {
  color: #FFF;
  text-align: left;
  margin: 5% auto auto auto;
}

div#season ul.s_block {
  width: 100%;
  height: auto;
  min-height: 100%;
  margin: auto auto 5% auto;
  padding: 0;
  /*overflow: hidden;*/
}

div#season ul.s_block li {
   width: 33%;
   height: 50%;
   min-height: 350px;
   list-style: none;
   float: left;
   position: relative;
}

div#season ul.s_block li a {
   width: 100%;
   height: 100%;
   display: block;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
  -webkit-background-size: cover;
}

.s_subtitle {
  margin: 10% auto 0% auto;
  font-size: 110%;
  color: #CCC;
  font-weight: bold;
  text-align: center;
}

.s_title {
  margin: 5% auto 5% auto;
  font-size: 150%;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.s_memo {
  text-align: center;
  line-height: 2em;
  color: #FFF;
}

div.p_link {
  width: 50%;
  height: 40px;
  text-align: center;
  margin: auto;
  position: absolute;
  bottom: 10%;
  left: 25%;
  border: 1px solid #FFF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

div.p_link a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 0px 8px 0px;
}

div.p_link a:link,
div.p_link a:visited  {
  font-family: "Sawarabi Mincho";
  color: #FFF;
  text-decoration: none;
}

div.p_link a:hover {
  color: red;
}

div.more_news {
  clear: left;
  text-align: center;
  padding: 1% 0% 1% 0%;
  width: 100%;
}

div.more_news a {
  display: block;
  margin: auto;
  width: 30%;
  padding: 10px 0px 10px 0px;
  background-color: #8f0909;
  border: 1px solid #FFF8EB;
}

div.more_news a:link,
div.more_news a:visited {
  color: #FFF;
  text-decoration: none;
}

div.more_news a:hover {
  opacity: 0.6;
}

img.more_btn {
  width: 30%;
}

div.sub_nav {
  position: absolute;
  top: 40;
  left: 40;
  z-index: 15;
  width: 15%;
  text-align: center;
  display: none;
}


div.sub_nav ul.sub_menu {
  padding: 0;
  text-align: left;
  margin: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  padding: 2% 8%;
  border-radius: 5px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  font-family: "Sawarabi Mincho";
}

div.sub_nav ul.sub_menu li {
  list-style: none;
}

div.sub_nav ul.sub_menu li a {
  display: block;
  width: 100%;
  line-height: 35px;
}

div.sub_nav ul.sub_menu li a:link,
div.sub_nav ul.sub_menu li a:visited {
  color: #FFF;
  text-decoration: none;
}

div.sub_nav ul.sub_menu li a:hover {
  background-color: rgba(0,0,0,0.5);
}

div.sub_nav ul.sub_menu li a div.sub_logo {
  width: 100%;
  height: 50px;
  background-image: url('../img/tb_logo_wh.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

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

    div#campaign {
	height: 50%;
    }

    div.ca_msg {
	text-align: center;
	font-size: 100%;
    }

    div.main_slider {
	height: 80%;
    }

    div.load_movie div.load_logo {
	top: 40%;
	left: 30%;
	width: 40%;
    }

    div.load_movie div.load_msg {
	left: 30%;
	top: 62%;
	width: 40%;
	font-size: 65%;
	/*line-height: 1em;*/
    }

    p.load_p {
	margin: 3% auto;
    }
    
    div.flexslider {
	/*margin-top: 45px;*/
	height: 100%;
    }

    div#concept div.screen {
	/*height: 50%;*/
    }

    div#concept div.c_title {
	background-size: auto 90%;
    }

    div#concept div.c_body {
	width: 95%;
	/*height: 50%;
	line-height: 1.8em;
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;*/
    }

    div#concept div.c_sig img {
	width: 80%;
    }

    div#news ul li {
	width: 90%;
	margin: 1% 1% 8% 1%;
    }

    div.more_news a {
	width: 80%;
    }

    div#season ul.s_block li {
	width: 48%;
	height: 45%;
	min-height: 250px;
	/*height: 30%;
	margin: 1%;*/
    }

    .s_subtitle {
	font-size: 90%;
    }

    .s_title {
	font-size: 100%;
    }

    .s_memo {
	padding: 3%;
	text-align: center;
	font-size: x-small;
	/*line-height: 1.5em;*/
    }

    div.p_link {
	width: 80%;
	bottom: 5%;
	left: 5%;
	font-size: 80%;
    }

    @media screen and (orientation: landscape) {

	div.main_slider {
	    height: 140%;
	}

    }


}