@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
body 	{ padding: 0px; margin: 0px; font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden;}
div { margin: 0px; padding: 0px;}
ul,li { list-style: none; padding: 0px; margin: 0px;}


/* 폰트 */
h2 { font-size: 48px;}

/* 버튼스타일 */
.btn_st1 				{ display:block; width:100%; height:120px; border:1px #FFFFFF solid;; margin:6px auto; background-color: rgba(255,255,255,0.1); font-size: 42px; text-align:center; cursor: pointer; color:#FFF; transition:all 0.9s, color 0.3; outline: 0;} 
.btn_st1:hover	{color:#fff;}
.hover1:hover		{ box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset; }

.btn_st2 				{ display:block; width:100%; height:120px; border:1px #3c72aa solid;; margin:6px auto; background-color: rgba(60,114,170,0.8); font-size: 42px; text-align:center; cursor: pointer; color:#FFF; transition:all 0.9s, color 0.3; outline: 0; border-radius: 6px;} 
.btn_st2:hover	{color:#fff;}
.hover2:hover		{ box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset; }

.btn_st3 				{ display:block; width:100%; height: 120px; padding: 12px 0px; font-weight: 700; border:1px #3c72aa solid;; margin:6px auto; background-color: rgba(60,114,170,0.8); font-size: 26pt; text-align:center; cursor: pointer; color:#FFF; transition:all 0.9s, color 0.3; outline: 0; border-radius: 12px;} 
.btn_st3:hover	{color:#fff;}
.hover3:hover		{ box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset; }

.btn_st4 				{ display:block; width:100%; height:120px; border:1px #3c72aa solid;; margin:6px auto; background-color: #FFFFFF; font-size: 42px; text-align:center; cursor: pointer; color:#666; transition:all 0.9s, color 0.3; outline: 0; border-radius: 6px;} 
.btn_st4:hover	{color:#FFFFFF; background: #3c72aa;}
.hover4:hover		{ box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset; }

.btn_st5 				{ display:block; width:100%; height:120px; border:1px #CCCCCC solid;; margin:6px auto; background-color: #f1f1f1; font-size: 42px; text-align:center; cursor: pointer; color:#999; transition:all 0.9s, color 0.3; outline: 0; border-radius: 6px;} 
.btn_st5:hover	{color:#FFF;}
.hover5:hover		{ box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset; }


/* 여백, 높이 */
.h30 		{ height: 30px;}
.h60 		{ height: 60px;}
.w33p 	{ width: 33%;}
.w33p 	{ width: 33%;}
.w100p 	{ width: 100%;}
.pb_60	{ padding-bottom: 60px;}
.pr_0		{ padding-right: 0px;}


/* input */
.input_st1 { width: 280px; font-size: 14px; padding-top: 9px; padding-left: 14px; padding-bottom: 7px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #3c72aa; outline: none;}
.input_st2_1 { width: 300px; font-size: 14px; padding-top: 9px; padding-left: 14px; padding-bottom: 7px; border: 1px solid #3c72aa; outline: none;}
.input_st2_2 { width: 900px; font-size: 14px; padding-top: 9px; padding-left: 14px; padding-bottom: 7px; border: 1px solid #3c72aa; outline: none;}
.input_st3 { width: 93%; font-size: 32px; padding-top: 15px; padding-left: 5%; padding-bottom: 15px; border: 1px solid #3c72aa; outline: none;}


/* Select */
select {
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url('../../images/icon_select_arrow.gif') no-repeat 90% 50%;  /* 화살표 모양의 이미지 */
	width: 130px; /* 원하는 너비설정 */
	padding: 6px 10px; /* 여백으로 높이 설정 */
	font-family: inherit;  /* 폰트 상속 */
	border: 1px solid #3c72aa;
	border-radius: 6px; /* iOS 둥근모서리 */
	font-size: 14px;
	color: #333333;
	outline: none;
}
select::-ms-expand { display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */


/*  textarea */
.textarea_st1 { width: 100%; height: 600px; font-size: 14px; color: #333; outline: none; line-height: 180%; padding: 14px;}


/* 팝업 */
.close {width: 100%;}
.close ul li { float: left; padding-left: 30px; font-size: 48px;}


/* 메뉴 */
.panel { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; position: fixed; z-index: 9999; top: 0; height: 100%; width: 80%; background-color: #383b42;}

.panel .ninja-btn { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: inline-block; float: left; cursor: pointer; padding: 30.285714px 31px; position: absolute; z-index: 2; top: 0; width: 30px; height: 20.18181818px;}
.panel .ninja-btn span,.panel .ninja-btn span:before,.panel .ninja-btn span:after { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; width: 30px; height: 2px; background-color: #fff;}
.panel .ninja-btn span { position: relative; display: inline-block; float: left; margin-top: 9.09090909px;}
.panel .ninja-btn span:before,.panel .ninja-btn span:after { content: ""; position: absolute; left: 0;}
.panel .ninja-btn span:before { top: -9.09090909px;}
.panel .ninja-btn span:after { top: 9.09090909px;}

/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
.panel .ninja-btn.active span { background-color: transparent;}
.panel .ninja-btn.active span:before,.panel .ninja-btn.active span:after { top: 0;}
.panel .ninja-btn.active span:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg);}
.panel .ninja-btn.active span:after { -webkit-transition-delay: 0.09s; -moz-transition-delay: 0.09s; -o-transition-delay: 0.09s; -msa-transition-delay: 0.09s; transition-delay: 0.09s; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: tate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg);}
.panel ul { width:100%; list-style-type: none; position: absolute; z-index: 1; margin: 0; padding: 0; top: 15%; left: 0; right: 60px; height: auto; text-align: left;}
.panel ul li,.panel ul a { display: inline-block; float: left; width: 100%; line-height: 1.4; padding: 0; font-weight: 200;}
.panel ul li{ height:45px; border-top: 1px solid #474a50;}
.panel ul li.menu-label a{ padding:11px 0 0 40px; height:100%; display:block; font-size: 17px; text-transform: lowercase;}
.panel ul li.menu-label:first-child { border-top: 0;}
.panel ul li.menu-contacts a { font-size: 16px; text-transform: inherit;}

/* 안보이는 패널위치고정 */
.panel-overlay { position: fixed; top: 0; z-index: 9998; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.6); cursor: pointer;}
.panel.left { left: -800px;}

/*패널 버튼 부분 위치*/
.panel.left .ninja-btn { left: 790px;}

/* 패널이 활성화 되었을때 */
.panel.left.active { left: 0; overflow: scroll;}
.panel.left.active .ninja-btn { left: 100%; margin-left: -90px;}
.panel ul li.sub-menu{ background: #2e333c; padding:11px 0 0 50px;}

/* 공통 */
.contents { width: 90px; padding-left: 5%; padding-right: 5%;}


/* 메인화면 */
.popup_area { width:100%;}
.main_visual { width: 100%; display: inline-block; padding-bottom: 100px;}

.j_content_area { width:90%; padding-left: 5%; padding-right: 5%; display: inline-block; padding-bottom:100px;}
.j_content { width:100%; border: 2px solid #CCC;}
.j_content ul { width:33%; float: left;}
.j_content ul li { width:100%; height: 180px; font-size: 32px; text-align: center; border-bottom: 2px solid #CCC; border-left: 2px solid #CCC; padding-top: 20px;}
.j_content ul li.end { border-right: 2px solid #CCC;}
.j_content ul li span { font-size: 32px; font-weight: 800; color: #333;}

.overview_area { width:90%; padding-left: 5%; padding-right: 5%; display: inline-block; margin-bottom: 100px;}
.overview { width:100%;}
.overview ul { width:100%;}
.overview ul li { width:100%; text-align: center;}

.over_service { width:100%; margin-top: 60px;}
.over_service ul { width:25%; float: left;}
.over_service ul.over_service_tit { width:100%;}
.over_service ul li { width:100%; text-align: center; font-size: 26px;}

.visual_copy { width: 100%; margin-top:-200px; z-index: 100; padding-bottom: 100px;}
.visual_copy ul li { width: 100%; text-align: center; font-size: 60px; font-weight: 800; color: #FFFFFF;}
.visual_copy ul li span { font-size: 82px;}

.map_area2 { width: 90%; padding-left: 5%; padding-right: 5%;}
.map { width: 100%;}
.map ul li { width: 100%; text-align: center;}

.service { width: 100%; padding-top: 100px;}

/* 에스글램핑 소개 */
.overveiw1 { width: 100%; display: inline-block;}
.overveiw1 ul { width: 100%; padding-bottom: 100px;}
.overveiw1 ul li { width: 100%; text-align: left; color: #666666; font-size:26px;}
.overveiw1 ul li.overimg { padding-bottom: 30px;}
.overveiw1 ul li.overtit { font-size: 48px; font-weight: 800; padding-top:30px; padding-bottom: 20px; color: #333333;}

.overview2 { width: 100%; display: inline-block; padding-bottom: 100px;}
.overview2 ul { width: 100%; display: inline-block;}
.overview2 ul li { width: 100%; text-align: left; color: #666666; font-size: 26px;}
.overview2 ul li img { width: 100%; height: auto;}
.overview2 ul li.over2_end { padding-top: 60px;}
.overview2 ul li.over2tit { font-size: 36px; font-weight: 800; padding-bottom: 60px; color: #333333;}

.over_line { width: 100%; border-bottom: 2px solid #333333; margin-bottom: 100px;}

.title01 { width: 100%; height: auto; display: inline-block; padding-top: 60px; padding-bottom: 60px; text-align: center;}


/* 실시간 예약 */
.camping { width: 90%; padding-left: 5%; padding-right: 5%;}
.camping ul { width: 100%;}
.camping ul li { float: left; font-size: 32px;}

.table_st1 { width: 100%;}
.table_st1 table { width: 100%;}
.table_st1 table thead tr th { text-align: center; font-size: 32px; font-weight: 800;}

.nav_menu { width: 100%;}

.camping { width: 1260px; border: 1px solid #CCC; border-radius: 12px; margin-bottom: 60px; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; display: inline-block;}

.camping ul { float: left;}
.camping ul.camping_l { width: 570px;}
.camping ul.camping_l li { width: 130px; height: 60px; padding-right: 10px;}
.camping ul.camping_l li.camping_l_01 { width: 560px; height: 60px; font-weight: 800;}
.camping ul.camping_l li.camping_l_02 { width: 30px; height: 60px; padding-top: 3px;}
.camping ul.camping_l li.camping_l_03 { width: 30px; height: 60px; padding-top: 0px; margin-top: -5px;}
.camping ul li { float: left; text-align: left;}

.camping ul.camping_r { width: 670px;}
.camping ul.camping_r li { width: 130px; height: 60px; padding-right: 10px;}
.camping ul.camping_r li.camping_r_01 { width: 660px; height: 60px; font-weight: 800;}
.camping ul.camping_r li.camping_r_02 { width: 80px; height: 60px; margin-top: -4px;}

.comping_result { width: 1320px; margin-bottom: 40px;}
.comping_result table { width: 1320px; border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
.comping_result table tr td { height: 180px; vertical-align: middle; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}

.camping_info             { width: 90%; padding-left: 5%; padding-right: 5%; display: inline-block; margin-bottom: 100px; font-size: 26pt;}
.camping_info ul li       { width: 95%; background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 5%; padding-bottom: 9px; text-align: left; font-size: 26pt;}
.camping_info ul li span: { font-weight: 800; color:#FF6600;}

.camping_info2 { width: 90%; padding-left: 5%; padding-right: 5%; display: inline-block; margin-bottom: 60px;}
.camping_info2 ul li { width: 45%; background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 5%; padding-bottom: 9px; text-align: left; float: left;}

.order_area { width: 100%; height: 120%; background-color: rgba(0,0,0,0.6); position: absolute; z-index: 100; display: inline-block;}
.order { width: 100%; height: 100%; position: relative; display: inline-block;}
.order_option { width: 90%; height: 90%; padding: 5%; background: #FFFFFF;  z-index: 110; display: inline-block;}

.order_section_tit           { padding-bottom: 20px; text-align: left; font-size: 26pt; font-weight: 700;}
.order_section               { width: 100%; display: inline-block; margin-bottom: 40px;}
.order_section ul            { width: 19.8%; float: left; display: inline-block; border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
.order_section ul li         { width: 100%; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; display: inline-block; text-align: center; font-size: 22pt; padding-top: 20px; padding-bottom: 20px;}
.order_section ul li button  { font-size: 22pt; width: 90%; height: 80px;}

.options { width: 100%; padding: 0px;}
.options ul { width: 100%; border-bottom: 2px solid #CCC; display: inline-block; padding: 0px;}
.options ul.opt_first { border-bottom:2px solid #333;}
.options ul.opt_middle { border-bottom:2px solid #333;}
.options ul.opt_end { border-bottom:0px;}
.options ul li { float: left; padding-top: 20px; padding-bottom: 30px; line-height: 100%; font-size: 32px;}
.options ul li.opt_01 { width: 100%; height: 40px; font-size: 48px; font-weight: 800;}
.options ul li.opt_02 { width: 20%; font-weight: 800;}
.options ul li.opt_03 { width: 60%; text-align: left;}
.options ul li.opt_04 { width: 20%; text-align: right;}
.options ul li.opt_05 { width: 80%; text-align: right;}
.options ul li.opt_05 table { width: 80%; text-align: left;}
.options ul li.opt_05 table tr td { vertical-align: top; padding-bottom: 10px; line-height: 160%;}
.options ul li.opt_05 table tr td.chage { text-align: right;}
.options ul li.opt_06 { width: 20%; font-size: 32px; color: #FF6600; font-weight: 800; text-align: right;}
.options ul li.opt_07 { width: 80%; padding-top: 10px; padding-bottom: 20px;}
.options ul li.opt_08 { width: 20%; padding-right: 10px;}
.options ul li.opt_09 { width: 20%;}
.options ul li.opt_10 { width: 40%;}
.options ul li.opt_11 { width: 100%; padding-bottom: 20px;}

.div_202001 { line-height:160%; margin-top: -10px;}

.order_result { width: 100%x; padding-bottom: 40px;}
.order_result table { width: 1320px; border-top: 3px solid #333;}
.order_result table tbody tr th { padding-top: 15px; padding-bottom: 15px; font-weight: 800; background-color: #f9f9f9; border-bottom: 1px solid #ccc;}
.order_result table tbody tr td { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; text-align: left; padding-left: 20px;}

.refund { width: 100%; padding-bottom: 100px;}
.refund table { width: 100%; border-top: 3px solid #333;}
.refund table tbody tr th { padding-top: 15px; padding-bottom: 15px; font-weight: 800; background-color: #f9f9f9; border-bottom: 1px solid #ccc;}
.refund table tbody tr td { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; text-align: left; padding-left: 20px;}

.refund { width: 1320px;}

.search_result { width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 40px; text-align: left; font-size: 26pt}
.search_result span { font-size: 32pt; font-weight: 800; color: #3C72AA}


/* 고객센터 */
.customer_01 { width: 90%; border: 1px solid #CCCCCC; padding: 5%; display: inline-block; margin-bottom: 30%;}
.customer_02 { width: 100%;}
.customer_02 ul { width: 100%; padding-bottom: 100px;}
.customer_02 ul li { text-align: left;}
.customer_02 ul li.cust_tit { font-size: 32px; font-weight: 800; padding-bottom: 40px;}
.customer_02 ul li.cust_txt01 { background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 10px; padding-left: 30px; padding-bottom: 20px; font-size: 26px;}
.customer_02 ul li.cust_txt02 { font-size: 24px; text-align: center; background-color: #e9f6fb; border: 1px solid #3c72aa; padding-top: 20px; padding-bottom: 20px;}
.customer_02 ul li.cust_txt02 span { color: #3c72aa; font-weight: 800;}
.customer_02 ul li table { width: 100%; margin-bottom: 40px;}
.customer_02 ul li table thead tr th { font-weight: 700; text-align: center; background-color: #f0f0f0; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; font-size: 26px;}
.customer_02 ul li table tbody tr td { text-align: center; line-height: 160%; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; font-size: 26px;}
.customer_02 ul li table tbody tr td span {font-size: 24px;}


/* 리뷰 */
.review { width: 100%; margin: auto; display: inline-block;}

.review01 { width: 100%; margin-bottom: 20px; font-size: 32px;}
.review01 ul { width: 100%;}
.review01 ul li { float: left;}
.review01 ul li.search_sec { width: 30%; text-align: right;}
.review01 ul li.search_txt { width: 50%; text-align: right;}
.review01 ul li.search_btn { width: 20%; text-align: right;}

.review02 { width: 100%; display: inline-block; padding-top: 40px;}
.review02 ul { width:100%; float: left; display: inline-block; padding-bottom: 200px;}
.review02 ul li { width:100%; text-align: left;}
.review02 ul li img { width:100%;}
.review02 ul li.review_txt { width:100%; height: 80px; color: #666; font-size: 2.2em;}
.review02 ul li.review_tit { width:100%; padding-bottom: 20px; font-weight: 700; text-align: left; font-size: 32px; font-family: 'Noto Sans KR', sans-serif;}
.review02 ul li.review_tit a { text-decoration: none; color: #333333; font-size: 26px; font-family: 'Noto Sans KR', sans-serif;}
.review02 ul li.review_tit a:hover { text-decoration: none; color: #3c72aa; font-size: 26px; font-family: 'Noto Sans KR', sans-serif;}
.review02 ul li.review_photo { width:100%; height: auto; margin-bottom: 20px; text-align: center;}
.review02 ul li img { max-width: 100%; max-height: auto; overflow: hidden; text-align: center;}

.review03 { width: 100%; height: 60px; margin-bottom: 100px;}
.review03 ul { width: 100%; height: 60px;}
.review03 ul li { height: 60px; float: left;}
.review03 ul li.number_l { width: 10%;}
.review03 ul li.number { width: 90%; text-align: center;}
.review03 ul li.number table { text-align: center; margin: auto;}
.review03 ul li.number table tr td { text-align: center; padding-left: 10px; padding-right: 10px;}
.review03 ul li.number table tr td span { font-weight: 800; color: #3c72aa;}
.review03 ul li.number table tr td a { text-decoration: none; color: #333333;}
.review03 ul li.number table tr td a:hover { text-decoration: none; color: #3c72aa;}
.review03 ul li.number_r { width: 100%; padding-bottom: 200px;}

.review_view { width: 100%; display: inline-block; border-top: 10px solid #f1f1f1; border-bottom: 10px solid #f1f1f1; margin-bottom: 40px;}
.review_view ul { width: 100%; height: auto;  border-bottom: 1px solid #cccccc; display: inline-block;}
.review_view ul.view_end { border-bottom: 0px;}
.review_view ul li { float: left;}
.review_view ul li.view_tit { width: 20%; padding-top: 20px; padding-bottom: 20px; font-weight: 800;}
.review_view ul li.view_txt { width: 80%; padding-top: 20px; padding-bottom: 20px; text-align: left;}
.review_view ul li.view_txt span { color: #999;}
.review_view ul li.view_txt2 { width: 60%; padding-top: 20px; padding-bottom: 20px; text-align: left;}
.review_view ul li.view_txt3 { width: 20%; padding-top: 20px; padding-bottom: 20px; text-align: left;}

.buttons { width: 100%; margin-bottom: 100px; display: inline-block;}
.buttons ul { width: 100%; display: inline-block;}
.buttons ul li { float: left; padding-bottom: 10px;}
.buttons ul li.but_area { width: 100%;}
.buttons ul li.but_btn { width: 100%;}
.buttons ul li.but_btn2 { width: 100%;}


/* 오시는 길 */
.map_area { width: 90%; padding-left: 5%; padding-right: 5%; margin-bottom: 120px;}
.map_google { width: 100%; padding-bottom: 60px;}
.map_info { width: 100%; padding-bottom: 100px; display: inline-block}
.map_info ul { float: left;}
.map_info ul.map_info01 { width: 100%; padding-bottom: 60px;}
.map_info ul.map_info01 li { width: 100%; height: 70px; text-align: left; font-size: 48px; font-weight: 700;}
.map_info ul.map_info01 li span { width: 100%; text-align: left; font-size: 60px; font-weight: 800; color: #3c72aa;}
.map_info ul.map_info02 { width: 100%; padding-top: 30px;}
.map_info ul.map_info02 li { width: 100%; text-align: left; }
.map_info ul.map_info02 li.mi_tit { font-size: 26px; font-weight: 800; padding-bottom: 10px; color: #3c72aa;}
.map_info ul.map_info02 li.mi_txt { padding-bottom: 40px; font-size: 26px;}
.map_info ul.map_info02 li.mi_txt a { text-decoration: none; color: #FF6600;}


/* Footer */
.footer_area 						{ width: 100%; height: 500px; background-color: #333333; padding-top: 30px;}
.footer 								{ width: 100%; margin: auto;}
.footer ul 							{ width: 100%; padding-top: 20px;}
.footer ul li 					{ width: 100%; color: #888888; font-size: 24px; text-align: center;}
.footer ul li.foo_copy 	{ padding-top: 25px;}
.footer ul li.foo_add 	{ padding-top: 25px; text-align: center;}


/* 예약취소 */
.order_check { width: 90%; background-color: #f9f9f9; border: 1px solid #ccc; display: inline-block; padding: 5%; margin-bottom: 40px;}
.order_check ul { width: 95%; float: left;}
.order_check ul li { width: 100%; float: left; text-align: left; margin-bottom: 40px;}
.order_check ul li:last-child { margin-bottom: 0px;}
.order_check ul li.oc_title { background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 12px; padding-left: 40px; font-weight: 700; text-align: left; font-size: 42px; }
.order_check ul li input { width: 95%; font-size: 42px; padding: 20px 5% 20px 5%; margin-top: -10px; }

.map h3 { font-size: 42px; font-weight: 700;}

.oc_button { width: 100%; text-align: center; margin-bottom: 120px;}
.oc_button button { width: 100%; height: auto; font-size: 48px; padding: 20px 40px;}

.order_check2 { width: 90%; background-color: #f9f9f9; border: 1px solid #ccc; display: inline-block; padding: 5%; margin-bottom: 20px; font-size: 42px;}
.order_check2 ul { width: 100%; border-bottom: 2px dashed #666; padding-bottom: 60px; display: inline-block; margin-bottom: 40px;}
.order_check2 ul:last-child { border-bottom: 0px; padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px;}
.order_check2 ul li { width: 65%; float: left; text-align: left; padding-bottom: 20px;}
.order_check2 ul li.oc2_title { width: 25%; background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 12px; padding-left: 40px; font-weight: 700; text-align: left; }
.order_check2 ul li.oc2_title2 { width: 25%; background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 30px; padding-top: 18px; padding-left: 40px; font-weight: 700; text-align: left; }
.order_check2 ul li input { width: 100%; font-size: 42px; padding: 20px 5% 20px 5%;}

.order_check3 { width: 90%; background-color: #f9f9f9; border: 1px solid #ccc; display: inline-block; padding: 5%; margin-bottom: 120px; font-size: 42px;}
.order_check3 ul { width: 95%; float: left; margin-bottom: 40px;}
.order_check3 ul:last-child { margin-bottom: 0px;}
.order_check3 ul li { width: 65%; float: left; text-align: left; }
.order_check3 ul li.oc_title { width: 25%; background-image: url('../../images/icon_dot_01.gif'); background-repeat: no-repeat; background-position: 0px 12px; padding-left: 40px; font-weight: 700; text-align: left; }