/* ----------------------------------------------------------- CSS Information File name: style.css Created: 2019.07.31 Style Info: シーズナルサブページ　CSS ----------------------------------------------------------- */ /*************************************** Base style ****************************************/ #seasonal_sub .content {width: 1140px; margin: 0 auto; padding: 30px 0 0; background: #fff;font-size: 14px;} #seasonal_sub .content * {/*font-size: 13px; color: #323232; */text-decoration: none;} #seasonal_sub .content p, #seasonal_sub .content ul, #seasonal_sub .content li, #seasonal_sub .content dl, #seasonal_sub .content dt, #seasonal_sub .content dd {line-height: 180%; padding: 0; margin: 0;} #seasonal_sub .content h2,#seasonal_sub .content h3,#seasonal_sub .content h4,#seasonal_sub .content h5 {padding: 0; margin: 0; line-height: 100%; color: #333;} #seasonal_sub .content ul , #seasonal_sub .content li {list-style: none;} #seasonal_sub .content img {width: 100%;} #seasonal_sub .content .c_inner {width: 1040px; margin: 0 auto; padding-bottom: 70px;} #seasonal_sub .content .c_tit {font-size: 30px; font-weight: bold; text-align: center; border-bottom: solid 3px #c2a726; padding-bottom: 15px; margin-bottom: 30px; line-height: 1.4;} #seasonal_sub .content .c_tit span{background: url(../img/seasonal/newyear/h_icon.png) no-repeat left bottom, url(../img/seasonal/newyear/h_icon.png) no-repeat right bottom; padding: 30px 55px 0px; min-height: 75px; display: inline-block;} #seasonal_sub .content .c_tit small{color: #333; font-weight: bold;} #seasonal_sub .content .c_tit .dis_ssp {display: none;} #seasonal_sub .content .c_tit span br {font-size: 0;} #seasonal_sub .content .c_tit span span {background: none; padding: 0;} #seasonal_sub .content .c_note {text-align: center; margin-bottom: 30px;} #seasonal_sub .content .fl_l {float: left; display: inline;} #seasonal_sub .content .fl_r {float: right; display: inline;} #seasonal_sub .content a:hover {opacity: 0.65;} #seasonal_sub .content .bl_box {padding-bottom: 40px;} .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @media screen and (max-width: 1139px){ #seasonal_sub .content {width: 100%; padding-top: 15px;} #seasonal_sub .content .c_inner{width: 100%; padding: 0 15px 70px;} } @media screen and (max-width: 768px){ } @media screen and (max-width: 640px){ #seasonal_sub .content .fl_l, #seasonal_sub .content .fl_r{float: none; width: 100%; display: block;} #seasonal_sub .content .c_tit {font-size: 18px;padding-bottom: 5px; margin-bottom: 20px; position: relative;} #seasonal_sub .content .c_tit span:before , #seasonal_sub .content .c_tit span:after {width: 21px; height: 38px; top: auto; position: absolute; bottom: 5px;} #seasonal_sub .content .c_tit span:before {left: 15px;} #seasonal_sub .content .c_tit span:after {right: 15px;} #seasonal_sub .content .c_tit span{background: url(../img/seasonal/newyear/h_icon.png) no-repeat left bottom/ auto 50px, url(../img/seasonal/newyear/h_icon.png) no-repeat right bottom/ auto 50px; padding: 24px 35px 0px; min-height: 50px;} #seasonal_sub .content .c_inner {padding-bottom: 50px;} #seasonal_sub .content .bl_box {padding-bottom: 20px;} } @media screen and (max-width: 320px){ #seasonal_sub .content .c_tit .dis_ssp {display: block;} #seasonal_sub .content .c_tit span:before {left: 0px;} #seasonal_sub .content .c_tit span:after {right: 0px;} } /*************************************** Btn style ****************************************/ #seasonal_sub .content .btn {width: 100%;height: 100%;background:#fc5296; text-align: left;color: #fff;font-size: 16px;font-weight: bold;border-radius: 8px; white-space: normal; padding: 0; display: flex; align-items: center; justify-content: flex-start; position: relative;} #seasonal_sub .content .btn span {line-height: 1.2; width:calc(100% - 30px); padding-left: 10px; display: flex;} #seasonal_sub .content .jtour .btn span {width:90px;} #seasonal_sub .content .jtour .btn span.price {background: #ffffff; color: #f94260; height: 34px; line-height: 34px; border-radius: 5px; padding: 0 20px; width: calc(100% - 120px);} #seasonal_sub .content .btn:after {content: "\f105";font-family: "Font Awesome 5 Free"; font-weight: 900;display: block;line-height: 1; position: absolute; right: 10px;} #seasonal_sub .content .btn.btn_down:after {content: "\f107";} #seasonal_sub .content .btn_list {font-size: 0;display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;} #seasonal_sub .content .btn_list .bl_btn {margin: 0 0 10px 0; width: auto; height: 50px;} #seasonal_sub .content .btn_list .bl_btn:last-child {margin: 0;} #seasonal_sub .content .tour_btn_list { text-align: center;display: flex; justify-content: center; flex-wrap: wrap;} #seasonal_sub .content .tour_btn_list .bl_btn {width: auto; max-width: 300px; height: 50px; margin: 0 10px 10px 0; } #seasonal_sub .content .tour_btn_list .bl_btn:last-child { margin: 0 0 10px 0;} #seasonal_sub .content .tour_btn_list .bl_btn .btn span {width: 100%; display: flex;} #seasonal_sub .content .tour_btn_list .bl_btn .btn:after {margin: 0 10px;} #seasonal_sub .content .btn_order {width: 390px; height: 45px; margin: 0 auto;} #seasonal_sub .content .btn_order a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative;background: #ffe200; box-shadow: 0 5px 0 #e2a800;} #seasonal_sub .content .btn_order a span {color: #323232; font-weight: bold; text-align: center; line-height: 48px; font-size: 16px;} #seasonal_sub .content .btn_order a span:after {content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);} #seasonal_sub .content .btn_center{text-align: center;} #seasonal_sub .content .btn_center .btn_wrap{display: inline-block;} @media screen and (max-width: 640px){ #seasonal_sub .content .btn:after{padding-left: 5px;} #seasonal_sub .content .tour_btn_list .bl_btn { margin: 0 0 10px 0; width:calc(100% - 30px); max-width:calc(100% - 30px);} } /*************************************** box_order style ****************************************/ #seasonal_sub .content .box_order {width: 100%; max-width: 800px; margin: 0 auto;} #seasonal_sub .content .box_order p {padding-top: 10px; text-align: center;} #seasonal_sub .content .box_order .box_order_tel {font-size: 50px; font-weight: bold; color: #fc5296;line-height: 1;font-family: 'arial',sans-serif;letter-spacing: -.02em;} #seasonal_sub .content .box_order .box_order_tel span:before {content: "\f095";font-family: "Font Awesome 5 Free"; display:inline-block; transform: scale(-1, 1); font-size: 40px; margin-right: 10px;} @media screen and (max-width: 1139px){ #seasonal_sub .content .box_order{text-align: center;} #seasonal_sub .content .box_order .fl_l, #seasonal_sub .content .box_order .fl_r{float: none;} #seasonal_sub .content .box_order p{padding: 15px 0;} #seasonal_sub .content .btn_order {width: 70%;} } @media screen and (max-width: 640px){ #seasonal_sub .content .box_order .box_order_tel {font-size: 10.8vw;} #seasonal_sub .content .box_order .box_order_tel span:before {font-size: 9.25vw} } /*************************************** Tab style ****************************************/ #seasonal_sub .content .tab_h {width: 1140px; margin-left: -50px;margin-bottom: 35px;} #seasonal_sub .content .tab_f {width: 1140px; margin-left: -50px;margin-bottom: 40px;} #seasonal_sub .content ul.tab {display: flex; justify-content: center; max-width: 100%; width: calc(100% - 30px); margin: 0 auto; } #seasonal_sub .content ul.tab li {display: block; padding: 0 5px; min-height: 40px;} #seasonal_sub .content ul.tab li span {background: #ff0000; color: #fff;display: block; width: 100%; border-radius: 10px 10px 0 0; text-align: center; position: relative; opacity: 0.7; cursor: pointer;font-weight: bold; padding: 5px 30px 0 20px; font-size: 1.7rem; height: 100%;} #seasonal_sub .content ul.tab li span:after {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;display: block;line-height: 1;padding-left: 10px; position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); } #seasonal_sub .content .tab_f ul.tab li span {border-radius: 0 0 10px 10px;} #seasonal_sub .content .tab_f ul.tab li span:after {content: "\f106"; top: calc(50% - 2px);} #seasonal_sub .content ul.tab li.active span , #seasonal_sub .content ul.tab li span:hover {opacity: 1;} #seasonal_sub .content .bl_link_btn {display: flex; justify-content: center; margin-bottom: 15px; } #seasonal_sub .content .bl_link_btn .link_btn a { border-radius: 8px; height: 40px; display: flex; align-items: center; justify-content: center; position: relative; padding: 0 30px 0 20px; margin-right: 10px;} #seasonal_sub .content .bl_link_btn .link_btn:last-child {margin-right: 0;} #seasonal_sub .content .bl_link_btn .link_btn a span {font-weight: bold; } #seasonal_sub .content .bl_link_btn .link_btn a:after {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;display: block;line-height: 1;padding-left: 10px; position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); } @media screen and (max-width: 1139px){ #seasonal_sub .content .tab_h , #seasonal_sub .content .tab_f {width:calc(100% + 30px) ; margin-left: -15px;} } @media screen and (max-width: 640px){ #seasonal_sub .content ul.tab {display: flex; justify-content: space-between;flex-wrap:nowrap;} #seasonal_sub .content ul.tab li {margin-bottom: 0; padding: 0;} #seasonal_sub .content ul.tab li span , #seasonal_sub .content .tab_f ul.tab li span {font-size: 12px;line-height: 1.4; padding: 5px 20px 5px 15px; border-radius: 5px 5px 0 0;} #seasonal_sub .content .tab_f ul.tab li span {border-radius: 0 0 5px 5px;} #seasonal_sub .content .tab_f ul.tab li span:after {top: 50%;} #seasonal_sub .content .bl_link_btn {margin-bottom: 0; display: block;} #seasonal_sub .content .bl_link_btn .link_btn {margin-bottom: 10px; width: 100%;} #seasonal_sub .content .bl_link_btn .link_btn a {width: 100%;border-radius: 5px;} #seasonal_sub .content .bl_link_btn .link_btn a span {text-align: left; width: 100%; display: block;} #seasonal_sub .content .tab_h {margin-bottom: 10px;} } /*************************************** Bl style ****************************************/ #seasonal_sub.content_wrapper {background: #f5f3eb;} #seasonal_sub.content_wrapper .visual {width: 100%; margin: 0 auto; background: url(../images/main_visual_bg_01.png) repeat-x top center/ auto 100%; text-align: center;} #seasonal_sub.content_wrapper .visual .visual_inner {/*background: url(../images/main_visual_bg_02.png) no-repeat center top; */text-align: center;} #seasonal_sub.content_wrapper .visual .visual_inner h1 img {/*width: 100%; max-width: 1920px;*/ margin: 0 auto;height: auto;max-width: 100%;} #seasonal_sub .content .page_lead {/* padding: 0 0 30px;*/ padding: 0 ;} #seasonal_sub .content .page_lead p {margin-bottom: 30px; text-align: center; } #seasonal_sub .content .page_lead ul {text-align: center; font-size: 0;} #seasonal_sub .content .page_lead ul li {display: inline-block; width: 200px; height: 40px; margin: 0 8px;} #seasonal_sub .content .page_lead ul li .btn {text-align: center;padding: 0 15px;font-size: 14px;font-weight: normal;} #seasonal_sub .content .page_lead ul li .btn span {display: inline-block;line-height: 1.2;padding-right: 10px;} /*#seasonal_sub .content .bl_point {padding-bottom: 90px;} */ #seasonal_sub .content .bl_point ul li {width: calc((100% - 10%) / 3); margin-right: 5%; background: #fc5296; border-radius: 8px;} #seasonal_sub .content .bl_point ul li:last-child {margin-right: 0;} #seasonal_sub .content .bl_point ul li .point_tit {padding: 15px; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.6;} #seasonal_sub .content .bl_point ul li .point_txt {padding: 10px 15px; color: #fff; line-height: 1.4;} #seasonal_sub .content .bl_point ul li .point_txt a{color: #fff; text-decoration: underline;} #seasonal_sub .content .bl_tour_tub {padding-top: 20px;} #seasonal_sub .content .bl_hotel .hotel_tit {font-size: 24px; font-weight:bold; margin-bottom: 25px; line-height: 1.4;} #seasonal_sub .content .bl_hotel .hotel_tit span {color: #fc5296; font-size: 18px; display: block; margin-bottom: 10px; line-height: 1.2;} #seasonal_sub .content .bl_hotel p {margin-bottom: 30px;} #seasonal_sub .content .bl_hotel .bl_btn {width: calc((100% - 10px) / 2); height: 45px; } #seasonal_sub .content .bl_hotel .bl_btn:nth-child(even) {margin-right: 0;} #seasonal_sub .content .bl_hotel .bl_link { margin: 30px 0 50px;} #seasonal_sub .content .bl_hotel .bl_link .bl_link_tit {font-size:30px; font-weight: bold; display: block; text-align: center; margin-bottom: 40px;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn {display: flex; justify-content: center; flex-wrap: wrap;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn .bl_btn {width: 165px; height: 50px; margin: 0 4px 10px;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn .bl_btn span {font-size: 18px;} /* #seasonal_sub .content .bl_hotel .free_btn .bl_btn {width:100%; height: 50px; } */ #seasonal_sub .content .bl_spot .spot_info {display: flex; flex-wrap: wrap; justify-content: flex-start;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box {flex-basis: 30%; margin-bottom: 30px; margin-right: calc(10% / 2);} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box:nth-child(3n) {margin-right: 0;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box img{margin-bottom: 5px; width: 100%;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box dt {font-weight: bold; font-size: 16px; margin-bottom: 5px;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box .btn_list {margin-top:10px;} #seasonal_sub .content .bl_spot .btn_list {width: 100%; } #seasonal_sub .content .bl_spot .bl_btn {width: 100%; height: 50px; } /* #seasonal_sub .content .bl_spot .spot_info li.spot_info_box .free_btn {margin-top: 10px;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box .free_btn .bl_btn {width:100%; height: 40px;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box .free_btn .bl_btn .btn {text-align: center; font-size: 14px;} */ #seasonal_sub .content .bl_hotel .c_box {padding-bottom:50px; } #seasonal_sub .content .bl_hotel .c_box .bl_img {width: 45%; float: right; display: inline;} #seasonal_sub .content .bl_hotel .c_box .bl_img img{max-width: 100%;} #seasonal_sub .content .bl_hotel .c_box .bl_note {width: 52%; float: left; display: inline;} #seasonal_sub .content .bl_hotel .c_box:nth-child(even) .bl_img {float: left; display: inline;} #seasonal_sub .content .bl_hotel .c_box:nth-child(even) .bl_note { float: right; display: inline;} #seasonal_sub .content .c_box.bl_content{padding-bottom: 50px;} #seasonal_sub .content .c_box.bl_content .campaign_point{color: #fc5296; display: block; padding: 14px 0;} #seasonal_sub .content .c_box.bl_content .campaign_point span{display: inline-block;} #seasonal_sub .content .bl_spot{padding-bottom: 40px;} @media screen and (max-width: 1139px){ #seasonal_sub .content .page_lead ul li {width:calc((100% - 10px) /2); float: left; display: inline; margin:0 10px 10px 0;} #seasonal_sub .content .page_lead ul li:nth-child(2n) {margin-right: 0;} #seasonal_sub .content .bl_spot .c_tit_img{margin-top: -35px;} #seasonal_sub .content .bl_hotel .c_tit span{display: inline-block;} } @media screen and (max-width: 768px){ #seasonal_sub.content_wrapper .visual .visual_inner h1 img {width: 100%;} #seasonal_sub .content .page_lead {/* padding: 0 0 30px;*/ padding: 0 ;} #seasonal_sub .content .page_lead p {margin-bottom: 20px;} #seasonal_sub .content .bl_spot .spot_lead br:nth-child(2){display: none;} /*#seasonal_sub .content .bl_hotel .bl_btn {width: 100%;}*/ #seasonal_sub .content .bl_hotel .btn_list:nth-of-type(n+2) {margin-top: 10px;} #seasonal_sub .content .bl_spot .spot_lead br{display: none;} } @media screen and (max-width: 640px){ #seasonal_sub .content .page_lead {margin-bottom: 20px;} #seasonal_sub .content .page_lead p { text-align: left; line-height:20px; overflow: hidden; margin-bottom: 10px;} #seasonal_sub .content .page_lead .page_lead_btn {border: solid 1px #a0a0a0; width: 100%; text-align: center; padding: 10px; position: relative; cursor: pointer;} #seasonal_sub .content .page_lead .page_lead_btn:before {content: "続きを読む"; color: #a0a0a0;} #seasonal_sub .content .page_lead .page_lead_btn:after {content: ""; border: none; border-bottom: solid 1px #a0a0a0; border-right: solid 1px #a0a0a0; display: block; width: 8px; height: 8px; position: absolute; top:calc(50% - 2px); right: 20px; transform: translate(0,-50%) rotate(45deg);} #seasonal_sub .content .page_lead .page_lead_btn.is_active:before {content: "閉じる"; color: #a0a0a0;} #seasonal_sub .content .page_lead .page_lead_btn.is_active:after {content: ""; border: none; border-top: solid 1px #a0a0a0; border-left: solid 1px #a0a0a0; display: block; width: 8px; height: 8px; position: absolute; top:calc(50% + 2px); right: 20px; transform: translate(0,-50%) rotate(45deg);} #seasonal_sub .content .c_note{text-align:left;} #seasonal_sub .content .bl_point {padding-bottom: 30px;} #seasonal_sub .content .bl_point ul {max-width: 575px; width: 100%; margin: 0 auto;} #seasonal_sub .content .bl_point ul li {width: 100%; height: auto; margin:0 auto 20px; display: block;} #seasonal_sub .content .bl_point ul li:last-child {margin-right: 0;} #seasonal_sub .content .bl_point ul li .point_tit {font-size: 18px;} #seasonal_sub .content .bl_hotel .hotel_tit {font-size: 18px; margin-bottom: 10px;} #seasonal_sub .content .bl_hotel .hotel_tit span {font-size: 14px; margin-bottom:8px;} #seasonal_sub .content .bl_hotel .bl_img {margin-bottom: 15px;} #seasonal_sub .content .bl_hotel .c_box .bl_img , #seasonal_sub .content .bl_hotel .c_box .bl_note , #seasonal_sub .content .bl_hotel .c_box:nth-child(even) .bl_img , #seasonal_sub .content .bl_hotel .c_box:nth-child(even) .bl_note {width: 100%; float: none; display: block;} #seasonal_sub .content .bl_hotel .c_box {padding-bottom:30px; } #seasonal_sub .content .bl_hotel .bl_btn.jtour {width: 100%;} #seasonal_sub .content .bl_hotel .bl_link { margin: 30px 0;} #seasonal_sub .content .bl_hotel .bl_link .bl_link_tit {font-size:18px; margin-bottom: 20px;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn {display: flex; justify-content: flex-start;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn .bl_btn {width: calc((100% - 10px)/2); height: 40px; margin: 0 10px 10px 0;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn .bl_btn:nth-child(2n) {margin-right: 0;} #seasonal_sub .content .bl_hotel .bl_link .wrap_link_btn .bl_btn span {font-size: 16px;} #seasonal_sub .content .bl_spot{padding-bottom: 0;} #seasonal_sub .content .bl_spot .c_tit_img{display: none;} #seasonal_sub .content .bl_spot .spot_info {justify-content: space-between;} #seasonal_sub .content .bl_spot .spot_info li.spot_info_box{flex-basis: 48%; margin-right: 0;} /*#seasonal_sub .content .bl_spot .spot_info li.spot_info_box .free_btn .bl_btn .btn {font-size: 12px;}*/ #seasonal_sub .content .btn_order{width: 100%;} #seasonal_sub .content .bl_hotel .c_box .bl_img img{display: block; margin: 0 auto;} #seasonal_sub .content .bl_hotel .bl_order .upgrade{font-size: 20px;} #seasonal_sub .content .bl_hotel .bl_order .upgrade img{display: block; padding-bottom: 8px;} #seasonal_sub .content .bl_hotel .bl_order .box .img_01{font-size: 16px;} #seasonal_sub .content .bl_hotel .bl_order .box .img_01 span{display: block;} #seasonal_sub .content .btn_link.back_btn{margin: 0 auto 60px; width: 100%;} } @media screen and (max-width: 400px){ #seasonal_sub .content .page_lead ul li .btn:after {right:5px;} #seasonal_sub .content .page_lead ul li .btn {font-size: 12px;white-space: normal; padding: 0 8px;} } /*************************************** tourlist ****************************************/ #seasonal_sub .content .tourlist {position: relative; line-height: 1.4; padding-bottom: 0;} #seasonal_sub .content .tourlist .tour_cnt_head .tour_name {margin: 0 0 5px 0; font-weight: bold; line-height: 1.4; text-decoration: underline;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_list li {overflow: hidden; margin-bottom: 4px;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_list .txt {padding: 3px 0 0 80px;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_list p {font-size: 1.2rem; line-height: 1.4;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_list .tit {line-height: 20px;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 {padding-left: 17px; margin-left: 5px;} #seasonal_sub .content .tourlist.tabpanel .tour_panel{background: none;} #seasonal_sub .content .tourlist .tour_cnt{box-shadow: none;} #seasonal_sub .content .tourlist .tour_cnt_head .cnt_head_01 {border: solid 2px #494949;} #seasonal_sub .content .tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color: #574f47; border-bottom: solid 2px #494949;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background: #fff; border-bottom: solid 3px #fff; color:#fc5296; } #seasonal_sub .content .tourlist.tabpanel .tour_tab li.selected {border:solid 1px #fc5296;} #seasonal_sub .content .tourlist.tabpanel .tour_tab li.selected span::after {border: 30px solid transparent; border-top: 20px solid #fc5296;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a , #seasonal_sub .content .tourlist.tabpanel .tour_tab li.selected span {background: #fc5296;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_list .txt .direct {color: #fc5296; border: solid 1px #fc5296;} @media screen and (max-width: 1100px){ #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background: #fc5296; border-bottom: solid 3px #fc5296; color:#fff; } } @media screen and (max-width: 767px){ #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_panel {border: 2px solid #e6e6e6; border-top: 4px solid #e6e6e6;} #seasonal_sub .content .tourlist .tour_cnt_wrap .tour_info_tab_nav li span { color:#fff; } #seasonal_sub .content .tourlist.tabpanel .tour_tab li.selected span::after {border-width: 6px 6px 0 6px;border-color: #fc5296 transparent transparent transparent;} #seasonal_sub .content .tourlist.tabpanel .tour_tab li {height: auto;} #seasonal_sub .content .tourlist.tabpanel .tour_panel {padding:0;} }