@charset "UTF-8";

/*----------------------------------
CIDESCO認定サロンリスト
---------------------------------- */
.main_area_sub {width: 85%; max-width: 840px; margin: 0 auto;}
#salon_list dl {
	padding: 5px;
	border: 1px #ccc solid;
	line-height: 1.5;
	margin: 7px 0 30px 0;
}

#salon_list dt {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	padding: 9px 0 8px 30px;
	background: #dde6ea;
	border: 1px #d1dce1 solid;
}

#salon_list dd {
	padding-top: 9px;
	border-left: 1px #d1dce1 solid;
	border-right: 1px #d1dce1 solid;
	border-bottom: 1px #d1dce1 solid;
	font-size: 14px;
}

#salon_list dd p {
	margin: 0 0 8px 30px;
  text-align: center;
}

#salon_list dd div {
	font-size: 13px;
	margin: 2px 15px 13px 15px;
	padding: 10px 20px;
	background: #eee;
	border: 1px #0527af dotted;
  text-align: left;
}

.salon_logo_kanagawa {position: absolute; top: 0; right: 10px;}
.salon_logo_ishikawa {position: absolute; top: 0; right: 15px;}
.salon_logo_kyoto {position: absolute; top: 0; right: 20px;}
.mark_founder, .mark_founder01 {
  position: absolute;
  top: 5px; right: 5px;
  background: #164A8E;
  border-radius: 6px;
  border: 2px #CCC solid;
  padding: 1px 5px 2px 5px;
  color: #fff;
  font-weight: normal;
  fot-size: 11px;
}

.sw_founder {
	position: absolute;
	top: -5px;
	right: 0px;
	display: inline-block;
	background: #eee;
	border: 1px #0526ae solid;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

.sw_founder a {
	display: block;
	padding: 1px 15px 10px 15px;
}

#salon_order {
	border: 1px #ccc solid;
	padding: 5px;
}

#salon_order p {
	width: 578px;
	background: #0527af;
	padding: 10px 30px;
	color: #FFF;
	text-align: center;
}

#salonlist_baner {
	position: absolute;
	top: 255px;
	left: -4px;
}
#salonlist_baner2 {
	position: absolute;
	top: 451px;
	left: -4px;
}

.area_title {font-size: 1.2rem;}
@media (min-width: 835px) and (max-width: 979px) {
	#salonlist_baner {display: none;}
	#salonlist_baner2 {display: none;}
}

@media (max-width: 834px) {
	#salon_list dt {padding: 9px 0 8px 20px;}
	#salon_list dd p {margin: 0 10px 8px 15px; font-size: 13px;}
	#salon_order {display: block; margin-bottom: 15px;}
	#salon_order p {width: 90%; padding: 10px 5%;}
	
	#salonlist_baner {display: none;}
	#salonlist_baner2 {display: none;}
	.sw_founder {top: 0px; text-align: right;}
}

@media (max-width: 680px) {
  .founder01_wrap {display: flex; margin: 0 auto; justify-content: center; -webkit-align-items: center; align-items: center;}
	.mark_founder {width: 140px; position: relative; display: block; margin: 0 auto 3px; padding: 1px 0 2px 0;}
  .mark_founder01 {width: 140px; position: relative; display: block; margin-bottom: 3px; padding: 1px 0 2px 0;}
}

/*----------------------------------
CIDESCO-NIPPON会員サロンリスト
---------------------------------- */
.tsume {font-size: 0.9rem; margin: 80px auto 0;}
.salon #salonlist h3 {font-size: 23px; margin: 10px 0;}

#salonlist {margin: 0 auto 100px;}
#salonlist ul {margin: 0; padding: 0;}
#salonlist li {
	padding: 10px 0;
	font-size: 0.9rem;
	line-height: 1.6;
}

#salonlist li h3 {
	background: #ddd;
	padding: 9px 0;
	line-height: 1.4;
	font-size: 15px;
	margin-bottom: 13px;
	border: 4px #FFF solid;
	border-radius: 7px;   
	box-shadow:0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
  -webkit-box-shadow:0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
  -moz-box-shadow:0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
}

#salonlist .telpc { display: inline-block !important; }
#salonlist .telsp { display: none !important; }

@media (max-width: 768px) {
  .salon #salonlist h3 {font-size: 16px; margin: 10px 0;}
	
	#salonlist .telsp { display: inline-block !important; }
	#salonlist .telpc { display: none !important; }
}　
/*----------------------------------
認定校リスト
---------------------------------- */

.school .area_title {font-size: 0.8rem;}

#school_list dl {
  width: 70%;
	padding: 5px;
	border: 1px #ccc solid;
	line-height: 1.5;
	margin: 7px auto 50px;
  text-align: left;
}

#school_list dt {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	padding: 9px 0 8px 30px;
	background: #dde6ea;
	border: 1px #d1dce1 solid;
}

#school_list dd {
	padding: 9px 0 8px 30px;
	border-left: 1px #d1dce1 solid;
	border-right: 1px #d1dce1 solid;
	border-bottom: 1px #d1dce1 solid;
	font-size: 14px;
}

#school_list a:link {
	color: #0527af;
	text-decoration: none;
}
#school_list a:visited {
	color: #0527af;
	text-decoration: none;
}
#school_list a:hover {
	color: #5582cb;
	text-decoration: underline;
}

.school_logo {
	position: absolute;
	top: 9px;
	right: 10px;
}
.school_logo_hokkaido03 {position: absolute; top: 10px; right: 10px;}
.school_logo_gunma {position: absolute; top: 5px; right: 10px;}
.school_logo_tokyo01 {position: absolute; top: 11px; right: 10px;}
.school_logo_tokyo03 {position: absolute; top: 6px; right: 10px;}
.school_logo_tokyo04 {position: absolute; top: 1px; right: 10px;}
.school_logo_tokyo06 {position: absolute; top: 2px; right: 10px;}
.school_logo_tokyo07 {position: absolute; top: 0px; right: 10px;}
.school_logo_aichi01 {position: absolute; top: 9px; right: 10px;}
.school_logo_osaka02 {position: absolute; top: 4px; right: 10px;}
.school_logo_osaka03 {position: absolute; top: 8px; right: 10px;}
.school_logo_okayama01 {position: absolute; top: 3px; right: 10px;}
.school_logo_hiroshima01 {position: absolute; top: 3px; right: 10px;}
.school_logo_fukuoka01 {position: absolute; top: 5px; right: 10px;}

@media (max-width: 834px) {
	#school {line-height: 1.7;}
  #school_list dl {width: 100%;}
	#school li {padding: 10px 40px 10px 15px;}
	.pdf_mark {position: absolute; top: 2px; right: 7px;}
}

@media (max-width: 768px) {
  #school_list dt {padding-top: 40px; text-align: center;}
}