@charset "utf-8";

.tss_wrap{
    width:100%;
    overflow:hidden;
}

/* tss_header------------------------------------------*/
#tss_header {
	width:1000px;
	margin:6px auto 10px;
	text-align:center;
	background-color:white;
	padding:0;
	height:60px;
    overflow:hidden;
}

#tss_header h1 {
	float:left;
	line-height:1;
	margin:0;
}
#tss_header header p {
	float:right;
	padding-right:9px;
}

#tss_header header div {
	clear:both;
}


/* tss_SNS------------------------------------------*/
.tss_snsbox{
    text-align:right;
}

.tss_snsbox li{
    display:inline-block;
    vertical-align:top;
    padding-top:8px;
}

#staticNaviSp{
    display: none;
}


/* tss_footer------------------------------------------*/

.tss_footer{
    width:100%;
    padding:1em 0;
    text-align:center;
    background-color:#d52e31;
}

.tss_footer a{
    color:#fff;
    text-decoration:none;
}


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

    #tss_header{
        width:100% !important;
        height:48px;
        margin:0;
    }
    
    #staticNavi{
        display:none;
    }
    
    #staticNaviSp{
        display: flex;
        flex-flow: row nowrap;
        justify-content:space-between;
        align-items:stretch;
        align-content: stretch;
        width:100%;
        clear:both;
        overflow:hidden;
    }
    
    #staticNaviSp img{
        height:48px;
        width:auto;
        margin-bottom:2px;
    }
    
    #staticNaviSp a{
        display: flex;
        flex-flow: row nowrap;
        justify-content:flex-start;
        align-items:center;
        align-content: stretch;
        width:auto;
        color:#C00003;
        font-weight:bold;
        text-decoration:none;
    }
     
    #staticNaviSp a span{
        display:block;
        margin: 0 auto;
        border-bottom:dotted #c00000 1px;
    }

    #staticNaviSp a.tssnavisp_r{
        padding: 0 1em;
    }
}