.video {
	    width: 90%; height: 90vh; margin: 0; padding: 1px; background: #000; position: fixed; /*display: none;*/ z-index: 11099;
	}
	.video iframe { width: 100%; height: 100%; }
	#modal-overlay { z-index: 10012; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0,0,0,0.8);
	}

@media (min-width:751px){
/* CSS Document */

/*mv*/
	#mv { background: url("../images/kawadoko/k-mv.jpg") center center no-repeat; background-size: cover;
		 }
	#mv img { margin-left: -158px; }

	article { width: 100%; overflow: hidden; }


/*p1*/
	#p1 { padding: 75px 0 0; text-align: center; }
	#p1 h3 { margin-bottom: 40px; }
	#p1 .intro1 .left { width: 880px; height: 495px; position: relative; }
	.btn_play { display: block; width: 880px; height: 495px; position: absolute; top:0; left: 0;
		cursor: pointer; background: url("../images/dining/icon_play.svg") center center no-repeat;
		transition:0.3s; }
	.btn_play:hover { opacity: 0.6; }
	#iframe_player_api { width: 880px; height: 495px; }
	#iframe_player_api iframe { width: 100%; height: 100%; }
	.intro1 { margin-bottom: 20px; }
	.intro1 .right { padding-top: 20px; }
	.intro2 p { font-size: 15px; line-height: 26px; margin-bottom: 20px; }
	.intro2 ul.cul { padding-left: 1em; }
	.intro2 .right { padding: 45px 40px; }
	.intro2 .right-2{ padding: 20px 0px 0px; }
	.cmenu li a { padding: 0 90px; }
	.tab .cmenu li a { padding: 0 80px; }
	/*.cmenu li { float: left; }
	*/


	.kawadoko_new{ margin-top: 60px;font-size: 32px; }
	.start-date{ font-weight: 600; padding: 1.5em 10em; margin: 1.2em 0; border: double 5px #885936; }
	.start-date p { font-size: 18px; text-align: center; line-height: 150%; margin: 0; padding: 0; }

	/* new_contents */
	.new_contents {
		width: 1100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: right;
		padding: 15px;
		overflow: hidden;
    	background-color: #2A2020;
    	position: relative;
    	top: 0;
    	left: 0;
	}
	.new_contents::before {
		background: url(../images/stay/obj9.svg) left 15px center no-repeat;
		background-size: contain;
		opacity: .1;
		width: 310px;
		height: 300px;
		display: inline-block;
		position: relative;
		top: 0;
		left: -200px;
	}
	.new_contents .img {
		width: 500px;
		margin-left: 50px;
	}
	.new_contents .txt {
		width: 520px;
		padding: 20px 0 0 20px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.new_contents h3.ttl {
		color: #fff;
		font-size: 32px;
		height: 40px;
		line-height: 40px;
		text-align: left;
		margin-bottom: 20px;
	}
	.new_contents h3.ttl:after {
		display: block;
		content: "";
		padding-top: 5px;
		border-bottom: #CF1225 3px solid;
	}
	.new_contents p {
		font-size: 18px;
		line-height: 1.7;
		color: #fff;
	}
	.start-date-f {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-bottom: 10px;
	}
	.start-date-p {
		line-height: 44px;
		font-size: 32px;
		text-align: left;
	}


/*p2～*/
	

	.unit { padding: 110px 0 0; text-align: center; }
	.unit h3 { margin-bottom: 25px; }
	.unit .slidewrap { width: 100%; height: 660px; overflow: hidden; margin-bottom: 25px; }
	.unit .slidewrap .bx-wrapper { height: 660px; }
	/*.unit .img { width: 640px; }*/
	.unit .slidewrap .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; 
		height: 660px !important; }
	.unit .slidewrap .bx-wrapper .bx-viewport ul,.unit .bx-wrapper .bx-viewport li { 
		height: 660px !important; width: 100% !important; }
	#p2 .slidewrap .slide li:first-child { 
		background: url("../images/kawadoko/img01_night.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p2 .slidewrap .slide li:nth-child(2) { 
		background: url("../images/kawadoko/img01_2.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p2 .slidewrap .slide li:nth-child(3) { 
		background: url("../images/kawadoko/img01_3.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slidewrap .slide li:first-child { 
		background: url("../images/kawadoko/img04_1.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slidewrap .slide li:nth-child(2) { 
		background: url("../images/kawadoko/img04_2.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slidewrap .slide li:nth-child(3) { 
		background: url("../images/kawadoko/img01_noon.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.unit .bx-wrapper .bx-pager { bottom: 12px; }
	.unit .bx-wrapper .bx-pager.bx-default-pager { /*text-align: right;*/ padding-right: 14px; }
	.unit .bx-wrapper .bx-pager.bx-default-pager a { width: 11px; height: 11px;
		background: url("../images/pager.svg") center center no-repeat; text-indent: 50px;
		overflow: hidden; margin: 0 8px; }
	.unit .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.unit .bx-wrapper .bx-pager.bx-default-pager a.active { 
		background: url("../images/pager_on.svg") center center no-repeat; }
	.unit .detail .left { width: 535px; }
	.unit .detail h4 { font-size: 20px; text-align: left; margin-bottom: 15px; }
	.unit p { font-size: 15px; line-height: 26px; }
	.unit .detail .right { width: 530px; }
	.unit .detail th { vertical-align: middle; }
	.unit .cuisine { padding-top: 110px; }
	.unit .cuisine .bx-wrapper { height: 600px; margin-bottom: 25px; }
	/*.unit .img { width: 640px; }*/
	.unit .cuisine .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; 
		height: 600px !important; }
	.unit .cuisine .left { width: 565px; }
	.unit .cuisine .left h4 { color: #A8734F; font-size: 32px; border-left: #CF1225 1px solid;
		padding-left: 15px; height: 40px; line-height: 40px; text-align: left; margin-bottom: 20px; }
	.unit .cuisine .left h4 span { font-size: 44px; }
	/*.unit .cuisine .left p {  }*/
	.unit .cuisine .right { width: 480px; }
	.unit .cuisine .right i { color: #CF1225; }
	.unit .cuisine,.unit .option { padding-top: 110px; }
	.unit .option .left { width: 550px; height: 520px; position: relative; }
	.unit .option .left img:first-child { position: absolute; top:0; left: 0; }
	.unit .option .left img:nth-child(2) { position: absolute; bottom:0; left: 0; }
	.unit .option .left img:last-child { position: absolute; bottom:0; right: 0; }
	.unit .option .right { width: 485px; }
	.unit .option .right h4 { border-left: #CF1225 1px solid; padding-left: 15px; font-size: 30px;
		text-align: left; height: 30px; line-height: 30px; margin-bottom: 20px; }
	.unit .option .right h4.drink { margin-top: 45px; }
	.unit .option th { width: 265px; text-align: left; }
	.unit .option ul { float: left; width: 150px; text-align: left; }
	.unit .option ul li:before { content: "◆"; color: #CF1225; font-size: 15px; line-height: 24px; }
	.unit .krsv { width: 900px; height: 160px; text-align: center; padding-top: 25px; margin: 75px auto 0;
		background: url("../images/kawadoko/rsv.svg") 165px 23px no-repeat #2A2020; color: #ffffff; }
	.unit .krsv h3 { font-size: 26px; line-height: 20px; }
	.unit .krsv h3 span { color: #A38368; font-size: 14px; }
	.unit .krsv .cbtn { width: 280px; color: #ffffff; border: none; margin: 15px auto;
		background: url("../images/icon_arrow.svg") right 20px center no-repeat #CF1225; }
	.unit .krsv .cbtn:hover { opacity: 1;
		background: url("../images/icon_arrow_r.svg") right 15px center no-repeat #ffffff ; 
		color: #CF1225; }
	p.rsvnote { width: 900px; margin: 15px auto 90px; }
	#p3.unit .krsv { height: 180px; padding: 25px 40px 0 180px; background-position: 35px 37px; }
	#p3.unit .krsv h3 { border-bottom: #4F4343 1px solid; padding-bottom: 12px; margin-bottom: 15px; }

	#p2.unit .rsv_ttl h3 { padding-left: 30px; }
	#p2.unit .krsv .cbtn { margin-right: 290px; }
	#p3.unit .krsv .rsv_ttl { 
		border-bottom: #4F4343 1px solid;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}
	#p3.unit .krsv .rsv_ttl h3 { 
		border: none;
		padding-right: 100px;
		margin-bottom: 0;
	}

	.unit .ktel { width: 345px; height: 46px; position: relative; float: left; }
	.unit .ktel h4 { text-align: center; font-size: 18px; }
	.unit .ktel p { font-size: 14px; position: absolute; left: 0; bottom: 0; }
	.unit .ktel a { display: block; position: absolute; right: 0; bottom: 0; cursor: default; }
	.unit .ktel a:hover,.unit .ktel a:hover img { opacity: 1; }
	#p3.unit .krsv .cbtn { float: right; margin: 3px 0 0 0; }

	#p4 { padding: 55px 0; }
	#p4 .left { width: 540px; }
	#p4 .right { width: 438px; margin-right: 40px; text-align: center; }
	#p4 .right h3 { margin-bottom: 15px; padding-left: 40px; }
	#p4 .right p { font-size: 15px; line-height: 26px; }
	#p4 .right p span { display: inline; border-bottom: #CF1225 1px solid; }

	#p5 { padding: 80px 0 120px; }
	#p5 h4 { font-size: 20px; margin-bottom: 30px; }
	#p5 h4 span { font-size: 14px; color: #9B8068; display: inline-block; padding-left: 5px; }
	#p5 table.ctable2 th { width: 250px; vertical-align: middle; }

	.footimg { width: 100%; height: 400px; overflow: hidden; position: relative; text-align: center;
		background: url("../images/kawadoko/img_foot.jpg") center center no-repeat; background-size: cover;
		font-size: 24px; line-height: 42px; color: #ffffff; padding-top: 140px; }
	/*.footimg img { position: absolute; top:0; left: 50%; margin-left: -1000px; max-width: 200%; }*/
}

@media (max-width:750px){

	#mv { background: url("../images/kawadoko/k-mv_sp.jpg") center center no-repeat; background-size: cover;
		  }
	#mv h2 img { height: 38vw; }
	/*#mv h2 { width: 28vw; }*/

/*p1*/
	#p1 { padding: 17vw 0 0; text-align: center; }
	#p1 .mainw { width: 100%; }
	#p1 h3 { margin-bottom: 4.5vw; }
	#p1 h3 img { width: 93vw; }
	.btn_play { display: block; width: 56vw; height: 34vw; position: absolute; top:0; left: 0;
		cursor: pointer; background: url("../images/dining/icon_play.svg") center center no-repeat;
		background-size: 6vw auto; }
	#iframe_player_api { width: 56vw; height: 34vw; }
	
	/*.intro1 { margin-bottom: 20px; }*/
	.intro1 .right { float: right; width: 32vw; }
	.intro1 .right img { width: 100%; }
	.intro1 .left { width: 56vw; padding-top: 8vw; margin-left: 6vw; height: 34vw; position: relative; }
	.intro2 p { width: 88vw;  font-size: 3.7vw; line-height: 4.6vw; margin: 0 auto 4vw; }
	.intro2 ul.cul { padding-left: 1em; width: 88vw; margin: 0 auto; }
	.intro2 .right { width: 55vw; margin-left: 6vw; margin-top: -16vw; margin-bottom: 13vw; }
	.start-date{ width: 88vw; font-weight: 600; padding: 0.5em 1em; margin: 5vw auto 0; border: double 5px #885936; }
	.start-date p { width: 100%; line-height: 150%; margin: 2vw 0; padding: 0; }
	h3.kawadoko_new { margin-top: 20px; font-size: 18px; }
	.right-2 img { margin-bottom: 20px; }
	.start-date-p { font-size: 4.8vw; text-align: left; }

	/* new_contents */
	.new_contents {
		width: 95vw;
		margin:  8vw auto 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		justify-content: space-around;
		padding: 3vw;
		overflow: hidden;
    	background-color: #2A2020;
    	position: relative;
    	top: 0;
    	left: 0;
	}
	.new_contents::before {
		background: url(../images/stay/obj9.svg) left 3vw center no-repeat;
		background-size: contain;
		opacity: .1;
		width: 62vw;
		height: 60vw;
		display: inline-block;
		position: relative;
		top: -10vw;
		left: 0;
	}
	.new_contents .img {
		width: 100%;
		margin: 0 auto 3vw;
	}
	.new_contents .txt {
		width: 90vw;
		padding: 0;
		position: absolute;
		top: auto;
		bottom: 10vw;
		left: 3vw;
	}
	.new_contents h3.ttl {
		color: #fff;
		font-size: 8.6vw;
		line-height: 9.3vw;
		text-align: center;
		margin-bottom: 3.7vw;
	}
	.new_contents h3.ttl:after {
		display: block;
		content: "";
		padding-top: 3vw;
		border-bottom: #CF1225 3px solid;
	}
	.new_contents p {
		font-size: 3.7vw;
		line-height: 1.7;
		color: #fff;
	}

/*p2*/	
	.unit { padding: 17vw 0 0; text-align: center; }
	.unit h3 { margin-bottom: 4vw; }
	.unit h3 img { width: 40vw; height: auto; }
	.unit .img { margin-bottom: 4vw; }
	.unit .bx-wrapper { margin: 0 auto 5vw; height: 66vw; }
	.unit .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; 
		height: 66vw !important; }
	.unit .bx-wrapper .bx-viewport ul,.unit .bx-wrapper .bx-viewport li { height: 66vw !important;
		width: 100% !important; }
	#p2 .slide li:first-child { background: url("../images/kawadoko/img01_night.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p2 .slide li:nth-child(2) { background: url("../images/kawadoko/img01_2.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p2 .slide li:nth-child(3) { background: url("../images/kawadoko/img01_3.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slide li:first-child { background: url("../images/kawadoko/img04_1.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slide li:nth-child(2) { background: url("../images/kawadoko/img04_2.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	#p3 .slide li:nth-child(3) { background: url("../images/kawadoko/img01_noon.jpg") center center no-repeat; 
		background-size: cover; width: 100%; height: 100%; }
	.unit .bx-wrapper .bx-pager { bottom: 2vw; }
	.unit .bx-wrapper .bx-pager.bx-default-pager { /*text-align: right;*/ padding-right: 4vw; }
	.unit .bx-wrapper .bx-pager.bx-default-pager a { width: 4vw; height: 4vw;
		background: url("../images/pager.svg") center center no-repeat; text-indent: 20vw;
		overflow: hidden; margin: 0 2vw; }
	.unit .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.unit .bx-wrapper .bx-pager.bx-default-pager a.active { 
		background: url("../images/pager_on.svg") center center no-repeat; }
	.unit .left { width: 88vw; margin: 0 auto 4vw; }
	.unit .detail h4 { font-size: 5vw; text-align: left; margin-bottom: 3vw; line-height: 7.2vw; }
	.unit p { font-size: 3.7vw; line-height: 6vw; }
	.unit .right { width: 88vw; margin: 0 auto; }
	/*.unit .img { width: 640px; }*/
	.unit .cuisine,.unit .option { padding-top: 13vw; }
	.unit .cuisine .bx-wrapper { height: 48vw; margin-bottom: 4vw; }
	.unit .cuisine .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; 
		height: 48vw !important; }
	.unit .cuisine .left h4 { color: #A8734F; font-size: 8.6vw; border-left: #CF1225 1px solid;
		padding-left: 2vw; height: 9.3vw; line-height: 9.3vw; text-align: left; margin-bottom: 3.7vw; }
	.unit .cuisine .left h4 span { font-size: 10vw; }
	/*.unit .cuisine .left p {  }*/
	.unit .cuisine .right i { color: #CF1225; display: inline-block; width: 4vw; }

	.unit .option .left img { width: 100%; margin-bottom: 6vw; }
	.unit .option .right h4 { border-left: #CF1225 1px solid; padding-left: 2vw; font-size: 7.4vw;
		text-align: left; height: 6.6vw; line-height: 6.6vw; margin-bottom: 4vw; }
	.unit .option .right h4.drink { margin-top: 13vw; }
	.unit .option th { width: 53vw; text-align: left; }
	.unit .option ul { text-align: left; }
	.unit .option ul li { float: left; width: 50%; }
	.unit .option ul li:before { content: "◆"; color: #CF1225; font-size: 15px; line-height: 24px; }
	.unit .krsv { width: 88vw; text-align: center; padding: 9.8vw 4vw 5vw; margin: 13vw auto 0;
		background: url("../images/kawadoko/rsv.svg") 4vw 4vw no-repeat #2A2020; color: #ffffff;
		background-size: 21vw; }
	.unit .krsv h3 { font-size: 6.6vw; line-height: 6vw; }
	.unit .krsv h3 span { color: #A38368; font-size: 3.7vw; }
	.unit .krsv .cbtn { /*width: 280px;*/ color: #ffffff; border: none; margin: 6vw auto 0;
		background: url("../images/icon_arrow.svg") right 2vw center no-repeat #CF1225; }
	#p3.unit .krsv h3 { border-bottom: #4F4343 1px solid; margin-bottom: 7vw;
		height: 18vw; }
	.unit .ktel h4 { text-align: center; font-size: 6vw; margin-bottom: 4vw; }
	.unit .ktel p { font-size: 4.8vw; text-align: center; }
	.unit .ktel a { display: block; width: 69vw; margin: 2vw auto 4vw; }
	.unit .ktel a img { width: 100%; }
	
	p.rsvnote { width: 88vw; margin: 4vw auto 0; }

	#p4 { padding: 55px 0; margin-top: 13vw; }
	#p4 .left,#p4 .left img { width: 72vw; margin: 0 auto; }
	#p4 .right { width: 88vw; margin: 0 auto 8vw; text-align: center; }
	#p4 .right h3 { margin-bottom: 4vw; padding-left: 10vw; }
	#p4 .right h3 img { width: 43vw; }
	#p4 .right p { font-size: 3.7vw; line-height: 6vw; }
	#p4 .right p span { display: inline; border-bottom: #CF1225 1px solid; }

	#p5 { padding: 13vw 0 0; }
	#p5 h4 { font-size: 5vw; margin-bottom: 6vw; }
	#p5 h4 span { font-size: 3.6vw; color: #9B8068; display: block; }
	/*#p5 table.ctable2 th { width: 250px; vertical-align: middle; }*/
	



	
	.footimg { margin-top: 40vw; width: 100%; height: 53vw; text-align: center; color: #ffffff;
		background: url("../images/kawadoko/img_foot_sp.jpg") center center no-repeat; 
		background-size: cover; font-size: 4vw; line-height: 6.4vw; padding-top: 16.8vw; }
	footer #pagetop_sp { margin: -86vw auto 60vw; }

}

.start-date p.text_r{
	text-align: right;
}