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

@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);

body,td,th {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}


body {
margin-left: 0px;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
}



a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}

/*--------PCのみを消す---------*/

#top_ttl_bk{
display:none;
}

#mdd_nav_wrap{
display:none;
}

.wrapper{
display:none;
}

#footer{
display:none;
}
.top_footer{
display:none;
}



#sp_top_title{
width: 320px;
height: 45px;
margin-left: 0px;
background-image: url(../img/sp_top_ttl.svg);
background-repeat: no-repeat;
background-size:300px 35px;
background-color: #F7CF83;
text-align: right;
position: fixed;
top:0px;
 
}


/*-----------ハンバーガーメニュー-------------*/

#menu-bt{
width: 305px;
height: 35px;
margin-top: 7px;
margin-left: 5px;
}


nav#menu{
   width:314px;
   margin-bottom: 10px;
   margin-left: 3px;
   position: fixed;
   top:47px;
   background-color: #FFFFFF;
}
	
nav#menu ul{
   margin:0px;
   padding:0px;
}
	
nav#menu ul li{
   list-style-type:none;
   width: 151px;
   display:inline-block;
   background-color:rgba(247,112,0,1.00);
   /*background-color:rgba(191,235,247,1.00);*/
   border:1px solid rgba(247,50,0,1.00);
    border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
   text-align:center;
   padding:10px 0px 10px 0px;
   margin-top: 3px;
   font-size: 65%;
   font-weight: bold;
   
}
	
/*フォントの色*/    
nav#menu ul li a{
    /*width: 140px;*/
    /*width:100%;*/
    /*display:inline-block;*/
   /*display:block;*/
   /*background-color:#333;*/
   color:#FFF;
   /*
   border-bottom:1px solid #ccc;
    border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
   text-align:center;
   padding:9px 0px 9px 0px;
   */
   
}

/*////////////////////////////////////////*/

/*------コンテンツ---------*/

/*コンテンツのwrapper。一括非表示で消える？*/
.sp_top_info{
    width: 319px;
    margin-left: 1px;
    position: absolute;
    top: 48px;
    z-index: -1;
    left: 1px;
}

.sp_top_info h1{
font-size: 120%;
font-weight: bold;
margin-left: 10px;
/*
border-bottom:solid;
border-color:#FDE50A;
border-width:5px;/*5ピクセルの太さにする*/
background:linear-gradient(transparent 70%, #FFFF00 0%);
}

li.sp_dot{
list-style: circle;

}

li.sp_nakaguro{
list-style: square;
margin-left: -5px;
}

.sp_top_intro{
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
border:#09BEEB 2px ridge;
padding: 5px;
font-size: 80%;
}

/*おしらせ*/
.sp_top_osirase{
width: 312px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding:2px;
border-top:#94B2D9 2px solid;
border-bottom: #94B2D9 2px solid;
background-color:#F7F7F7;
font-size: 90%;

}

/*各コンテンツへのボタン*/
.sp_contents_btn{
width: 290px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 8px;
border: 1px #FF7A34;
border-radius: 4px;
background-color: #fDF5B1;
box-shadow: 0px 0px 4px;
}

.sp_contents_btn span{
display: inline-block;
margin-top: 10px;
margin-left: 6px;
font-size: 90%;
}

.sp_contents_btn .shosai{
margin-left: 6px;
font-size: 70%;
color: red;
}

.sp_contents_btn .tosyosusume{
margin-left: 30px;
font-size: 80%;

}

/*///////////////防火・防災講習///////////////*/

/*--------種別などのテーブル----------*/

table.kosyu2{
  border-collapse:collapse;
  margin-bottom: 6px;
  margin-left: 6px;
  font-size: 85%;
  text-align: left;
}
 
table.kosyu2 th{
  border:1px solid #000066;
  background-color:#C1F0F5;
  padding: 3px;
  text-align: center;
}
 
table.kosyu2 td{
  border:1px solid #000066;
  background:#ffffff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 2px;

}

.kosyu2{
display: inline-block;
margin-left: 6px;
font-size: 90%;
}

.price_space{
letter-spacing: 0.1em;
}

/*アンカーのずれを解消*/
#syubetu{
padding-top:50px;
margin-top:-50px;
}

#mosikomi{
padding-top:50px;
margin-top:-50px;
}

/*払い戻し*/
.sp_cancel{
width: 300px;
margin-left: auto;
margin-right: auto;
border:#F6971A 1px solid;
padding: 4px;
background-color: #F6971A;
color: #FFF;
font-weight: bold;
}


ol.modosi li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
    font-size: 90%;
}
 
ol.modosi li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -2.5em; /* サイトに合せて調整 */
	width: 2em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.seikyu{
width: 290px;
/*height: 50px;*/
margin-top:10px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background-color: #A0E9FE;

}

/*2021.05.26追加*/
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
  font-size: 90%;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

div.furikomi{
margin-left: 5px;
color: red;
font-size: 90%;
}

/*////////////////各種用紙のダウンロード//////////////*/
.todokede_dl{
width: 290px;
/*height: 50px;*/
margin-top:0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
background-color:#F6F100;

}

/*アンカーのずれを解消*/
#boka{
padding-top:50px;
margin-top:-50px;
}

#bosai{
padding-top:50px;
margin-top:-50px;
}


/*/////////////////役立つ情報////////////////////*/

/*アンカーのずれを解消*/
#kanri,#keikaku,#jiei,#tenken, #kiken, #jisin, #boen, #app{
padding-top:40px;
margin-top:-40px;
}

.info_btn_main{
margin-left: 2px;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 6px;
/*padding-right: 20px;*/
/*border: #575757 1px solid;*/
/*border: #FF7A34 1px solid;*/
border-top: #4B98F9 4px ridge;
border-bottom: #4B98F9 4px ridge;
border-left: #4B98F9 4px ridge;
border-right: #4B98F9 4px ridge;
/*float:left;*/
color:#01377D;
/*border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
*/
background-color: #FFF;
text-align: left;
font-weight: bold;
font-size: 105%;

}

.info_btn_main span{
color: red;
padding-left: 4px;
font-size: 70%;
font-weight: normal;
}

.info_btn_sub{
width: 310px;
margin-left: 6px;
margin-top: 5px;
margin-bottom: 15px;
font-weight:500;
float: left;
clear: both;
}

.info_btn_sub span{
margin-left: 5px;
font-size:90%;
font-weight: 300;
/*line-height: 1.2em;*/

}

.info_btn_sub img{
margin-left: 4px;
margin-top: 0px;
margin-bottom: 5px;
}

.caret-right-red{
color: red;
}

.info_btn_plus{
width: 300px;
margin-left: 10px;
margin-top: 5px;
font-weight: 500;
float: left;
clear: both;
}


.info_btn_app{
width: 310px;
margin-left: 6px;
margin-top: 0px;
margin-bottom: 15px;
font-weight:500;
float: left;
/*clear: both;*/
}

.info_btn_app span{
margin-left: 10px;
font-size:90%;
font-weight: 300;
line-height: 1.8em;

}

/*----防火・防災管理者の方へ----*/

/*アンカーのずれを解消*/
#fire,#disa{
padding-top:50px;
margin-top:-50px;
}


.info_fire{
width: 310px;
float: left;
margin-left: 2px;
margin-bottom: 10px;
margin-top: -10px;
text-indent: 1em;
line-height: 1.6em;
clear: both;
font-weight: normal;

}

.info_fire img{
float: right;
}

.info_fire ol{
margin-left: -10px;
}

.info_fire ol li{
color: red;
}

li.sp_suji{
list-style: decimal;
color: red;

}


.info_fire span{
color: #000;
}

/*自主検査制度*/
.info_shoboho{
width: 310px;
float:left;
margin-left: 2px;
margin-top: -10px;
padding-left: 2px;
padding-right: 4px;
padding-bottom: 2px;
background-color: #FCFBA1;
font-weight: normal;
/*text-indent: 1em;*/
line-height: 1.8em;
clear: both;
font-size: 90%;
}


.info_shoboho ul{
margin-left: -15px;
}

.info_shoboho  ul li{
color: red;
}

.info_shoboho span{
color:#000;
}

li.sp_maru{
list-style: disc;
color: red;

}


.info_fire2{
width: 310px;
float: left;
margin-left: 15px;
margin-bottom: 20px;
margin-top: 10px;
text-indent: 1em;
line-height: 1.8em;
clear: both;
font-weight: normal;
}

.info_fire2 img{
float:right;
}

.info_shoboho p{
font-weight:500;
}

.info_law_ttl{
width: 296px;
margin-left: 2px;
padding: 10px;
background-color: #FAB455;
text-align: center;
font-weight: 500;
clear: both;
}

.info_fire3{
width: 310px;
float: left;
margin-left: 10px;
margin-bottom: 20px;
margin-top: 10px;
/*text-indent: 1em;*/
line-height: 1.8em;
clear: both;
font-weight: normal;
}

.info_fire3 ul{
margin-left: -15px;
}

.info_tenken_l{
width: 90px;
margin-left: 10px;
padding-top: 8px;
float: left;
text-align: center;
color: red;
font-weight: 600;
}

.info_tenken_r{
width: 300px;
float:left;
margin-bottom: 10px;
/*clear: both;*/
padding-left:5px;
padding-right: 5px;
padding-top: 8px;
background-color: #FCFBA1;
}
.info_tenken_r ul{
margin-left: -15px;
}

/*表*/
table.boka{
  border-collapse:collapse;
  margin-bottom: 6px;
  font-size: 90%;
}
 
table.boka th{
  border:1px solid #000066;
  background-color:#C1F0F5;
  padding: 2px;
  
}
 
table.boka td{
  border:1px solid #000066;
  /*background:#FFF;*/
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

td.hyo1{
white-space: nowrap;
}

/*くろまる*/
li.sp_kuro{
list-style: disc;
color: #000;

}


/*///////////////防火・防災図書一覧//////////////////*/
.sp_tosyo_img{
width: 110px;
margin-left: 2px;
margin-bottom: 10px;
float:left;
font-size: 90%;
}

.sp_tosyo_kaisetu{
width: 200px;
float:left;
font-size: 80%;
}

.sp_tosyo_kaisetu ul{
margin-left: -10px;
}

.sp_tosyo_buy{
width: 102px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: red;
border:1px solid red;
border-radius:6px;
text-align: center;
font-size: 90%;
font-weight: bold;
color: #FFF;
display: inline-block;

}

/*アンカーのずれを解消*/
#buy{
padding-top:50px;
margin-top:-50px;
}

/*2025.09*/
.furikomi_line{
width: 240px;
margin-left: auto;
margin-right: auto;
padding: 6px;
text-align: center;
border: solid #FDFB00 2px;
background-color: #FFFCA8;
}

.ask_mail{
width: 280px;
/*height: 50px;*/
margin-top:0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
background-color:#94FF89;
}


/*///////////////協会情報//////////////////*/

/*協会概要*/
.sp_info_co{
width: 310px;
float: left;
margin-left: 2px;
margin-bottom: 10px;
margin-top: -10px;
text-indent: 1em;
line-height: 1.6em;
clear: both;
font-weight: normal;

}


.sp_info_co ol{
margin-left: -10px;
}

.sp_info_co ol li{
color: #000;
}

li.sp_sujikuro{
list-style: decimal;
color: #000;

}


.sp_info_co span{
color: #000;
}

/*役員一覧*/
.sp_yakuin_title{
width: 100px;
margin-left: 10px;
float: left;

}

.sp_yakuin_name{
width: 180px;
float:left;
}

/*事業報告*/
.sp_jigohokoku{
width: 260px;
margin-left: 10px;
margin-bottom: 6px;
font-size: 110%;
font-weight: normal;
}


/*////////////会員相談・お問合せ////////////*/
.ask_mail{
width: 280px;
/*height: 50px;*/
margin-top:0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
background-color:#94FF89;
}


.info_ask{
width: 310px;
float: left;
margin-left: 3px;
margin-bottom: 10px;
margin-top: -10px;
/*text-indent: 1em;*/
line-height: 1.8em;
clear: both;
font-weight: normal;
}

.info_ask ul{
margin-left: -15px;
}


table.price{
width: 314px;
border-collapse:collapse;
margin-bottom: 6px;
}
 
table.price th{
  border:1px solid #000066;
  background-color:#C1F0F5;
  padding: 3px;
}
 
table.price td{
  border:1px solid #000066;
  background:#ffffff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 90%;
}

td.orikaesinasi {
white-space: nowrap;
}

.price_space{
letter-spacing: 0.1em;
}