@charset "utf-8";

/*base
-------------------------*/
body {
  color: #fff;
  line-height: 1.3;
  font-size: 62.5%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(../images/common/logo.png) no-repeat center center #000;
    z-index: 9999;
}
* {
  font-style:normal;
  margin:0;
  padding:0; 
}
img {
  vertical-align: top;
  font-size: 0;
}
ul, ol { list-style: none; }

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

.btn_buy a:hover,
.news-nav .btn_newstop a:hover,
.gotop a:hover {
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
@keyframes shake {
    0% { transform: translate(4px, 3px) rotate(0deg); }
    10% { transform: translate(-3px, -4px) rotate(-1deg); }
    20% { transform: translate(-5px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 4px) rotate(0deg); }
    40% { transform: translate(3px, -3px) rotate(1deg); }
    50% { transform: translate(-3px, 4px) rotate(-1deg); }
    60% { transform: translate(-5px, 3px) rotate(0deg); }
    70% { transform: translate(4px, 3px) rotate(-1deg); }
    80% { transform: translate(-3px, -3px) rotate(1deg); }
    90% { transform: translate(3px, 5px) rotate(0deg); }
    100% { transform: translate(3px, -4px) rotate(-1deg); }
}

/*--#header a:hover {
   opacity: 1;
   animation: flash 1s;
   -webkit-animation: flash 1s;
   -moz-animation: flash 1s;
}
@keyframes flash {
  0% { opacity: 1; }
  10% { opacity: 0.5; }
  100% { opacity: 1; }
}

@-webkit-keyframes flash {
  0% { opacity: 1; }
  10% { opacity: 0.5; }
  100% { opacity: 1; }
}

@-moz-keyframes flash {
  0% { opacity: 1; }
  10% { opacity: 0.5; }
  100% { opacity: 1; }
}--*/

/*layout
-------------------------*/
#page {
  background: #000;
  position: relative;
}
#page:before {
  content: "";
  width: 630px;
  height: 1130px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/bg-left.png) no-repeat left top fixed;
}
#page:after {
  content: "";
  width: 630px;
  height: 2000px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/common/bg-right.png) no-repeat right bottom fixed;
}

.wrap {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  position:relative;
  z-index: 1;
}

#header {
  width: 250px;
  float: left;
  background-color: #FFF;
  position: absolute;
  z-index: 1;
}
#header h1.logo {
  padding: 10px 0 38px 10px;
}

/*--top_movie
-----------------------*/
.top_movie__thumb {
  width: 230px;
  height: 136px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.top_movie__thumb a img {
  top: 0px;
  left: 0px;
  position: absolute;
}
.top_movie__thumb a:before {
  content:"";
  width: 226px;
  height: 133px;
  top: 2px;
  left: 2px;
  position: absolute;
  background: url(../images/common/movie_play.png) no-repeat;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: block;
  z-index: 1;
}
.top_movie__thumb a:after {
  content:"";
  width: 230px;
  height: 137px;
  position: absolute;
  background: url(../images/common/movie_cover.png) no-repeat;
  display: block;
}
.top_movie__thumb a:hover:before{
  opacity:0.7;
}

/*--menu
-----------------------*/
.menu {
  padding: 50px 0 0;
}
.menu ul li {
  padding: 0 0 15px;
}
.menu ul li img {
  padding: 0 0 0 12px;
}
.menu ul li a {
  position: relative;
  z-index: 1;
}
.menu ul li a:before {
  content:"";
  width: 230px;
  height: 13px;
  top: 40px;
  top: -14px\0/;
  left: 0px;
  position: absolute;
  background: url(../images/common/menu/nav_off.png) no-repeat;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: block;
  z-index: -1;
}
.menu ul li a:after {
  content:"";
  width: 0;
  height: 13px;
  top: 40px;
  top: -14px\0/;
  left: 0px;
  position: absolute;
  background: url(../images/common/menu/nav_on.png) no-repeat;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: block;
  z-index: -1;
}
.menu ul li a:hover:after {
  content:"";
  width: 232px;
  height: 13px;
  top: 40px;
  top: -14px\0/;
  left: -1px;
  left: -1px\0/;
  position: absolute;
  background: url(../images/common/menu/nav_on.png) no-repeat;
  background-size: 232px 13px;
  display: block;
  z-index: -1;
}

/*--top_news
-----------------------*/
.top_newsWrap {
  width: 230px;
  margin: 30px auto 0;
}
.top_newsWrap h2 {
  margin: 0 0 10px;
}
.top_news-item {
  height: 239px;
  padding: 23px 14px 18px;
  color: #805d00;
  background: url(../images/common/side_news-bg.png) no-repeat; 
}
.top_news-item ul li {
  margin: 0 0 17px;
  padding: 0 0 4px;
  border-bottom: 1px solid #464646;
}
.top_news-item a {
  color: #805d00;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.top_news-item a:hover {
  color: #464646;
}
.top_news-item h3{
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap\0/;
  text-overflow: ellipsis\0/;
}
@-moz-document url-prefix() {
	.top_news-item h3{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}

/*--main
-----------------------*/
#main {
   width: 100%;
    margin-left: -250px;
    padding-left: 250px;   
    float: right;
    box-sizing: border-box;
}
.mainConts {
  width: 830px;
  height: 50px;
  padding: 48px 0 88px;
  text-align: center;
  background: url(../images/common/main_bg.png) repeat-y;
  position: relative;
  z-index: 0;
}
.mainConts:before {
  content: "";
  width: 830px;
  height: 68px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/main_bg-top.png) no-repeat top;
  z-index: -1;
}
.mainConts:after {
  content: "";
  width: 830px;
  height: 108px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/common/main_bg-bottom.png) no-repeat bottom;
  z-index: -1;
}
.mainConts-bgColor {
  background: #3a0e00;
  position: relative;
  z-index: -1;
}

/* gotop
----------------------------------------------------------*/
.gotop{
    bottom: 548px;
    right: 19px;
	position: absolute;
    z-index: 20;
}
.gotop a{
    position: relative;
    display: block;
}

/*-banner
-----------------------*/
.banner {
  height: 37px;
  padding: 80px 0 130px;
  position: relative;
  background: url(../images/common/banner/header_banner-line.png) repeat-x left top #5b0000;  
  clear: both;
  z-index: 1;
}
.banner .slider {
  width: 660px;
  margin: 0 auto;
}
.banner .slider div {
  vertical-align: middle;
}
.banner .slider div a img {    
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.banner .slider div a:hover img {
    opacity: 0.7;
}


/*-footer
-----------------------*/
#footer {
  height: 349px;
  text-align: center;
  position: relative;
  font-size: 12px;
  background: url(../images/common/footer_bg.gif) repeat-x left bottom #5b0000;
  z-index: 1;
  overflow: hidden;
}
#footer:before {
  content: "";
  width: 334px;
  height: 349px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/footer_bg-left.gif) no-repeat left bottom;
}
#footer:after {
  content: "";
  width: 334px;
  height: 349px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/common/footer_bg-right.gif) no-repeat right bottom;
}
#footer p:first-child{
  padding: 150px 0 0;
  line-height: 1.5;
}
address ul {
  padding: 25px 0 20px;
}
address ul li {
  display:inline-block;
}
address ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1080px){
.banner {
  width: 1080px;
  height: 37px;
  position: relative;
  background: url(../images/common/banner/header_banner-line.png) repeat-x left top #5b0000;
  z-index: 1;
}
#footer {
  width: 1080px;
  height: 349px;
  text-align: center;
  clear: both;
  position: relative;
  background: url(../images/common/footer_bg.gif) repeat-x left bottom #5b0000;
  z-index: 1;
  overflow: hidden;
}
}
.banner .slick-prev,
.banner .slick-next
{
    -webkit-transition: all .75s cubic-bezier(.77, 0, .175, 1);
            transition: all .75s cubic-bezier(.77, 0, .175, 1);
}
.banner .slick-prev:hover,
.banner .slick-next:hover
{
    -webkit-transition: all .75s cubic-bezier(.77, 0, .175, 1);
            transition: all .75s cubic-bezier(.77, 0, .175, 1);

    opacity: .5;
}

/* clearfix
------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }



iframe[name="google_conversion_frame"] {
	position: absolute;
	height: 0;
}