@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1160px) {
	#main .mainBox {
		padding: 0 1%;
	}
	#mainVisual .bg {
		background-size: 140%;
	}
	#mainVisual .bg2 {
		background-size: 140%;
	}
	#mainVisual .bg5 {
		background-size: 140%;
	}
	#mainVisual h1,
	#mainVisual2 h1 {
		padding: 7% 1% 0;
		font-size: 3.2rem;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual,
	#mainVisual2 {
		width: 100%;
		overflow: hidden;
		height: 38%;
	}
	#mainVisual .bg,
	#mainVisual .bg2,
	#mainVisual2 .bg3,
	#mainVisual2 .bg4,
	#mainVisual .bg5 {
		top: -1%;
		height: 200px;
	}
	#mainVisual .overlay,
	#mainVisual2 .overlay {
		top: 0;
		background-size: 150%;
	}
	#mainVisual h1,
	#mainVisual2 h1 {
		font-size: 1.875rem;
		line-height: 1.3em;
	    padding: 0;
   		text-align: center;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#mainVisual a.arrow01,
	#mainVisual2 a.arrow01 {
		bottom: -13%;
	}
	#subnavBar ul li:nth-child(3n) {
		border-right: 2px solid #3c3c3c;
	}
	#subnavBar ul li a {
		line-height: 2.5rem;
	}
    .fleximg {
        justify-content: center;
    }
    .flex3 {
        display: block;
    }
    .flex3 a {
        display: block;
        margin: 40px auto;
        text-align: center;
    }
    .listflex a {
        width: 90%;
        margin-bottom: 25px;
        padding: 10px 0;
        font-size: 1.1em;
    }
    .listflex>span a{
        padding: 10px 0;
        font-size: 1.1em;
        width: 100%;
        margin: 0 auto;
    }
    .lastlist {
        width: 90%;
    }
    .movielist a {
        width: 95%;
        margin-bottom: 25px;
        padding: 10px 0;
        font-size: 0.9em;
    }
    .sptc {
        text-align: center;
    }
    .sp_parts {
        display: block;
    }
    .stxt {
        font-size: 13px;
    }
    .lastlist .stxt {
        font-size: 16px;
    }

    /*.anni header {
        display: block;
        padding: 9px 1%;
        width: 98%;
    }

    .anni header>div>a img {
        max-width: 95px;
        margin-right: 5px;
    }
    .anni header>div>a>div p:first-of-type {
        font-size: 14px;
    }
    .anni header>div>a>div p:last-of-type {
        font-size: 12px;
        line-height: 1.3;
    }
    .anni header>div>a {
        margin-right: 0px;
    }
    .anni header>div {
        justify-content: space-around;
    }
    h1 img {
        width: 95px;
    }
    .anni #mainVisual2 h1 img {
        top: 42px;
    }
    .anni #mainVisual2 .bg {
        top: 57px;
    }*/
    #mainVisual2 {
        margin-top: 0px!important;
    }
    .kvtxt {
        top: 28%;
        font-size: 0.7rem;
    }
    .kvtxt p {
        margin-bottom: 3px;
        line-height: 1.2;
    }
    nav ul {
        justify-content: center;
    }
    section>div {
        display: block;
        text-align: center;
    }
    section {
        padding: 25px 0;
    }
    section h2 {
        width: auto;
        margin-bottom: 20px;
    }
    footer {
        margin-top: 0px;
    }
    .fullkv {
        padding-top: 58px;
    }
    nav ul {
        display: block;
    }
    nav ul li {
        width: 90%;
        margin: 10px auto;
    }
    nav ul li a {
        height: 90px;
        font-size: 20px;
    }

}



/* MOVIE
----------------------------------------------*/
@media screen and (max-width: 1160px) {
	.movie #lower {
		padding: 0 1%;
	}
}
@media screen and (max-width: 737px) {
	.movie #main {
		padding-top: 54px;
	}
	.movie h2 {
		font-size: 28px;
		padding: 20px 0;
	}
}

/* 下層ページ
----------------------------------------------*/
@media screen and (max-width: 1160px) {
    .page #lower {
        padding: 0 1%;
    }
}
@media screen and (max-width: 737px) {
    .page #main {
        padding-top: 54px;
    }
    .page h2 {
        font-size: 28px;
        padding: 20px 0;
    }
    .link_bnr {
        margin: 30px 0;
    }

    .link_bnr a {
        display: block;
        font-size: 12px;
        padding: 10px 0px;
    }
    .m_list li {
        width: 100%;
    }
    .m_list li dl {
        display: block;
    }
    .m_list li dl dt {
        text-align: center;
        margin: 20px auto;
    }
    .m_list li dl dd {
        width: 100%;
    }

}