/*#80b1ec　ライン薄い青*/
/*#4168d8 メインロゴ濃い青*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

body {border-top: solid #80b1ec 2px; font-size:16px; color:#666; line-height:1.5; letter-spacing:.05em; text-align:justify;
font-family: 'Open Sans','Helvetica Neue', Helvetica, 'Arial', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;line-height: 1.8em;
}
p {
/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif*/;
}

h1 a{ color:#4168d8;font-family: "Sawarabi Mincho"; letter-spacing:0.1em; font-size:.8em;}
h1 a:hover{ text-decoration:none;}

h2{ color:#7d72ec; border-bottom: solid 2px #80b1ec;  border-left: solid 8px #80b1ec; padding:10px; margin:0 0 30px -25px; font-size:1.5em;
 font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";font-weight: bold }

h3{ color:#80b1ec; letter-spacing:0.1em; margin:40px 0 20px 0;font-size:1.3em;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-weight: bold ;line-height: 1.7;}
h3:first-child{ margin:0 0 20px 0;}

h4{font-weight: bold ;}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.maru{ font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }

.container{ max-width:960px;overflow:hidden;}
.main_{ margin:20px 0 0 0; padding-left:40px;}
.main_ri{ margin:20px 0 0 0}
.main_ri img{ display:block; margin-bottom:10px}

.fo90{ font-size:90%}
.fo80{ font-size:80%}
.fo120{ font-size:120%}
.fo150{ font-size:150%}

.mt10{ margin-top:10px}

a:hover,a:hover img {text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.kakaku{ font-size:80%; color: #900; margin:0 0 20px}

.spnomi{ display:none}
@media (min-width: 768px) {.spnomi{ display: block}}

/*トップメニュー周り*/

.navbar{ margin:10px 0}
.head{ margin-top:10px;}

.topadd{ float:right; text-align:right; margin:25px 0 0 0;}
.topadd a{ color:#666; font-size:120%}
a.toi{ background:#7d72ec; color:#FFF;margin:25px 0 0 0; text-align:center; padding: 10px 5px; font-size:100%}
a.toi:hover{ }
.head a.tel{ display:block}

h3.marugoto{ font-weight:bold; color:#ec9c3e; margin:10px 0 0 0}

@media (min-width: 768px) {
nav ul{ width:100%; margin:0}
nav li{ width:auto; border-left: solid 1px #eee; text-align:center}
nav li:hover{ background:#eee}
nav li:first-child{ width:auto; border:none;}
.navbar-collapse,.container-fluid {padding-right:0;padding-left:0; margin:0;}
.nav > li > a {
    padding: 15px 22px;
	margin:0 auto; text-align:center; font-size:90%
}

}
@media (max-width: 767px) {
h1{margin:0 0 0 0;z-index: 998;}
h1 a{ font-size:.65em;}
h2{ margin:0 0 5px 0;font-size:1.2em;}
nav li{ width:100%;text-align:left;border-bottom: solid 1px #eee;border-left:none;}
.navbar {border:none; margin-top:-100px;background:none;}
.navbar-header{background:none;}
.navbar-collapse{ background:#fff; }
.navbar-toggle {top:-45px; right:-150px;}
.main_{ margin:10px 0 0 0; padding:15px;}
.main_ri img{ width:100%; text-align:center;}
.head .topadd span{ display:none}
a.toi {margin:5px 0 0 0;padding: 10px auto;}
.head a.tel{ display:block; text-align:center;}
h3{ font-size:20px; text-align:center}
h3.marugoto small{ display:block; margin:10px auto}
.head .col-sm-2{z-index: 999;}

.topadd a,
.topadd span{display: none}
}
/*index*/
.topbn{ margin:10px 0;}
.topbn div{ padding:0; margin:0; font-size:90%;}

.btn-primary {background-color: #80b1ec;border-color:#80b1ec;}
.tuzuki{ background:#68c0dd}



/*事務所*/

@media (min-width: 768px) {
table.jimu th{ text-align:right;}
}
@media (max-width: 767px) {
table.jimu th{ display:block; margin-top:10px}
table.jimu td{ display:block;}
.topbn{ margin:10px 0;}
}


table.hosyu th{ background: #EFeEFF}
@media (min-width: 768px) {
table.hosyu th{ text-align:right; width:30%;white-space: nowrap;padding: 15px!important}
table.hosyu td{ padding: 15px!important}
table.hosyu.all th{ width:auto;}

}
@media (max-width: 767px) {
table.hosyu th{ display:block; width:100%}
table.hosyu td{ display:block; width:100%}
}

.main li{ margin:15px 0}
.main li:first-line {font-weight: bold;}
.main li ul li:first-line {font-weight: normal;}

/*フッタ*/
footer{ font-size:90%; text-align:center; margin:40px 0 0 0; border-top: solid 1px #80b1ec; padding:5px }
footer a{ color:#666}
footer p.menu{ width:90%; border-top: solid 1px #80b1ec;padding:20px 0 0 0; margin:0 auto 40px auto;}
footer p.copy{ border-top: solid 1px #80b1ec; padding:5px;}


/*トップへ戻る*/
#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 50px;
}
#page-top a {
    text-decoration: none;
    color: #80b1ec;
    display: block;
  -ms-filter: "alpha(opacity=90)";
}
#page-top a:hover {
    text-decoration: none;
   opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)"; 
}

.hissu{ font-size:60%; background:#F00; color:#FFF; font-weight:normal; padding:2px 4px; margin:0 5px;white-space: nowrap}
.zip_inline{ display:inline;}
placeholder{ color:#999}

ol li{ margin:15px 0;}

.souzoku{text-align:right; margin:20px 0 !important;}
.souzoku a{padding:10px 20px; color:#FFF}
.souzoku a:hover{ color:#FFF}
.souzoku a.otoi{ background:#3C6}
.souzoku a.tel{ background:#C30}
.panel-info {
    border-color:#ec9c3e;
}
.panel{border: 2px solid #ec9c3e;}
.obi{ background:#ec9c3e; color:#FFF; padding:10px; margin-bottom:20px;font-size:32px}
@media (max-width: 767px) {
.souzoku a.otoi{ background:#3C6; width:100%; text-align:center; margin:5px 0}
.souzoku a.tel{ background:#C30; width:100%; text-align:center; margin:5px 0}
img.daihyo{ float:none; text-align:center}
}

#news{ border:  #6FA0E7 1px solid; padding:20px 40px; margin:20px 0;}
#information > div dl{ border-bottom:#eee solid 1px; padding-bottom:10px}
#information > div:last-child dl{ border:none}
#news dt{ color:#999}
@media (max-width: 767px) {
#news{ padding:20px; }
}

.udot{border-bottom: dotted 2px #ccc;padding-bottom: 5px}
/*.toutoku_midasi{margin:40px 0;display:flex}
.toutoku_midasi div{}
.toutoku_midasi div{background: #E0EDF7;border: 2px solid #8CA3EF;;padding: 10px}*/



@media (min-width: 768px){
.nav > li > a {
    padding: 15px 13px;}
}


label {font-weight: normal;}