/* CSS Document */
/*.index{
	background: none top center no-repeat;
}*/

@media (min-width:751px){
/*mv*/
	.slide_wrp { max-width: 100%; overflow: hidden; position: relative; height: 750px;
		 }
	.slide { position: absolute; top: 0; left: 50%; margin-left: -1000px; height: 750px; width: 2000px; }
	.slide .slick-slide { width: 100%; }
	.slide img { width: 2000px; }
	.hotelname { position: absolute; top:297px; left:50%; margin-left: -266px; }

/*bns*/
	#bns { width: 850px; margin: 45px auto 60px; }
	#bns li { margin-bottom: 25px; }
	#bns li img { width: 850px; }
	#bns li:nth-child(2) img { width: 870px; }
	#bns li.half { width: 415px; float: left; }
	#bns li.half:last-child { float: right; }
	#bns li.half img { width: 415px; }

 
/*plan*/
	#plan { width: 100%;/* height: 730px;*/ border-top: #c2c2c2 1px solid; 
		border-bottom: #c2c2c2 1px solid;
		background: url("/alphajozenji/images/cb_bg.jpg") center top repeat; 
		position: relative; }
	#plan .mainw { padding: 65px 0 75px; position: relative; }
	/*#plan h3 { text-align: center; width: 387px; margin: 0 auto 40px; }
	#plan h3 img { width: 387px; }*/
	#plan ul { width: 1120px; margin: 0 auto; font-family: "Sawarabi Gothic"; }
	#plan ul li { width: 545px; height: 220px; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
		background: #ffffff; position: relative; float: left; margin-bottom: 10px; }
	#plan ul li:nth-child(even) { float: right; }
	#plan ul li a { display: block; position: relative; width: 545px; height: 220px;
		background: url("/alphajozenji/images/icon_arrow.svg") 505px 195px no-repeat; }
	#plan ul li a:before { content: ""; width: 20px; height: 25px; 
		background: url("/alphajozenji/images/icon_fkds.svg") left top no-repeat; position: absolute;
		top:96px; left: 201px; }
	#plan ul li a:after { content: ""; width: 220px; height: 220px; position: absolute; top:0; left: 0;
		background: url("/alphajozenji/images/index/plan_on.svg") left top no-repeat; opacity: 0;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out; 
		}
	#plan ul li a:hover { opacity: 1; background-position: 507px 195px; }
	#plan ul li a:hover:after { opacity: 1; }
	#plan ul li a .img { width: 220px; height: 220px; overflow: hidden; float: left; }
	#plan ul li a img { /*width: 220px;*//* margin-top: -65px;*/ height: 220px; }
	#plan ul li a:hover img { opacity: 1; }
	#plan ul li .detail { width: 325px; height: 220px; float: right; padding: 30px; }
	#plan ul li h4 { margin: 0 auto 25px;/* color: #00145A;*/ font-size: 16px; line-height: 24px; }
	#plan ul li dl { height: 30px; line-height: 27px; border: #c9c9c9 1px solid; 
		font-size: 13px; }
	#plan ul li dl dt { width: 48px; border-right: #c9c9c9 1px solid; float: left; text-align: center; }
	#plan ul li dl dd { padding-left: 10px; float: left; }
	/*#plan ul li dl span { display: inline-block; width: 50px; text-align: center; font-size: 13px; }*/
	#plan ul li dl strong { font-size: 20px; color: #02802e; }
	#plan ul li dl strong span { display: inline; font-size: 16px; }
	#plan a.btn_search { position: absolute; top: 85px; right: 0; }

/*point*/
	#point { width: 100%; padding:80px 0 130px; }
	#point h3.ch3 img { padding: 0 5px; }
	#point ul { width: 100%; height: 585px; }
	#point ul li { width: 33%; width: -webkit-calc(100% / 3); width: calc(100% / 3); height: 585px;
		float: left; position: relative; }
	#point ul li a { display: block; width: 100%; height: 100%; }
	#point ul li a:hover { opacity: 0.8; }
	#point ul li .img { width: 100%; height: 480px; overflow: hidden; position: relative; }
	/*#point ul li .img img.pimg { height: 480px; }*/
	#point ul li:first-child .img { 
		background: url("/alphajozenji/images/index/point1.jpg") center center no-repeat;
		background-size: auto 480px; }
	#point ul li:nth-child(2) .img { 
		background: url("/alphajozenji/images/index/point2.jpg") center center no-repeat;
		background-size: auto 480px; }
	#point ul li:last-child .img { 
		background: url("/alphajozenji/images/index/point3.jpg") center center no-repeat;
		background-size: auto 480px; }
	@media (min-width:1411px){ /*#point ul li .img img.pimg { height: auto; width: 100%; }*/
		#point ul li:first-child .img,#point ul li:nth-child(2) .img,#point ul li:last-child .img {
			 background-size: 100% auto; } }
	#point ul li .img h4 { width: 100%; height: 160px; position: absolute; bottom: 0;
		background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); 
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), 
			to(rgba(0,0,0,0.8))); padding-top: 70px; font-size: 14px; color: #ffffff;
		line-height: 30px; font-family: minamoto_l; }
	#point ul li .img h4 img { float: left; margin-right: 20px; }
	#point ul li .img h4 strong { font-size: 30px; display: inline-block; padding-right: 5px; }
	#point ul li .img h4 span.udl { text-decoration: underline; }
	#point ul li .img h4 span.udl:after { content: "\f105"; font-family: FontAwesome; }
	/*#point ul li .img h4 span.en { display: inline-block; }*/
	#point ul li p { width: 100%; border-right: #c9c9c9 1px solid; padding: 20px 30px; }
	#point ul li:last-child p { border-right: none; }

/*info*/
	#info { background: #eaeaea; padding: 30px; }
	#info h3 { width: 1000px; padding-bottom: 15px; border-bottom: #aa988f 1px dotted; font-size: 24px;
		margin-bottom: 15px; font-family: minamoto_l; }
	#info h3 span { font-size: 12px; color: #02802e; display: inline-block; padding-left: 5px; }
	#info_in { width: 1040px; }
	#info_in ul.psb { width: 1040px; height: 230px; position: relative; 
		overflow: hidden; }
	#info_in ul li { width: 1000px; /*height: 110px;*/ margin-bottom: 25px; }
	
	#info_in ul li span.date { width: 100px; height: 20px; line-height: 20px; font-size: 13px;
		background: #a6ddc3; display: block; text-align: center; }
	#info_in ul li p { font-size: 13px; line-height: 22px; /*padding-top: 12px;*/  }
	
	/*laundromat*/
	#laundromat { padding-top: 90px; width: 100%; 
		background: url("/alphajozenji/images/index/cl_bg.jpg") center 90px no-repeat; 
		background-size: 2000px auto; }
	@media (min-width:2001px){ #laundromat { background-size: 100% auto; } }
	#laundromat .column2 { margin-bottom: 10px; }
	#laundromat .ol .imgfade2 { width: 250px; float: left; margin-right: 20px; }
	#laundromat .ol p { width: 230px; font-size: 13px; line-height: 22px; float: left; 
		margin-top: 15px; }
	#laundromat h4 { font-size: 24px; position: relative; width: 100%; font-family: minamoto_l;
		margin-bottom: 15px; }
	#laundromat h4:after { content: ""; width: 1007px; height: 1px; border-bottom: #aa988f 1px dashed;
		position: absolute; right: 0; top:12px; }
	#laundromat .cltable { margin-bottom: 80px; }
	#laundromat table { border-collapse: collapse; /*border: #c9c9c9 1px solid;*/ width: 210px;
		float: left; margin-right: 12px; }
	#laundromat table:last-child { margin-right: 0; }
	#laundromat table th.clth { background: #02872e; color: #ffffff; border: none; }
	#laundromat table th,#laundromat table td { border: #c9c9c9 1px solid; height: 30px; 
		line-height: 30px; font-weight: normal; }
	#laundromat table th { background: #f3f3f3; width: 117px; text-align: center; }
	#laundromat table td { text-align: left; padding-left: 10px; }
	#laundromat table tr:first-child th,#laundromat table tr:first-child td { 
		border-left: #c9c9c9 1px solid;
		border-right: #c9c9c9 1px solid; border-bottom: #c9c9c9 1px solid; }

/*news*/
	#up_ymd { width: 100px; height: 20px; line-height: 20px; font-size: 13px;
		background: #a6ddc3; display: block; text-align: center; margin-bottom: 20px; }
	#detail { margin-bottom: 80px; font-size: 13px; line-height: 24px; }
}


@media (max-width:750px){
	.slide_wrp .slick-next { right: 4vw; width: 6.6vw; height: 6.6vw; }
	.slide_wrp .slick-prev { left: 4vw; width: 6.6vw; height: 6.6vw; }
	.slide_wrp .slick-next,.slide_wrp .slick-prev { background-size: 6.6vw auto; }
	.slide_wrp { position: relative; }
	.slide_wrp .hotelname { position: absolute; top:48vw; left:50%; width: 88vw; margin-left: -44vw; }
	.slide_wrp .hotelname img { width: 88vw; }

	/*bns*/
	#bns { width: 92vw; margin: 11vw auto 20vw; }
	#bns li { margin-bottom: 3.3vw; }
	#bns li img { width: 100%; }
	#bns li:nth-child(2) img { max-width: 96vw; width: 94.2vw; }
	#bns li.half { width: 45vw; float: left; }
	#bns li.half:last-child { float: right; }
	#bns li.half img { width: 45vw; }

/*plan*/
	#plan { width: 100%; background: url("/alphajozenji/images/cb_bg.jpg") center top repeat;
		position: relative; padding: 10vw 0 8vw; border-top: #c2c2c2 1px solid; 
		border-bottom: #c2c2c2 1px solid; }
	/*#plan h3 { text-align: center; width: 81vw; margin: 0 auto 6vw; }*/
	#plan ul { width: 92vw; margin: 0 auto; }
	#plan ul li { width: 92vw; height: 30vw; box-shadow: 1vw 1vw 1vw 0 rgba(0,0,0,0.2);
		background: #ffffff; position: relative; margin-bottom: 5.3vw; }
	#plan ul li a { display: block; position: relative; width: 92vw; height: 30vw;
		background: url("/alphajozenji/images/icon_arrow.svg") 84vw 24vw no-repeat;
		background-size: 5vw auto; }
	#plan ul li a:before { content: ""; width: 2.6vw; height: 3vw; 
		background: url("/alphajozenji/images/icon_fkds.svg") left top no-repeat; position: absolute;
		top:13vw; left: 28vw; background-size: 2.6vw; }
	#plan ul li a .img { width: 30vw; height: 30vw; overflow: hidden; float: left; }
	#plan ul li a img { /*width: 30vw;*//* margin-top: -9vw;*/ 
		height: 30vw; width: auto; max-width: 200%; }
	#plan ul li .detail { width: 62vw; float: right; padding: 4vw; }
	#plan ul li h4 { font-size: 3.4vw; line-height: 5vw; height: 15.6vw; overflow: hidden;
		padding-bottom: 2.6vw; }
	#plan ul li dl { width: 46vw; height: 6.6vw; line-height: 6vw; border: #c9c9c9 1px solid; 
		font-size: 3.2vw; }
	#plan ul li dl dt { width: 10vw; border-right: #c9c9c9 1px solid; float: left; text-align: center; }
	#plan ul li dl dd { padding-left: 2vw; float: left; }
	#plan ul li dl span { display: inline-block; width: 10vw; text-align: center; font-size: 3.7vw; }
	#plan ul li dl strong { font-size: 4vw; color: #02802e; }
	#plan ul li dl strong span { display: inline; font-size: 3.2vw; }
	#plan a.cbtn { position: absolute; bottom: -6.6vw; left:50%; margin-left: -36vw; width: 72vw; height: 13vw;
		line-height: 13vw; border: #ffffff 1px solid; }

/*point*/
	#point { width: 100%; padding:15vw 0 12vw; }
	#point h3.ch3 img { padding: 0 5px; }
	#point ul { width: 100%; }
	#point ul li { width: 100%; position: relative; }
	#point ul li .img { width: 100%; height: 111vw; position: relative; overflow: hidden; }
	#point ul li .img img.pimg { width: 100%; }
	#point ul li .img h4 { width: 100%; height: 50vw; position: absolute; bottom: 0;
		background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); 
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), 
			to(rgba(0,0,0,0.8))); padding-top: 24vw; font-size: 3.4vw; color: #ffffff;
		line-height: 7vw; font-family: minamoto_l; }
	#point ul li .img h4 img { float: left; margin-right: 3vw; width: 28vw; }
	#point ul li .img h4 strong { font-size: 8vw; display: inline-block; padding-right: 1vw; }
	#point ul li .img h4 span.udl { text-decoration: underline; }
	#point ul li .img h4 span.udl:after { content: "\f105"; font-family: FontAwesome; }
	/*#point ul li .img h4 span.en { display: inline-block; }*/
	#point ul li p { width: 100%; border-right: #c9c9c9 1px solid; padding: 4vw 4vw 10vw; }

/*info*/
	#info { width: 100%; background: #eaeaea; padding: 4vw; }
	#info h3 { width: 92vw; padding-bottom: 2vw; border-bottom: #aa988f 1px dotted; font-size: 4.6vw;
		margin-bottom: 3vw; font-family: minamoto_l; }
	#info h3 span { font-size: 3.2vw; color: #02802e; display: inline-block; padding-left: 1vw; }
	#info_in { width: 92vw; margin: 0 auto; }
	#info_in ul.psb { width: 92vw; height: 69vw; position: relative; 
		overflow: hidden; }
	#info_in ul li { width: 88vw; margin-bottom: 3.2vw; }
	#info_in ul li span.date { width: 23vw; height: 4vw; line-height: 4vw; font-size: 3.2vw;
		background: #a6ddc3; display: block; text-align: center; }
	#info_in ul li p { font-size: 4vw; line-height: 4.8vw; }

	/*laundromat*/
	#laundromat { padding-top: 9.3vw; width: 100%; 
		background: url("/alphajozenji/images/index/cl_bg_sp.jpg") center top no-repeat; 
		background-size: 100% auto; }
	#laundromat .mainw { width: 100%; }
	#laundromat .column2 { margin:0 auto 6.1vw; width: 92vw; }
	#laundromat .ol .imgfade2 { width: 33vw; float: left; margin-right: 2vw; }
	#laundromat .ol p { width: 57vw; font-size: 3.2vw; line-height: 5.3vw; float: left; 
		margin-top: 1vw; }
	#laundromat h4 { font-size: 6.4vw; position: relative; width: 92vw; font-family: minamoto_l;
		margin: 0 auto 3vw; }
	#laundromat h4:after { content: ""; width: 68vw; height: 1px; border-bottom: #aa988f 1px dashed;
		position: absolute; right: 0; top:3.2vw; }
	#laundromat .cltable { padding-bottom: 23vw; width: 100%;
		background: url("/alphajozenji/images/index/cl_bg_sp2.jpg") left bottom no-repeat;
		background-size: 100% auto; }
	#laundromat table { border-collapse: collapse; /*border: #c9c9c9 1px solid;*/ width: 92vw;
		margin: 0 auto 4vw; }
	#laundromat table th.clth { background: #02872e; color: #ffffff; border: none; }
	#laundromat table th,#laundromat table td { border: #c9c9c9 1px solid; height: 9vw; 
		line-height: 9vw; font-weight: normal; }
	#laundromat table th { background: #f3f3f3; width: 34vw; text-align: center; }
	#laundromat table td { text-align: left; padding-left: 2vw; }
	#laundromat table tr:first-child th,#laundromat table tr:first-child td { 
		border-left: #c9c9c9 1px solid;
		border-right: #c9c9c9 1px solid; border-bottom: #c9c9c9 1px solid; }

/*news*/
	#up_ymd {width: 23vw; height: 4vw; line-height: 4vw; font-size: 3.2vw;
		background: #a6ddc3; display: block; text-align: center; margin-bottom: 6vw; }
	#detail { margin-bottom: 12vw; font-size: 3.2vw; line-height: 4.6vw; }



}