@charset "utf-8";
/* CSS Document */

/* FIRST BANK OF TOYAMA
-----------------------------------------------------*/
/* ==============================================
    main
============================================== */
#main {
    position: relative;
}
#main video {
    border-radius: 20px;
}
#main button {
    position: absolute;
    right: 1.5em;
    top: 1.5em;
    padding: 0 1em;
    font-family: inherit;
    font-size: 11px;
    line-height: 2em;
    border-radius: 50px;
    display: inline-block;
    appearance: none;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}
#main button:hover {
    background: #ddd;
}
@media screen and (max-width: 600px) {
    #main button {
        right: 10px;
        top: 10px;
        font-size: 10px;
    }
}


/* ==============================================
    news
============================================== */
#news {
	zoom: 1;
	margin: 25px 0 20px;
}
#news:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#news h2 {
	float: left;
	margin-right: 20px;
}
#news dl{
	margin-left: 140px;
	font-size: 14px;
	line-height: 1.4;
}
#news dd {
	margin-left: 9em;
	margin-top: -1.4em;
	margin-bottom: 6px;
}
@media screen and (max-width: 600px) {
    #news {
        margin: 20px 3%;
    }
    #news h2 {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #news dl{
        margin-left: 0;
        font-size: 13px;
    }
    #news dd {
        margin-left: 8.5em;
    }
}

/* ==============================================
    btn
============================================== */
#btn {
	margin-right: -10px;
	letter-spacing: -.40em;
}
#btn ul {
	list-style: none;
	width: 540px;
	letter-spacing: -.40em;
}
#btn p,
#btn ul,
#btn li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
#btn p,
#btn li {
	margin-right: 8px;
	margin-bottom: 8px;
	letter-spacing: normal;
}
#btn li#info {
	margin-left: 0px;
	margin-right: 7px;
}

#btn a img {
    border-radius: 15px;
}
@media screen and (max-width: 600px) {
    #btn {
        margin-right: 0;
    }
    #btn ul {
        width: 100%;
    }
    #btn img {
        width: 100%;
    }

    #btn p,
    #btn li {
        margin-right: 0;
        margin-bottom: 8px;
    }
    #btn p#relationship {
        margin: 9.5vw 0 6.666vw;
    }
    #btn li#voice,
    #btn li#candidate {
        width: 49%;
    }
    #btn li#voice {
        margin-right: 2%;
    }

    #btn li#info,
    #btn li#event {
        width: 49%;
        margin-top: 10px;
    }
    #btn li#info {
        margin-left: 0%;
        margin-right: 2%;
    }

    #btn a img {
        border-radius: 11px;
    }
}