.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-sawarabigothic,
body
{
    font-family: "Sawarabi Gothic";
}
p
{
    font-size: 105%;
}
/**********************************************/
/** util **/
wbr:after {
    margin-right: -.333em;
    content:"";
}
.rad
{
    border-radius: 10px;
}
.full
{
    width: 100%;
}
.text-red
{
    color: red;
}
.bg-red
{
    background-color: rgb(234,	96,	142	)
}
.bg-pink
{
    background-color: rgb(249,	210,	220	);
}
.bg-blue
{
    background: rgb(47,	167,	224	);
}
.bg-aqua
{
    background-color: rgb(186,	227,	249	);
}
.nowrap
{
    white-space: nowrap;
    display: inline-block;
}
#body .section
{
    padding-bottom: 0px;
    padding-top: 25px;
}
.title.subtitle
{
    padding: 5px 15px;
    font-size: 24px;
    margin-bottom:5px;
}
.subtitle-icon
{
    width: 31px;
    display: inline-block;
    border-radius: 50%;
}
.pl-0
{
    padding-left: 0;
}
.pr-0
{
    padding-right: 0;
}
.pt-0
{
    padding-top: 0;
}
.pb-0
{
    padding-bottom: 0;
}
.pl-1
{
    padding-left: 5px;
}
.pr-1
{
    padding-right: 5px;
}
.pt-2
{
    padding-top: 10px;
}
.pb-2
{
    padding-bottom: 10px;
}
.pl-2
{
    padding-left: 10px;
}
.pr-2
{
    padding-right: 10px;
}
.pt-2
{
    padding-top: 10px;
}
.pb-2
{
    padding-bottom: 10px;
}

/**********************************************/
/** responsive **/
@media screen and (max-width: 1023px) {
    .pl-d {
        padding-left: inherit;
    }
    .pr-d {
        padding-right: inherit;
    }
}
@media screen and (min-width: 1024px) {
    .pl-d {
        padding-left: 10%;
    }
    .pr-d {
        padding-right: 10%;
    }
}


/**********************************************/
/** entryform **/
#entryform button
{
    background: rgb(3,	110,	184	);
    border-radius: 30px;
    color: white;
    padding: 0px 35px;
}
#entryform button:disabled
{
    opacity: 0.1;
}
#formlabel-locname
{
   display: none;
}