@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;
	}
	#about .mainBox .list01 li {
		width: 49%;
	}
	#attraction .mainBox .photo02 img {
		height: 20em;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual,
	#mainVisual2 {
		width: 100%;
		overflow: hidden;
		height: 30%;
	}
	#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: -14%;
	}
	#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;
    }

}