/*----------------Smile9 個人予約の操作案内----------------*/
@media (min-width: 1200px) {
	.reservation-container {
    	max-width: 360px !important;
		margin: 0 auto!important;
		} 
}
@media (min-width: 992px) {
	.reservation-container {
    	max-width: 360px !important;
		margin: 0 auto!important;
		} 
}
@media (min-width: 768px) {
	.reservation-container {
   		max-width: 360px !important;
		margin: 0 auto!important;
		} 
}
@media (min-width: 576px) {
	.reservation-container {
    	max-width: 360px !important;
		margin: 0 auto!important;
		} 
}

.reservation-title {
	font-size: 25px;
	text-align: center;
	border-bottom: solid 8px #42241E;
	position: relative;
}
.reservation-title2 {
	font-size: 22px;
	text-align: center;
	border-bottom: solid 8px #42241E;
	position: relative;
	margin-top: 80px!important;
}

.reservation-title:after,.reservation-title2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 8px #C08C45;
	bottom: -8px;
	width: 30%;
}

.reservation-title-middle{
	font-size: 20px;
	background: #C08C45;
  	padding: 0.2em;
	color: white;
}

.reservation-title-children {
	font-size: 18px;
	padding: 0 0.5em;
	border-left: solid 8px #42241E;
}

.reservation-title-children2 {
	font-size: 18px;
}

.reservation-text{
	margin-top: 1rem!important;
}

.reservation-link{
	color: #C08C45!important;
	font-size: 16px;
	margin-bottom: 5px;
}
.reservation-link:hover{
	border-bottom: 1px solid #C08C45;
}

.red-font{
	color: #FF0000;
}

.orange-font{
	color:#C08C45;
	font-weight: bold;
}

.reservation-point{
	margin-top: 40px!important;
	background: #FFFDED;
	padding: 2rem;
}

.reservation-point-in{
	margin-left: 1.4rem;
}

.reservation-img-top{
	margin-top: 10px!important;
}

.reservation-title-top{
	margin-top: 60px!important;
}

.reservation-title-children-top{
	margin-top: 40px!important;
}

.reservation-img-bottom{
	margin-bottom: 80px!important;
}
.leader {
	font-family: Meiryo;
}

dl.reservation-qa dd,
dl.reservation-qa dt {
	text-align:left;
 	text-indent: -2.6em; 
	padding: 0 20px 0px 50px;
	background: none!important;
	border: none!important;
}
 
dl.reservation-qa dt {
 margin-top: 40px;
}
 
dl.reservation-qa dd:first-letter,
dl.reservation-qa dt:first-letter {
 font-size: 1.6em;
 font-weight: bold;
 margin-right: 10px;
 padding: 5px;
}
 
dl.reservation-qa dd {
 margin: 10px 0 -1px 0;
 padding-bottom: 20px;
}
 
dl.reservation-qa dt:first-letter {
 color: #42241E;
}
 
dl.reservation-qa dd:first-letter {
 color: #C08C45;
}

/*----------------Smile9 個人予約の操作案内----------------*/

/*----------------Smile9ガイド----------------*/
.manual-2title:first-of-type{
	margin-top: 0!important;
}	
.manual-2title{
	margin-top: 8rem!important;
	padding-bottom: 0!important;
}
.manual-2title::before{
	border-bottom: none!important;
}
.manual-2title::after{
	border-bottom: none!important;
}

.manual-3title:first-of-type{
	margin-top: 1rem!important;
}	

.manual-3title,.manual-3title-next,.manual-3title-next2{
	border: none!important;
	margin-top: 4.5rem!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	padding-left: 1.5em!important;
	text-indent: -1.5em!important;
	border-bottom: #eeee 4px solid!important;
}
.manual-3title-next{
	margin-top: 1rem!important;
}
.manual-3title::first-letter,.manual-3title-next::first-letter,.manual-3title-next2::first-letter{
	font-size: 2.2rem!important;
	color: #191919!important;
	padding-left: 0.5em!important;
}

.manual-4title{
    border-left: solid 10px #007cba!important;
	margin-left: 1em!important;
	padding-left: 2em!important;
	text-indent: -1.7em!important;
}
.manual-4title::first-letter{
	padding-left: 0.5em!important;
	font-size: 1.8rem!important;
	color: #191919!important;
}

.manual-4title ~ p,.tag-left{
	margin-left: 2em!important;
}

.manual-img{
	margin: 0!important;
}

.manual-mobile-img{
	margin-bottom: 3rem!important;
}

.manual-3text{
	margin-left: 1em!important;
}

.acceptance-text-t{
	padding-left: 1.8em!important;
	margin-top: 1rem!important;
	text-indent: -1em!important;
}

.acceptance-text{
	padding-left: 5.8em!important;
	margin-top: 1rem!important;
	text-indent: -4.9em!important;
}

.acceptance-box{
	border: 1px solid #bedeef; 
	padding: 0.25em;
	color: #525a5d;
	margin-right: 0.3em;
}

.acceptance-box2{
	border: 1px solid #bedeef;
	background: #bedeef;
	color: #525a5d;
	padding: 0.25em;
	margin-right: 0.3em;
}

.qtext-first{
	margin-top: 2rem!important;
    text-indent: -1em;
}

.qtext{
	margin-top: 0.5rem!important;
    padding-left: 2em;
    text-indent: -1em;
}

.qtext-answer{
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 1rem!important;
	padding-left: 2em;
    text-indent: -1em;
}
.qtext-answer-ex1{
    margin-top: 1.5rem!important;
	padding-left: 2.3em;
    text-indent: -1em;
}

.qtext-answer-ex{
    margin-top: 1rem!important;
	padding-left: 2.3em;
    text-indent: -1em;
}

.deprecation-p > p{
	padding-left:1em;
	text-indent:-1em;
	margin-top: 1rem!important;
	margin-left: 2em!important;
}
.deprecation-a{
	margin-left: 3em!important;
	margin-top: 1rem!important;
	padding-left: 1em!important;
    text-indent: -1.1em!important;
}
.deprecation-link{
	margin-left: 3em!important;
	margin-top: 0.5rem!important;
}

@media (max-width: 768px) {
	.manual-4title{
		margin-left: 0!important;
		text-indent: -1.9em!important;
	}
	.manual-4title::first-letter{
		font-size: 1.6rem!important;
	}
	.manual-4title ~ p,.tag-left,.deprecation-p > p{
		margin-left: 1em!important;
	}
	.deprecation-a,.deprecation-link{
		margin-left: 2em!important;
	}
}
@media screen and (max-width:767px) {
	.manual-3title::first-letter,.manual-3title-next::first-letter,.manual-3title-next2::first-letter{
		font-size: 1.8rem!important;
	}
}
	
	
.manual-contents-title{
	display: flex;
 	align-items: center;
	margin: 1rem 0 1rem 0!important;
}
.manual-contents-title > p{
	font-size: 2rem!important;
	margin-top:0!important;
	font-weight: bold;
	margin-left: 0.5rem;
}
.manual-list{
	background-color: #fff!important;
	margin-top: 1rem!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.manual-list::after{
    border-style: none!important;
}
.manual-list li::before{
	content: none!important;
	margin-left: 0!important;
}
.manual-list li{
	border-left: 3px solid #eeee;
	margin-top: 0!important;
	margin-left: 0!important;
	padding: 0.5rem 1.5rem!important;
}
.manual-list li:hover{
	border-left: 3px solid #007cba;
}
.manual-qa{
	margin-left: 3rem!important
}

.manual-qa > p{
	margin-top: 1rem!important
}
/*----------------Smile9ガイド----------------*/

/*----------------利用規約改定のお知らせ----------------*/
.manual-list2:first-of-type{
	background-color: #fff!important;
	margin-top: 2rem!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.manual-list2{
	background-color: #fff!important;
	margin-top: 4rem!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.manual-list2::after{
    border-style: none!important;
}
.manual-list2 li{
	font-weight: bold;
}
.manual-list2 li ~div{
	margin-top: 1rem!important;
}
.manual-list2 li ~div >p{
	margin-top: 0.5rem!important;
	margin-left: 2rem!important;
}

.manual2box,.manual2inbox{
	margin-top: 1rem!important;
}
.manual2box p:first-letter{
	margin-right: 10px!important;
}
.manual2box p{
	padding-left: 3.5em!important;
	text-indent: -1.5em!important;
	margin-top: 0.5em!important;
	margin-bottom: 0.5em!important;
}

.manual2box >.tosinbox{
	margin-bottom: 1rem!important;
}
..manual2box >..manual2inbox p:first-letter{
	margin-right: 10px!important;
}
.tosbox2,.tosinbox2{
	margin-top: 0.5em!important;
}
.manual2box >.manual2inbox p{
	padding-left: 5.5em!important;
	text-indent: -1.5em!important;
	margin-top: 0.5em!important;
	margin-bottom: 0.5em!important;
}
.manual2top{
	display: block!important;
	padding-left: 2em!important;
	text-indent: 0!important;
	margin-top: 0.5em!important;
	margin-bottom: 0.5em!important;
}
/*----------------利用規約改定のお知らせお知らせ----------------*/

/*----------------導入ガイド----------------*/
.transduction-list{
	display: inline-block;
	background-color: #fff!important;
	margin-top: 1rem!important;
	border: 2px solid #eeee;
}
.transduction-list::after{
    border-style: none!important;
}
.transduction-list li:first-of-type{
	margin-top: 0!important;
}

.transduction-list li{
	display: block;
	margin-top: 1.5rem!important;
}
.transduction-list li::before{
	content: "▼"!important;
	margin-left: 0!important;
	margin-right: 1.5rem!important;
	color: #16528e!important;
}

.transduction-text{
	margin-top: 1rem!important;
	margin-left: 2rem!important;
}

.transduction-3title{
	border: none!important;
	margin-top: 2rem!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	padding-left: 1.5em!important;
	text-indent: -1.5em!important;
	border-bottom: #eeee 4px solid!important;
}

.transduction-3title::first-letter{
	font-size: 2.2rem!important;
	color: #16528e!important;
	padding-left: 0.5em!important;
}

.transduction-3title a{
	color: #16528e!important;
}

.transduction-3title a::after{
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	margin-left: 0.7rem;
    width: 2rem!important;
    height: 1.8rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/03/新しいウィンドウで開く-1.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.transduction-list li a:hover,.transduction-3title a:hover{
	text-decoration: underline!important;
}

.anchor-box{
	margin-top: 0!important;
	padding-top: 50px!important;
}

a.anchor {
    display: block;
    padding-top: 30px!important;;
	margin: -30px!important;
}

a.anchor2{
    display: block;
    padding-top: 30px!important;
    margin-top: -30px!important;
}

.target-span {
	padding-left:16.5em!important;
	text-indent:-16.5em!important;
	margin-top: 0.2rem!important;
}

.target-span2{
	padding-left: 1em!important;
	text-indent: -1em!important;
	margin-top: 0.2rem!important;
}

@media (max-width: 768px) {
	.transduction-3title::first-letter{
		font-size: 1.8rem!important;
	}
	.target-span {
		padding-left:0!important;
		text-indent:0!important;
	}
	.anchor-box{
		padding-top: 0!important;
	}
	a.anchor {
    	padding-top: 0!important;;
		margin: 0!important;
	}
	a.anchor2{
    padding-top: 0!important;
    margin-top: 0!important;
	}
}
/*----------------導入ガイド----------------*/

/*----------------データDLテーブル----------------*/
.dl-table th{
	font-size: 1.2rem!important;
	background-color: #166fa4!important;
}

.dl-table td,.dl-table th{
	font-size: 1.1rem;
	padding: 10px 2px!important;
	text-align: center;
	word-break : break-all;
}
/*----------------データDLテーブル----------------*/

/*----------------ハードウェア----------------*/
.hard-flex:first-of-type{
	margin: 2rem auto!important;
}
.hard-flex{
	display : flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin: 7rem auto!important;
}
.hard-item{
	width: 50%;
	margin: 0 5rem;
}
.hard-table{
	margin: 0 auto!important;
	border-collapse: collapse!important;
　　table-layout: fixed!important;
}
.hard-table td{
	width: 300px!important;
	background-color: white!important;
	padding: 4px!important;
}

.hard-table td a::after{
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	margin-left: 0.5rem;
    width: 1.5rem!important;
    height: 1.2rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/03/新しいウィンドウで開く-1.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.hard-table td a:hover{
	text-decoration: underline!important;
}	

.hard-title{
	font-size: 1.9rem;
	margin: 1rem 0 1.5rem 0!important;
}
.mark-tag{
	font-size: 1.4rem;
	margin-right: 1rem;
	padding: 0.5rem 0.8rem;
	color: white;
	background-color: #D44715;
} 
.mark-tag2{
	font-size: 1.4rem;
	margin-right: 1rem;
	padding: 0.5rem 1.7rem;
	color: white;
	background-color: #005a87;
}
.mark-tag3{
	font-size: 1.4rem;
	margin-right: 1rem;
	padding: 0.5rem 0.8rem;
	color: white;
	background-color: #D4A715;
} 
@media (max-width: 768px) {
.hard-flex{
	display : flex;
	flex-direction: column-reverse;
	margin: 3rem auto!important;
	}
.hard-item{
	width: 100%;
}	
.hard-table td{
	width: 150px!important;
	}
}
/*----------------ハードウェア----------------*/

/*----------------セキュリティスタンド----------------*/

#security-wrap{
	margin: 2rem 1rem 8rem 1rem!important;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#security-slider{
	width: 43%;
	margin:0!important;
}

#security-slider div{
	margin-top:0!important;
}
.security-item >img {
    width: 100%;
	margin: 0 auto!important;
  }  

.security-link{
	position: absolute;
	font-size: 1.7rem!important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity:0;
}

.security-link > span{
	position: absolute;
	top: 50%;
  	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	color: white;
}

.security-link:hover{
	opacity: 1;
	background-color: rgba(0,0,0,0.40);
	border: none!important;
}

#thumbnail-list{
	width: 20%;
	margin: 0!important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

#thumbnail-list >div{
	margin-top: 0!important;
}

.thumbnail-item{
	display: flex;
	box-sizing: border-box;
	position:relative;
	margin: 1.2rem!important;
}	
.thumbnail-item:after{
    content:'';
    position:absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.thumbnail-item:hover{
	opacity: 0.5;
}


.thumbnail-current:after{
   border: 1.5px solid #000;
  }


  .thumbnail-current > img{
    width: 100%;
    margin: 0 auto;
  } 

.security-table{
	margin: 2rem!important;
	border-collapse: collapse!important;
}
.security-table td{
	background-color: white!important;
	padding: 2rem 1rem!important;
}

.security-table td a::after{
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	margin-left: 0.5rem;
    width: 1.5rem!important;
    height: 1.2rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/03/新しいウィンドウで開く-1.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.security-expansion{
	text-align: center!important;
}

.security-link2{
	text-align: center;
	font-size: 1.8rem;
	
}
.security-link2 a{
	text-decoration: underline!important;
	font-weight: bold;
}

@media (max-width: 768px) {
	#security-wrap{
		flex-wrap: wrap;
		margin: 1rem 0!important;
		align-content: center;
	}
	#security-slider{
		width: 100%;
		margin:0 auto!important;
	}
	.security-img {
		margin:0 auto!important;
	}
	#thumbnail-list{
		width: 100%;
		flex-direction: row;
		margin-top: 4rem!important;
	}
	.thumbnail-item{
		margin: 0.5rem!important;
		align-items: flex-start;
		align-self: flex-start;
	}	
	
	.security-table{
		margin: 0.5rem 0!important;
	}
	.security-table td{
		padding: 1rem 1rem!important;
	}
	.security-link2{
		font-size: 1.5rem;
	}
}

/*----------------セキュリティスタンド----------------*/

/*----------------カテゴリー別ガイド----------------*/
.category-attention1:before{
	font-family: icomoon;
    content: "\eae0";
    transform: scale(.6);
	color: #007cba;
	font-size: 2.5rem;
	margin-right: 0.2rem;
	margin-left: 0.2rem;
	vertical-align: middle;
}
.category-attention2:before{
	font-family: icomoon;
    content: "\ea9e";
    transform: scale(.6);
	color: #007cba;
	font-size: 2.5rem;
	margin-right: 0.2rem;
	margin-left: 0.2rem;
	vertical-align: middle;
}

.by-category-title{
	font-size: 2rem;
	margin-top: 4.5rem!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	padding-left: 1.5em!important;
	text-indent: -1.5em!important;
	border-bottom: #eeee 4px solid!important;
}

.by-category-subtitle{
	font-weight: bold;
    border-left: solid 8px #007cba!important;
	margin-left: 1em!important;
	padding-left: 0.5em!important;
	margin-top: 3rem!important;
}

.links-by-category{
	list-style: none;
	background-color: white!important;
	margin-top: 0!important;
	padding: 10px 0 0 30px!important;
}
.links-by-category:after{
	border-style: none!important;
}

.links-by-category li{
	padding-left: 0!important;
	font-size: 1.6rem;
	line-height: 1.6rem;
}

.links-by-category li a:before{
	font-size: 2rem;
	content: ">";
	margin-right: 0.5rem;
	vertical-align: baseline;
	display: inline-block;
}

.links-by-category li:before{
	content: none!important;
}

.category-i{
	margin-left: 1.5rem!important;
}

.pdf-i:before{
	font-size: 1.8rem!important;
	font-family: icomoon!important;
	content: "\eae0"!important;
	margin-right: 0.2rem!important;
}

.movie-i:before{
	font-size: 1.8rem!important;
	font-family: icomoon!important;
	content: "\ea9e"!important;
	margin-right: 0.2rem!important;
}

a .movie-i:hover{
	border-bottom: 1px solid #16528e;
}

.links-by-category li a:hover{
	border-bottom: 1px solid #16528e;
}
/*----------------カテゴリー別ガイド----------------*/