/* ========================================== 輪播用 ================================== */
/* ========================================== 輪播用 ================================== */
.top_header_div{ 
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    color: #fff;
    line-height: 50px;
    font-size: 0.9em;
    background: #b5003a;
    height: 50px;
    text-align: center;
    overflow: hidden; 

}
a.top_header{ color: #fff; display: block; position: absolute; width: 100%;  background: #b5003a; top:-45px;
transition: top 1s;
-moz-transition: top 1s;	/* Firefox 4 */
-webkit-transition: top 1s;	/* Safari 和 Chrome */
-o-transition: top 1s;	/* Opera */
 }
 a.top_header:hover{ color: #ffff00; }

 a.top_header_down{ top:0px; }

 .phone_header_div{ display: none; }
/* ========================================== 輪播用 END ================================== */
/* ========================================== 輪播用 END ================================== */

@media screen and (max-width: 700px){

/* =========================================== 輪播用 ================================== */
/* =========================================== 輪播用 ================================== */
 .phone_header_div{ 
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    color: #fff;
    line-height: 50px;
    font-size: 0.8em;
    background: #b5003a;
    text-align: center;
    height: 100px;
    overflow: hidden; 
}

a.phone_header{ color: #fff; display: block; position: absolute; width: 100%;  background: #b5003a; top:-45px;
transition: top 1s;
-moz-transition: top 1s;    
-webkit-transition: top 1s; 
-o-transition: top 1s;  
 }
 a.phone_header:hover{ color: #ffff00; }

 a.phone_header_down{ top:0px; }
/* =========================================== 輪播用 END ================================== */
/* =========================================== 輪播用 END ================================== */
}