/* CSS Document */

@media (min-width:1001px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }

	.funit { position: relative; margin-bottom: 170px; }
	.funit.r_branch:before {
		content: "";
		width: 180px;
		height: 180px;
		position: absolute;
		top: 60px;
		right: 155px;
		background-size: contain;
	}
	
	.funit.l_branch:before {
		content: "";
		width: 180px;
		height: 148px;
		position: absolute;
		top: 100px;
		left: 155px;
		background-size: contain;
	}

	.funit h3.ch3_v.ttl_lobby { height: 185px; background: url(../images/ttl_lobby.svg) center top no-repeat; }
	.funit h3.ch3_v.ttl_shakunage { height: 225px; background: url(../images/ttl_shakunage.svg) center top no-repeat; width: 200px; }
	.funit h3.ch3_v.ttl_yamazi { height: 146px; background: url(../images/ttl_yamazi.svg) center top no-repeat; width: 200px; }
	.funit h3.ch3_v.ttl_karaoke { height: 146px; background: url(../images/ttl_karaoke.svg) center top no-repeat; width: 200px; }
	.funit h3.ch3_v.ttl_shop2 { height: 176px; background: url(../images/ttl_shop2.svg) center top no-repeat; /* width: 200px; */ }
	.funit .txt.cflex { padding: 45px 130px 70px; justify-content: center; }
	.funit .txt.cflex .ch3 { margin-right: 55px; }
	.funit .txt.cflex ul { font-size: 16px; line-height: 30px; margin-top: 5px; }
	.funit .txt.cflex ul li:before { content: "・"; color: #aa0a78; }
	.funit .txt.cflex ul li span { color: #aa0a78; display: inline-block; width: 11em; }

	.funit_column { display: flex; align-items: center; }
	.funit_column.r_img { flex-direction: row-reverse; }
	.funit_column .img { width: 50%; }
	.funit_column .txt { width: 50%; padding-left: 70px; }
	.funit_column .txt .ch3 { margin-bottom: 30px; }
	#takayama.funit_column .txt .ch3 { margin-bottom: 20px; }
	#takayama .ramen { margin-top: 20px; align-items: center; width: 400px; }
	#takayama .ramen p { padding: 0 16px; line-height: 23px; }
	#takayama .ramen p span { color: #aa0a78; }

	/* .funit_column2 { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.funit_column2 li { width: 47.3%; } */
	.funit_column2 { display: flex; justify-content: center; flex-wrap: wrap; }
	.funit_column2 li { width: 100%; text-align: center;}
	.funit_column2 li#karaoke { padding-top: 280px; }
	.funit_column2 li#shop { padding-top: 140px; margin-top: -240px; }
	.funit_column2 li#shop2 { margin-top: 2rem; }

	#other { padding: 95px 0; }
	#other .mainw { background: #ffffff; padding: 60px 0; }
	#other .ctable { width: 700px; margin: 0 auto 80px; }
	#other .rental { border-top: #e5e4e3 1px solid; padding-top: 70px; }
	#other .rental ul.cflex { /*justify-content: space-between;*/ justify-content: center; }
	#other .rental li .icon { width: 100px; height: 100px; border-radius: 50px; margin-right: 25px; margin-left: 25px;
		border: #cccccc 1px solid; display: flex; align-items: center; justify-content: center;
		margin-bottom: 15px; }
	#other .rental li p { font-size: 16px; text-align: center; }

	/* カラオケルーム */
	#yamabuki img {
		align-items: flex-start!important;
	}
	#yamabuki .txt {
		padding-top: 1.5rem;
	}





}/* End @media(min-width751px) */

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

@media (min-width: 1001px) and  (max-width:1245px){


}/* End @media (min-width: 751px) and  (max-width:1100px) */

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

@media (max-width:1000px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }


	.funit { position: relative; margin-bottom: 20vw; }

	.funit.r_branch:before {
		content: "";
		width: 40vw; height: 24vw;
		position: absolute;
		top: 27vw;
		right: -18vw;
		background-size: contain;
	}

	.funit.l_branch:before {
		content: "";
		width: 40vw; height: 30vw;
		position: absolute;
		top: 10vw;
		left: -18vw;
		background-size: contain;
	}

	.funit h3.ch3_v.ttl_lobby { height: 41vw; background: url(../images/ttl_lobby.svg) center top no-repeat; background-size: 4.6vw auto; }
	.funit h3.ch3_v.ttl_shakunage { height: 52vw; background: url(../images/ttl_shakunage.svg) center top no-repeat; background-size: 15vw auto; width: 60vw; }
	.funit h3.ch3_v.ttl_yamazi { height: 31vw; background: url(../images/ttl_yamazi.svg) center top no-repeat; background-size: 15vw auto; /*width: 200px;*/ }
	.funit h3.ch3_v.ttl_karaoke { height: 31vw; background: url(../images/ttl_karaoke.svg) center top no-repeat; background-size: 23vw auto; /*width: 200px;*/ }
	.funit h3.ch3_v.ttl_shop2 { height: 45vw; background: url(../images/ttl_shop2.svg) center top no-repeat; background-size: 14vw auto; /*width: 200px;*/ }
	.funit .img { width: 100vw; margin-left: -6vw; }
	.funit .img img { width: 130%; max-width: 300%; margin-left: -10vw; }
	.funit .txt.cflex { padding: 6vw 0 13vw; }
	.funit .txt.cflex .ch3 {  }
	.funit .txt.cflex .ch3,.funit .txt.cflex .ch3 span { text-align: left; }
	.funit .txt.cflex ul { font-size: 3.8vw; line-height: 5vw; margin-top: 2vw; }
	.funit .txt.cflex ul li:before { content: "・"; color: #aa0a78; }
	.funit .txt.cflex ul li span { color: #aa0a78; display: inline-block; width: 11em; }

	.funit_column {  }
	.funit_column .img,.funit_column2 .img { width: 100%; margin-left: 0; margin-bottom: 6vw; }
	.funit_column .img img,.funit_column2 .img img { width: 100%; margin-left: 0; }
	.funit_column .txt { width: 100%; }
	.funit_column .txt .ch3 { margin-bottom: 4vw; }
	#restaurant .funit_column { margin-bottom: 10vw; }
	.funit_column2 li { padding-top: 17vw; }
	#takayama .ramen { margin-top: 4vw; display: flex; align-items: center; }
	#takayama .ramen p { padding: 0 2vw; font-size: 3.8vw; line-height: 4.4vw; }
	#takayama .ramen p span { color: #aa0a78; }

	#other { padding: 8vw 0; }
	#other .mainw { background: #ffffff; padding: 6vw 0; }
	#other .ctable { width: 80%; margin: 0 auto 12vw; }
	#other .rental { border-top: #e5e4e3 1px solid; padding-top: 12vw; }
	#other .rental .w700 { padding: 0 6vw; }
	#other .rental ul.cflex { display: flex; justify-content: center; flex-wrap: wrap; }
	#other .rental li { width: calc( 100% / 3 ); margin-bottom: 2vw; }
	#other .rental li .icon { width: 20vw; height: 20vw; border-radius: 10vw;
		border: #cccccc 1px solid; display: flex; align-items: center; justify-content: center;
		margin: 0 auto 2vw; }
	#other .rental li .icon img { width: 100%; }
	#other .rental li p { font-size: 3.6vw; text-align: center; }

}/* End @media (max-width: 750px) */

