/*************************************** style.css ****************************************/ /*공동*/ .en {font-family: 'EB Garamond', serif;} .txt_t{text-transform: uppercase;} .mobileview {display:none;} /*공백*/ .m-10 {margin:10px auto;} .m-40 {margin:40px auto;} .m-80 {margin:80px auto;} .m-160 {margin:160px auto;} .mt-20 {margin-top:80px;} .mt-80 {margin-top:80px;} .mt-160 {margin-top:160px;} .mb-160 {margin-bottom:160px;} .mb-80 {margin-bottom: 80px;} .p-40 {padding:80px auto;} .p-80 {padding:80px auto;} .p-160 {padding:160px auto;} .pb-80 {padding-bottom: 80px;} .pb-160 {padding-bottom: 160px;} .pb-160 {padding-bottom: 160px;} .br-mobile {display:none;} @media only screen and (max-width: 480px) { .br-pc {display:none;} .m-40 {margin:40px auto;} .m-80 {margin:60px auto;} .m-160 {margin:80px auto;} .mt-80 {margin-top:60px;} .mt-160 {margin-top:80px;} .mb-160 {margin-bottom:80px;} .mb-80 {margin-bottom: 60px;} .p-40 {padding:40px auto;} .p-80 {padding:40px auto;} .p-160 {padding:80px auto;} .pb-80 {padding-bottom: 80px;} .pb-160 {padding-bottom: 80px;} .pb-160 {padding-bottom: 800px;} } @media only screen and (max-width: 1200px) { .mobileview {display:block;} } @media only screen and (max-width: 900px) { .br-mobile {display:block;} } @media only screen and (max-width: 3500px) { .pcview {display:block;} } /*타이틀1*/ .tit_style1 { padding-top: 80px; text-align: center;} .tit1 {text-transform: uppercase; font-size: 40px; font-weight: 600; line-height: normal; color: #3e3e3e;} .tit2 {font-size: 24px;font-style: italic; } @media only screen and (max-width: 640px) { .tit_style1 { padding-top: 60px;} .tit1 {font-size: 32px; } .tit2 {font-size: 20px;} } /*타이틀2*/ .tit_style2 {text-align: center; color: #3e3e3e; font-size: 24px; font-weight: 500; margin-bottom: 40px; letter-spacing: -1px;} .tit_style2 .line { background:#ba9765; width: 50px; height: 2px; margin: 0 auto; margin-top: 10px;} /*타이틀3*/ .tit_style3 {color: #3e3e3e; font-size: 40px; font-weight: 500;} .tit_style3_s {color: #3e3e3e;font-size: 24px; font-weight: 500;} @media only screen and (max-width: 480px) { .tit_style3 {color: #3e3e3e; font-size: 24px; font-weight: 500;} .tit_style3_s {color: #3e3e3e;font-size: 16px; font-weight: 500;} } /*타이틀4*/ .tit_style4 {color: #3e3e3e; font-size: 32px; font-style: italic;} .tit_style4_s {color: #3e3e3e;font-size: 24px; font-weight: 500;} @media only screen and (max-width: 480px) { .tit_style4 {color: #3e3e3e; font-size: 20px; font-style: italic;} .tit_style4_s {color: #3e3e3e;font-size: 20px; font-weight: 500;} } /*타이틀5*/ .tit_style5 {color: #3e3e3e; font-size: 24px; font-weight: 600;} .tit_style5_s {color: #3e3e3e; font-size: 20px; margin-bottom: 40px;} /*타이틀6*/ .tit_style6 {position: absolute; text-align: center; bottom: -60px;; width: 100%; color: #fff; } .tit_style6 h3 {font-size: 24px; font-style: italic; font-weight: 300; letter-spacing: 3px;} .tit_style6 h2 {font-size: 48px; margin:10px 0 30px;} .tit_style6 .line {width: 1px; height: 130px; background-color: #000; margin: 0 auto;} .tit_style7{display: none;} @media only screen and (max-width: 640px) { .tit_style6{display: none;} .tit_style7 {display: block; text-align: center; margin: 80px 0 0;} .tit_style7 h3 {font-size: 16px; font-style: italic; font-weight: 300; letter-spacing: 3px;} .tit_style7 h2 {font-size: 30px; margin:10px 0 0; font-weight: 600; color: #3e3e3e; line-height:1.5em; margin: 5px 20px 0;} } /*버튼1*/ .btn_style1 a{width:200px;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:800;letter-spacing:0.3em; line-height: normal; color:#fff;background:#ba9765;transition:.3s;display:inline-block;padding:20px 0; text-transform: uppercase; text-align: center; border-radius: 50px; } .btn_style1 a:hover{background: #94764b;} /*버튼2*/ .btn_style2 a{width:120px;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:800;letter-spacing:0.3em; line-height: normal; color:#fff;transition:.3s;display:inline-block;padding:15px 0; text-transform: uppercase; text-align: center; border-top:1px solid #fff; border-bottom:1px solid #fff; } .btn_style2 a:hover {padding:20px 0} /*버튼3*/ .btn_style3 a{width:120px;font-size:14px;font-weight:400;letter-spacing:0.1em; line-height: normal; color:#fff;transition:.3s;display:inline-block;padding:15px 0; text-transform: uppercase; text-align: center; border-top:1px solid #fff; border-bottom:1px solid #fff; } .btn_style3 a:hover {padding:20px 0} /*버튼4*/ .btn_style4 a{width:120px;font-size:14px;font-weight:400;letter-spacing:0.1em; line-height: normal; color:#3e3e3e;transition:.3s;display:inline-block;padding:15px 0; text-transform: uppercase; text-align: center; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; } .btn_style4 a:hover {width:140px;} /*버튼5*/ .btn_style5 { display: block; padding: 20px; border: 1px solid #6e6e6e; text-align: center; } .btn_style5:hover { background: #ba9765; border: 1px solid #ba9765; color: #fff; } /*버튼6*/ .btn_style6 { display: block; padding: 20px; border: 1px solid #6e6e6e; text-align: center; } .btn_style6:hover { background: #78dc91; border: 1px solid #78dc91; color: #fff; } /*버튼6 .btn_style6 { display: block; padding: 20px; border: 1px solid #78dc91; text-align: center; } .btn_style6:hover { background: #78dc91; border: 1px solid #78dc91; color: #fff; } */ /*하이락 네이버버튼 #reserve #btn-link-reserve { font-family:'YiSunShinDotumM'; background-color: #000; color: #fff; display: block; width: 40%; height: 60px; text-align: center; line-height: 60px; ; cursor: pointer; font-size: 18px; box-sizing: border-box;} #reserve #btn-link-reserve2 { display: block; font-family:'YiSunShinDotumM'; background-color: #fff; color: #000; width: 40%; height: 60px; text-align: center; line-height: 60px; cursor: pointer; font-size: 18px; border: 2px solid #78dc91; box-sizing: border-box;} #reserve #btn-link-reserve2::before{position: relative; top: 8px; content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 20px; background: url(http://legrandbleur.cafe24.com/theme/style2/assets/img/etc/icon.jpg) 50% 50%/cover; } #reserve .reserve-bar{width: 100%; display: flex; justify-content: space-around; margin-bottom: 60px;} */ /*버튼 포토 공동2단*/ .btn_photo1, .btn_photo2 {padding-top: 200px;color: #fff; text-align: center; } .btn_photo1 h2, .btn_photo2 h2 {font-size:3em; font-weight: 100; font-style: italic; } .btn_photo1 h3, .btn_photo2 h3{font-weight:300;} /*버튼 포토 공동1단*/ /*버튼 포토 사진*/ .btn_photo1.btn_photo_bg1 {max-width: 540px; height: 540px; background-image:url(../img/main/btn_photo_bg1.jpg); background-position: center;} .btn_photo2.btn_photo_bg2 {max-width: 540px; height: 540px; background-image:url(../img/main/btn_photo_bg2.jpg); background-position: center;} .btn_photo_bg3 {max-width: 100%; height: 700px; background-image:url(http://legrandbleur.cafe24.com/theme/style2/assets/img/main/footer_reservation.jpg); background-position: center; background-repeat:no-repeat;} .btn_photo_bg3 {width: 100%;} .btn_photo3 {color: #fff; text-align: center; margin-top: 160px; } .btn_photo3 .line {background: #fff; width: 1px; height: 130px; margin: 0 auto; margin-bottom: 40px;} .btn_photo3 h4 {font-weight:300; font-style: italic; font-size: 40px; letter-spacing: 4px;} .btn_photo3 h2 {font-size:3em; font-weight: 500; margin: 20px 0;} @media only screen and (max-width: 680px) { .btn_photo1.btn_photo_bg1, .btn_photo2.btn_photo_bg2 {width: 100%; padding-right: 0; padding-left: 0;} } @media only screen and (max-width: 580px) { .btn_photo_box {padding-right: 0; padding-left: 0;} .btn_photo3 {margin-top: 0px;} .btn_photo3 h2 {font-size:2em; } .btn_photo_bg3 { height: 540px;} } /*************************************** main_시간 ****************************************/ .time_box {font-style: italic; font-size: 1.5em; color: #3e3e3e; border-top:1px solid #e5e5e5; padding: 1em 0;} .time_box.left {border-right:1px solid #e5e5e5;} /*************************************** main_special_board ****************************************/ .special_board {margin:80px 0;} @media only screen and (max-width: 480px) { .special_board {margin:40px 0;} } /*************************************** main_photo ****************************************/ .main_photo .photo-slider1 .img{width: 100%; height: 100vh; background-position:top;background-repeat:no-repeat;background-size:cover;} .main_photo_mobile {display: none;} .main_photo .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r_w-1.png); right: 20px;} .main_photo .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l_w-1.png); left: 20px; bottom:inherit; } .main_photo .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: 0px;} @media only screen and (max-width: 640px) { #photo-slider1 {display: none;} .main_photo_mobile {display: block;} .main_photo_mobile .photo-slider1 .img{ height: 460px; background-position:top;background-repeat:no-repeat;background-size:cover;} .main_photo_mobile .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r_w-1.png); right: 20px; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .main_photo_mobile .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l_w-1.png); left: 20px; bottom:inherit; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .main_photo_mobile .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -30px;} } @media only screen and (max-width: 460px) { .main_photo_mobile .photo-slider1 .img{ height: 300px;} } /*스페셜 오퍼*/ .bg_style1 {background-image:url(../img/etc/bg1.jpg);} /*************************************** 서브 탑비주얼 ****************************************/ .index {background-image:url(../img/main/0.jpg); background-repeat: no-repeat; background-position: center;} .specialoffers {background-image:url(../img/specialoffers/0.jpg); background-repeat: no-repeat; background-position: center;} .about {background-image:url(../img/about/0.jpg); background-repeat: no-repeat; background-position: center;} .room0 {background-image:url(../img/room/room0/0.jpg); background-repeat: no-repeat; background-position: center;} .room1 {background-image:url(../img/room/room1/1.jpg); background-repeat: no-repeat; background-position: center;} .room2 {background-image:url(../img/room/room2/1.jpg); background-repeat: no-repeat; background-position: center;} .room3 {background-image:url(../img/room/room3/1.jpg); background-repeat: no-repeat; background-position: center;} .room4 {background-image:url(../img/room/room4/1.jpg); background-repeat: no-repeat; background-position: center;} .room5 {background-image:url(../img/room/room5/1.jpg); background-repeat: no-repeat; background-position: center;} .room6 {background-image:url(../img/room/room6/1.jpg); background-repeat: no-repeat; background-position: center;} .room7 {background-image:url(../img/room/room7/1.jpg); background-repeat: no-repeat; background-position: center;} .room8 {background-image:url(../img/room/room8/1.jpg); background-repeat: no-repeat; background-position: center;} .room9 {background-image:url(../img/room/room9/1.jpg); background-repeat: no-repeat; background-position: center;} .room10 {background-image:url(../img/room/room10/1.jpg); background-repeat: no-repeat; background-position: center;} .room11 {background-image:url(../img/room/room11/1.jpg); background-repeat: no-repeat; background-position: center;} .infinitypool {background-image:url(../img/infinitypool/0.jpg); background-repeat: no-repeat; background-position: center;} .facilities0 {background-image:url(../img/facilities/facilities0/0.jpg); background-repeat: no-repeat; background-position: center;} .facilities1 {background-image:url(../img/facilities/facilities1/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities2 {background-image:url(../img/facilities/facilities2/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities3 {background-image:url(../img/facilities/facilities3/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities4 {background-image:url(../img/facilities/facilities4/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities5 {background-image:url(../img/facilities/facilities5/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities6 {background-image:url(../img/facilities/facilities6/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities7 {background-image:url(../img/facilities/facilities7/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities8 {background-image:url(../img/facilities/facilities8/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities9 {background-image:url(../img/facilities/facilities9/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities10 {background-image:url(../img/facilities/facilities10/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities11 {background-image:url(../img/facilities/facilities11/1.jpg); background-repeat: no-repeat; background-position: center;} .facilities12 {background-image:url(../img/facilities/facilities12/top.jpg); background-repeat: no-repeat; background-position: center;} .location {background-image:url(../img/location/0.jpg); background-repeat: no-repeat; background-position: center;} .gallery {background-image:url(../img/gallery/0.jpg); background-repeat: no-repeat; background-position: center;} .notice {background-image:url(../img/notice/0.jpg); background-repeat: no-repeat; background-position: center;} .qna {background-image:url(../img/q&a/0.jpg); background-repeat: no-repeat; background-position: center;} .booking {background-image:url(../img/booking/0.jpg); background-repeat: no-repeat; background-position: center;} .guide {background-image:url(../img/guide/0.jpg); background-repeat: no-repeat; background-position: center;} .sub_top_visual {position: relative; height: 640px; padding-right: 0; padding-left: 0;} .index_top_visual {position: relative; height: 640px; padding-right: 0; padding-left: 0;} @media only screen and (max-width: 1024px) { .index {background-image:url(0); background-repeat: no-repeat; background-position: center;} .index_top_visual {background-size: cover; height: 580px; margin-top: 70px;} } @media only screen and (max-width: 900px) { .index_top_visual {background-size: cover; height: 480px; margin-top: 70px;} } @media only screen and (max-width: 780px) { .index_top_visual {background-size: cover; height: 400px; margin-top: 70px;} } @media only screen and (max-width: 640px) { .sub_top_visual {background-size: cover; height: 320px; margin-top: 70px;} .index_top_visual {background-size: cover; height: 300px; margin-top: 70px;} } @media only screen and (max-width: 480px) { .index_top_visual {background-size: cover; height: 230px; margin-top: 70px;} } @media only screen and (max-width: 380px) { .index_top_visual {background-size: cover; height: 180px; margin-top: 70px;} } /*************************************** 서브 페이지 공동 사진 전면 슬라이드 .sub_photo ****************************************/ .sub_photo .photo-slider1 .img{width: 100%; height: 100vh; background-position:center;background-repeat:no-repeat;background-size:cover;} .sub_photo_mobile {display: none;} .sub_photo .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r_w-1.png); right: 20px;} .sub_photo .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l_w-1.png); left: 20px; bottom:inherit; } .sub_photo .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: 0px;} @media only screen and (max-width: 640px) { .sub_photo {display: none;} .sub_photo_mobile {display: block;} .sub_photo_mobile .photo-slider1 .img{ height: 460px; background-position:top;background-repeat:no-repeat;background-size:cover;} .sub_photo_mobile .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r_w-1.png); right: 20px; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .sub_photo_mobile .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l_w-1.png); left: 20px; bottom:inherit; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .sub_photo_mobile .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -30px;} } @media only screen and (max-width: 460px) { .sub_photo_mobile .photo-slider1 .img{ height: 300px;} } /*************************************** 공동 preview 미리보기 슬라이드 ****************************************/ .preview {margin: 80px 20px; text-align: center; } .preview .preview-wrap{display: inline-block;} .preview-slider1 { overflow: hidden; width: 100%; margin: 0 auto;} .preview-slider1 li { margin-right: 1em; padding-bottom: 20px;} .preview-slider1 li .img{max-width: 450px; width: 100%; height: 340px; background-position:center;background-repeat:no-repeat;background-size:cover; position: relative; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .preview-slider1 li .tit {font-size: 24px; font-style: italic; color: #333; padding: 1em 0 0; max-width: 100%;} .preview-slider1 li p {color: #6e6e6e; display: inline-block; max-width: 330px;} .preview-slider1-box{position:relative;display:inline-block; text-align: center;} .room_preview .preview .bx-pager, .preview .bx-default-pager{display: block; text-align: center; right: 0; bottom: -40px;} .facilities_preview .preview .bx-pager, .preview .bx-default-pager{display: block; text-align: center; right: 0; bottom: -40px;} .room_preview .bx-wrapper .bx-pager.bx-default-pager a { background:#3e3e3e;} .facilities_preview .bx-wrapper .bx-pager.bx-default-pager a { background:#3e3e3e;} .preview .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r.png); right: 30px;} .preview .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l.png); left: 30px; bottom:inherit; } .preview .bx-wrapper .bx-controls-direction a {top: 45%; margin-top: -50px;} /* .preview-slider1 li .img1:hover{background-image: url(http://legrandbleur.cafe24.com/theme/style2/assets/img/room/room0/1_1.jpg)} .preview-slider1 li .img2:hover{background-image: url(http://legrandbleur.cafe24.com/theme/style2/assets/img/room/room0/1_1.jpg)} .preview-slider1 li .img3:hover{background-image: url(http://legrandbleur.cafe24.com/theme/style2/assets/img/room/room0/1_1.jpg)} .preview-slider1 li .img4:hover{background-image: url(http://legrandbleur.cafe24.com/theme/style2/assets/img/room/room0/1_1.jpg)} */ @media only screen and (max-width: 560px) { .preview-wrap{width: 100%;} .preview-slider1 li { margin-right: 1em;margin-left: 1em;} .preview-slider1 li .img{ max-width: 100%; width: 100%; height: 340px; margin: 0; padding: 0;} } @media only screen and (max-width: 460px) { .preview {margin: 40px 20px;} .preview-slider1 li .img{ height: 240px; } .preview .bx-controls .bx-next {background-image:url(../img/etc/btn_a_r.png); right: 30px; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .preview .bx-controls .bx-prev {background-image:url(../img/etc/btn_a_l.png); left: 30px; bottom:inherit; width: 40px; height: 40px; background-repeat:no-repeat;background-size:cover; } .preview .bx-wrapper .bx-controls-direction a {top: 40%; margin-top: -50px;} } /*************************************** room 객실 ****************************************/ .room .txt { letter-spacing: -0.5px;} .room1_point { background-image:url(../img/room/room1/room.jpg); background-repeat: no-repeat; background-position: right top;} .room2_point { background-image:url(../img/room/room2/room.jpg); background-repeat: no-repeat; background-position: right top;} .room3_point { background-image:url(../img/room/room3/room.jpg); background-repeat: no-repeat; background-position: right top;} .room4_point { background-image:url(../img/room/room4/room.jpg); background-repeat: no-repeat; background-position: right top;} .room5_point { background-image:url(../img/room/room5/room.jpg); background-repeat: no-repeat; background-position: right top;} .room6_point { background-image:url(../img/room/room6/room.jpg); background-repeat: no-repeat; background-position: right top;} .room7_point { background-image:url(../img/room/room7/room.jpg); background-repeat: no-repeat; background-position: right top;} .room8_point { background-image:url(../img/room/room8/room.jpg); background-repeat: no-repeat; background-position: right top;} .room9_point { background-image:url(../img/room/room9/room.jpg); background-repeat: no-repeat; background-position: right top;} .room10_point { background-image:url(../img/room/room10/room.jpg); background-repeat: no-repeat; background-position: right top;} .room11_point { background-image:url(../img/room/room11/room.jpg); background-repeat: no-repeat; background-position: right top;} .room_point img{ display: none;} @media only screen and (max-width: 1620px) { .room1_point, .room2_point, .room3_point, .room4_point, .room5_point, .room6_point, .room7_point, .room8_point, .room9_point, .room10_point, .room11_point { background-size: 40%;} } @media only screen and (max-width: 1000px) { .room1_point, .room2_point, .room3_point, .room4_point, .room5_point, .room6_point, .room7_point, .room8_point, .room9_point, .room10_point, .room11_point, { background-image:url();} .room_point img{ display: block; max-width: 100%;} } /*************************************** 예약안내 ****************************************/ /*객실 요금 표*/ .fee table {margin: 0 auto; width: 1110px;} .fee table p {padding: 0px;} .fee table, th, td {border: 1px solid #ccc; vertical-align: middle;} .fee table tr td.guide_t {width: 200px; } .fee .box_fee {overflow:hidden; overflow-x: scroll; width:100%;} .box_fee_tit {width:25%; display:none;} .fee span.mobile {display:none;} @media only screen and (max-width: 800px) { .fee span.mobile {display: block;} } /*************************************** 게시판 ****************************************/ .board {} /*************************************** 위치 지도 ****************************************/ .location_map a.img {background-image:url(../img/location/map.jpg); background-repeat: no-repeat; background-position: center; display: inline-block; width:100%; height:490px;} /*************************************** footer ****************************************/ .footer_info {background: #3e3e3e; text-align: center; font-size: 14px; position: relative;} .footer_info .footer_logo {margin: 2.5em 0;} .footer_info .info {padding: 2.5em 0; color: #9d9d9d;} .footer_info .footer_menu a {color: #fff; width: 80px; display: inline-block;} .footer_info .footer_menu a.box {width: 120px;} .footer_info .footer_menu a:hover {color: #ffd79e;} .footer_info .info li { line-height: 1.8em;} .footer_info .info .footer_sns{margin-top: 2em;} .footer_info .info .footer_sns a {display: inline-block; margin: 0 10px; opacity: 0.5; background-repeat:no-repeat;} .footer_info .info .footer_sns a:hover {opacity: 1;} .footer_info .info .footer_sns a.sns_in { width: 20px; height: 20px; background-image:url(../img/etc/insta-1.png);} .footer_info .info .footer_sns a.sns_bl { width: 24px; height: 20px; background-image:url(../img/etc/blog-1.png);} .footer_info .info .footer_sns a.sns_ta { width: 21px; height: 20px; background-image:url(../img/etc/talk-1.png);} .footer_info .info .footer_sns a.sns_yo { width: 25px; height: 20px; background-image:url(../img/etc/youtube-1.png);} .footer_info .info .footer_sns a.sns_in:hover { width: 20px; height: 20px; background-image:url(../img/etc/insta-h.png);} .footer_info .info .footer_sns a.sns_bl:hover { width: 24px; height: 20px; background-image:url(../img/etc/blog-h.png);} .footer_info .info .footer_sns a.sns_ta:hover { width: 21px; height: 20px; background-image:url(../img/etc/talk-h.png);} .footer_info .info .footer_sns a.sns_yo:hover { width: 25px; height: 20px; background-image:url(../img/etc/youtube-h.png);} .footer_info .btn_top a {position: absolute; bottom: 40px; right: 40px; width: 41px; height: 53px; display: inline-block; background-image:url(../img/etc/btn_top.png);background-repeat:no-repeat; } @media only screen and (max-width: 700px) { .footer_info {font-size:12px;} .footer_info .info .br {display: block; text-indent: -999999px; font-size: 0; line-height: 0;} .footer_info .btn_top a {right: 20px;} .footer_info .footer_menu a { width: 60px; } .footer_info .footer_menu a.box {width: 100px;} .btn_top {display:none;} } @media only screen and (max-width: 1170px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 640px) { } @media only screen and (max-width: 460px) { } @media only screen and (max-width: 320px) { }