@charset "utf-8"; /*------------------------------- footer base -------------------------------*/ footer a{color:#222;text-decoration: none;} footer a:hover{text-decoration: underline;cursor: pointer} .ml0{margin-left:0 !important;} /*------------------------------- footer pc -------------------------------*/ footer .f_sitemap{margin:0 auto;max-width:1000px;padding:3.0rem 0 4.0rem} footer .f_left{width:69%;padding-right:1%;border-right:1px solid #fff;display: inline-block;} footer .f_right{width:27%;padding-left:2%;display: inline-block;vertical-align: top;} /*-------▼アイコン表記-------*/ footer .f_sitemap .f_ttl::before{content:'';background:url(/content/dam/jretravel/site/common/footer/footer_ico_search.png) center/contain no-repeat;display:inline-block;height:15px;margin-right:.8rem;vertical-align:middle;position:relative;top:-1px;width:16px} footer .f_sitemap .f_excla::before{content:'';background:url(/content/dam/jretravel/site/common/footer/footer_ico_excla.png) center/contain no-repeat;display:inline-block;height:18px;margin-right:.8rem;position:relative;top:-1px;vertical-align:middle;width:18px} footer .f_outside_icon{padding: 0 0 0 14px;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;background-position: 0 5px;background-size: /*12*/11px;} footer .footer_contentsbox .f_ttl {margin:1.5rem 0 0;transition: all 0.5s;color:#029e9a;font-size:1.6rem;font-weight:bold;pointer-events: none;} footer .f_sitemap_list .list_content a::after{content: '|'; display: inline-block; margin-left: 1.5rem;font-weight: normal;} footer .f_sitemap_list:nth-child(6) li:after {content:'';display:none} footer .f_sitemap_list.ttl_no .list_content li:first-child a{font-weight: normal;} footer .f_sitemap_list .list_content li{display: inline-block;margin-left: 1.3rem;} footer .f_sitemap_list .list_content li:first-child {margin-left: 0;} footer .f_sitemap_list .list_content li:first-child a, footer .fmenu_hkd a, footer .fmenu_izu a, footer .fmenu_kansai a{padding-left:0;font-weight: bold;} footer .f_list{margin-top:0} footer .f_list.mt1{margin-top:1rem} footer .f_list a{position:relative;padding-left:/*2*/1.4rem} footer .f_list a:before {content: '';border-top: 1px solid #666;border-right: 1px solid #666;display: block;width: .6rem;height: .6rem;position: absolute;top: 50%;left: 0%; -webkit-transform: rotate(45deg) translate(-30%/*35*/,-40%);transform: rotate(45deg) translate(-30%/*35*/,-40%);} /*sns icon*/ footer .sns_icon{display:inline-block;align-items:flex-start;margin-top:30px;} footer .sns_icon > p {font-size: 1.3rem;padding: 0px 10px 10px 0px;} footer .sns_icon > ul > li {display:inline-flex;width:32px;height:32px;} footer .sns_icon > ul > li:nth-child(3) {display:none} @media all and (min-width:569px){ footer .f_sitemap_list .list_content li.list_deco {margin-left: 0} footer .f_sitemap_list .list_content li.list_deco a::before {content: '|';display: inline-block;margin-right: 1.5rem;font-weight: normal;} footer .f_sitemap_list.ttl_no .list_content li:nth-child(6) {margin-left:0} /*sns icon*/ footer .sns_icon > ul > li {margin-left: 10px;} } /*------------------------------- footer sp -------------------------------*/ @media screen and (max-width:568px){ footer .f_sitemap_list {display: none;} footer .f_left{width:100%;padding-right:0;border-right:none;display: block;} footer .f_right{width:100%;padding-left:0;display: block;vertical-align:baseline;} footer .f_sitemap .f_ttl{font-size: 1.4rem;margin: 0;padding: .5rem 2.0rem;position: relative;display: block;pointer-events: all;} footer .f_sitemap .f_ttl:after{content: '';border: 6px solid transparent;border-top: 6px solid #12b5b1;border-bottom: 0;display: block;height: 0;position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 0;} footer .f_sitemap .f_ttl.active{cursor :pointer;border-bottom: 1px solid #12b5b1;} footer .f_sitemap .f_ttl.active:after{ content: ''; -webkit-transform: rotate(180deg) translateY(50%);transform: rotate(180deg) translateY(50%);} footer .fmenu_hkd, footer .fmenu_izu, footer .fmenu_kansai{margin: .5rem 0 1rem 0;} footer .list_content li:first-child,.fmenu_hkd,.fmenu_izu li, footer .fmenu_kansai li{background: #e8f4f4;padding:5px 0 5px 20px;position: relative;display: block;width:100%;} footer .f_sitemap .f_sitemap_list.ttl_no .list_content li:first-child{width:49%;display: inline-block;} footer .f_sitemap .f_sitemap_list.ttl_no .list_content li:first-child a::after{content: none !important;} footer .f_sitemap .f_sitemap_list.ttl_no .list_content li{margin-left:0;background: initial;vertical-align: top;} footer .f_sitemap .f_sitemap_list{padding: 1.0rem 2rem;border-top: 1px solid #12b5b1;} footer .f_sitemap .f_sitemap_list .list_content li:first-child:after {content: none !important;} footer .f_sitemap .f_sitemap_list .list_content a::after {content: none;} footer .list_content li{margin-left: 0 !important;position: relative;padding:5px 0 5px 20px;width: 49%;} footer .list_content li a:before, footer .f_sitemap_list.ttl_no .list_content li:first-child a::before , footer .fmenu_hkd a::before , footer .fmenu_izu a::before , footer .fmenu_kansai a::before {content:'';border-top:2px solid #666;border-right:2px solid #666;display:block;height:.7rem;position:absolute;top:50%;left:0;-webkit-transform:rotate(45deg) translate(-35%,-40%);transform:rotate(45deg) translate(-35%,-40%);width:.7rem} footer .footer_contentsbox{background-color: #fff;border-top: 1px solid #12b5b1;width: 100%;} footer .f_right .footer_contentsbox{border-bottom: 1px solid #12b5b1;} footer .f_outside_icon{padding:0 !important;background-size: 12px;} footer .f_outside_icon a{padding-left:/*25*/20px;} footer .outside_icon.gifu {padding-left: 4.3rem !important;background-position-x: 20px;} footer .f_list a{padding-left:2rem} footer .f_list a:before {content: '';border-top: 2px solid #666;border-right: 2px solid #666;width: .7rem;height: .7rem;} /*sns icon*/ footer .sns_icon{display:inherit;margin:30px 0 0;} footer .sns_icon > p {display:block;text-align:center;} footer .sns_icon > ul {width: 100%;text-align: center;} footer .sns_icon > ul > li:nth-child(2) {margin: 0 0 0 5%;} }