テンプレート:国執筆コンテストheader/styles.css

#desktop {
	position: relative;
	overflow: hidden;
	height: auto;
	margin-bottom: .6em;
	max-width: 1125px;
}

#mobile {
    display: none; 
}

.mabile-image{
    overflow-x: hidden;
    height: 300px;
}

.title{
    font-size:200%;
    font-weight:bold
}
.menu{
    display:flex;
}
.navi{
    color:white;
    background-color:#00669a;
    border:1px solid #00669a;
    border-top:2px solid #00669a;
    border-bottom: solid 8px #00669a;
    width:400px;
    text-align: center;
    vertical-align: middle;
}
#navi a {
    color:white;
    font-weight:bold;
}
.tab-bar{
    display:flex;
    overflow-x: scroll;
    white-space: nowrap
}
.tab{
    font-size:150%;
    line-height:80px;
    background-color:#DCDCDC;
    border:1px solid #00669a;
    border-top:2px solid #00669a;
    border-bottom: solid 8px #00669a;
    padding: 5px 1em 0 1em;
    text-align: center;
    vertical-align: middle;
}
.main{
    font-size:150%;
    color:white;
    line-height:80px;
    background-color:#9a0000;
    border:1px solid #9a0000;
    border-top:2px solid #9a0000;
    border-bottom: solid 8px #9a0000;
    padding: 5px 1em 0 1em;
    float:left;
}
.process{
   width:100%;
   padding: 0 0 0 0;
   background-color: #d0e2be;
}
.logo{
   vertical-align: middle;
   background-color: #DCDCDC;
}
.now{
   vertical-align: middle;
   background-color: orange;
}
.now:before  {
    content: "今はここ：";
    color:white;
    font-weight:bold
}

@media (max-width: 720px) {
	#mainpage-map { display: none; }
	#mobile-mapbanner { display: block !important; }
}