/* sp用base.css */
body{
  background-image:
    url("../../../base/image/mizunitiGray.png");
    background-repeat: repeat;
    margin:0 auto;
}
#main_body{
    padding:1rem;
    z-index:5;
}
p,a{
    font-family: 'BIZ UDPGothic', sans-serif;
}

.title{
    text-align:center;
    
}
.title p{
    font:bold 2em 'Zen Antique',serif;
    background:white;
    width:10em;
    margin:1.5em auto;
    box-shadow: -2em 0px 0px #0aa4da,
    2em 0px 0px #ed551b;
}
.small{
    font-size:small;
}
.shozoku{
    display:block;
    font-size:small;
}
/* top menu */
#top_menu{
    background:linear-gradient(
    lime  0%,
    green 50%,
    lime 100%);
    color:white;
    height:3rem;
    text-align:center;
}
#top_menu a{
    text-decoration:none;
    font:bold 2rem 'Zen Antique', serif;
    color:white;
    margin:2rem 1rem;
}
/* spメニュー */
#sp_menu{
    position:fixed;
    bottom:0px;
    right:0;
    font-size:2em;
    transform:rotate(90deg);
}

#base_white{
    width:100vw;
    height:100vh;
    background:rgbk(0,0,0,0.6);
    position:fixed;
    top:0;
    left:0;
       z-index:10;
}
#menu_space{
    opacity:1;

}
#menu_space a{
    display:block;
    width:100vw;
    height:10vh;
    font-size:3em;
    background:linear-gradient(
    white 95%,
    #0aa4da 95%,
    #1e5c5d 98%
    );
    
}

.half{
    background:linear-gradient(90deg, 
    #0aa4da 50%,
    #ed551b 50%);
    padding:2em 1em;
}
.info{
    background:white;
    border-radius:1em;
    padding:1.2em;
    text-align:center;
    
}

.half_photo{
    width:50%;
}
/* フォント */

.mizu{
    position:absolute;
    top:1em;
    left:1em;
    color:#0aa4da;
    background:white;
    font-size:2em;
    text-align:center;
    width:7em;
    filter:drop-shadow(5px 5px #1e5c5d);
    text-shadow:2px 2px #1e5c5d;
    border-radius:2em; 
    transform:rotate(-10deg);
}
.nichi{
    position:absolute;
    color:#ed551b;
    background:white;
    font-size:2em;
    text-align:center;
    width:7em;
    filter:drop-shadow(5px 5px #834026);
    text-shadow:2px 2px #834026;
    border-radius:2em; 
    transform:rotate(-10deg);
}
.m_side{
    background:#0aa4da;
    padding:2em 1em;
    position:relative;
}
.n_side{
    background:#ed551b;
    padding:2em 1em;
    position:relative;
}