@charset "utf-8";
#wrapper{
	display: none;
}

#contents section{
    /*width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;*/
	position: relative;
}

.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}

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

top

------------------------------*/
#top {
	/*display: none;*/
	background: #fff;
	color: #333;
	position: relative;
	overflow: hidden;
	/*padding: 0 40px 20px 0;*/
    box-sizing: border-box;
}

#top::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../img/top/copy_b.png) no-repeat;
    background-position: top 10px right 10px;
    background-size: auto 80%;
    background-attachment: fixed;*/
}

#top-movie-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
	z-index: -100;
}

#top-movie {
    position: absolute;
    top: 0;
    /* left: 0; */
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
	z-index: -100;
}

.movie-cover {
    position: absolute;
    top: 0;
    /* left: 0; */
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
	background: url(../img/common/movie_cover.png);
	z-index: -99;
}

.top-right{
	display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 3;
	text-align: right;
}

.roadshow {
	text-align: right;
	padding: 0px 30px;
}

.roadshow img{
	width: 511px;
}

.top-left {
	position: relative;
}

/*.main-ttl {
	position: fixed;
	z-index: 20;
	margin-top: 5vh;
	margin-left: 30px;
	padding: 70px 30px 30px;
	transition: 1s;
}

.main-txt {
	position: fixed;
	z-index: 20;
	padding:10px 30px 30px
}*/

.main-ttl {
	position: fixed;
	z-index: 20;
	margin-left: 30px;
	padding: 30px;
	transition: 1s;
}

.main-txt {
	position: fixed;
	z-index: 20;
	padding: 30px;
}

.main-img {
	margin-left: 15%;
    position: relative;
    z-index: 2;
	width: 50%;
	padding-bottom: 100px;
}

.copy{
	position: fixed;
    top: 10px;
    right: 10px;
}

.top-right-top{
	position: absolute;
    right: 0;
	top: 300px;
	text-align: right;
}

.top-right-bottom{
	position: fixed;
    right: 0;
    bottom: 100px;
	text-align: right;
	z-index: 20;
}

.main-award {
	padding: 15px;
}

.change-btn-container{
	position: absolute;
    top: 2.3vh;
    left: 28%;
    display: inline-block;
    z-index: 100;
	text-align: center;
}

.change-btn{
    width: 50px;
    height: 50px;
    /*background: #d85c96;*/
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 80px;
    cursor: pointer;
    border: 2px solid #fff;
    box-sizing: border-box;
	transition: all .4s;
}

.change-btn:hover{
	background: rgba(0,0,0,.8);
}

.change-btn img{
	width: 100%;
}

.change-txt{
	color: #fff;
	margin-top: 10px;
}

.rank-container{
	position: absolute;
    top: 1.5vh;
    left: 15px;
    display: inline-block;
    z-index: 100;
	text-align: center;
}


.main2{
	display: none;
}

/* ふわふわさせたいものに fuwafuwaクラスを付与 */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

.award-area {
	padding:0 20px 20px 0;
}

.cast-comment-inner{
	position: absolute;
	right: 0;
    top: 20%;
}

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

top-bottom

------------------------------*/
#top-bottom{
    width: 100%;
	/*height: 100px;*/
    background: rgba(255,255,255,0.6);
	/*background: yellow;*/
    position: fixed;
    bottom: 0;
    z-index: 10;
	text-align: right;
	min-width: 1024px;
}

#top-bottom img{
	width: 100%;
}

#top-bottom-inner{
	/*min-width: 795px;
	max-width: 1178px;*/
	margin: 0 0 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

#bottom0,
#bottom2,
#bottom3{
	width: 200px;
	/*width: calc(100% / 4 - 5px);*/
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 5px 10px;
}

#bottom1{
	width: 583px;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 5px 10px;	
}

#bottom0 a img,
#bottom1 a img,
#bottom2 a img,
#bottom3 a img{
	border: 1px solid #ccc;
}

#bottom1 {
	vertical-align: top;
}

.single-item{
	width: 95%;
    margin: 0 auto;
}

.single-item li{
	margin: 0 3px;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

/*左右の矢印の位置を変える*/
.slick-next {
    right: -20px;
    z-index: 99;
}
.slick-prev {
     left: -20px;
    z-index: 100;
}

.slick-dots li{
    margin: 0;
}
/*スライド画像の横幅可変*/
.single-item img {
    max-width: 100%;
    height: auto;
}

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

whatsnew-container

------------------------------*/
.whatsnew-container{
	position: relative;
    z-index: 10;
    width: 510px;
	background: rgba(255,255,255,0.7);
    /*border: 1px solid #ccc;*/
	border: 1px solid #E85098;
	border-radius: 6px;
    padding: 10px;
    box-sizing: border-box;
    margin: 8px 30px;
	overflow: hidden;
	display: inline-block;
}

.whatsnew-container li{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
}

.whatsnew-container ul{
	width: 402px;
    float: right;
}

.whatsnew-container .whatsnew-ttl{
	display: inline-block;
    float: left;
    border-right: 2px solid #333;
    padding: 0 14px 0 0;
}

.whatsnew-container .pubDate{
	display: inline-block;
	padding-right: 5px;
}

.whatsnew-container .title{
	display: inline-block;	
}

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

nav

------------------------------*/
.top-nav {
	/*overflow: hidden;*/
	padding: 0 30px 30px;
	position: absolute;
    /*top: 70px;*/
	top: 121px;
    right: 0;
	z-index: 999;
}

.top-nav ul{
	display: inline-block;
    float: right;
	padding: 20px 0 0;
	border-top: 1px solid #333;
    /*overflow: hidden;*/
}

.top-nav li {
    display: inline-block;
	padding: 0 10px;
    vertical-align: top;
    float: right;
}

.top-nav li:first-of-type {
	padding: 0 0 0 10px;
}

.top-nav li:last-of-type {
	padding: 0 10px 0 0;
}

.top-nav li img{
	width: 18px;
}

.top-nav li img:last-of-type{
	width: 20px;
}

.top-nav .main-nav-container .subnav,
.top-nav .main-nav-container li:last-child{
	display: none;
}

.top-nav .subnav{
	padding: 30px 0 0 12px;
	/*margin-right: -100px;*/
}

.top-nav .subnav:last-of-type{
	padding: 30px 0 0 0;
}

.top-nav .subnav img{
	width: 18px !important;
}

.sns-nav-container {
	width: 35px;
	overflow: hidden;
}

.sns-nav-container li{
	display: inline-block;
    float: left;
    padding: 0 0 10px 0 !important;
}

.btn-bgm{
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 20px 0 25px;
    border-top: 1px solid #333;
    vertical-align: top;
    float: right;
	cursor: pointer;
}

.btn-bgm_on{
    background: url(../img/common/nav/nav_bgmswitch.png) no-repeat;
    background-size: 50px;
    background-position: 0 79px;
}

.btn-bgm_off{
    background: url(../img/common/nav/nav_bgmswitch.png) no-repeat;
    background-size: 50px;
    background-position: -27px 79px;
}

.btn-bgm img{
	width: 23px;
	display: block;
	padding-bottom: 10px;
}

.bgm-konya{
    display: inline-block;
    margin: 0;
    padding: 20px 5px 0 0;
    border-top: 1px solid #333;
    vertical-align: top;
    float: right;
}

.bgm-konya img{
	width: 13px;
	display: block;
}

/*cnt-nav*/
.cnt-nav{
	display: none;
	width: 100%;
	height: 250px;
    background: url(../img/common/nav_bg_white.png) repeat-y,url(../img/common/nav_bg.jpg) #fff no-repeat;
	background-position: right top,left top;
    position: fixed;
    top: 0;
    z-index: 999;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
}

.cnt-nav ul{
	padding: 20px 130px 0 20px;
	display: inline-block;
    float: right;
}

.cnt-nav li {
    display: inline-block;
	padding: 0 10px;
    vertical-align: top;
    float: right;
	width: 19px;
}

.cnt-nav li:first-of-type {
	padding: 0 0 0 10px;
}

.cnt-nav li:last-of-type {
	padding: 0 10px 0 0;
}

.cnt-nav li img{
	width: 100%;
}

/*.cnt-nav li img:last-of-type{
	width: 20px;
}*/

.cnt-nav .subnav{
	width: 15px;
	border-top: 1px solid #333;
	margin-top: 15px !important;
    padding-top: 10px;
}

.cnt-nav .btn-bgm,
.cnt-nav .bgm-konya{
	border: none;	
}

.cnt-nav .nav_sakuhin p{
	cursor: auto !important;
}

/*menu-btn*/
.menu-btn {
	display: none;
	background: rgba(0,0,0,0.8);
	border: 1px solid #fff;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1000;
	color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 7px;
	cursor: pointer;
}

.menu-txt{
	padding-bottom: 10px;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 47px;
  height: 35px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}



.rank-b{
	padding: 5px 0;
	text-align: right;
}


/********/
.comment-slider-container{
	/*margin: 40px 0 0 auto;*/
	background: url(../img/cast_comment/bg.png) no-repeat;
	background-size: 100% auto;
	/*border-top: 1px solid rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.7);*/
    /*position: absolute;
    top: 40%;
	right: 0;*/
	max-width: 1000px;
}

.comment-slider{
	position: relative;
}

.comment-slider::before{
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	background: rgba(255,255,255,0.7);
}

.comment-slider::after{
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	background: rgba(255,255,255,0.7);
}

.copy_w{
	position: absolute;
    top: 10px;
    right: 10px;
	z-index: -1;
}

.txt1{
	position: absolute;
	bottom: 90px;
	max-width: 1000px;
}

#bg0{
	background: url(../img/intro/bg.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}


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

section

------------------------------*/
.txt-container p{
	margin: 1em 0;
	/*color: #225a7a;*/
	color: #333;
	font-size: 14px;
	line-height: 1.6em;
}

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

intro

------------------------------*/
#intro {
	/*display: none;*/
	overflow: visible;
	color: #fff;
	max-width: 1920px;
	margin: 0 auto;
}

#intro h3{
	position: absolute;
    top: -46.5px;
    right: 50px;
}

#intro h4{
	margin: 0 0 20px 0;
}

.intro-main-img {
	width: 960px;
	margin: 100px auto 0px 0;
	box-sizing: border-box;	
}

#intro .txt-container{
	position: relative;
	background: #fff;
	width: 960px;
	margin: -320px 0 100px auto;
	padding: 50px 70px;
	box-sizing: border-box;
}

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

photo

------------------------------*/
#ph0,#ph1{
	max-width: 1920px;
	margin: 0 auto;
}

#ph0{
	padding: 50px 0;
	height: 300px;
}

#ph1{
	padding: 50px 0;
	height: 420px;
}

.photo{
    display: inline-block;
	position: absolute;
}

#ph0 .photo:nth-child(1){
	left: 1%;
	bottom: 0;
	z-index: 5;
}

#ph0 .photo:nth-of-type(2){
	left: 13%;
	z-index: 4;
}

#ph0 .photo:nth-of-type(3){
	left: 29%;
	top: 53%;
	z-index: 3;
}

#ph0 .photo:nth-of-type(4){
	right: 21%;
	top: 30%;
	z-index: 3;
}

#ph0 .photo:nth-of-type(5){
	right: 0%;
	top: 73%;
	z-index: 4;
}

#ph1 .photo:nth-child(1){
	left: 4%;
	top: -10%;
	z-index: 4;
}

#ph1 .photo:nth-of-type(2){
	left: 25%;
	top: 13%;
	z-index: 5;
}

#ph1 .photo:nth-of-type(3){
	right: 20%;
	top: 5%;
	z-index: 3;
}

#ph1 .photo:nth-of-type(4){
	right: 1%;
	top: -22%;
	z-index: 4;
}
.sq_pink{
	position: absolute;
    display: inline-block;
	width: 350px;
	height: 230px;
	background: rgba(233,80,152,0.7);
}

.sq_white{
	position: absolute;
    display: inline-block;
	width: 300px;
	height: 200px;
	background: rgba(255,255,255,0.7);
}

.pink0{
	top: 20%;
	left: 11%;
}

.pink1{
	top: 40%;
	right: 8%;
}

.pink2{
	top: -1%;
	left: 10%;
}

.pink3{
	top: -3%;
	right: 13%;
}

.white0{
	left: 35%;
	top: 44%;
}

.white1{
	left: 46%;
	top: 20%;
}


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

story

------------------------------*/
#story {
	/*display: none;*/
	overflow: hidden;
	color: #fff;
}

#story h3{
	text-align: left;
    width: 960px;
    margin: 0 auto;
}

#story h4{
	text-align: right;
    width: 960px;
    margin: 0 auto;
}

#story .txt-container{
	position: relative;
	background: #fff;
	width: 100%;
	padding: 50px 0 0;
	box-sizing: border-box;
	text-align: center;
}
.story-inner{
	background: url(../img/story/story-before.png) no-repeat, url(../img/story/story-after.png) no-repeat;
	background-size: 100% auto, 100% auto;
	background-position: top center,bottom center;
	padding: 26% 0 31.2%;
}
/*#story .txt-container::before{
	content: url(../img/story/story-before.png);
	position: absolute;
	width: 100%;
	height: auto;
}*/

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

cast

------------------------------*/
#cast {
	/*display: none;*/
	overflow: hidden;
	
	/*background: rgba(105,210,255,0.7);*/
	background: rgba(0,0,0,0.5);
	position: relative;
    z-index: 4;
}

#cast h2{
	max-width: 1600px;
    margin: 0 auto;
    padding: 30px 0 0 60px;
}

#cast h3{
	max-width: 1600px;
    margin: 0 auto;
    /* padding: 30px 0 0 60px; */
    text-align: center;
    position: absolute;
    top: 100px;
    z-index: 100;
    left: 50%;
    margin-left: -497px;
}

.cast-inner {
	/*width: 1024px;*/
	margin: 0 auto;
}

.cast-list li{
	position: relative;
	/*padding: 5px;*/
	box-sizing: border-box;
	float: left;
	overflow: hidden;
    /*border: 5px solid #fff;*/
	background: #000;
}

/*.list0 li {
	width: calc(100% / 2);
}*/

.list0{
	max-width: 1600px;
	margin: 40px auto;
	padding-right: 90px;
}

.list0 li:nth-child(1),.list0 li:nth-child(2) {
	width: calc(100% / 2 - 16px);
    height: 510px;
    height: -moz-transform-origin:0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    overflow: hidden;
	padding: 0 5px;
	margin: 0 8px;
}

.list0 li:nth-child(1)::after{
	content: '';
	background: url(../img/cast/detail_0.jpg) no-repeat center center;
	background-size: cover;
	width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
    height: -moz-transform-origin:0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);	
}

.list0 li:nth-child(2)::after{
	content: '';
	background: url(../img/cast/detail_1.jpg) no-repeat center center;
	background-size: cover;
	width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
    height: -moz-transform-origin:0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);	
}

.list0 li:nth-child(2):hover::after,.list0 li:nth-child(1):hover::after{	
	opacity: 0.6;
	transition: 1s;
}

.list0 li img{
	width: auto;
	height: 100%;
	margin-left: -5px;
}

.list0 li:nth-child(2){
	margin-top: -40px;
}

.list0 li:nth-child(1) img,.list0 li:nth-child(2) img {
    height: -moz-transform-origin:0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
}

.list1,.list2,.list3{
	width: 1024px;
	margin: 40px auto;
}

.list1 li{
	width: calc(100% / 3 - 10px);
	height: 290px;
	box-sizing: border-box;
	margin: 0 5px;
}

.list2 li{
	width: calc(100% / 5 - 10px);
	height: 183px;
	box-sizing: border-box;
	margin: 0 5px;
}

.list3 li{
	width: calc(100% / 6 - 10px);
	height: 158px;
	box-sizing: border-box;
	margin: 0 5px;
}


.cast-list li p {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 0 !important;
}

.cast-list li:hover .cast-img {
	opacity: 0.6;
	transition: 1s;
}

#cast .cast-detail{
	display: none;
}

.cast-detail{
	/*position: relative;*/
	background: #fff;
    width: 100%;
    height: 100%;
	padding: 30px;
    box-sizing: border-box;
}

.cast-detail h5 {
	margin: 30px 0 0;
}

.cast-detail p{
	line-height: 1.6em;
}

.cast-detail-img{
	width: 48%;
	padding: 0 30px 0 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.cast-detail .txt-container{
	width: 50%;
	display: inline-block;	
}

#cboxContent, #cboxLoadedContent {
    background: none;
}

.cast-detail-inner{
	/*position: absolute;*/
	top: 208px;
	left: 36px;
	width: 100%;
	height: 500px;
}

.jspDrag {
	background: #e95098;
}

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

staff

------------------------------*/
#staff {
	/*display: none;*/
	overflow: hidden;
	background: url(../img/staff/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	color: #fff;
	
	text-align: center;
}

#staff h3{
	padding: 50px 0;
}

.staff-nav li{
	margin: 20px 0;
	font-family: YuMincho,"Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
}

.staff-nav a{
	color: #fff;
	text-decoration: none;
}

#staff .staff-detail{
	display: none;
}

.staff-detail{
	/*position: relative;*/
	background: #fff;
    width: 100%;
    height: 100%;
	padding: 30px 30px 30px 60px;
    box-sizing: border-box;
}

.staff-detail h4{
	/*color: #225a7a;*/
	color: #333;
	font-family: YuMincho,"Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
}

.staff-detail p{
	line-height: 1.6em;
	padding-right: 14px;
}

.staff-detail p img{
	margin-top: 30px;
}

.staff-detail-img{
	width: 48%;
	padding: 0 30px 0 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.staff-detail .txt-container-right{
	width: 50%;
	display: inline-block;	
}

#cboxContent, #cboxLoadedContent {
    background: none;
}

.staff-detail-inner{
	/*position: absolute;*/
	width: 900px;
    height: 340px;
	box-sizing: border-box;
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.staff-nav span{
	padding: 0 20px;
}

.staff-nav li:hover{
	opacity: 0.6;
	transition: 1s;	
}

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

prono

------------------------------*/
#prono {
	display: none;
	overflow: hidden;
}

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

billing

------------------------------*/
#billing {
	/*overflow: hidden;*/
	background: #fff;
	text-align: center;
	position: relative;
}

.billing{
	padding: 50px 0;	
}

.billing-ttl {
	/*display: none;*/
	opacity: 0;
	/*position: fixed;*/
	position: absolute;
	bottom: 0;
	z-index: 3;
	margin-left: 30px;
	padding: 30px;	
	transition: 1s;
}

/**/
#photo-line0{
	width: 100%;
	height: 180px;
	background: url(../img/top/ph0.jpg) repeat-x;
	background-position: top left;
	
	-webkit-animation-name: photoSlideLeft;
	-webkit-animation-duration: 45s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: photoSlideLeft;
	-moz-animation-duration: 45s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: photoSlideLeft;
	animation-duration: 45s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

#photo-line1{
	width: 100%;
	height: 180px;
	background: url(../img/top/ph1.jpg) repeat-x;
	background-position: top right;
	
	-webkit-animation-name: photoSlideRight;
	-webkit-animation-duration: 45s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: photoSlideRight;
	-moz-animation-duration: 45s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: photoSlideRight;
	animation-duration: 45s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@-webkit-keyframes photoSlideLeft {
	0% {background-position: 0px 0px;}
	100% {background-position: -1622px 0px;}
}
@-moz-keyframes photoSlideLeft {
	0% {background-position: 0px 0px;}
	100% {background-position: -1622px 0px;}
}

@-webkit-keyframes photoSlideRight {
	0% {background-position: 1000px 0px;}
	100% {background-position: 2622px 0px;}
}
@-moz-keyframes photoSlideRight {
	0% {background-position: 1000px 0px;}
	100% {background-position: 2622px 0px;}
}


/*ふわっと表示*/
.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;
}
@-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); }
}

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

special thanks

------------------------------*/
#thanks{
	
}
#thanks .thanks-inner{
	margin: 5vw;
    padding: 50px;
	box-sizing: border-box;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(255,255,255,.7);
}

#thanks h3{
	text-align: center;
}

.thanks-list-container{
	width: 960px;
	margin: 0 auto;
}

.thanks-list-container ul{
	padding: 30px 0;
}

.thanks-list-container ul li{
	font-family: YuMincho,"Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 18px;
    display: inline-block;
    padding: 10px;
    width: calc(100% /5 - 5px);
    box-sizing: border-box;
}

.thanks-att{
	text-align: right;
}