/* セミナー一覧

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
@media screen and (min-width: 1100px) {
	.seminarPage header {background-color: #fff!important;border-bottom: 1px solid #f7f7f7;}
	.seminarPage #spHeader {height: 80px;}
}
.seminarPage header{background-color: #fff!important;border-bottom: 1px solid #f7f7f7;}
.seminarPage header .header-logo-after{display: block;}
.seminarPage header .header-logo-before{display: none;}
.seminarPage header .uk-navbar-nav > li > a {color: #333;}
.seminarPage #pageTitle{padding-top:5rem;padding-bottom:5rem;background:#FFF3F3;}
.seminarPage #pageTitle .uk-container{margin: initial;}
.seminarPage #pageTitle .ttlBox{width: 1200px;}
.seminarPage #pageTitle h2{padding: 0;}
.seminarPage #pageTitle h2 span{display:inline;}
.seminarPage #pageTitle h2 .subTtl{font-size:1.8rem;color: #333;filter:none;display: inline-block;}
.seminarPage #pageTitle h2 .mainTtl{font-size:32px;color: #333;filter:none;line-height: 1.5em;}
.seminarPage #pageTitle p{color: #000;font-size:20px;margin-top:2rem;}
.seminarPage #pageTitle .ttlIllust{width: 100%;max-width: 300px;margin-left: 2rem;}
.seminarPage .uk-section{padding-top:60px;}
.seminarPage .uk-container-xlarge{margin:0 auto;max-width:1400px;}
.seminarPage .uk-subnav{margin:0px auto 4rem;width:587px;}
.seminarPage .uk-subnav>* {text-align: center;}
.seminarPage .uk-subnav-pill>li>a {padding: 0 25px!important;color: #333;border-radius: 30px;border: 1px #333 solid;font-weight: bold;text-transform: none;}
.seminarPage .uk-subnav-pill>li>a:hover {color: #fff;background-color: #333;}
.seminarPage .uk-subnav-pill>.uk-active>a {background-color: #333;color: #fff !important;}
.seminarPage ul{position: relative;}
.seminarPage .itemBox{width:100%;padding:2rem;transition: all .3s;display: flex;}
.seminarPage .itemBox > a {display: flex;flex-direction: column;}
.seminarPage .itemBox .caseTtl{margin-bottom:2rem;}
.seminarPage .itemBox .caseTtl span{color: #e9273e;display:inline-block;margin-right: 5px;}
.seminarDetailPage .date,
.seminarPage .itemBox .date {position:relative;padding-left:2.5rem;font-size:14px;margin-bottom:7rem;}
.seminarDetailPage .date::before,
.seminarPage .itemBox .date::before {content:"\f274";color:#fff;font-family: "fontawesome";position: absolute;left: 0;    top: 2px;font-size: 11px;background: #D3332E;border-radius: 50%;width: 20px;height: 20px;padding: 0.1rem .5rem;}
.formArea .arch,
.seminarDetailPage .arch,
.seminarPage .itemBox .arch {display:none;}
.formArea .arch:not(:empty),
.seminarDetailPage .arch:not(:empty),
.seminarPage .itemBox .arch:not(:empty) {display:block;position:relative;padding-left:4.8rem;}
.formArea .arch:not(:empty)::before,
.seminarDetailPage .arch:not(:empty)::before,
.seminarPage .itemBox .arch:not(:empty)::before {content: "アーカイブ";color: #000;position: absolute;left: 0;top: 5px;font-size: 9px;background: #F3F3F3;}
.seminarPage .itemBox .btn{text-align:center;padding:9px;}
.seminarPage .itemBox a:hover .btn{color:#fff;}
.seminarPage .itemBox a:hover .btn::before{transform-origin: 0% 50%;transform: scaleX(1);}
.seminarPage .itemBox .btn.on{color:#fff;background:#5FBBCE;border: 2px solid #5FBBCE;}
.seminarPage .itemBox .btn.off{color:#fff;background:#8C8C8C;font-size: 0;border: 2px solid #8C8C8C;padding-left: 1.5rem;}
.seminarPage .itemBox .btn.off::before{  content: "受付終了";font-size: 16px;position: relative;
 background: #8C8C8C;}
.seminarPage .itemBox a:hover .btn.on::before{content:none;}
.seminarPage .itemBox a:hover .btn.off::before{content:"受付終了";}
/*　ホバーで画像を拡大する */
.seminarPage .itemBox a .thumBox{overflow:hidden;position:relative;border: 1px solid #C9C9C9;border-radius: 10px;width: 100%;}
.seminarPage .itemBox a .thumBox img{height: auto;transition: transform .5s ease;}
.seminarPage .itemBox a:hover .thumBox img{transform: scale(1.1);}
.seminarPage .itemBox .textBox{padding:1.5rem 0 0 0;position: relative;}
.seminarPage .textBox .hotelName{font-size:16px;margin-bottom:10px;letter-spacing: .05em;}
.seminarPage .itemBox .textBox .caseTtl{font-size:1.6rem;}
.seminarPage .itemBox .textBox{font-size:1.6rem;display: flex;flex-direction: column;flex: 1;min-height: 0;}
.seminarPage .textBox .uk-grid:last-child {margin-top: auto;}
.seminarPage .itemBox a:hover .circleBtn{background: #e9273e;color: #fff;}
.seminarPage #linkBn{background: #103DA9;color:#fff;display:flex;justify-content:center;font-weight:bold;padding:1rem 0;font-size:16px;gap:1rem;}
.seminarPage #linkBn .buttan a{color: #103DA9;background:#fff;border-radius:30px;padding: .4rem 2rem;font-size:14px;}

@media screen and (max-width:1400px){
	.seminarPage .textBox .hotelName{font-size:15px;}
}
@media screen and (max-width:1300px){
	.seminarPage #pageTitle .ttlBox{width:auto;}
	.seminarPage #pageTitle .ttlIllust{max-width: 260px;margin-left: 6rem;}
}
@media screen and (max-width:1200px){
	.seminarPage #pageTitle h2 .mainTtl{line-height: 1.6;}
	.seminarPage #pageTitle h2 span.spBlock1200{display:block!important;}
	.seminarPage .uk-subnav>* {max-width: none;margin-bottom:1rem;}
	.seminarPage .itemBox .textBox .caseTtl{font-size:20px;}
}
@media screen and (max-width:1099px){
	.seminarPage .uk-subnav{margin:0px 0px 4rem;}
}
@media screen and (max-width:960px){
	.seminarPage .uk-section{padding-top:4rem;}
	.seminarPage #pageTitle .uk-container{flex-direction: column;}
	.seminarPage #pageTitle h2{font-sixe:32px;text-align: center;}
	.seminarPage #pageTitle p{text-align: center;margin-top: 2rem;}
	.seminarPage #pageTitle .ttlIllust{width: 100%;max-width: initial;margin-left: initial;margin-top: 4rem;text-align: center;}
	.seminarPage #pageTitle .ttlIllust img{max-width: 240px;}
	.seminarPage .itemBox .btn{font-size: 1.4rem;text-align:center;padding:6px 5px;}
	.seminarPage .itemBox .btn.off::before{font-size: 1.4rem;}
	.seminarPage .itemBox{padding:0;}
}
@media screen and (max-width:640px){
	.seminarPage #pageTitle{padding-top:3rem;padding-bottom:3rem;}
	.seminarPage #pageTitle h2 .subTtl{font-size:1.6rem;letter-spacing:normal;}
	.seminarPage #pageTitle h2 .mainTtl{font-size:2.6rem;}
	.seminarPage #pageTitle h2 span.spBlock640{display:block;}
	.seminarPage .uk-subnav{width:344px;}
	.seminarPage .itemBox{width:100%;margin-bottom:0;}
	.seminarPage .itemBox:first-child{margin-right: 0;}
	.seminarPage .itemBox .textBox{padding:10px 0;}
	.seminarPage .itemBox .textBox .caseTtl{font-size:1.4rem;line-height:1.6em;}
	.seminarPage .itemBox .caseTtl{margin-bottom:1rem;}
	.seminarPage .itemBox .detailLink .text{font-size:14px;}
	.seminarPage .itemBox .detailLink .circleBtn{bottom:19px;right:20px;}
	.seminarPage 	#linkBn{flex-direction:column;align-items: center;text-align:center;line-height: 2.0rem;padding:1.5rem 0 2rem 0;gap: 1.5rem;}
}

/* セミナー詳細ページ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.seminarDetailPage .topImg img{border-radius:10px;}
.seminarDetailPage .status.closed{background: #8C8C8C;}
.seminarDetailPage .status{font-size: 18px;font-weight: 700;color: #fff;background: #5FBBCE;display: inline-block;padding: 4px 0;width: 100px;text-align: center;margin-top:20px;}
.seminarDetailPage h3{font-size: 32px;font-weight: 700;color:#333;line-height: 1.4;}
.seminarDetailPage h4{font-size: 24px;font-weight: 700;color:#333;border-left: 2px solid #d3332e;padding: 5px 10px 5px 16px;margin-bottom:20px;}
.seminarDetailPage p{font-size:16px;}
.seminarDetailPage .recommend{position:relative;padding:15px 25px 25px 25px;margin-top: 30px;}
.seminarDetailPage .recommend .fukidashi{position: absolute;top:-30px;left:0;padding: .7em 1em;border-radius: 10px;background-color: #ffffff;box-shadow:0 0 10px rgba(0,0,0,0.09);}
.seminarDetailPage .recommend .fukidashi:after{content: '';position: absolute;top: 100%;left: 30px; width: 0;height: 0;border: 11px solid transparent;border-top: 11px solid #ffffff;}
.seminarDetailPage .recommend .fukidashi p{font-size:1.6rem;font-weight:bold;color:#d3332e;}
.seminarDetailPage .recommend .listText{margin-top:1.5em;}
.seminarDetailPage .recommendDetaile{margin-top:1.5em;font-size:1.6rem;}
.seminarDetailPage .recommendDetaile li{position: relative;line-height: 3rem;padding: 3px 12px 3px 1.5em;}
.seminarDetailPage .recommendDetaile li:before{display: block;position: absolute;left: 0;content: url(../../img/icon/check_icon.svg);color: #d3332e;top:.3em;vertical-align: middle;}
.seminarDetailPage table{font-size:1.6rem;border-bottom: 1px solid #e5e5e5;}
.seminarDetailPage .uk-table tr{line-height: 3.5rem;}
.seminarDetailPage .uk-table th{padding:15px 5px;font-weight:normal;}
.seminarDetailPage .uk-table td{padding:15px 5px;}
.seminarDetailPage .uk-table a{font-size:1.4rem;}
.seminarDetailPage .uk-table a:hover{opacity:0.7;}
.seminarDetailPage table .arch:not(:empty)::before{line-height: 1.6;top:12px;}
.seminarDetailPage .lecturer{display: grid;column-gap: 30px;row-gap: 15px;}
.seminarDetailPage .lecturer .imgBox{max-width:140px;aspect-ratio:1/1;grid-column: 1 / span 1;grid-row: 1 / span 2;}
.seminarDetailPage .lecturer .imgBox img{border-radius: 10px;width: 100%;}
.seminarDetailPage .lecturer .name{grid-column: 2 / span 1;grid-row: 1 / span 1;}
.seminarDetailPage .lecturer .name ruby{font-size:18px;font-weight:700;}
.seminarDetailPage .lecturer .name rt{font-size:8px;font-weight:400;}
.seminarDetailPage .lecturer .textBox{grid-column: 2 / span 1;grid-row: 2 / span 1;}
.seminarDetailPage .lecturer p{font-size:14px;}
.seminarDetailPage .btnArea .btn,
.pcNone .btnArea .btn {display: inline-block;padding: 0;font-size: 2rem;letter-spacing: 0.1rem;height: 60px;max-width: 300px;width: 100%;line-height: 55px;}
.formArea {position: relative;background: #FFF3F3;border-radius: 10px;padding:45px;color:#000;}	
.formArea::before {content: "";position: absolute;border-radius: 5px;display: block;left: 0;top: 0;background: #fff;margin: 15px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.10);width: calc(100% - 30px);height: calc(100% - 30px);}
.formArea .title{font-size:18px;font-weight:700;}
.formArea .title .sub{font-size:12px;font-weight:400;}
.formArea .uk-table{position:relative;}
.formArea .uk-table-responsive th{padding:0;}
.formArea .uk-table-responsive td{padding:0 0 15px;}
.formArea .uk-table-responsive tr:last-child td{padding:0;}
.formArea .uk-table-responsive td,
.formArea  .uk-table-responsive tr {display: block;}
.formArea  .uk-table-responsive tr {display: block;}
.formArea .btnArea .btn {display: inline-block;color: #fff;background: #d3332e;padding: 0;font-size: 2rem;letter-spacing: 0.1rem;height: 60px;max-width: 300px;width: 100%;line-height: 55px;}
#sideContent.closed .formArea .btnArea .btn {background: #8C8C8C;border:none;}
.formArea .btnArea .btn::before {background: #d93c37;}	
#sideContent.closed .formArea .btnArea .btn::before {background: #8C8C8C;}	
.formArea .btnArea .btn:hover{border: 2px solid #d93c37;}		
#sideContent.closed .formArea .btnArea .btn:hover{border:none;}		
.pcNone{display:none;}
.spNone{display:blodk;}
.spBttomNav{position:fixed;width:100%;bottom:0;left:0;z-index:100;background:#D3332E;border-top:none;}
.spBttomNav p a{display:block;height:50px;font-size:1.8rem;letter-spacing:0;color:#fff;font-weight: 700;line-height: 50px;text-align:center;}
.spBttomNav i{font-size: 20px;padding-top: 25px;position: absolute;right: 0;top: 50%;    transform: translateY(-50%) rotate(90deg);}
@media screen and (min-width:960px) {
	#mainContent{float:left;width:62%;}
	#sideContent{position: sticky;top: 100px;float:right;width:33%;}
	#sideContent.closed{position: relative;top:0;}
	.formArea > div {overflow-y: auto;height: 75vh;position: relative;}	
	#sideContent.closed .formArea > div {overflow-y: auto;height: auto;position: relative;}	
	.spBttomNav {display: none;}	
}		
@media screen and  (max-width:959px){
	#sideContent.closed{display:none;}
	.seminarDetailPage .status{font-size: 14px;padding:0;max-width: 75px;}
	.seminarDetailPage h3{font-size: 24px;line-height: 1.4;}
	.seminarDetailPage h4{font-size: 20px;}
	.seminarDetailPage p{font-size:14px;}
	.seminarDetailPage .recommend{padding:15px 20px 25px 20px;}
	.seminarDetailPage .recommendDetaile{margin-top:1em;font-size:1.4rem;}
	.seminarDetailPage table{font-size:1.4rem;}
	.seminarDetailPage .uk-table tr{line-height: 3rem;}
	.seminarDetailPage .uk-table th{padding:25px 5px;}
	.seminarDetailPage .uk-table td{padding:25px 5px;}
	.seminarDetailPage .lecturer{display: grid;grid-template-columns: 120px auto;column-gap: 15px;row-gap: 15px;}
	.seminarDetailPage .lecturer .imgBox{max-width:120px;grid-column: 1 / span 1;grid-row: 1 / span 1;}
	.seminarDetailPage .lecturer .name{grid-column: 2 / span 1;grid-row: 1 / span 1;align-content: end;}
	.seminarDetailPage .lecturer .textBox{ grid-column: 1 / span 2;grid-row: 2 / span 1;}
	#sideContent {background: #FFF3F3;width: 100vw;margin-left: calc(-50vw + 50%);padding: 30px 10px;}	
	.formArea {background: #FFF;padding: 40px 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.10);}	
	.formArea::before {content: none;}
	.pcNone{display:block;}
	.spNone{display:none;}
}
@media screen and (max-width:640px){
	.seminarDetailPage .spBlock{display:block;margin-bottom:0.8em;}
}