@charset "utf-8";
/* Theme Name: wilj */
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,600,900&display=swap');
@import url(/asset/cnt/themes/wilj/css/drawer.min.css);
@import url(/asset/cnt/themes/wilj/css/animate.css);
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family:'Cormorant Garamond','Noto Serif JP', serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff;font-family: 'Cormorant Garamond','Noto Serif JP', serif; letter-spacing:0.03em; color:#000; text-align:center; font-size: 16px; line-height:1.8;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;  font-size: 14px; line-height:24px;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0; max-width: 100%; height:auto;}
a,a:visited,a:active,a:hover{color:#000; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
.t8{ font-size:8px; line-height:14px;}.t9{ font-size:9px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t11{ font-size:11px; line-height:14px;}.t12{ font-size:12px;}.t13{ font-size:13px;}.t14{ font-size:14px;}.t15{ font-size:15px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:34px;}.t36{ font-size:36px;}.t38{ font-size:38px;}.t40{ font-size:40px;}.t42{ font-size:42px;}.t46{ font-size:46px;}.t50{ font-size:50px;}.t52{ font-size:52px;}.t54{ font-size:54px;}.t56{ font-size:56px;}
.gray{ color:#999;}.darkGray{ color:#666;}.red{color: #e60012;}.blue{color: #004982;}
.tM1,.tM2,.tM3{font-family:'C<b></b>ormorant Garamond','Noto Serif JP', serif;}
.tM1{font-weight:200;}.tM2{font-weight:500;}.tM3{font-weight:900;}
.tE1,.tE2,.tE3{font-family: 'Cormorant Garamond', serif; line-height:1.4;}.tE1{ font-weight: 400;}.tE2{ font-weight: 600;}.tE3{ font-weight: 900;}
h1,h2,h3,h4,h5{ font-family:'Cormorant Garamond','Noto Serif JP', serif; margin:0; font-weight:900;}h1{ line-height: 1.4;}h2,h3,h4,h5{ line-height: 1.6;}
.alignright{float:right;margin:0 0 20px 20px;}.alignleft{float:left;margin:0 20px 20px 0;}.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.taLeft{ width: 100%; text-align:left;}
.taRight{ width: 100%; text-align:right;}
input:not([type=checkbox]),textarea,select{color:#000;font-family:'Cormorant Garamond','Noto Serif JP', serif; font-size: 14px; border:1px solid #ccc;; padding:15px; margin:5px 0px;box-sizing: border-box; width: 100%; border-radius: 5px;}
.wrap{ width:1000px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}
.fade{ display:none;}
.pc{}.tb,.sp{ display:none;}

   
/* ==========================================================================
   common
   ========================================================================== */
header{ padding:0 20px 15px 20px; position: absolute; z-index: 1; width: 100%; box-sizing: border-box;}
@media screen and (min-width:768px) {
header .logo{float: left; width:20%; text-align: left;}
header .logo a{display:inline-block; background: #fff; padding: 15px; box-sizing: border-box;}
header nav{float: right; width:80%; text-align: right; color: #ccc;}
header nav li{line-height: 1; display: inline-block;}
header nav li a,header nav li a:visited{color:#000;}
header nav ul.sub{margin: 10px 0 0 0;}
header nav ul.sub li{margin-left: 20px;}
header nav ul.main li{letter-spacing: 0.07em; margin-left: 30px;}
}
footer nav{background: #7d298f; color: #d9a4e4; padding: 40px 0;}
@media screen and (min-width:768px) {
footer nav ul{float: left;}

footer nav ul li:not(:first-child){text-align: left; line-height: 1.4; margin-top: 5px;padding-left:1em; text-indent: -1em;
 }
footer nav ul li:not(:first-child):before{ content: "・";}

}
footer nav ul li:first-child{border-bottom: 1px solid #fff; font-size: 20px; padding-bottom: 3px;  margin-bottom: 10px; letter-spacing: 0.07em;}
footer nav ul li a,footer nav ul li a:visited{color: #fff;}
footer nav div div span.contact{display: inline-block; margin-bottom: 20px;}
footer nav div div span.contact a{color: #fff; border: 2px solid #fff; padding: 13px 25px; display: inline-block; letter-spacing: 0.07em;}
footer nav div div span.contact a:hover{background:#fff; color:#7d298f;}
footer nav div div span.sns{display: block;}
footer nav div div span.sns i{margin: 0 10px;}
footer nav div div span.sns a{color: #fff;}
footer .info{margin: 40px auto 15px auto;}
footer .info .cr{margin-top:20px; line-height: 1.3;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999; }
#page-top a{display: block; background:#ccc; color:#fff; font-size:26px; padding:15px;}
#page-top a:hover{background:#e60012;}

/* common */
.more_btn{margin-top: 15px;}
.more_btn a{background: #000; color: #fff; padding: 5px 20px; letter-spacing: 0.07em; display: inline-block;}
.more_btn a:before{ content: "\f105 ";font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px; }
.snsshare{text-align: center; margin-top: 30px; }
.snsshare ul{padding: 20px; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.snsshare .tag{margin-top: 10px;}
.snsshare .tag a{background: #ccc; color: #fff; padding:3px 12px; border: 0; border-radius: 3px; display: inline-block; margin:0 2px 2px 0;}

.pd{padding: 50px 0;}
.bg_pg{background-image: url(https://japan.automatehub.tech/wp-content/uploads/2025/06/bg_pg.jpg); background-size: cover; background-attachment: fixed;}
.mTtl{margin-bottom: 20px; line-height: 1.4; letter-spacing: 0.03em;}
.mTtl .tEsb{margin-bottom: 5px;}
.mainPh{z-index:0; padding-top:80px;}
.mainPh,.mainPh div,.mainPh ul.bxslider li{width: 100%; height: 500px;}
/* .mainPh div{display: table-cell; width:2000px; } */
ul.catNav li{display:inline-block;}
ul.catNav li a{display:inline-block; background: #000; color: #fff; padding: 3px 15px; }

ul.li_box li{float: left; width: 310px; margin-bottom:20px; text-align: left;}
ul.li_box li:not(:nth-of-type(3n)){margin-right: 35px;}
ul.li_box li .ph{width: 100%; height: 200px; position: relative; background:url(/llan17/cont/themes/llan/img/common/stripe.png); border: 1px solid #f3f3f3;}
ul.li_box li .ph .cat{position: absolute; bottom: 0; left: 0; font-size: 13px; }
.cat span{display: inline-block; ff9900: #ccc; color:#fff; padding: 2px 15px;}
.cat span.real {background-color:#7d298f;}
.cat span.online{background-color:#0099ff;}
.cat span.topics{background-color:#ff9900;}
ul.li_box li h3{line-height: 1; margin: 15px 0 10px 0;}
ul.li_box li h3 span{display: inline-block; margin-top: 5px;}
ul.li_box li .date{line-height: 1.4;}
ul.li_box li .event_status.entry{border: 2px solid #e52425; color: #e52425; padding: 2px 10px; margin-top: 10px; display: inline-block;}
ul.li_member li{ float: left; width: 25%; padding: 20px; box-sizing: border-box;}
ul.li_member li .ph div{width: 230px; height: 230px; border-radius:230px; margin: auto;}
ul.li_member li .txt{text-align: left; line-height: 1.6; margin-top: 20px;}
ul.li_member li .txt h2{font-size: 30px; font-weight: 600; margin-bottom: 10px; text-align: center;}
ul.li_member.m3 li{width: 33.33%;}

.wp-pagenavi {clear: both; text-align:center; margin-top:20px; font-family: 'Noto Sans Japanese', sans-serif;}
.wp-pagenavi a, .wp-pagenavi span {}
.wp-pagenavi a:hover, .wp-pagenavi span.current {font-weight: 700;}

#top .mission h1{line-height: 1.1; margin-bottom: 15px;}
#about #whatwedo .tE1{line-height: 1.4;}
#about #members .mTtl_sub{background:#7c298f; color: #fff; padding: 5px 30px; display: inline-block; box-sizing: border-box;}
#about #collaborators ul li{float: left; width: 33.33%; background: #fff; padding: 10px; box-sizing: border-box;}
#about #collaborators ul li a{display: block; padding: 20px; box-sizing: border-box; line-height: 1.1;}
#about #collaborators ul li a .logo{margin-bottom: 10px;}
#about #collaborators ul li a h2{ line-height: 1.1; margin-bottom: 10px;}

.col2{position:relative; padding-top:100px; margin-bottom: 50px;}
aside{float: left; width: 200px;}
aside ul{margin-top: 10px;}
aside ul li{text-align: left; border-top:2px solid #000;}
aside ul li a,aside ul li a:visited{padding: 15px 0; display: block; line-height: 1.5; color: #000;}
aside ul li a:before{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin:0 10px 0 20px; }
.primary{float: right; width: 750px;}
article{text-align: left; }
article a,article a:visited{color:#7d298f; border-bottom: 1px dotted #7d298f;}
article a:hover{color:#ff0000; border-color:#ff0000;}
article .ph{width: 100%; height: 450px;}
article .header{border-bottom: 2px solid #000; padding-bottom: 30px; margin-bottom: 30px; }
article .header h1{line-height: 1.4; margin: 20px auto 15px auto;}
article .header .date{line-height: 1.4; }
article .bg_pg{text-align: center; padding: 50px 30px;}
article .event_end{border: 5px solid #ccc; color: #999; padding:10px 20px; text-align: center;}
article h2{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 15px 0;  }
article h3{font-size: 18px;}
article .bg{background:#f1f1f1; padding: 30px; box-sizing: border-box;}
article ul li{list-style:disc; line-height: 1.4; margin-bottom: 5px; margin-left: 20px;}
.eventEntryBtn{text-align: center;}
.eventEntryBtn a,.eventEntryBtn a:visited{background: #7d298f; color: #fff; padding: 8px 30px; letter-spacing: 0.07em; display: inline-block;}
.eventEntryBtn a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}


#membership article,#contact article{text-align: center; margin: 60px auto;}
article table{margin: auto;}
article table th{text-align: right; padding-right: 20px;}
article table th span{display: inline-block; color: #FF0004; margin-left: 5px;}
article table td:not(.btn){text-align: left;}
article table td.btn{padding-top: 10px;}
article table td.btn input{background:#7d298f; color: #fff; width: inherit; font-weight: bold; margin: 0 10px;}
.wpcf7 .wpcf7-validation-errors {color: #ff0000;background-color:none;border:none; font-weight: bold; text-align: center;}
.wpcf7 .wpcf7-mail-sent-ok {color: #7d298f; background-color: #fff;border: 2px solid #7d298f;font-weight: bold; text-align: center;}


/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:1400px) {
.wrapW{ width:100%;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1000px) {
.wrapW,.wrap{ width:100%;}
}
@media screen and (max-width:768px) {
.pc{display:none;}.tb{ display:inline-block;}
input{-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}.sp{ display:inline-block;}
.rpsTaLeft{text-align: left;}
.wrapN{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}
.mainPh{ padding-top:60px;}
.mainPh,.mainPh div,.mainPh ul.bxslider li{height:450px;}
header{padding:0 20px 15px 0; }
header .logo{float: none; width:80px; }
header .logo a{display:inline-block; background: #fff; padding: 10px; box-sizing: border-box;}
header nav ul.main li{color: #ccc; padding: 3px 0;}
header nav ul.main li.logo{ margin: 20px auto 10px auto; text-align: center;}
header nav ul.main li.logo img{width:250px;}
header nav ul.main li.sns{display: block; margin-top: 20px; }
header nav ul.main li.sns i{margin: 0 10px;}
footer nav ul{margin:0 auto 30px auto;}
.mTtl .t34{line-height: 1.4; font-size: 28px; margin-bottom: 20px;}
ul.catNav li{ margin-bottom: 2px; }
ul.catNav li a{padding: 2px 10px;}

ul.li_box li{float: none; width: 100%;}
ul.li_box li:not(:nth-of-type(3n)){margin-right: 0;}
ul.li_member li,ul.li_member.m3 li{ float: none; width: 100%;}
ul.li_member li:nth-child(even){float: none;}
#about #collaborators ul li{float: left; width:50%;}

article table th{text-align: left; padding-right: 0; display: block;}
article table td{display: block; padding-bottom: 10px;}
article table td.btn{text-align: center;}

aside{float: none; width: 100%; }
.primary{width: 100%; float: none; }
article .ph{height: 350px;}
.snsshare ul li{display: inline-block; margin: 3px;}

}
@media screen and (max-width:640px) {

#page-top a{font-size:20px; padding:12px;}
#top .snstl section{float: none; width:100%; box-sizing: border-box; padding:0 0 30px 0;}
.sptaleft{text-align: left; display: inline-block;}

}