/* CSS Document */

    
    #htlSide-A {
        top: 650px;
    }

	.mealtxt table tr th:last-of-type,
	.mealtxt table tr td:last-of-type { border-bottom: 1px solid #0068bc; }
    
	#p1 { position: relative; z-index: 30; }
	#p1 .mainw { position: relative; text-align: center; z-index: 0; }
	#p1 .mainw .wave1 { position: absolute; left: 0; top: 50px; z-index: -1; }
	#p1 .mainw .wave2 { position: absolute; right: 0; top: 215px; z-index: -1; }
	.cmenu li:nth-child(3) { margin-top: 20px; }


	.iunit .img { width: 105%; overflow: hidden; position: relative; margin-left: -1vw; }
	.iunit .img img { width: 105%; transition: 1s; max-width: 300%; }
	.iunit .img .wave { position: absolute; width: 100%; left: 0; }
	.iunit .img .wave.top { top: -1px; }
	.iunit .img .wave.bt { bottom: -1px; }
	.iunit .img .wave.top img { vertical-align: top; }
	.iunit .img .wave.bt img { vertical-align: bottom; }


/* #p2 */
	#p2 { position: relative; z-index: 20; padding-bottom: 80px; }
	#p2 .w800 { width: 800px; margin-left: auto; margin-right: auto; position: relative; left: 50px; }
	#p2 .w800 .txtwrap {  }
	#p2 .w800 h3 { width: 363px;margin-bottom: 40px; }
	#p2 .w800 p { width: 390px; margin-bottom: 370px; }
	#p2 .img2_2 { position: absolute; top: 30px; right: 0; }
	#p2 .img2_3 { position: absolute; bottom: -315px; right: 80px; }

	.loopslider { width: 100%; height: 360px; position: relative; overflow: hidden; margin-bottom: 100px; }
	.loopslider li { width: 360px; height: 360px; margin-right: 10px; }
	.loopslider li.b2 { width: 175px; }
	.loopslider li.b3 { width: 360px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.loopslider li span { width: 100%; display: block; overflow: hidden; text-align: center; }
	.loopslider li.b2 span { width: 175px; height: 175px; margin-bottom: 10px; }
	.loopslider li.b2 span:last-child { margin-bottom: 0; }
	.loopslider li.b3 span { width: 175px; height: 175px; margin-bottom: 10px; }
	.loopslider li.b3 span:nth-child(3) { width: 360px; margin-bottom: 0; }
	.loopslider .pg { display: flex; float: left; width: 2035px !important; }

	.skyblue { background: url(../images/bg_skyblue.svg) center top no-repeat; background-size: cover;
				padding: 90px 0; }
	#p2 .skyblue .cflex { align-items: center; }
	#p2 .skyblue .dfreeimg { width: calc( 50% - 300px); margin-right: 50px; }
	#p2 .skyblue .dfreeimg img { width: 100%; }

	#p2 .dfreetxt { width: 740px; }
	#p2 .dfreetxt h3 { width: 545px; margin-bottom: 40px;}
	#p2 .dfreetxt table { margin-left: 90px; width: 650px;  }
	#p2 .dfreetxt table tr th , #p2 .dfreetxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p2 .dfreetxt table tr th { width: 25%; text-align: center; font-weight: normal; }
	#p2 .dfreetxt table tr td { width: 75%; text-align: left; padding-left: 30px; }
	#p2 .dfreetxt dl { width: 650px; margin-left: auto; margin-top: 20px; margin-bottom: 20px; }
	#p2 .dfreetxt dl dt { position: relative; padding-left: 1.5em; margin-bottom: 10px; }
	#p2 .dfreetxt dl dt::before { content: "\f111"; font-family: "fontAwesome"; font-size: 14px; color: #a3d7ff;
							position: absolute; left: 0; }
	#p2 .dfreetxt dl dd { line-height: 1.5; }	
	#p2 .dfreetxt table tr td span { color: #0068bc; font-size: 24px; margin-right: 1em; }
	#p2 .dfreetxt table.td3 tr th:after { height: 90px; top: 10px; margin-top: 0; }
	#p2 .dfreetxt table.td3 tr td { width: auto; line-height: 1.5; }
	#p2 .dfreetxt table.td3 tr td span { margin-right: 0; }
	#p2 .dfreetxt table.td3 tr td:nth-of-type(1) { padding-right: 0; }
	#p2 .dfreetxt table.td3 tr td:nth-of-type(2) { padding-left: 10px; }
	#p2 .dfreetxt .attention { width: 650px; margin-left:auto; margin-top: 20px; }
	#p2 .dfreetxt .attention li { position: relative; padding-left: 1.5em; margin-bottom: 10px; }
	#p2 .dfreetxt .attention li::before { content: "\f111"; font-family: "fontAwesome"; font-size: 14px; color: #a3d7ff;
							position: absolute; left: 0; }


/* #p3 */
	#p3 { position: relative; padding-bottom: 80px;}
	#p3 .cflex { flex-direction: row-reverse; align-items: center; }
	#p3 .mealimg { width: calc(50% + 10px); margin-left: 120px; }
	#p3 .mealimg img { width: 100%; }
	#p3 .mealtxt { width: 420px; }
	#p3 .mealtxt h3 { width: 153px; margin-bottom: 40px;}
	#p3	.comment { margin-bottom: 30px; }
	#p3 .mealtxt table { width: 100%; }
	#p3 .mealtxt table tr th , #p3 .mealtxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p3 .mealtxt table tr th { width: 45%; text-align: center; font-weight: normal; }
	#p3 .mealtxt table tr td { width: 55%; text-align: left; padding-left: 30px; }
	#p3 .mealtxt table tr td span.price { color: #0068bc; font-size: 24px; }

	.slide_wrap .bx-wrapper .bx-viewport { left: 0; }
	.slide_wrap .bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #a2d6ff; background: transparent; }
	.slide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: #a2d6ff; }
	.slide_wrap .bx-wrapper .bx-pager { bottom: 30px; }
			

/* #p4 */
	#p4 { position: relative; padding-bottom: 80px;}
	#p4 .cflex { flex-direction: row; align-items: center; }
	#p4 .mealimg { width: calc(50% + 10px); margin-right: 120px; }
	#p4 .mealimg img { width: 100%; }
	#p4 .mealtxt { width: 420px; }
	#p4 .mealtxt h3 { width: 218px; margin-bottom: 40px; }
	#p4	.comment { margin-bottom: 30px; }
	#p4 .mealtxt table { width: 100%; }
	#p4 .mealtxt table tr th , #p4 .mealtxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; }
	#p4 .mealtxt table tr th { width: 50%; text-align: center; font-weight: normal; }
	#p4 .mealtxt table tr td { width: 50%; text-align: left; padding: 20px 15px; line-height: 24px; }
	#p4 .mealtxt table tr td span.price { color: #0068bc; font-size: 24px; }


/* #p5 */
	#p5 { position: relative; padding-bottom: 80px;}
	#p5 .w1100 { margin-bottom: 90px; }
	#p5 .w1100 h3 { margin-bottom: 30px; }
	#p5 .cflex { flex-direction: row; align-items: center; }
	#p5 .mealimg { width: calc(50% + 10px); margin-right: 70px; }
	#p5 .mealimg img { width: 100%; }
	#p5 .mealtxt { width: 500px; }
	#p5 .mealtxt h3 { width: 386px; margin-bottom: 30px; }
	#p5	.comment { margin-bottom: 30px; }
	#p5 .mealtxt table { width: 100%; }
	#p5 .mealtxt table tr th , #p5 .mealtxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p5 .mealtxt table tr th { width: 45%; text-align: center; font-weight: normal; }
	#p5 .mealtxt table tr td { width: 55%; text-align: left; padding-left: 30px; }
	#p5 .mealtxt table tr td span.price { color: #0068bc; font-size: 24px; }

	.line_l { position: relative; width: 100%; height: 58px; }
	.line_l img { position: absolute; top:0; right: 50%; margin-right: -317px; }
	.line_l:after { content: ""; width: 2000px; height: 1px; position: absolute; top:29px; background: #0068bd;
		right: 50%; margin-right: 48px; }

/* #p5_1 */
	#p5_1 { position: relative; padding-bottom: 80px;}
	#p5_1 .cflex { flex-direction: row-reverse; align-items: center; }
	#p5_1 .mealimg { width: calc(50% + 10px); margin-left: 120px; }
	#p5_1 .mealimg img { width: 100%; }
	#p5_1 .mealtxt { width: 420px; }
	#p5_1 .mealtxt h3 { width: 352px; margin-bottom: 40px; }
	#p5_1	.comment { margin-bottom: 30px; }
	#p5_1 .mealtxt table { width: 100%; }
	#p5_1 .mealtxt table tr th , #p5_1 .mealtxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p5_1 .mealtxt table tr th { width: 45%; text-align: center; font-weight: normal; }
	#p5_1 .mealtxt table tr td { width: 55%; text-align: left; padding-left: 30px; }
	#p5_1 .mealtxt table tr td span.price { color: #0068bc; font-size: 24px; }

	#p5_2 .cflex { flex-direction: row; align-items: center; }
	#p5_2 .mealimg { width: calc(50% + 10px); margin-right: 70px; }
	#p5_2 .mealimg img { width: 100%; }
	#p5_2 .mealtxt { width: 500px; }
	#p5_2 .mealtxt h3 { width: 386px; margin-bottom: 30px;}
	#p5_2 .comment { margin-bottom: 30px; }
	#p5_2 .mealtxt table { width: 100%; }
	#p5_2 .mealtxt table tr th , #p5_2 .mealtxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p5_2 .mealtxt table tr th { width: 45%; text-align: center; font-weight: normal; }
	#p5_2 .mealtxt table tr td { width: 55%; text-align: left; padding-left: 30px; }
	#p5_2 .mealtxt table tr td span.price { color: #0068bc; font-size: 24px; }


	#p5_3 .skyblue .cflex { align-items: center; }
	#p5_3 .skyblue .dfreeimg { width: calc( 50% - 300px); margin-right: 50px; }
	#p5_3 .skyblue .dfreeimg img { width: 100%; }

	#p5_3 .dfreetxt { width: 740px; }
	#p5_3 .dfreetxt h3 { width: 545px; margin-bottom: 40px; }
	#p5_3 .dfreetxt table { margin-left: 90px; width: 650px;  }
	#p5_3 .dfreetxt table tr th , #p5_3 .dfreetxt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bc; padding: 20px 15px; }
	#p5_3 .dfreetxt table tr th { width: 25%; text-align: center; font-weight: normal; }
	#p5_3 .dfreetxt table tr td { width: 75%; text-align: left; padding-left: 30px; }
	#p5_3 .dfreetxt dl { width: 650px; margin-left: auto; margin-top: 20px; margin-bottom: 20px; }
	#p5_3 .dfreetxt dl dt { position: relative; padding-left: 1.5em; margin-bottom: 10px; }
	#p5_3 .dfreetxt dl dt::before { content: "\f111"; font-family: "fontAwesome"; font-size: 14px; color: #a3d7ff;
							position: absolute; left: 0; }
	#p5_3 .dfreetxt dl dd { line-height: 1.5; }	
	#p5_3 .dfreetxt table tr td span { color: #0068bc; font-size: 24px; margin-right: 1em; }
	#p5_3 .dfreetxt table.td3 tr th:after { height: 90px; top: 10px; margin-top: 0; }
	#p5_3 .dfreetxt table.td3 tr td { width: auto; line-height: 1.5; }
	#p5_3 .dfreetxt table.td3 tr td span { margin-right: 0; }
	#p5_3 .dfreetxt table.td3 tr td:nth-of-type(1) { padding-right: 0; }
	#p5_3 .dfreetxt table.td3 tr td:nth-of-type(2) { padding-left: 10px; }
	#p5_3 .dfreetxt .attention { width: 650px; margin-left:auto; margin-top: 20px; }
	#p5_3 .dfreetxt .attention li { position: relative; padding-left: 1.5em; margin-bottom: 10px; }
	#p5_3 .dfreetxt .attention li::before { content: "\f111"; font-family: "fontAwesome"; font-size: 14px; color: #a3d7ff;
							position: absolute; left: 0; }


/* #p6 */
	#p6 { position: relative; padding-bottom: 80px;}
	.skyblue2 { background: url(../images/bg_skyblue2.svg) center top no-repeat; background-size: cover;
				padding: 70px 0; height: 26vw; }
	#p6 .w800 { width: 800px; margin-left: auto; margin-right: auto; }
	#p6 .cflex { flex-direction: row-reverse; align-items: center; }
	#p6 .bfimg { width: 291px; margin-left: 50px; }
	#p6 .bfimg img { width: 100%; }
	#p6 .bftxt { width: 420px; }
	#p6 .bftxt h3 { width: 203px; margin-bottom: 40px; }
	#p6	.comment { margin-bottom: 30px; }


#cvs_wave00,#cvs_wave01,#cvs_wave02,#cvs_wave03,#cvs_wave04,#cvs_wave05,#cvs_wave06,#cvs_wave07 {
	width:3000px;
	height:200px;
	margin:0;
	margin-left:-1500px;
	padding:0;
	position: absolute;
	left:50%;
}
#cvs_wave00,#cvs_wave02,#cvs_wave04,#cvs_wave06 {
	top:0;
}
#cvs_wave01,#cvs_wave03,#cvs_wave05,#cvs_wave07 {
	bottom:0;
}