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

.sp_wrappper{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	
	
}

.sp_wrapper2023{
	width: 320px;
    margin-left: 1px;
    position: absolute;
    top: 48px;
    z-index: -1;
    left: 1px;
}


/*------------トップのリングの背景画像---------------*/
.sp_top{
	width:318px;
	height:18px;
}

/*svg対応非対応でわける。※スペースわすれないように。今回は保留*/

/*
.svg .sp_top{
	width:318px;
	height:18px;
	background-image:url(../img/sp_note_top.svg);
	background-repeat:no-repeat;
	
}

.no-svg .sp_top{
	width:318px;
	height:18px;
	background-image:url(../img/sp_note_top.png);
	background-repeat:no-repeat;
}
*/


/*--------------真ん中の背景画像の設定---------------*/
.sp_mid{
	width:318px;
	background-image:url(../img/sp_note_mid.png);
	background-repeat:repeat-y;
	background-position: top center;
	
	 
}

.sp_mid2023{
	width:315px;
	background-image:url(../img/sp_note_mid.png);
	background-repeat:repeat-y;
	background-position: top left;
	
	 
}

/*svg対応非対応でわける　今回は保留*/
/*
.svg .sp_mid{
	widht:318px;
	background-image:url(../img/sp_note_mid.svg);
	background-repeat:repeat-y;
}

.no-svg .sp_mid{
	width:318px;
	background-image:url(../img/sp_note_mid.png);
	background-repeat:repeat-y;
}
*/

/*--------------下の背景画像の設定---------------*/
.sp_btm{
	width:318px;
	height:9px;
}

/*svg対応非対応でわける　今回は保留*/
/*
.svg .sp_btm{
	width:318px;
	height:9px;
	background-image:url(../img/sp_note_btm.svg);
	background-repeat:no-repeat;
}
	
.no-svg .sp_btm{
	width:318px;
	height:9px;
	background-image:url(../img/sp_note_btm.png);
    background-repeat:no-repeat;
}
*/

/*--------コンテンツ設定-----------*/

#sp_copy{
	font-size:smaller;
}

.sp_copy2023{
	font-size:105%;
	font-weight: bold;
	line-height: 0.6em;
	padding-top: 8px;
}

#sp_contens{
	width:312px;
	text-align:center;


}

.sp_contens2023{
	width:312px;
	text-align:center;
	margin-left: 3px;


}


#sp_news{
	width:290px;
	float:left;
	margin-left:10px;
	padding:2px;
	text-align:left;
	background-color:#DCFFFF;
	border:2px solid #3CF;
}


#sp_btn{
	font-size:smaller;
}

/*2014年4月追加*/
#sp_news_img{
	margin-top:10px;
}

#sp_topbtn_new{
	margin-bottom:8px;
}



/*-------コンテンツリスト------------*/


.sp_list {
	float:left;
    display: table-cell;
    width: 300px;
    height: 46px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;

}

.sp_list:hover{
	background-color:#FFCC99;
	
}

.sp_list p {
    display: inline-block;
    text-align: left;
}


.sp_list2 {
	float:left;
    display: table-cell;
    width: 300px;
    height: 46px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-bottom:1px solid #666;

}

.sp_list2:hover{
	background-color:#FFCC99;
	
}


.sp_list2 p {
    display: inline-block;
    text-align: left;
}


.sp_contents_ttl{
	font-size:larger;
}


/*-------たたかう救急アニメ------*/
.sp_save_contents{
	width:310px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


#sp_save_ttl{
	width:300px;
	height:56px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border:1px solid #F90;
}


iframe{
	z-index:5;
}

#sp_save_ttl_txt{
	width:270px;
	text-align:left;
	margin-left:15px;
	padding-top:8px;
}

#sp_save_tv{
	width:310px;
	height:190px;
	text-align:center;
	padding-top:8px;
	background:#333333 url(../img/sp_waiting.png) no-repeat;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #333;
	border-radius:10px;
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}


.sp_save_setumei {
	/*border:3px solid #F93;*/
	border:2px solid  #030;
	background-color:#FFF;
	/*width:640px;*/
	width:310px;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	text-align:justify;
	
}

/*-------------------------*/
.sp_save_list {
	float:left;
    display: table-cell;
    width: 300px;
    height: 42px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-top:1px solid #FC0;
	border-bottom:1px solid #FC0;
	background-color:#FFC;

}


.sp_save_list:hover{
	background-color:#FF0;
}

.sp_save_list p {
    display: inline-block;
    text-align: left;
}

/*追加*/
.sp_save_list span {
    display: inline-block;
    text-align: left;
	font-size: 90%;
}


.sp_save_list2 {
	float:left;
    display: table-cell;
    width: 300px;
    height: 42px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-bottom:1px solid #FC0;
	background-color:#FFC;

}
/*-------2018年12月追加----------*/
.sp_save_list3 {
	float:left;
    display: table-cell;
    width: 300px;
    height: 60px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-bottom:1px solid #FC0;
	background-color:#FFC;

}

.sp_save_list2:hover{
	background-color:#FF0;
}


.sp_save_list2 p {
    display: inline-block;
    text-align: left;
}

/*EN*/
.sp_save_list_en {
	float:left;
    display: table-cell;
    width: 300px;
    height: 60px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-top:1px solid #9CF;
	border-bottom:1px solid #9CF;
	background-color:#CFF;

}

.sp_save_list_en:hover{
	background-color:#99FFFF;
}

.sp_save_list_en p {
    display: inline-block;
    text-align: left;
}


.sp_save_list2_en {
	float:left;
    display: table-cell;
    width: 300px;
    height: 60px;
    vertical-align: middle;
    text-align: left;
	padding-left:10px;
	border-bottom:1px solid #9CF;
	background-color:#CFF;

}

.sp_save_list2_en:hover{
	background-color:#99FFFF;
}

.sp_save_list2_en p {
    display: inline-block;
    text-align: left;
}


/*----------指導者用アプリ---------*/
.sp_setumei{
	width:290px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.sp_pdf{
width: 290px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*---------予防救急と応急手当(2015年4月予防救急へ変更)----------*/
#sp_yobo_ttl{
	width:300px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border:1px solid #F30;
}


#sp_yobo_ttl_txt{
	width:270px;
	text-align:left;
	margin-left:15px;
	padding-top:10px;
}

/*2015年4月追加*/
#sp_yobowhat{
	width:300px;
	/*height:190px;*/
	text-align:center;
	padding-top:3px;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid rgba(9,190,235,1.00);
	border-radius:6px;
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

/*2015年4月追加。応急手当*/
#sp_okyuwhat{
	width:300px;
	/*height:190px;*/
	text-align:center;
	padding-top:3px;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid rgba(8,145,235,1.00);
	border-radius:6px;
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}



/*-------表示スマホとパソコン-------*/
.hyojistyle{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:1px solid #FF9;
	background-color:#FF9;
}

/*----消防署リスト--------*/

#sp_station_li{
	width:310px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

table#sp_station{
	border-collapse:collapse;
	background-color:#FFFFFF;
}

table#sp_station, th#sp_station, td#sp_station{
	border:1px solid #F2AD06;
	padding:1px;
	/*font-size:14px;*/
	color:#333;
	/*line-height:1.5em;*/
	
}


/*--------小児救急支援アプリ2015年8月-------------*/
#app7119_ios{
	width:240px;
	/*height:190px;*/
	text-align:left;
	padding-top:3px;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid  rgba(240,60,8,1.00);
}


/*-------季節のお知らせ-------------*/

#sp_season_msg{
	width: 290px;
	float: left;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	/*margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid red;
}

.sp_season_msg2023{
	width: 290px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*margin-bottom: 10px;*/
	/*margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid red;
}

.sp_season{
	width: 280px;
	/*float: left;*/
	margin-left: auto;
	margin-right: auto;
	margin-left: 3px;
	background-color:rgba(204,255,255,1.00);
	border: rgba(204,255,255,1.00) 2px solid;
	text-align: center;
	font-size: larger;
}


.sp_season_msg2024{
	width: 290px;
	/*float: left;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	/*margin-bottom: 10px;*/
	/*margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid red;
}



.sp_season2024{
	width: 280px;
	float: left;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 3px;
	background-color:rgba(204,255,255,1.00);
	border: rgba(204,255,255,1.00) 2px solid;
	text-align: center;
	font-size: larger;
}



#app7119_download{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


#sp_season{
	width: 280px;
	/*float: left;*/
	margin-left: auto;
	margin-right: auto;
	margin-left: 3px;
	background-color:rgba(204,255,255,1.00);
	border: rgba(204,255,255,1.00) 2px solid;
	text-align: center;
	font-size: larger;
}




/**/
.sp_contents_btnyobo{
width: 282px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 8px;
border: solid 2px rgb(0,160,255);
border-radius: 4px;
background-color: rgba(255,255,255,1.00);
background-image: url("../img/2023topyobo.svg");
background-size: 80px 45px;
background-repeat: no-repeat;
background-position: 98% 20%;
box-shadow: 0px 0px 4px;
text-align:left;
font-size: 130%;
}

/*------------救急のしごと-------------*/

#sp_kyukyu_menu{
	/*float:left;*/
    /*display: table-cell;*/
	/*position:static;*/
	width:290px;
	height:40px;
    /*vertical-align: middle;*/
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	border: none;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#E30114;
	/*background-image:url(../img/disa_menu_anime.png);*/
	/*background-position:10px 8px;*/
	/*background-repeat:no-repeat;*/
	box-shadow:rgba(0,0,0,0.4) 0px 2px 2px ;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    color: rgba(251,251,251,1.00);
}

/*
#jishin_kyukyu_menu:hover{
	background-color:rgba(255,152,97,1.00);
}
*/

#sp_kyukyuwhat{
	width:300px;
	/*height:190px;*/
	text-align:left;
	padding-top:3px;
    padding-left: 3px;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid rgba(9,190,235,1.00);
	border-radius:6px;
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#sp_call119{
width: 290px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: rgba(246,251,0,1.00);
padding: 3px;
}

#sp_call119 img{
margin: 5px;

}


#sp_kyukyu_main{
text-align: left;
margin-left: 10px;
}

.sp_kyukyu_main2023{
text-align: center;
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
}

/*メニューボタン*/
#sp_kyu_btn_taiin{
width: 150px;
float: left;
margin-left: 5px;
margin-bottom: 10px;
background-color: rgba(0,160,233,1.00);
color: white;
font-weight: bolder;
}


#sp_kyu_btn_qq{
width: 150px;
float: left;
/*margin-left: 10px;*/
margin-bottom: 10px;
background-color: rgba(243,152,0,1.00);
color: white;
font-weight: bolder;
}

#sp_kyu_btn_qq2{
width: 110px;
float: left;
/*margin-left: 10px;*/
margin-bottom: 10px;
background-color: rgba(243,152,0,1.00);
color: white;
font-weight: bolder;
font-size: x-small;
padding-top: 3px;
padding-bottom: 3px;
}


/*-----変更メニューボタン--------*/
#sp_kyu_btn_119{
width: 195px;
float: left;
margin-left: 5px;
margin-bottom: 2px;
background-color: rgba(227,1,20,1.00);
color: white;
font-weight: bolder;
font-size: x-small;
padding-top: 3px;
padding-bottom: 3px;
}

#sp_kyu_btn_taiin2{
width: 105px;
float: left;
/*margin-left: 5px;*/
margin-bottom: 2px;
background-color: rgba(0,160,233,1.00);
color: white;
font-weight: bolder;
font-size: x-small;
padding-top: 3px;
padding-bottom: 3px;
}

#sp_kyu_btn_qq3{
width: 150px;
float: left;
margin-left: 5px;
margin-bottom: 10px;
background-color: rgba(243,152,0,1.00);
color: white;
font-weight: bolder;
font-size: x-small;
padding-top: 3px;
padding-bottom: 3px;
}

#sp_kyu_btn_qqtube{
width: 150px;
float: left;
/*margin-left: 10px;*/
margin-bottom: 10px;
background-color: rgba(255,228,146,1.00);
color: black;
font-weight: bolder;
font-size: x-small;
padding-top: 3px;
padding-bottom: 3px;
}

/*------------------------------*/

/*目の前で病気やケガ、事故がおこったら*/
#sp_howto_call119{
width: 290px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background-color: white;
border: solid 2px rgba(30,161,0,1.00);
text-align: left;
}



#sp_howto_call119_2{
width: 290px;
margin-left: auto;
margin-right: auto;
/*margin-bottom: 5px;*/
background-color: white;
border: solid 2px rgba(250,89,2,1.00);
text-align: right;
}



#sp_call119_img1{
width: 45px;
float: left;
}

#sp_call119_txt1{
width: 240px;
float: left;
text-align: left;
margin-top: 3px;
}


#sp_call119_img2{
width: 45px;
float: right;
}

#sp_call119_txt2{
width: 240px;
float: right;
text-align: right;
margin-top: 3px;
}


/*左揃えの文章用*/
#sp_setumei_txt{
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align: left;
}

/*アコーディオンメニュー*/
dl.accordion { background:#FFF; width:300px; margin-top:5px; margin-left:auto;margin-right: auto; margin-bottom: 10px; padding:0px; text-align: left; }
dl.accordion dt {
    background:300px center no-repeat,-moz-linear-gradient(top, #C6F0FE, #9BE0F3);
    background:300px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#9BE0F3));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:300px center no-repeat,-moz-linear-gradient(top, #C6F0FE, #9BE0F3);
    background:300px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE),to(#9BE0F3));}
dl.accordion dd { background:#FFF; padding:0px; line-height:1.5; display:none;margin-left: 3px;}

dl.accordion dt img{
margin-right: 3px;
}

dl.accordion dd img{
float: left;
margin-right: 2px;

}


/*360°画像*/
#sp_vr_img{
width: 310px;
/*height: 160px;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(178,213,220,1.00);
text-align: center;
}


/*------QQTubbe------*/

#sp_qqtube_ttl{
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align: left;
}

#sp_qqtube_ttl img{
    vertical-align: middle;
    margin-right: 5px;
}

#sp_qqtube_360{
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
text-align: center;
color: red;
font-size:small;
}

#sp_qqtube_360 img{
    vertical-align: middle;
    margin-right: 5px;
}

#sp_qqtube_movie{
    width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    border: none;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color:rgba(251,161,114,1.00);
    padding-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 8px;
    text-align: left;
    box-shadow:rgba(0,0,0,0.4) 0px 2px 2px ;
    
}

#sp_qqtube_movie img{
    vertical-align: middle;
}

/*サブメニュー用*/
#sp_qqtube_movie_sub{
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    border: none;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color:rgba(252,200,172,1.00);
    padding-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 8px;
    text-align: left;
    box-shadow:rgba(0,0,0,0.4) 0px 2px 2px ;
    
}

#sp_qqtube_movie_sub img{
    vertical-align: middle;
}



/*----救命サポートアプリ--*/
#sp_kyumei{
	width:290px;
	float:left;
	margin-left:10px;
    margin-top: 5px;
    margin-bottom: 5px;
	padding:2px;
	text-align:center;
	background-color:#FFFFFF;
	border:2px solid #9C0204;
}

/*-----指導者用アプリ-----*/
.kyou_txt{
width: 300px;
text-align: left;
font-size: 90%;
}

/*-----------フォームのデザイン-----------------------------*/
.mfp_rows {
	clear: both;
}
.mfp_rows:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows input[type="file"],
.mfp_rows select,
.mfp_rows button,
form#mailformpro .mfp_rows label {
	width: 100%;
	min-width: 100%;
	word-break: break-all;
	white-space: normal;
}
.mfp_rows textarea {
	width: 100%;
	min-width: 100%;
}
.mfp_rows .mfp_col1,.mfp_rows .mfp_col2,.mfp_rows .mfp_col3,.mfp_rows .mfp_col4,.mfp_rows .mfp_col5,.mfp_rows .mfp_col6,.mfp_rows .mfp_col7,.mfp_rows .mfp_col8,.mfp_rows .mfp_col9,.mfp_rows .mfp_col10 {
	float: left;
	padding: 0 1.5%;
}
.mfp_rows .mfp_col1 {width: 80px;}
.mfp_rows .mfp_col2 {width: 20%;}
.mfp_rows .mfp_col3 {width: 30%;}
.mfp_rows .mfp_col4 {width: 150px;}
.mfp_rows .mfp_col5 {width: 200px;}
.mfp_rows .mfp_col6 {width: 260px;margin-left: 5px;}
.mfp_rows .mfp_col7 {width: 70%;}
.mfp_rows .mfp_col8 {width: 80%;}
.mfp_rows .mfp_col9 {width: 100%;}
.mfp_rows .mfp_col10 {width: 600px;}

div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}


/*------------追加--------------*/

#work{
display: none;
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*------------------------2023年追加-------------------------------------*/

.copyright{
display: block;
font-size: 70%;
color: #990000;
line-height: 1.2em;

}

/*/////////応急手当WEB講習/////////////*/

.sp_wkoshu_ttl{
	width: 290px;
	float: left;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*margin-bottom: 10px;*/
	/*margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
	/*background-color: #FFFFFF;
	border: 2px solid red;*/
	font-size: 90%;
}

.sp_wkoshu_step_ttl{
width: 290px;
float: left;
margin-left: 10px;
margin-top: 10px;
background-color: rgba(108,193,249,1.00);
border: 2px solid rgba(108,193,249,1.00);
/*border-radius: 4px;*/
text-align: center;
font-size: 100%;
padding-top: 2px;
padding-bottom: 2px;
}

.sp_wkoshu_step_txt{
width: 286px;
float: left;
margin-left: 10px;
margin-top: 0px;
background-color: rgba(242,242,242,1.00);
border: 2px solid rgba(108,193,249,1.00);
/*border-radius: 4px;*/
text-align: left;
font-size: 100%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}

.sp_wkoshu_step_txt span{
display: block;
font-size: 95%;
margin-bottom:6px;
}

.sp_wkoshu_step_btn{
width: 260px;
margin-left: auto;
margin-right: auto;
background-color: rgba(254,242,0,1.00);
border: solid 2px rgba(232,135,0,1.00);
box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
font-size:120%;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;

}

.sp_wkoshu_test_btn{
width: 260px;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,0,0,1.00);
border: solid 2px rgba(195,13,35,1.00);
box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
font-size:130%;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
color:white;

}

.sp_wkoshu_koshu{
width: 272px;
float: left;
margin-left: 16px;
margin-top: 10px;
padding-left:8px;
padding-top: 8px;
padding-bottom: 8px;
background-color: #e0edff;
border: solid 1px #e0edff;
border-radius: 8px;
text-align: left;
background-image: url("../img/2023koshubj.svg");
background-size: 70px 60px;
background-repeat: no-repeat;
background-position: right top;
}

/*----119aed救命講習-----*/
.sp_wkoshu_kyumei_ttl{
width: 290px;
float: left;
margin-left: 10px;
margin-top: 10px;
background-color:#FDF600;
border: 2px solid #FDF600;
/*border-radius: 4px;*/
text-align: center;
font-size: 100%;
padding-top: 2px;
padding-bottom: 2px;
}


.sp_wkoshu_kyumei_txt{
width: 286px;
float: left;
margin-left: 10px;
margin-top: 0px;
background-color: rgba(255,255,255,1.00);
border: 2px solid #FDF600;
/*border-radius: 4px;*/
text-align: left;
font-size: 100%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}

.sp_wkoshu_kyumei_txt span{
display: block;
font-size: 90%;
margin-bottom:8px;
margin-left: 10px;
margin-top: 4px;
/*color: rgba(66,66,66,1.00);*/
color:black;
}

.sp_wkoshu_kyumei_ttl ol li{
display: block;
font-size: 90%;
margin-left: 2px;
}

/*レッスン１「心臓突然死ってなに？」*/
.sp_wlesson_ttl{
width: 280px;
float:left;
margin-left: 3px;
margin-top: 5px;
border-left: red 5px solid;
border-top:red 2px solid;
border-bottom: red 2px solid;
border-right:red 2px solid;
background-color: #FFF;
text-align: left;
padding: 3px;

}

.sp_wlesson_ttl span{
font-size:80%;
color:rgba(199,6,6,1.00);
margin-right: 10px;
}


.sp_wkyumei_movie{
width: 300px;
/*height: 445px;*/
margin-left: auto;
margin-right: auto;
text-align: center;
/*float: left;*/
clear:both;
}

.sp_wlesson_comment{
width: 300px;
float:left;
margin-left: 5px;
font-size: 90%;
color: red;
text-align: left;
}

#sp_step_1{
display:none;
text-align: left;
}

#sp_step2{
width: 300px;
margin-left: 5px;
font-size:90%;
color: red;
text-align: left;
}

 .sp_step_kaisetu{
 width: 300px;
 margin-left: 5px;
 float:left;
 font-size:100%;
 
 }

.sp_step_kaisetu span{
font-size: 90%;
}

.sp_step_kaisetu span.jisage{
display: block;
margin-left: 10px;
}

.sp_step_kaisetu span.jisage img{
float: left;
margin-right: 3px;
margin-bottom: 10px;

}


.sp_step_kaisetu p{
text-align: center;

}

.sp_step_kaisetu p.left{
text-align: left;
margin-left: 6px;

}


.sp_btngonextlesson{
width: 280px;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
background-color: rgba(147,222,247,1.00);
border:rgba(21,166,255,1.00) solid 1px;
border-radius: 6px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
text-align: left;
}

.sp_btngonextlesson span{
font-size: 85%;
}

/*テキストをセンターにする*/
.sp_wlesson_txtcenter{
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*レッスン４「AEDの使い方」*/
 .sp_subkaisetu2{
 width: 280px;
 margin-left: auto;
 margin-right: auto;
 background-color:#C8F2FE;
 padding-left: 5px;
 padding-right: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 1.5em;
 /*font-size: 90%;*/
 }
 
 .sp_subkaisetu2 span{
display: block;
margin-left: 5px;
margin-bottom: 6px;
font-size: 100%;
 }


/*レッスン６*/
 .sp_lesson6_ttl{
/*display: block;*/
margin-top:6px;
margin-left: 3px;
margin-bottom: 3px;
font-size: 100%;
font-weight: bold;
color: #070A9D;
 }
 
 
 /*2023にTOPリングを変更。もとは#sma_ring。中止*/
 
.sma_ring{
	width:315px;
	height:40px;
	text-align:left;
	background-image: url("../img/2023sp_topring.png");
	background-repeat: no-repeat;
	position: fixed;
	
}

.container_sma2023{
	width:315px;
	margin-left:auto;
	position: absolute;
    top: 35px;
    z-index: -1;
    /*left: 1px;*/
	margin-right:auto;
	
}

/*////////////////////救命テスト////////////////////////*/

.sptest_title{
width: 280px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px 4px 4px 4px;
border: solid rgba(201,8,11,1.00) 1px;
background-color: red;
color: white;

}

.sptest_kaisetu{
width: 300px;
margin-left: 8px;
text-align: left;
font-size: 80%;
}

.sptest_btn{
width: 260px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
padding-bottom: 6px;
background-color: rgba(244,254,0,1.00);
border: solid rgba(254,242,0,1.00) 2px;
border-radius: 6px 6px 6px 6px;
text-align: center;
}

.sptest_android{
width: 280px;
margin-top: 30px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 150%;
font-weight: bold;
color: rgba(2,89,44,1.00);
}

/*///////////////乳児幼児小児の応急手当///////////////////////////*/

/*左揃えテキスト*/
.sp_its_txt_l{
	width:300px;
	/*height:190px;*/
	text-align:left;
	padding-top:3px;
	/*background:#FFFFFF;*/
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid rgba(9,190,235,1.00);
	border-radius:6px;*/
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	font-size: 90%;
}

.sp_its_txt_l img{
margin-bottom: 6px;
}



/*トップボタン類*/
.sp_its_topbtn{
width: 280px;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
padding: 8px;
border: solid 2px rgba(255,121,0,1.00);
border-radius: 4px;
background-color: rgba(255,255,255,1.00);
/*background-image: url("../img/2023topyobo.svg");*/
background-size: 80px 45px;
background-repeat: no-repeat;
background-position: 98% 20%;
box-shadow: 0px 0px 4px;
text-align:center;
font-size: 120%;
line-height: 1.2em;
}

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

.sp_its_topbtn .shosai{
margin-left: 10px;
margin-top: -4px;
font-size: 80%;
/*color: red;*/
}

.sp_its_topbtn .shosai2{
margin-left: 6px;
font-size: 75%;
/*color: red;*/
}

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

}


.sp_its_tv{
	width:300px;
	height:171px;
	text-align:center;
	padding-top:9px;
	background:#333333 url(../img/sp_waiting.png) no-repeat;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #333;
	border-radius:10px;
	/*behavior:url(border-radius.htc);*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}


.its_sage{
padding-left: 1em;
}

.its_sage2{
padding-left: 3em;
}

/*-----------胸骨圧迫テンポページ-------------------------*/
.cprpush{
width: 285px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.locksaisei{
font-size: 80%;
color: red;
}


/*------------------救命講習辞典------------------------*/
/*固定部分*/
.dic_index{
position: fixed;
width: 318px;
top:4px;
left: 0px;
height: 116px;
background-image:url(../img/sp_note_mid.png);
background-repeat:repeat-y;
background-position: top center;
}

.sp_top2{
	width:318px;
	height:18px;
	margin-top: -4px;
}

.dic_index_txt{
width: 300px;
margin-left: auto;
margin-right: auto;
background-color:rgba(255,252,153,1.00);
text-align: left;
line-height: 2.0em;
color: blue;
}


.dic_index_txt a:link {
	text-decoration: none;
	color: blue;
}
.dic_index_txt a:visited {
	text-decoration: none;
	color: blue;
}
.dic_index_txt a:hover {
	text-decoration: none;
	color: blue;
}
.dic_index_txt a:active {
	text-decoration: none;
	color: blue;
	}
	
.dic_mokuji{
width: 312px;
margin-top: -20px;
background-image:url(../img/sp_note_mid.png);
background-repeat:repeat-y;
background-position: top center;
text-align: left;
}

.dic_yogo{
width: 300px;
float: left;
margin-left: 3px;
text-align: left;
line-height: 1.8em;
}

.dic_home{
width: 310px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
text-align: center;
}


.dic_naiyo{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	padding: 2px;
	border:1px solid #00A7FD;
	line-height: 1.8em;
	background-color: #FFF;
	text-align: left;
}

.dic_indent{
  display: block;
  text-indent: 1em;
}

.dic_spmokuji{
width: 200px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
font-size: 120%;
color:blue;
}

#dic_fonts2{
	font-size:90%;
}

/*辞書へのリンクボタン*/
.sp_webkoshu_jishobtn{
width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background-color:rgba(173,247,141,1.00);
border: solid 2px rgba(70,240,93,1.00);
box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
font-size:110%;
text-align: center;
padding-top: 4px;
padding-bottom: 3px;
color: rgba(139,0,2,1.00);
}

.sp_webkoshu_jishobtn:hover{
	background-color:rgba(133,241,120,1.00);
 
}

/*
.sp_wkoshu_test_btn{
width: 260px;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,0,0,1.00);
border: solid 2px rgba(195,13,35,1.00);
box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
font-size:130%;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
color:white;

}
*/


.sp_webkoshu_jishobtn_s{
width: 180px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background-color:rgba(173,247,141,1.00);
border: solid 2px rgba(70,240,93,1.00);
box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
font-size:90%;
text-align: center;
padding-top: 3px;
padding-bottom: 2px;
color: rgba(139,0,2,1.00);
}

.sp_webkoshu_jishobtn_s:hover{
	background-color:rgba(133,241,120,1.00);
 
}

.sp_dictxt_s{
font-size: 80%;
}