@charset "euc-jp";
/* CSS Document */

#sidenavi{ width: 210px;}
#sidenavi h3{background: #eee;
color: #333;line-height: 1.8em;
font-size: 130%; text-align: center;font-weight: bold;border-left:3px solid #125a9e;margin: 0 0 5% 0;}
#sidenavi .bana img{width: 210px; margin:0 0 5% 0;}

/*スマホ別ナビ-----------------------------------------*/
dl.smartphone{}
dl.smartphone dt{font-size: 0.8rem;line-height: 1.5em;padding:0 0 0 3%;font-weight: bold;}
dt.iphone{ background: #999;color: #fff; }
dt.xperia{ background: #333;color: #fff; }
dt.aquos{color: #fff; background: -moz-linear-gradient(left, #030388, #3131c8);
    background: -webkit-gradient(linear, left top, right top, from(#030388), to(#3131c8));
    background: -ms-linear-gradient(left, #030388, #3131c8);}
dt.GALAXY{ background: #333;color: #fff; }
dl.smartphone dd a{font-size: 0.8rem;display: block;padding: 5% 1%;line-height: 1.8em; width: 48%;float: left;background: #fff;position: relative;border-bottom: 1px solid #eeeeee;}
dl.smartphone dd a.one{width: 99%;}
dl.smartphone dd a:hover{background-color:#f3f3f3;}
dl.smartphone dd a:after {
font-family: "Font Awesome 5 Free";
content: '\f105';
font-weight: 900;
padding-right : 5px;
text-align: right;
position: absolute;
right: 0;}

.information{}
.information li{display: block;border: 3px solid #333;text-align: center;font-size: 0.8rem;margin: 3% 0;}
.information li:hover{background-color: #333}
.information li a{color: #000; display: block;padding: 3%;}
.information li a:hover{color: #fff;}
.bana p{line-height: 1.4em;margin:0 0 10%;display: block;} 
.bana em{font-size: 86%;margin: 1% 0;display: block;line-height: 1.2em;} 
@media screen and (max-width:640px){
/*600px以下で適用する内容*/
#sidenavi{ width: 100%;}
#sidenavi .bana img{width:100%; }
}