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

.Ttlcontent h2{
    margin-top: 0em;
    padding-left: 5em;
}
p.logo img{
    max-width: 120px;
    width: 100%;
    padding-left: 9em;
}

.indexContent{border: 1px solid #d2cfcf;border-top: none;box-shadow: 0px 0px 21px 0px #eaeaea;}
.colContent{width:100%;}

@media (min-width:320px) and (max-width:728px) {
.indexContent{border: 1px solid #d2cfcf;border-top: none;box-shadow: 0px 0px 21px 0px #eaeaea;}
p.logo img{padding-left: 0em;}
.Ttlcontent h2{padding-left: 1em;font-size: 1.5em;}
}

h2{background:url(../img/p-pt.png);background-size: 4% auto;padding: 1.5em;color: #000000!important;margin-bottom: 0!important;border-top: 1px solid #E5F3F2;border-bottom: 1px solid #E5F3F2;}
/*h2:before{content:"Seminers/Events";display:block;color:#F63;font-weight:bold;font-size: .7em;line-height: 2em; font-family:Arial, Helvetica, sans-serif;}*/

h3{/* margin-bottom: 5em; */border-bottom: 1px dashed #d4d3d3;padding:1em 0;}
h3 ul{display:flex;padding-left: 10em;}
h3 li:nth-child(1){display:block;width: 20%;}
h3 li:nth-child(2){display:block;width: 80%;}
h3 li:nth-child(1):before{content:"会期："; margin-right:0.5em;}
h3 li:nth-child(2):before{content:"会場："; margin-right:0.5em;}
h3 li:before{color:#8f5c3a;}
.areaTtl{display:block;font-weight: bold;font-size: 1.3em;margin-bottom: 1em;margin-top: 5em;color: #504f4f;}
.subTtl{display:block;color: #dc6907;font-size: 1.5em;/* font-weight: bold; */margin-bottom: 0.5em;}

@media (min-width:320px) and (max-width:728px) {
h3{/* margin-bottom: 5em; */border-bottom: 1px dashed #d4d3d3;padding:1em 0;}
h3 ul{flex-direction: column;padding-left: 1em;}
h3 li:nth-child(1){display:block;width: 100%;}
h3 li:nth-child(2){display:block;width: 100%;}
.areaTtl{display:block;font-weight: bold;font-size: 1.3em;margin-bottom: 1em;margin-top: 2em;}
.subTtl{display:block;font-size: 1.5em;margin-bottom: 0.5em;}
}

.colContent article{margin-left: 10em;width: 76%;}
div.recommend{border: 3px solid #c1b998;padding: 2em;border-radius: 8px;/* margin: 3em 0; */position: relative;width: 93%;/* margin: 0 auto; */}
div.recommend:before{content:"\f007";font-family:fontawesome;margin-right:0.2em;font-size: 1.8em;position: absolute;top: -1em;left: 1em;background: #ffffff;padding: 0.3em;}
div.recommend p{position: absolute; top: -1.5em; left: 4em; padding: 0.5em; background: #ffffff; font-weight: bold;}
.recommend i{color: #c1b998; margin-right: 0.3em; font-size: 1.5em; line-height: 2em;}
div.recommend ul{display:flex; flex-direction: column;}
div.recommend li{width: 100%; display:block;}

@media (min-width:320px) and (max-width:728px) {
.colContent article{margin-left: 1em;width: 95%;}
div.recommend{border: 3px solid #c1b998;padding: 2em;border-radius: 8px;/* margin: 3em 0; */position: relative;width: 85%;/* margin: 0 auto; */}
div.recommend:before{left: 0.5em;}
div.recommend p{left: 3em;}
div.recommend li{line-height: 1em; margin-bottom: 0.5em;}
}

.SeminarDetail table{width: 100%;/* margin: 0 auto; */}
.SeminarDetail th{width: 30%;font-weight: normal;text-align: left;padding: 1em;display: block;background: #f5f4f4;border-bottom: 1px dotted #CDD4DC;}
.SeminarDetail td{width: 70%;padding: 1em;display: block;border-bottom: 1px dotted #CDD4DC;}
.SeminarDetail tr:nth-child(1){border-top: 1px solid #dad8d8;}
.SeminarDetail tr:last-child{border-bottom: 1px solid #dad8d8;}
.SeminarDetail tr{display:flex;}
.SeminarDetail  tr:last-child th,article tr:last-child td{border-bottom:none;}

@media (min-width:320px) and (max-width:728px) {
.SeminarDetail table{width: 99%;}    
.SeminarDetail  tr{flex-direction: column;}    
.SeminarDetail th{width: 92%;}
.SeminarDetail td{width: 92%;}
.SeminarDetail tr:nth-child(1){border-top: 1px solid #dad8d8;}
.SeminarDetail tr:last-child{border-bottom: 1px solid #dad8d8;}
.SeminarDetail tr{display:flex;}
.SeminarDetail tr:last-child th,article tr:last-child td{border-bottom:none;}
}

.map{margin-left: 1em;}
.map:before{content:"\f041"; font-family:fontawesome; margin:0 0.5em;}

/*申し込みボタン*/
.btn{text-align: center; margin: 5em;}
.btn a{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9ee4d+0,fc9e32+54,f98500+100 */background: #f9ee4d; /* Old browsers */background: -moz-linear-gradient(top, #f9ee4d 0%, #fc9e32 54%, #f98500 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #f9ee4d 0%,#fc9e32 54%,#f98500 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #f9ee4d 0%,#fc9e32 54%,#f98500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ee4d', endColorstr='#f98500',GradientType=0 ); /* IE6-9 */padding: 1.5em;border-radius: 3em;color: #ffffff;width: 50%;border: 1px solid #fc9e32;display: block;font-size: 1.3em;margin: 0 auto;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);font-weight: bold;}

.btn a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fca24e+0,f98e13+54,b73a00+100 */background: #fca24e; /* Old browsers */background: -moz-linear-gradient(top, #fca24e 0%, #f98e13 54%, #b73a00 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #fca24e 0%,#f98e13 54%,#b73a00 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #fca24e 0%,#f98e13 54%,#b73a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca24e', endColorstr='#b73a00',GradientType=0 ); /* IE6-9 */color: #ffffff;}

@media (min-width:320px) and (max-width:728px) {
.btn{margin: 3em 0 0 0;}
.btn a{padding: 1em;border-radius: 3em;color: #ffffff;width: 80%;border: 1px solid #fc9e32;display: block;font-size: 1.3em;margin: 0 auto;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);font-weight: bold;}
}

/*footer*/
footer{margin:0 auto;text-align: center;}
.cop{font-size: 1em;color: #999999;}
ul{display:flex;justify-content: center;margin: 0 auto;margin-bottom: 1em;max-width: 1080px;width: 100%;}
li{display:block;width: 15%;}


@media (min-width:320px) and (max-width:728px) {
.indexContent{border: none;border-top: none;box-shadow: none;}
footer ul{flex-direction: column;}
footer li{display:block;width: 100%;line-height: 1.5em;}
}

font.subTtl{font-size:medium;color: #dc6907;display:block;margin-bottom: 0;}
/*font.subTtl:after{content:"Seminers/Events";color:#717171; font-weight:bold;font-size: 1em;line-height: 2em;margin-left: 0.5em;font-family:Arial, Helvetica, sans-serif;}*/
font.comment{font-size:small; display:block;}

@media (min-width:320px) and (max-width:728px) {
    font.subTtl{font-size: 0.7em;}
    font.comment{font-weight: 100;}
}