.wifi_wrapper {width: 1180px;display:  block;margin: 0px auto 1px;}
.wifi_title h2 {position:  relative;font-size: 24px;font-size: 2.4rem;color: #000; padding-left: 70px;margin: 50px 22px 50px 0px;font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.wifi_title h2:before {content:  ""; position:  absolute; background: url("../../img/share/icon_wifi.svg") no-repeat;top: -10px; left: 22px;width: 64px;height: 45px;}
.mb_banner,.wifi_tag{display: none;}
.wifi_blog_items {width: 900px;margin:  0px auto;border-radius: 20px;padding-top: 40px;}
.wifi_wrap { background: #eff7e2;padding-bottom: 40px;overflow:  hidden;margin-bottom: 60px;}
.single_items {background: #fff;padding: 0px 0px 50px 0px;border-radius: 45px;box-shadow: 20px 22px 0px -4px #999999;}
.single_items img { border-radius: 45px 45px 0px 0px;}
.wifi_column {margin-bottom: 80px;}
.items {display: flex;flex-direction: row;justify-content: center;align-items: center;}
.items li { width: 320px;margin: 0 32px;}
.items li .items_name {position: relative;font-size: 18px;font-size: 1.8rem; min-height: 64px;display: flex; justify-content: center; align-items: center;margin-top: 37px;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 500;}
.items li .items_name:after {content:  '';position:  absolute;background: url(../../img/wifi/narrow_down.png) no-repeat center;top: 70px; width: 36px; right: 0;left: 0;margin: 0 auto;height: 39px;}
.items li .items_btn {display:  block;font-size: 24px;font-size: 2.4rem;line-height: 62px;border: 2px solid #ff891f; text-align:  center;border-radius: 6px; margin: 68px auto 0px;}
.items li .items_btn a {display:  block; color: #ff891f; font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 500;}

@media (max-width: 1199px) and (min-width: 992px){
    .wifi_wrapper { width:  auto;margin: 0px;}
    .wifi_blog_items {width:  auto;}
    .single_items {max-width: 700px; margin:  0px auto; }   
    .items li .items_name{font-size:1.5vw;} 
}

@media (max-width: 991px) and (min-width: 768px){ 
    .wifi_wrapper {width:  auto;margin: 0px;padding-bottom: 1px;}
    .wifi_blog_items {width:  auto;margin: 0px 33px;}    
    .wifi_wrap {padding-bottom: 0;}
    .single_items { max-width: 700px;margin:  0px auto;}
    .items li .items_name{font-size:1.5vw;} 
}

@media (max-width: 767px){    
    .pc_banner{display: none;}
    .mb_banner{display: block;width: 100%;}
    .wifi_tag{display: block;}
    .wifi_tag ul {text-align:  center;}
    .wifi_tag ul li {display: inline-block;margin: 20px 10px;    }
    .wifi_tag ul li a{display:block;color: #ff891f !important;border: 1px solid;padding: 6px 10px;border-radius:6px;font-size: 9px;background: #fff;box-shadow: 0px 1px 1px 0px #ff891f;}
    .wifi_wrap{padding-bottom: 1px;}
    .wifi_wrapper {width:  auto;margin: 0px;}
    .wifi_blog_items {width:  auto;margin: 0px 20px 0px 10px;padding-top: 0px;}

.wifi_column {
    margin-bottom: 20px;
}
    .wifi_title h2 {margin: 15px 0px 10px 0px;font-size: 12px;padding-left: 50px;} 
    .wifi_title h2:before {content:  "";position:  absolute;background: url("../../img/share/icon_wifi.svg") no-repeat;top: -4px;left: 22px;width: 40px;height: 20px;}  
    .single_items { background: #fff;padding: 0px 0px 50px 0px;border-radius: 45px;box-shadow: 13px 13px 0px -4px #999999;} 
    .items li .items_name {display: block;font-size: 3vw;margin-top: 0px;min-height: 11px;box-sizing:  border-box;padding: 13px 13px 0px 13px;}
    .items li .items_name:after { background-size: 18px; position: relative; width: 100%; display: block; left: auto; right: auto; top: auto; }
    .items li {display:  block;max-width: 180px;width:  auto;margin:  0px auto;box-sizing:  border-box;padding: 0px;}
    ul.items {display:  block;}
    .items li .items_btn {line-height: 31px;margin: 0 auto 0;vertical-align:  middle;}
    .items li .items_btn a {display:  block;color: #ff891f;font-size: 12px;}
    a:hover {opacity: .8;}
   
}
