@charset "utf-8";

#members {
}
/*セミナーメニュー*/
#seminarMenu {
 margin: 1em 1.5em;
}
#seminarMenu li a{
 background: #d15262;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display: block;
 color: #fff;
 font-size: 12px;
 /* font-size: 1.2rem; */
 letter-spacing: 0rem;
 line-height: 1.3;
 margin-bottom: .3em;
 padding: .6em;
 text-decoration: none;
}
#seminarMenu li a::before{
 content:"\f054";
 font-family: "FontAwesome";
}
#seminarMenu li a:hover::before{
 content:"\f078";
 font-family: "FontAwesome";
}
#seminarMenu li.span_12:nth-child(odd),
#seminarMenu li.span_8:nth-child(3n+1){
 margin-left: 0;
}
/*セミナー場所*/
#seminarArea {
 margin: 0 1em;
}
#seminarArea section{
 margin-bottom: 5em;
}
#seminarMenu h2,
#seminarArea h2{
 border-bottom: 1px solid #888888;
 border-top: 1px solid #888888;
 margin-bottom: 1em;
 padding: 1em 0;
}
#seminarArea .seminarInfo{
 margin: 1em 0;
}
#seminarArea .seminarInfo .span_10{
 margin-bottom: 1em;
 margin-top: 1em;
}
#seminarArea .placeTtl{
 background: #64605d;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display: block;
 padding: .5em;
}
#seminarArea table.place{
 width:100%;
 margin-bottom:2%;
}
#seminarArea table.place thead{
 display:none;
}
#seminarArea table.place tr{
 display:block;
 border-bottom:2px dashed #666;
 padding-top: 1em;
}
#seminarArea table.place th{
 font-size: 12px;
 /* font-size: 1.2rem; */
 letter-spacing: .05;
}
#seminarArea table.place td{
 box-sizing: border-box;
 display:block;
 text-align:right;
 font-size: 12px;
 /* font-size: 1.2rem; */
 letter-spacing: .05;
 padding:1% 0 1% 1%;
 word-wrap:break-word;
}
#seminarArea table.place td.spNone{
 display: none;
}
#seminarArea table.place td p{
 margin: 0;
 text-align:right;
 word-wrap:break-word;
}
#seminarArea table.place th span,
#seminarArea table.place td span{
 display: inline-block;
 text-align:right;
}
#seminarArea table.place td span.tel::before{
 content:"\f095\00a0";
 font-family: "FontAwesome";
}
#seminarArea table.place td span.mail::before{
 content:"\f003\00a0";
 font-family: "FontAwesome";
}
#seminarArea table.place td span.fax::before{
 content:"\f1ac\00a0";
 font-family: "FontAwesome";
}
#seminarArea table.place td a{
 color:#333;
}
#seminarArea table.place td a:hover{
 color:#de4370;
}
#seminarArea table.place td:last-child{
 border-bottom:0;
}
#seminarArea table.place td::before {
 content:attr(data-label);
 float:left;
 font-weight: bold;
 position:relative;
 color:#de4370;
 }
#seminarArea .btnPink a{
 margin-top: 2em;
 padding: 1em;
}
#seminarArea .btnGreen a{
 margin: 2em 0;
 padding: 1em;
}
#seminar .btnGreen a::after,
#seminar .btnPink a::after{
 content:"\00a0\f0a9";
 font-family: "FontAwesome";
}
/***********************************************************/
/***********************************************************/
@media print, screen and (max-width: 767px) {	
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
/* tablet PC */
 
/*セミナーメニュー*/
#seminarMenu li a{
 font-size: 10px;
 /* font-size: 1.0rem; */
 padding: 1em .1em 1em .4em;
}
/*セミナー場所*/
#seminarArea {
 margin: 0 1.5em;
}
#seminarArea .seminarInfo .span_10{
}
#seminarArea .placeTtl{
 display: none;
}
#seminarArea table.place{
 border:1px solid #999;
 border-collapse:collapse;
 padding:0;
 width:100%;
 letter-spacing: 0;
}
#seminarArea table.place thead{
 color: 666;
 display: inline;
}
#seminarArea table.place tr{
 margin:0;
 border-bottom:1px solid #999;
 padding-top:0;
}
#seminarArea table.place tr.trBg{
 background: #fbfaf5;
}
#seminarArea table.place tr:last-child{
 border-bottom:0;
}
#seminarArea table.place th{
 background: #64605d;
 color: #fff;
}
#seminarArea table.place th,
#seminarArea table.place td{
 text-align:left;
 display: inline;
 letter-spacing: 0;
 margin:0;
 height: auto;
 border-left: 1px solid #999;
 padding: 1%;
}
#seminarArea table.place td.spNone{
 display: inline;
}
#seminarArea table.place th p,
#seminarArea table.place td p{
 margin-bottom: 0;
 text-align:left;
}
#seminarArea table.place th span,
#seminarArea table.place td span{
 display: block;
 text-align:left;
}
#seminarArea table.place th:first-child,
#seminarArea table.place td:first-child{
 border-left: none;
}
#seminarArea table.place td p::before {
}
#seminarArea table.place td::before {
 content: "";
}

}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1000px) {
/*セミナーメニュー*/
#seminarMenu li a{
 font-size: 12px;
 /* font-size: 1.2rem; */
 letter-spacing: .15rem;
 padding: .6em;
}
}