#loading {
  background: url(../img/common/bg.jpg) #000 center center;
  background-size: cover;
}
#loading .load_logo {
  position: fixed;
  width: 1000px;
  top: 50%;
  left: 50%;
  margin-top: -194px;
  margin-left: -430px;
}
/* カレント表示 */
nav li:nth-child(1) a::before {
    background: #D3B37C;
    color: #000;
    background: #D3B37C;
    width: 100%;
}
nav li:nth-child(1) a {
    color: #000;
}

.topcolumn {
    min-width: 1280px;
    width: 100%;
    display: flex;
}
.column1 {
    width: 60%;
    padding-left:220px;
}
.column1 img {
    width: 100%;
}

.column2 {
    width: 40%;
}

.movie {
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: 90%;
    margin: 30px auto 0;
}
.movie img {
    width: 100%;
    transition: 0.5s;
}
/*.movie a:hover img{
    transform: scale(1.1);
}*/
.moviebtn {
    position: absolute;
    width: 60px !important;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 50;
}
.newstitle {
    text-align: center;
    font-size: 40px;
    color: #D3B37C;
    margin-top: 40px;
    font-family: garamond-premier-pro, serif;
}
.news ul {
    margin:25px 0;
}
.news li {
    position: relative;
    z-index: 10;
}
.news li a span {
    font-size: 18px;
    color: #CFAF79;
    padding-right: 10px;
    font-family: garamond-premier-pro, serif;
}
.news li a{
    color: #fff;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding:0 20px;
    font-size: 20px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    line-height: 75px;
    display: block;
}
.news li:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #D3B37C;
    opacity: 0.4;
    width: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: .4s ease 0s;
    transition: .4s ease 0s;
    z-index: -1;
}
.news li:hover {
    text-decoration: none;
}
.news li:hover:before {
    width: 100%;
}
.news li:last-child{
    border-bottom: 1px solid rgba(255,255,255,0.3);;
}

.newslist {
    width: 145px;
    height: 40px;
    margin: 40px auto;
    text-align: center;
}
.newslist a {
    position: relative;
    color: #D3B37C;
    border: 1px solid #D3B37C;
    line-height: 40px;
    display: block;
    z-index: 50;
    font-family: garamond-premier-pro, serif;
}
.newslist a:hover {
    color: #000;
    border: 1px solid #D3B37C;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.newslist a:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #D3B37C;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s ease 0s;
    transition: .4s ease 0s;
    z-index: -1;
}
.newslist a:hover:before {
    width: 100%;
}
body footer {
  margin-top: 0;
}

/* スライダー関係 */
.swiper-cont {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    text-align: center;
    margin-top: 80px;
}
.swiper-cont img {
    height: 240px;
}




/* スマホ用部品 */
.splogo {
    display: none;
}

/* メディアクエリ */
@media screen and (max-width:750px){
    .topcolumn {
        display: block;
        min-width: inherit;
    }
    .column1 {
        padding:100px 0 0 0;
        width: 100%;
        position: relative;
    }
    .column2 {
        width: 100%;
    }
    .splogo {
        text-align: center;
        margin: 100px 0;
        display: block;
    }
    .splogo img {
        width: 90%;
    }
    .newstitle {
        font-size: 50px;
    }
    .news li a {
        line-height: 80px;
    }
}


@-webkit-keyframes op_logo { 0% { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } }
@-o-keyframes op_logo { 0% { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } }
@-moz-keyframes op_logo { 0% { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } }
@keyframes op_logo { 0% { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } }
@media only screen and (min-width: 751px) { .movie img { -webkit-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .movie a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .movie a:hover .moviebtn { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; }
  .news li:before { -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
  .newslist a:before { -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); } }
@media only screen and (max-width: 750px) { .newstitle { font-size: 3rem; }
  .news li a { font-size: 1.6rem; }
  .news li a span { font-size: 1.3rem; }
  .newslist a { font-size: 1.3rem; }
  #loading .load_logo { width: 80vw; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #loading .load_logo img { width: 100%; } }
@-webkit-keyframes op_image { 0% { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes op_image { 0% { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes op_image { 0% { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes op_image { 0% { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.column1 { overflow: hidden; }
.column1 .main_visual { overflow: hidden; }
.column1 img { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.column2 { overflow: hidden; }

.movie { opacity: 0; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }

.news .newstitle { opacity: 0; }
.news ul li { opacity: 0; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }

.newslist { opacity: 0; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }

.is_open .column1 img { -webkit-animation: op_image 1.8s cubic-bezier(0.5, 1, 0.89, 1) forwards; -moz-animation: op_image 1.8s cubic-bezier(0.5, 1, 0.89, 1) forwards; -o-animation: op_image 1.8s cubic-bezier(0.5, 1, 0.89, 1) forwards; animation: op_image 1.8s cubic-bezier(0.5, 1, 0.89, 1) forwards; }
@media only screen and (min-width: 751px) { .is_open .news.scroll_in, .is_open .newslist { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .is_open .movie { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1.2s; -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1.2s; -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1.2s; -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1.2s; transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1.2s; }
  .is_open .newstitle { opacity: 1; -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; }
  .is_open ul li { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); }
  .is_open ul li:nth-child(1) { -webkit-transition-delay: 0.86667s; -moz-transition-delay: 0.86667s; -ms-transition-delay: 0.86667s; -o-transition-delay: 0.86667s; transition-delay: 0.86667s; }
  .is_open ul li:nth-child(2) { -webkit-transition-delay: 0.93333s; -moz-transition-delay: 0.93333s; -ms-transition-delay: 0.93333s; -o-transition-delay: 0.93333s; transition-delay: 0.93333s; }
  .is_open ul li:nth-child(3) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .is_open ul li:nth-child(4) { -webkit-transition-delay: 1.06667s; -moz-transition-delay: 1.06667s; -ms-transition-delay: 1.06667s; -o-transition-delay: 1.06667s; transition-delay: 1.06667s; }
  .is_open ul li:nth-child(5) { -webkit-transition-delay: 1.20004s; -moz-transition-delay: 1.20004s; -ms-transition-delay: 1.20004s; -o-transition-delay: 1.20004s; transition-delay: 1.20004s; }
  .is_open .newslist { opacity: 1; -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1s; -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1s; -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1s; -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1s; transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 1s; } }
@media only screen and (max-width: 750px) { .is_open .news .newstitle { opacity: 1; }
  .is_open .news ul li { -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); }
  .is_open .news.active ul li { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
  .is_open .news.active li:nth-child(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
  .is_open .news.active li:nth-child(2) { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
  .is_open .news.active li:nth-child(3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .is_open .news.active li:nth-child(4) { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
  .is_open .news.active li:nth-child(5) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .is_open .news.active .newslist { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.6s; -moz-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.6s; -ms-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.6s; -o-transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.6s; transition: all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.6s; } }
