@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/*--------------------
trailer
--------------------*/
#cboxClose {
	width: 25px;
	height: 25px;
	top: -25px;
	background: url(../img/top/close02.png) no-repeat;
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
	border: 1px solid #c6171f;
}


#cboxClose:hover{background-position:0 0;}


#trailer {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 300px;
	border: 1px solid #000;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	opacity: 0;
}

#trailer-box {
	position: relative;
	width: 100%;
	height: 169px;
	overflow: hidden;
}

#play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all 0.4s;
	opacity: 0.2;
}

#play:hover {
	opacity: 0.9;
}

.fa-play-circle-o {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 60px;
	height: 60px;
	font-size: 60px;
	color: #fff;
}

#player {
	margin: -1.5% 0 0 -2.5%;
    width: 105%;
    height: 105%;
	box-sizing: border-box;
	cursor: pointer;
}


/*------------------------------

nav

------------------------------*/
.nav-container {
	background: #01102d;
	width: 100%;
	padding: 13px 20px 6px;
	overflow: hidden;
}

.nav-container li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: text-top;
	height: 20px;
	position: relative;
	display: inline-block;
	transition: .3s;
}

.nav-container li:hover {
	cursor: pointer;
}

.nav-container li img {
	transition: .3s;
}

.nav-container li:hover img {
	opacity: 0.8
}

.nav-container li::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #ed1c24;
	transition: .3s;
	opacity: 1;
}
.nav-container li:hover::after {
	width: 100%;
	opacity: 1;
}

.nav-container li.fb {
	float: right;
	margin: -5px 0 0;
}

.nav-container li.fb::after {
  content: none;
}

.topImg {
	height: 852px;
}

.topbg {
	height: 852px;
	position: relative;
	background: #fff;
}

.topbg .desk {
	height: 322px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url(../img/top/mainbg02.png) repeat-x;
	opacity: 0;
}

.topbg .inner {
	width: 1024px;
	margin: 0 auto;
	height: 852px;
	position: relative;
	background: #fff,url(../img/top/mainbg01.jpg) no-repeat -100px top;
	opacity: 0;
	transition: .43s cubic-bezier(.43,.21,.39,.95);
}

.topbg .inner.changed {
	background: url(../img/top/mainbg01.jpg) no-repeat center top;
	opacity: 1;
}


.topbg .inner .topTxt01 {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 10;
}

.topbg .inner .topTxt02 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 335px;
	margin: 0 auto;
	z-index: 11;

}

.topbg .inner .topTxt03 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 195px;
	margin: 0 auto;
	z-index: 11;

}

.topbg .inner .topGolden {
	position: absolute;
	top: 60px;
	right: 171px;
	z-index: 10;
	opacity: 0;
}

.topbg .inner .main {
	position: absolute;
	bottom: 0;
	opacity: 0;
}

#mainbgTxt li {
	position: absolute;
	display: inline-block;
	opacity: 0;
}

#mainbgTxt li.bgtxt01 {
	top: 12px;
	left: 270px;
}

#mainbgTxt li.bgtxt02 {
	top: 246px;
	left: 106px;
}

#mainbgTxt li.bgtxt03 {
	top: 319px;
	left: 388px;
}

#mainbgTxt li.bgtxt04 {
	top: 410px;
	left: 123px;
}

#mainbgTxt li.bgtxt05 {
	top: 7px;
	right: 366px;
}

#mainbgTxt li.bgtxt06 {
	top: 125px;
	right: 170px;
}

#mainbgTxt li.bgtxt07 {
	top: 333px;
	right: 308px;
}

#mainbgTxt li.bgtxt08 {
	top: 370px;
	right: 107px;
}

#mainbgTxt li.bgtxt09 {
	top: 465px;
	right: 209px;
}


#social-container{
	bottom: 36px;
	position: absolute;
	text-align: center;
	width: 1024px;
	margin: 0 auto;
	line-height: 0.7;	
}

#social-container li {
    display: inline-block;
    padding: 0 10px 0 0;
    height: 20px;
    float: none;
}

.filbnr {
	bottom: 75px;
	position: absolute;
	text-align: center;
	width: 1024px;
	margin: 0 auto;
}


.bnrArea {
	position: absolute;
	bottom: 36px;
	left: 20px;
	z-index: 60;
}

.bnrArea li {
	margin-top: 10px;
	line-height: 0;
	display: block;
}

.bnrArea li a {
	display: block;
}

.bnrArea li:hover {
	cursor: pointer;
} 

.bnrArea li img ,.filbnr img {
	transition: .3s;
	opacity: 1;
}

.bnrArea li:hover img, .filbnr:hover img {
	opacity: 0.8;
}

.date {
	position: absolute;
	top: 207px;
	left: 20px;
}

.delayItem {
	opacity: 0;
}

.item-detail {
	background: url(../img/top/repeatbg.jpg) no-repeat;
	background-size: cover;
	box-sizing: border-box;
	width: 960px;
	max-height: calc(100vh - 100px);
	padding: 5px;
/*	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
*/	z-index: 11;
	text-align: center;
	margin: auto;
	display: none;
}

.item-detail .inner {
	border: 1px solid #7d8a93;
	padding: 70px 0 30px;
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;	
}

.item-detail p {
	font-size: 15px;
	line-height: 32px;
	margin-top: 35px;
}

.item-detail img {
	display: block;
	margin:0 auto 25px;
}

.item-detail .close_btn a {
	padding: 14px 17px;
	border: 1px solid #000;
	display: inline-block;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 50px;
	text-decoration: none;
}



/*------------------------------

contents

------------------------------*/

#contents { 	
	line-height: 0;
	opacity: 0;
}

#contents .inner {
	width: 1024px;
	margin: 0 auto;
}

p {
	color: #000;
	font-size: 15px;
	line-height: 32px;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Helvetica Neue", "Noto Sans Japanese", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
	z-index: 80;
}
.menu-trigger {
	position: relative;
	position: fixed;
	left: 20px;
	top: 20px;
	background: #01102d;
	width: 70px;
	height: 70px;
}
.menu-trigger span {
  position: absolute;
  left: 14px;
  width: 43px;
  height: 3px;
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 13px;
}
.menu-trigger span:nth-of-type(2) {
  top: 25px;
}
.menu-trigger span:nth-of-type(3) {
  top: 37px;
}

.menu-trigger::after {
	position: absolute;
	left: 0;
	bottom: 9px;
	content: 'MENU';
	display: block;
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: all .4s;
}
.menu-trigger.active::after {
  content: 'CLOSE';
  bottom: 9px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}


.menuArea {
	z-index: 75;
	position: fixed;
	top: 0 ;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background: rgba(1,16,45,0.9);
	text-align: center;	
	visibility: hidden;
	opacity: 0;
	transition: .3s;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
}

.menuArea.on {
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menuArea ul {
	width: 340px;
	height: 590px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

.menuArea ul li {
	display:block;
}

.menuArea ul li a {
	display: block;
	text-decoration: none;
}

.menuArea ul li img{
	display: inline-block;
	padding: 14px 0;
	transition: .3s;
}

.menuArea ul li:hover{
	cursor: pointer;
}

.menuArea ul li:hover img {
	opacity: 0.8;	
}


.menuArea ul li span {
	position: relative;
	display: inline-block;;
;	
}

.menuArea ul li span::after {
	position: absolute;
	bottom: 5px;
	left: 0;
	content: '';
	width: 0;
	height: 3px;
	background-color: #ed1c24;
	transition: .3s;
	opacity: 1;
}

.menuArea ul li:hover span::after {
	width: 100%;
	opacity: 1;
}

.menuArea ul li {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
    transition: 0.5s;
}

.menuArea.on ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menuArea.on ul li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.menuArea.on ul li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.menuArea.on ul li:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.menuArea.on ul li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menuArea.on ul li:nth-child(5) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.menuArea.on ul li:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.menuArea.on ul li:nth-child(7) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.menuArea.on ul li:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.menuArea.on ul li:nth-child(9) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.menuArea.on ul li:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}


.pagetop {
	display: block;
	position: relative;
	position: fixed;
	right: 10px;
	bottom: 55px;
	width: 73px;
	height: 47px;
    z-index: 70;
	transition: all .4s;
}



/*------------------------------

intro

------------------------------*/
#intro01 {
	height: 832px;
	background: url(../img/top/intro_bg.jpg) fixed;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

#intro01 .inner {
	height: 832px;
	position: relative;
}

#intro01 .ttl {
	position: absolute;
	top: 37px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#intro01 .img01 {
	position: absolute;
	top: 171px;
	z-index: 10;
}

#intro01 .leftArea {
	position: absolute;
	top: 230px;
	right: 20px;
	width: 651px;
}

#intro01 .txt01 {
	position: absolute;
	bottom: 58px;
	right: 20px;
	z-index: 10;
}

#intro01 .leftArea p {
	margin-top: 11px;
}


#intro01 .redArea {
	background: #c6171f;
	height: 286px;
	width: 100%;
	position: absolute;
	bottom: 0;
	mix-blend-mode: multiply;
	z-index: 9;
}

#intro02 {
	padding: 60px 0 70px;
	background: url(../img/top/intro_bg02.jpg) no-repeat center;
	background-size: cover;
	z-index: 10;
}


#intro02 .txtArea{
	width: 680px;
}

#intro02 .txtArea p {
	padding-top: 30px;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);
}





/*------------------------------

story

------------------------------*/
.bgImage:before{
  content: '';
  background: inherit;/*.bgImageで設定した背景画像を継承する*/
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}

#story {
	background: url(../img/top/story_bg.png) bottom center no-repeat fixed,#e8f7fb;
	background: url(../img/top/story_bg.png) bottom center no-repeat fixed,-moz-linear-gradient(top, #bbc8cb 1%, #e8f7fb 5%, #e8f7fb 100%);
	background: url(../img/top/story_bg.png) bottom center no-repeat fixed,webkit-linear-gradient(top, #bbc8cb 1%,#e8f7fb 5%,#e8f7fb 100%);
	background: url(../img/top/story_bg.png) bottom center no-repeat fixed,linear-gradient(to bottom, #bbc8cb 1%,#e8f7fb 5%,#e8f7fb 100%);
	overflow: hidden;
	padding: 80px 0 0;
	z-index: 9;
	position: relative;
}

#story .inner {
	padding-bottom: 100px;
}

#story .ttl {
	display: block;
	margin: 0 auto;
}

#story .txt01{
	display: block;
	margin: 70px auto 0;
}

#story p {
	margin-top: 40px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1),1px 0px 1px rgba(255, 255, 255, 1),0px -1px 1px rgba(255, 255, 255, 1),-1px 0px 1px rgba(255, 255, 255, 1);
}

#story p:last-child {
	margin-top: 30px;
}

.storyImg {
	width: 100%;
	line-height: 0;
}



/*------------------------------

cast

------------------------------*/
#cast {
	overflow: hidden;
	height: 1389px;
	background: url(../img/top/cast_bg.png) center 20% no-repeat fixed,#01102d;
	width: 100%;
}

#cast .inner {
	padding: 100px 0 130px;
	position: relative;
}

#cast .ttl {
	display: block;
	margin: 0 auto;
}

#cast ul.castList>li {
	position: absolute;
	display: block;
}

#cast ul.castList>li:nth-child(1) {
	top: 388px;
	left: 249px;
}

#cast ul.castList>li:nth-child(2) {
	top: 495px;
	left: 0px;
}

#cast ul.castList>li:nth-child(3) {
	top: 605px;
	right: 0px;
	text-align: right;
}

#cast ul.castList>li li {
	margin-top: 100px;
}

#cast ul.castList>li li:first-child {
	margin-top: 0;
}

#cast ul.castList>li:nth-child(1) img,#cast ul.castList>li li img{
	opacity: 1;
	transition: .3s;
}

#cast ul.castList>li:nth-child(1):hover img,#cast ul.castList>li li:hover img{
	cursor: pointer;
	opacity: 0.5;
}

#cast a {
	display: block;
}

.cast_detail {
	display: none;
	width: 600px;
	background: #000;
	max-height: calc(100vh - 150px);
	overflow-y: auto!important;
	padding-right: 5px;
	overflow-x: hidden;
}

.cast_detail .txtArea {
	padding: 30px;
}

.cast_detail p {
	color: #fff;
	margin-top: 20px;
}

.cast_detail .close_btn {
	position: fixed;
    right: 20px;
    top: 20px;	
}

/*スクロールバー全体*/
#modal-win-inner ::-webkit-scrollbar {
    width: 5px;
}

/*スクロールバーの軌道*/
#modal-win-inner ::-webkit-scrollbar-track {
	border-radius: 0;
	box-shadow: 0;
	background-color: rgba(255,255,255,0.3);
}

/*スクロールバーの動く部分*/
#modal-win-inner ::-webkit-scrollbar-thumb {
	background-color: #c6171f;
	border-radius: 0;
	box-shadow: 0;
}

#modal-win-inner {
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: black;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #c6171f;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: rgba(255,255,255,0.3);
}




/*------------------------------

staff

------------------------------*/
#staff {
	overflow: hidden;
	height: 818px;
	background: url(../img/top/staff_bg.jpg) no-repeat center fixed;
	background-size: cover;
	padding: 100px 0 150px;
	width: 100%;
	overflow: hidden;
}

#staff .ttl {
	display: block;
	margin: 0 auto;
}

#staff ul {
	text-align: center;
	margin-top: 70px;
}

#staff ul li {
	margin-bottom: 30px;
}

#staff ul li:last-child {
	margin-bottom: 0;
}

#staff ul li img{
	opacity: 1;
	transition: .3s;
}

#staff ul li img:hover {
	cursor: pointer;
	opacity: 0.5;
}




/*------------------------------

prono

------------------------------*/
#prono {
	overflow: hidden;
	height: 1016px;
	background: url(../img/top/pn_bg.jpg) no-repeat center top fixed;
	background-size: cover;
	padding-top: 100px;
}

#prono ul {
	margin-top: 100px;
}

.leftList {
	float: left;
}

.rightList {
	float: right;
}

#prono .leftList li,
#prono .rightList li{
	width: 353px;
	height: 129px;
	border: 2px solid #fff;
	text-align: center;
	margin-bottom: 50px;
	transition: .3s;
	text-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.8);
	background: transparent;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#prono li:hover {
	border: 2px solid #7d8a93;
	cursor: pointer;
}

#prono .leftList li::before,
#prono .rightList li::before{
	width: 349px;
	height: 125px;
	display: block;
	content: '';
	position: absolute;
	opacity: 0;
	z-index: -1;
	transition: .5s;
    -webkit-transform: translate3d(-353px, 0, 0);
    transform: translate3d(-353px, 0, 0);	
}

#prono .leftList li:nth-child(1)::before {
	background: url(../img/top/pn_img01.png) no-repeat;
}

#prono .leftList li:nth-child(2)::before {
	background: url(../img/top/pn_img02.png) no-repeat;
}

#prono .leftList li:nth-child(3)::before {
	background: url(../img/top/pn_img03.png) no-repeat;
}

#prono .rightList li:nth-child(1)::before {
	background: url(../img/top/pn_img04.png) no-repeat;
}

#prono .rightList li:nth-child(2)::before {
	background: url(../img/top/pn_img05.png) no-repeat;
}

#prono .rightList li:nth-child(3)::before {
	background: url(../img/top/pn_img06.png) no-repeat;
}

#prono .leftList li:nth-child(1):hover::before,
#prono .leftList li:nth-child(2):hover::before,
#prono .leftList li:nth-child(3):hover::before,
#prono .rightList li:nth-child(1):hover::before,
#prono .rightList li:nth-child(2):hover::before,
#prono .rightList li:nth-child(3):hover::before {
	opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);		
}

#prono li:last-child {
	margin-bottom: 0;
}

#prono li span {
	font-size: 27px;
	line-height: 38px;
	font-weight: bold;
	color: #fff;
	margin-top: 24px;
    display: block;
}

#prono li.sub span {
	margin-top: 8px;
}

#prono a {
	display: block;
	text-decoration: none;
}

#prono a:hover {
	text-decoration: none;
}

#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

.pn_detail {
	display: none;
	width: 100vw;
	height: 100vh;
	background: #fff;
	padding-top: 80px;
	padding-left: 40px;
	position: fixed;
    left: 0;
    top: 0;	
}

.pn_detail .close_btn {
	position: fixed;
    right: 20px;
    top: 20px;	
}

.pn_detail .txtArea {
	width: 640px;
	padding-right: 30px;
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}

.pn_detail .txtArea p {
	padding-top: 30px;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);
}


#pn_box01 {
	background: url(../img/top/pn_bg01.jpg) no-repeat right;
	background-size: cover;
}

#pn_box02 {
	background: url(../img/top/pn_bg02.jpg) no-repeat right;
	background-size: cover;
}

#pn_box03 {
	background: url(../img/top/pn_bg03.jpg) no-repeat right;
	background-size: cover;
}

#pn_box04 {
	background: url(../img/top/pn_bg04.jpg) no-repeat right;
	background-size: cover;
}

#pn_box05 {
	background: url(../img/top/pn_bg05.jpg) no-repeat right;
	background-size: cover;
}

#pn_box06 {
	background: url(../img/top/pn_bg06.jpg) no-repeat right;
	background-size: cover;
}


/*スクロールバー全体*/
.pn_detail ::-webkit-scrollbar {
    width: 5px;
}

/*スクロールバーの軌道*/
.pn_detail ::-webkit-scrollbar-track {
	border-radius: 0;
	box-shadow: 0;
	background-color: rgba(255,255,255,0.3);
}

/*スクロールバーの動く部分*/
.pn_detail ::-webkit-scrollbar-thumb {
	background-color: #c6171f;
	border-radius: 0;
	box-shadow: 0;
}



/*------------------------------

gallery

------------------------------*/
#gallery {
	overflow: hidden;
	width: 100%;
	background: #b3c3cc;
	background: -moz-linear-gradient(left, #b3c3cc 1%, #ffffff 50%, #b3c3cc 100%);
	background: -webkit-linear-gradient(left, #b3c3cc 1%,#ffffff 50%,#b3c3cc 100%);
	background: linear-gradient(to right, #b3c3cc 1%,#ffffff 50%,#b3c3cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c3cc', endColorstr='#b3c3cc',GradientType=1 );
	padding: 70px 0;
	width: 100%;
	overflow: hidden;
}

#gallery li {
	padding: 5px;
}

#photo01 {
	background: url(../img/top/photo01.jpg) no-repeat center;
	background-size: cover;
}
#photo02 {
	background: url(../img/top/photo02.jpg) no-repeat center;
	background-size: cover;
}
#photo03 {
	background: url(../img/top/photo03.jpg) no-repeat center;
	background-size: cover;
}
#photo04 {
	background: url(../img/top/photo04.jpg) no-repeat center;
	background-size: cover;
}
#photo05 {
	background: url(../img/top/photo05.jpg) no-repeat center;
	background-size: cover;
}
#photo06 {
	background: url(../img/top/photo06.jpg) no-repeat center;
	background-size: cover;
}
#photo07 {
	background: url(../img/top/photo07.jpg) no-repeat center;
	background-size: cover;
}
#photo08 {
	background: url(../img/top/photo08.jpg) no-repeat center;
	background-size: cover;
}
#photo09 {
	background: url(../img/top/photo09.jpg) no-repeat center;
	background-size: cover;
}
#photo10 {
	background: url(../img/top/photo10.jpg) no-repeat center;
	background-size: cover;
}
#photo11 {
	background: url(../img/top/photo11.jpg) no-repeat center;
	background-size: cover;
}
#photo12 {
	background: url(../img/top/photo12.jpg) no-repeat center;
	background-size: cover;
}
#photo13 {
	background: url(../img/top/photo13.jpg) no-repeat center;
	background-size: cover;
}
#photo14 {
	background: url(../img/top/photo14.jpg) no-repeat center;
	background-size: cover;
}
#photo15 {
	background: url(../img/top/photo15.jpg) no-repeat center;
	background-size: cover;
}
#photo16 {
	background: url(../img/top/photo16.jpg) no-repeat center;
	background-size: cover;
}



/* ------------------------------
   loopSlider
------------------------------ */
.loopslider * {
	margin: 0;
	padding: 0;
}

.loopSliderWrap {
    top: 0;
    left: 0;
    height: 220px;
    overflow: hidden;
    position: absolute;
}

.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 220px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.rightflow .loopslider_wrap {
    left: auto!important;
}
 
.loopSlider ul {
    height: 220px;
    overflow: hidden;
	/*white-space: nowrap;*/
	float: left;
}
 
.loopSlider ul li {
    height: 220px;
	float: left;
	display: inline-block;
    overflow: hidden;
}

.loopSlider ul li a{
	display: block;
}

 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}


/*------------------------------

footer

------------------------------*/
#footer {
	height: 405px;
	text-align: center;
	background: #c6171f;
}

#footer img {
	margin-top: 60px;
}


/*ふわっと表示*/
.animation {
	visibility: hidden;
}


.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}

.ln  {
	opacity: .7;
	pointer-events: none;
	cursor: default;
}

.ln img {
	opacity: .7!important;
}


@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}










@media screen and (max-width:1415px) {
	.bnrArea {
		position: absolute;
		bottom: 260px;
		left: 20px;
	}
	
	
	
}