@charset "UTF-8";
/*
Theme Name: 神奈川ハマタイヤ
Theme URI: http://www.kanahama.co.jp/
Author: Shimpo
Author URI:
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: under-s-child
*/

@import url(/wp-hamatire/wp-content/themes/hamatire/css/notosansjapanese.css);

body {background: #fff; color: #333 !important; font-family: 'Noto Sans Japanese', sans-serif; letter-spacing: 0em; position: relative; overflow-y: auto; font-size:16px;}

.container-fluid {padding-left: 15px; padding-right: 15px; max-width: 1200px;}

.sp{
    display:none;
}

.racenews_sp{
    display:none;
}

a:hover{
    text-decoration: underline;
}

.ichiran{
    color:#5CB5E6;

}
.ichiran:hover{
    color:#5CB5E6;
    text-decoration:underline;
}

.ichiran_img{
    margin-right: 5px;
    margin-top: 2px;
}

.ichiran_yohaku{
    float:right;
    font-size:16px;
    margin-top: 25px;
}

.mt20{
    margin-top:20px;
}

.mt40{
    margin-top:40px;
}

.searchform {
    position: relative;
}

.searchfield {
    font-family: 'Noto Sans JP';
    font-size: 16px;
    width: 300px;
    height:40px;
    margin: 3px;
    padding: 10px;
    border: solid 0px #bbb;
    border-radius: 4px;
    background-color: #ededed;
}
.searchsubmit {
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    top: 0;
    right: 8%;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
    color: #9d9d9d;
    border: none;
    background: transparent;
}
.searchsubmit:hover {
    opacity: .6;
}

#header {position: fixed; top: 0; left: 0; width:100%; background-color: #fff; z-index: 1000; border-bottom: 1px solid #e5e5e5;}
#header .container-fluid {padding-top:10px; position: relative; white-space: nowrap;}
#header a {color: #000;line-height: 1;}
#logo {float: left; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
/*#logo a {background: url("../img/ktlogo.png") no-repeat; display: block;height: 40px;}*/
#header nav {float: right;}
#header nav2 {float: right;}
#menu-1 {letter-spacing: -0.4em;}
#menu-1 .en {font-size: 18px;  font-weight: bold; display: block;letter-spacing: 0.02em;line-height:3}
#menu-1 a:hover,#menu-1 a.hover {color: #1f3c4d!important;}
#menu-1 .non {padding-right: 0;}
#menu-1 .sp {display:none; font-size: 11px; font-size: 1.1rem;}
#menu-1 .sp a {background-color: #e5e5e5;}
#spwrap{background:#5cb5e6; color:#fff;display:block;}
.sp-menu{background:#fff;}
.sp-menu li{border-bottom: 1px solid #e5e5e5;}
.sp-menu li a{/*background: url(/wp-hamatire/wp-content/themes/hamatire/img/ico-arw-r-b.svg) right 17px center no-repeat #fff;
  background-size: 7px 12px;*/font-size:1.6rem;
    display: block;color:#6e6e6e !important;
    padding: 12px 30px 12px 12px;
    letter-spacing: .08em;}
.sp-menu a:active{background-color:#ade1f5}
.sp-menu .sub-menu{display:none;}

#searchwrap {display: none; position: fixed; width: 100%; background-color: #0E3A58; top: 100px; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
    overflow-x: hidden;}
.sp-menu .sub-menu a{
    /* background: url(/wp-hamatire/wp-content/themes/hamatire/img/ico-arw-r-b.svg) center no-repeat #fff;
     background-size: 7px 12px;*/
    padding: 10px 30px 10px 28px;
    font-size: 1.35rem;
}
.sp-menu .arrow{float: right;
    transition: all .3s ease-out;
    top: 14px;
    right: 15px;
    background-image: url(/wp-hamatire/wp-content/themes/hamatire/img/ico-arw-r-b.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 7px 12px;
    color: #0086cd;
    content: "";
    display: block;
    font-size: 1rem;
    height: 14px;
    padding: 0 10px 0 0;
    width: 14px;
}
.sp-menu .plus{float: right;
    transition: all .3s ease-out;
    top: 14px;
    right: 15px;
    background-image: url(/wp-hamatire/wp-content/themes/hamatire/img/ico-plus.gif);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #0086cd;
    content: "";
    display: block;
    font-size: 1rem;
    height: 14px;
    padding: 0 10px 0 0;
    width: 14px;
}
.open .trigger .plus{transform: rotate(45deg);
    line-height: 1.0rem;
    padding: 0 16px 0 0;}
.sp-menu .sub-menu a{font-size:1.35rem}
.sp-menu .sub-menu li{border-bottom:none;}
.sp-menu li.half{width:49.5%;float:left;}
.sp-menu li.half a{font-size:1.2rem !important;}
/*#header.fixed {border: none; background-color: rgba(255,255,255,0);  -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#header.fixed nav {  -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;  opacity: 0;}
#header.fixed:hover {background-color: #FFF;}
#header.fixed:hover nav {opacity: 1;}
#header.fixed #logo {opacity: 0;}
#header.fixed:hover #logo {opacity: 1;}*/

#menu-btn{ line-height: 1.2; font-size: 2em; position: relative; z-index:50; display: none;}
#menu-btn span {display: none;}

#panel-btn,#search-panel-btn{ display: inline-block; position: relative; width: 40px; height: 40px; color: #3e3e3e; z-index: 100;}
/*#panel-btn:hover,#panel-btn.hover,.active #panel-btn{ background: #5cb5e6;}*/
#panel-btn-icon, #search-panel-btn-icon{ display: block; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; margin: 0px 0 0 -7px; background: #3e3e3e; opacity: 1; transition: .2s;}
#panel-btn-icon:before, #panel-btn-icon:after,#search-panel-btn-icon:before, #search-panel-btn-icon:after{ display: block; content: ""; position: absolute; left: 0; width: 24px; height: 2px; transition: .3s; top: 50%; background: #3e3e3e;}
#panel-btn-icon:before,#search-panel-btn-icon:before{margin-top: -8px;}
#panel-btn-icon:after,#search-panel-btn-icon:after{ margin-top: 7px;}
#panel-btn .close, #search-panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after, #search-panel-btn .close:before, #search-panel-btn .close:after{ margin-top: 0;}
#panel-btn .close:before, #search-panel-btn .close:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#panel-btn .close:after,#search-panel-btn .close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
#menu-btn .menu-btn-opn, #menu-btn .menu-btn-cls{
    position: absolute;  top: 75%;left: -17%;font-size: 1.2rem;font-weight: 500;line-height: 1;margin: 5px 0 0;text-align: center;transform: scale(.6);white-space: nowrap;width: 166.65%;
}
#menu-btn .menu-btn-cls{display:none;}
#menu-btn.active .menu-btn-cls{display:block;}
#menu-btn .menu-btn-opn{display:block;}
#menu-btn.active .menu-btn-opn{display:none;}
#search-btn { line-height: 1.2; font-size: 2em; position: relative; z-index:50; display: none;}
#search-btn img{height:20px;}
#search-btn span {display: none;}
#search-btn .search-txt{ position: absolute;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    margin: 5px 0 0;
    text-align: center;
    transform: scale(.6);
    white-space: nowrap;
    width: 166.65%;
    letter-spacing: 0.5px;}
.search-btn-opn .search-txt{
    top: 100%;
    left: -36.325%;
}

.search-btn-cls .search-txt{
    top: 76%;
    left: -18.325%;}
#search-btn .search-btn-cls{display:none;}
#search-btn .search-btn-opn{display:block;position:relative;top:10px;width:25px;}
#search-btn.active .search-btn-cls{display:block;}
#search-btn.active .search-btn-opn{display:none;}


/*
#panel-search-btn{ display: inline-block; position: relative; width: 40px; height: 40px; color: #FFF; z-index: 100;}
#panel-search-btn:hover,#panel-btn.hover,.active #panel-btn{ background: #5cb5e6;}
#panel-search-btn-icon{ display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #fff; opacity: 1; transition: .2s;}
#panel-search-btn-icon:before, #panel-btn-icon:after{ display: block; content: ""; position: absolute; left: 0; width: 14px; height: 2px; transition: .3s; top: 50%; background: #fff;}
#panel-search-btn-icon:before{margin-top: -6px;}
#panel-search-btn-icon:after{ margin-top: 4px;}
#panel-search-btn .close{background: transparent;}
#panel-search-btn .close:before, #panel-btn .close:after{ margin-top: 0;}
#panel-search-btn .close:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#panel-search-btn .close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
*/
.movie_sp{position:absolute;}
#footer {background: #5CB5E6;}
#footer a {
    color: #fff;
}

.footer_s{
    border-left: 5px solid #1f3c4d;
    padding: 0px 40px 0px 5px;
}

.footer_s a{
    color: #fff;
    font-size: 16px;
}

.footer_s2{
    padding: 0px 15px;

}

.footer_s2 a{
    color:#fff;
    font-size: 16px;
}

.footerL{
    float:left;
}

.footerR{
    float:right;
}

.f-txt1{
    color:#fff;
    font-weight:bold;
    margin-bottom:0px;
}

.f-txt2{
    color:#fff;
    margin-bottom:0px;
}

.footer-tel{
    font-size:36px;
    font-weight:bold;
    color:#fff;
    margin-bottom:0px;
}

.footer-tel:before{
    content: "";
    display: inline-block;
    background: url(/wp-hamatire/wp-content/themes/hamatire/img/tel.png) no-repeat;
    width: 12%;
    height: 32px;
    left: 0;
    bottom: 0;
}

.copyright{
    color:#fff;
    font-size:16px;
}

.top_slide{
    margin-top:165px;
}

.swiper-slide{
    min-height:320px;
    margin-bottom:15px;
}  

.icon_tire {
    color:#5CB5E6;
}

.sub_title{
    font-size:40px;
    font-weight: bold;
}

.sub_title:after{
    content: "";
    display: inline-block;
    background: url(/wp-hamatire/wp-content/themes/hamatire/img/RectangleLine.png) repeat-x;
    width: 100%;
    height: 15px;
    left: 0;
    bottom: 0;
    margin-top: 10px;
}

.sub_title1{
    font-size:40px;
    font-weight: bold;
}

.sub_title2{
    content: "";
    display: inline-block;
    background: url(/wp-hamatire/wp-content/themes/hamatire/img/RectangleLine.png) repeat-x;
    width: 100%;
    height: 15px;
    left: 0;
    bottom: 0;
    margin-top: 10px;
}

.cat_event{
    background: #E65C70;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_event2{
    background: #E65C70;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_shop-event{
    background: #8C5CE6;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_company-event{
    background: #d2691e;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_company-event2{
    background: #d2691e;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_motersports{
    background: #5cb5e6;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_motersports2{
    background: #5cb5e6;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_infomation{
    background: #c0c0c0;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_infomation2{
    background: #c0c0c0;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_product_introduction{
    background: #FF9900;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_product_introduction2{
    background: #FF9900;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_product_news{
    background: #FF00FF;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_health_mgmt{
    background: #3eb370;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_race{
    background: #E6D15C;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_recruit{
    background: #5CE68C;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_recruit2{
    background: #5CE68C;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

.cat_tire{
    background: #5cb5e6;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_battery{
    background: #8C5CE6;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_bodydamper{
    background: #E6D15C;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_advan{
    background: #E65C70;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.cat_prgr{
    background: #5CE68C;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}


.cat_newjigyou{
    background: #6060FF;
    width: 136px;
    border-radius: 5px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}


.icon_tire:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_tire.png) ;
    position : relative ;
    bottom : -3px ;
    margin-right : 10px ;
}

.icon_home:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_home.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_home:hover:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_home_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_company:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_company.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_company:hover:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_company_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_jigyou:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_jigyou.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_jigyou:hover:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_jigyou_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_recruit:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_recruit.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_recruit:hover:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_recruit_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_katsudou:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_katsudou.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_katsudou:hover:before{
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_katsudou_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_news:before {
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_news.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.icon_news:hover:before{
    content: url(/wp-hamatire/wp-content/themes/hamatire/img/icon_news_h.png) ;
    position : relative ;
    bottom: -4px;
    margin-right: 5px;
}

.movie{
    display:block;
}

.movie_arrow2{
    display:none;
}

.shohin_sp{
    display:none;
}

.race_scroll{
	height: 65%;
	overflow-y: scroll;
	width: 97%;
	position: absolute;
	top: 25%; 
	left: 0px; 
	color: white; 
	direction: rtl; 
	margin: 10px;
}

.race_scroll::-webkit-scrollbar{
   width: 10px;
}
.race_scroll::-webkit-scrollbar-track{
   background-color: white;
}
.race_scroll::-webkit-scrollbar-thumb{
   background-color: #dc041c;
}

.race_news_url{
	color: white;
}

.race_news_url:hover{
	color: #ffff00;
}

.race_news{
	margin-top: 5px;
    margin-left: 5px;
    text-align: center;
    direction: ltr;
	margin-right: 5px;
}

.race_news_title{
    padding-left: 6%;
}

#scrollDiv{
	height: 820px;
}

@media (max-width: 991px) {
	#scrollDiv{height:190px;}
    .pc {display:none;}
    .sp {display:block;}
    .container-news{margin-top:40px}
    .top_slide{
        margin-top:100px;
    }

    .swiper-slide{
        height:auto;
        margin-bottom: 30px;
    }

    .footerR {
        float: none;
        text-align:center;
        margin-bottom:15px;
    }

    .footer-tel:before{
        width: 4%;
    }

    .movie{
        display:block;
    }

    .movie_sp{
        width: 30%;
        float: left;
        margin-left: 1%;
    }

    .movie_sp:last-child{
        width: 30%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .movie_arrow1{
        display:none;
    }

    .movie_arrow2{
        display:block;
        float:left;
        margin-top: 11%;
        font-size:26px;
    }

    .mtb_sp{
        margin: 15px 0px;
    }

    .searchfield {
        width: 97%;
        height:40px;
        margin: 10px;
    }

    .searchsubmit {
        top: 6px;
        right: 4%;
        margin-top: 10px;
    }
    
    .sp_mynavi{
        padding-left: 12px;
        display: inline;
    }
    
    .sp_logo{
        display: inline;
    }

    #f-menu {display:none;}
    #menu-1 .sp {display:block;}
    #menu-1 .sp a {color: #676561;}
    #menu-1 .last {border-bottom: 1px solid #fff; margin-bottom:12em;}
    .m-top{float: none; }
    .m-top-txt{font-size: 16px !important; font-weight:normal; padding-top:0px !important;}
    /*body {font-size:75%;}*/
    .inner {padding: 15px;}
    #category .inner {padding: 0 !important;}
    .mini-img {display: block;}
    /* header */
    #header {width: 100%; height: auto; background-color: #FFF; padding:0px 30px; border:0px;}
    #header .container-fluid {padding:10px 0 ;}
    #logo {padding:0px; background:none;height:40px; }
    #header.fixed {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
    #header.fixed:hover {}
    #header.fixed #logo {opacity: 0;}
    #header.active.fixed #logo {opacity: 1;}
    #header.active.fixed {background-color: #FFF;}
    #header.fixed nav {opacity: 1;}
    #menu-btn {display: block; position: absolute; top:20px; right:4%;line-height: 1;height: 40px;}
    #search-btn {display: block; position: absolute; top:20px; right:10%;line-height: 1;height: 40px;}
    #spwrap {display: none; background:transparent; position: fixed; width: 100%; top: 100px; left: 0;height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}

    #searchwrap a { color: #FFF; font-size: 12px; padding: 20px 30px;}

    #menu-1 .en {font-size: 13px; font-size: 1.3rem; color: #C5C5AF;right:30px;position:absolute;}
    #spwrap a { text-decoration: none;}

}

@media (max-width:768px) {
    .footer-tel:before{
        width: 6%;
    }
}

@media (max-width:767px) {
    .mt30_sp{
        margin-top: 30px;
    }
    body.layer:after {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        z-index: 990;
    }
}

@media (max-width: 630px) {
    .movie_sp{
        width: 30%;
    }

    .movie_sp2{
        width: 30%;
    }
    
    .race_news_title{
        padding-left: 5%;
    }
}

@media (max-width: 600px) {
    #scrollDiv{height:270px;}
    #search-btn {right:12%;}
    #menu-1 .en {right: 15px;}
    .racenews_pc{
        display:none;
    }
    .racenews_sp{
        display:block;
    }
    .race_news{
	    margin-top: 5px;
    }
    .race_scroll{
	    top: 22%; 
    }
    .movie_sp{
        width: 100%;
    }

    .movie_sp:last-child{
        width: 100%;
    }

    .movie{
        display:none;
    }

    .movie_arrow1{
        display:block;
    }

    .movie_arrow2{
        display:none;
        float:none;
        margin-top: 0%;
    }

    #movie_container li{
        border-bottom: #ccc solid 1px;
        padding-top: 10px;
    }
/*
    #movie_container li:last-child{
        border-bottom: 0px;
    }
*/
    .shohin_table{
        display:block;
    }

    .shohin_sp{
        display:block;
    }

    .sub_title{
        font-size:30px;
    }

    .footer-tel:before{
        width: 11%;
    }
    
    #header {
        padding: 0px 30px 0px 10px;
    }
    
    #header .container-fluid img{
        width:80%;
    }

}

@media (max-width: 500px) {
    .ichiran {
        font-size: 13px;
    }

    .ichiran_img{
        margin-right: 5px;
        margin-top: 0px;
    }

    .ichiran_yohaku{
        margin-top: 18px;
    }
    .race_news_title{
        padding-left: 0;
        display: block;
    }
}

@media (max-width: 425px) {
    #header {
        width: 100%;
        padding: 0px 30px 0px 10px;
    }

    #header .container-fluid img{
        width:70%;
    }

    #menu-btn {top:10px;}
    #search-btn {top:10px; right:14%;}

    #spwrap {top: 80px; }
    #searchwrap {top: 80px;}

    .top_slide {
        margin-top: 80px;
    }

    #header {
        height: 80px;
    }

    .searchfield {
        width: 95%;
        height:40px;
        margin: 10px;
    }

    .searchsubmit {
        top: 6px;
        right: 4%;
        margin-top: 10px;
    }
}

@media (max-width: 375px) {
    #header .container-fluid img {
        padding-top: 5px;
    }
}

@media (max-width: 320px) {
    #header .container-fluid img {
        padding-top: 10px;
    }

    .icon_tire:before {
        margin-right: 5px;
    }

    .footer_s2{
        padding: 0px 7px;

    }

    .sp-menu li.half a{font-size:1rem !important;}
}

@media print {
  #header {
    display: none;
  }
}

#pageTop {
    background: #5CB5E6;
    width: 40px;
    position: fixed;
    height: 40px;
    color: #FFF;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    opacity: .5;
}
#pageTop:before {
    content: "";
    position: absolute;
    top: 55%;
    right: 14px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}