/*
* @package WordPress
* @subpackage HGU by Santai
*/

/*TOP*/
article.single{word-wrap:break-word;}

/* top_topics
----------------------------------------------------------------------------------------------------*//* イベント記事詳細*/
#info table.topics{border:none; margin:0 auto;}
#info table.topics th{color:#1b2a88;  padding:.75rem .3em .75rem 1.2em ; width:160px;}
#info table.topics td{padding: .75rem 1.2em .75rem .3em;}
#info table.topics th,#info table.topics td{border-bottom:1px #89c2d2 dashed; vertical-align: top;}
#info table.topics > tbody > tr.newsflash > th,#info table.topics > tbody > tr.newsflash > td{border-bottom:#dc3545 2px solid !important; color:#dc3545;}
#info table.topics tr.newsflash a{color:#dc3545; font-weight:bold;}
#info table.topics > tbody > tr:last-child th,#info table.topics > tbody > tr:last-child td{border:none !important;}
@media (max-width: 991px) {
  #info table.topics th{width:100%; padding:.3em;}
#info table.topics > tbody > tr:last-child th{border-bottom:1px #89c2d2 dashed !important;}
}
#info span.badge{border-radius: 0; font-weight:normal; width:120px; margin-left:10px; padding:6px; color:#ffffff; font-size:.9rem;}
span.badge.cat01{background-color:#26bde2;}
span.badge.cat02{background-color:#4c9f38;}
span.badge.cat03{background-color:#dda63a;}
span.badge.cat04{background-color:#3bb38c;}
span.badge.style04{background-color:#2451a4;}
span.badge.newsflash{background-color:#dc3545; font-weight:bold !important;}
span.badge.orange{background-color:#ff6537;}
span.badge.blue{background-color:#2e99ce;}
span.badge.green{background-color:#519f45;}
span.badge.pink{background-color:#da356c;}
span.badge.press{background-color:#fcc30b;}

/* サイドバー*/
.badge{margin:5px 0;}

.sidebar ul > li.active{position: relative; background-color:#655b99; padding: 8px 28px 8px 15px; border-bottom:1px dotted #ffffff;z-index: 2; border-radius:0; color: #fff;}
/*.sidebar ul > li.active:after{
font-family: "Font Awesome 5 Free";
content: '\f067';
font-weight: 900;
color:#ffffff;
position:absolute;
display:flex;
align-items:center;
margin:auto;
top:0;
bottom:0;
right:.7em;
}*/
.sidebar ul > li.active[aria-expanded="true"]:after{content: '\f068';}

.sidebar ul > li{border:none; margin:0; padding:0;}
.sidebar ul > li a{padding:8px 15px; border-bottom: 1px solid rgba(0,0,0,.125);}
.sidebar ul > li a:hover{padding-left:13px; text-decoration:none; background-color:#fafafa;}
.sidebar ul > li > ul{padding-left:0;}
.sidebar ul.children > li > ul > li.list-group-item a{border-bottom: 1px dotted rgba(0,0,0,.125);padding-left:20px;}
.sidebar ul.children > li > ul > li.list-group-item a:hover{padding-left:23px;}

/* ページャー*/
.page-link{margin-left:0;border: 2px solid #cccccc;}
.page-item{margin-right:5px;}
.page-item:last-child{margin-right:0px;}
.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius:0;}
.page-item.active .page-link {background-color: #1b2a88; border-color: #1b2a88; }
.page-item a{text-decoration:none;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover{background-color:#1b2a88; border-color:#1b2a88; color:#ffffff;}
.page-link:focus {box-shadow: 0 0 0 .2rem rgba(123,123,123,.25);}


/* 前の記事次の記事*/
.pagination{display:block; margin-top:30px;}
ul.pagination{display:flex; margin-bottom:0;}
.pagination .page-link{border:none; padding:0;}
.pagination .page-link:hover{background-color:transparent;}
.pagination .page-link a{position: relative; display:block; font-size:85%; margin:0 5px 5px; padding:.5em ; text-decoration:none;}
.pagination .page-link a:hover{background-color:#eeeeee; text-decoration:none;}
.pagination .page-link.all a{border:none; border:#1b2a88 1px solid; background-color:#ffffff; color:#1b2a88 !important; padding:.5em .8em; line-height:1; text-align:center; }
.pagination .page-link.all a:hover{color:#ffffff !important; background-color:#1b2a88;}
.pagination .page-link.old a{padding-left:1.7rem;}
.pagination .page-link.next a{padding-right:1.7rem; display:flex; justify-content: end;}
.pagination .page-link a:before{
  display: block;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  margin:auto;
}
.pagination .page-link.old a:before{
  top: 0; bottom:0;
  left:-0.3em;
  border:10px solid transparent;
  border-right-color:#1b2a88;
}
.pagination .page-link.next a:before{
  top: 0; bottom:0;
  right:-0.3em;
  border:10px solid transparent;
  border-left-color:#1b2a88;
}
.pagination div.topics span{margin-left: 0px; margin-right:5px;}
@media (min-width:768px) {
  .pagination .page-link.all{ max-width:124px !important; flex-basis: 124px !important;}
}
@media (min-width: 992px) {
  .pagination .page-link a{margin-bottom:0;}
}

.single div.textaria img{display:block; max-width:100%; height:auto; margin:0 auto 10px;}
@media (min-width:575px) {
  .single div.textaria img{max-width:80%;}
}

.eventdetail div.face p{margin:5px 0 15px ; font-weight:bold; font-size:1.3rem;}
.eventdetail div.face img{border-radius: 100%; max-width:250px; width:100%;}
.eventdetail table tr.eventdate{background-color:#eef8fa;}
.eventdetail table tr.eventdate td{font-size:1.2rem;}
.balloon{
  position: relative;
  padding: 30px;
  display:flex;
  align-items:center;
  width:100%;
  margin-left:0px;
  border-radius: 30px;
  border: #1b2a88 2px solid;
  color:#1b2a88;
}
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right:0;
  margin:auto;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #1b2a88;
  border-left: 15px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right:0;
  margin:auto;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
}
@media (min-width:768px) {
  .eventdetail div.face p{margin:5px 0 0 ;}
  .balloon{margin-left:10px;}
  .balloon::before{
    left: -15px;
    right:auto;
    top:0;
    bottom:0;
    border-right: 15px solid #1b2a88;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left:none;
}
.balloon::after{
  left: -13px;
  right:auto;
  top:0;
  bottom:0;
  border-right: 15px solid #ffffff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left:none;
}
  
}





main#page div.eventinfo p > a,main#page div.blogindex p > a{border-bottom:1px solid transparent;}


/* イベント記事一覧*/
.eventinfo{ margin:0 0 50px;}
.eventinfo .container_ss{max-width:auto;}
.eventinfo ul{list-style-type:none; margin:0 0 20px; padding:0; display:flex; justify-content:center; flex-wrap:wrap;}
.eventinfo ul li{margin:0 0px 10px 15px; flex-basis:calc(50% - 15px); max-width:calc(50% - 15px);}
.eventinfo ul li:nth-child(odd){margin:0 5px 10px 10px;}
.eventinfo ul li a{width:100%; color:#ffffff !important; display:inline-block; padding:7px 10px 7px 20px; font-size:0.9rem; position: relative; border-bottom:none!important;}
.eventinfo ul li a:before{
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border: 16px solid transparent;
  border-right: 10px solid transparent;
  top: 0;
  bottom: 0;
  right:100%;
  left:auto;
  margin: auto 0;}
.eventinfo ul li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0; bottom:0;
    left: 0.2em;
    width: 10px;
    height: 10px;
    background-color:#ffffff;
    border-radius: 100%;
    margin: auto;
}
.eventinfo ul li:nth-child(1) a{background-color:#ff6537;}
.eventinfo ul li:nth-child(2) a{background-color:#2e99ce;}
.eventinfo ul li:nth-child(3) a{background-color:#519f45;}
.eventinfo ul li:nth-child(4) a{background-color:#da356c;}
.eventinfo ul li:nth-child(1) a:before{border-right-color:#ff6537;}
.eventinfo ul li:nth-child(2) a:before{border-right-color:#2e99ce;}
.eventinfo ul li:nth-child(3) a:before{border-right-color:#519f45;}
.eventinfo ul li:nth-child(4) a:before{border-right-color:#da356c;}
@media (min-width: 992px) {
  .eventinfo ul li a:before{border: 19px solid transparent; border-right: 13px solid transparent;}
}
@media (min-width: 768px) {
  .eventinfo .container_ss{max-width:680px;}
  .eventinfo ul{flex-wrap:nowrap; margin:0 0 30px;}
  .eventinfo ul li,.eventinfo ul li:nth-child(odd){margin:0 33px 0 0; flex:1; flex-basis:calc(50% - 33px); max-width:calc(50% - 33px);}
  .eventinfo ul li:last-child{margin-right:0px;}
}


.eventinfo div.row > div{display:flex;border-bottom:2px solid #4a5ea0; margin-bottom:30px; padding-bottom:30px;}
.eventinfo div.row > div:last-child{border:none; padding-bottom:0px;}
.eventinfo div.row > div > div{flex-basis: 50%;}
.eventinfo div.row > div > div.image{position: relative; z-index:1; margin-right:30px;}
.eventinfo div.row > div > div.image{padding:5px 0 0 5px;}
.eventinfo div.row > div > div.image:before{
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border: 20px solid transparent;
  border-top: 20px solid #ff6537;
  border-left: 20px solid #ff6537;
  top: 0;
  left:0;
  margin: auto;
  z-index:2;
}
.eventinfo div.row > div > div.text{margin-top:15px;}
.eventinfo div.row > div.orange > div:before{border-top-color: #ff6537; border-left-color:#ff6537;}
.eventinfo div.row > div.blue > div:before{border-top-color:#2e99ce; border-left-color:#2e99ce;}
.eventinfo div.row > div.green > div:before{border-top-color:#519f45; border-left-color:#519f45;}
.eventinfo div.row > div.pink > div:before{border-top-color:#da356c; border-left-color:#da356c;}

.eventinfo div.row > div span{ color:#ffffff; padding:5px 10px; border-radius: 0; font-weight:500; font-size:0.9rem; width:130px;}
.eventinfo div.row > div.orange span{background-color:#ff6537;}
.eventinfo div.row > div.blue span{background-color:#2e99ce;}
.eventinfo div.row > div.green span{background-color:#519f45;}
.eventinfo div.row > div.pink span{background-color:#da356c;}

.eventinfo div.row > div p{margin:10px 0 0px;}

@media (min-width: 768px) {
  .eventinfo div.row > div{display:block; border:none; margin-bottom:0px; padding-bottom:0px;}
  .eventinfo div.row > div > div.image{margin:0 0 15px;}
  .eventinfo div.row > div > div.text{margin-top:0px;}
  .eventinfo div.row > div p{margin:10px 0 50px;}
}


.blogindex article{display:flex; border-bottom: 2px solid #4a5ea0;
  margin-bottom: 30px;
  padding-bottom: 30px;
}


figure.img_wrap{
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 66%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin:0;
  background-color:#fafafa;
  border:1px solid #eeeeee;
}
figure.img_wrap img{
  /* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.blogindex a{display:block; width:100%;}
.blogindex article > a{ width:50%; margin-right: 30px;}
.blogindex small{display:block; margin-bottom:5px;}
.blogindex div.image{display:block;}
.blogindex div.text{flex:1;}
.blogindex .entry span{position: absolute; color:#ffffff; background-color:#ff6537; padding:5px 10px; z-index:1; top:0; left:0; font-size:0.9rem;}

.blogindex .entry.c1 span,.blogcat a[href*="c1"]{background-color:#26bde2;}
.blogindex .entry.c2 span,.blogcat a[href*="c2"]{background-color:#3bb38c;}
.blogindex .entry.c3 span,.blogcat a[href*="c3"]{background-color:#dda63a;}
.blogindex .entry.c4 span,.blogcat a[href*="c4"]{background-color:#2451a4;}
.blogindex .entry.c5 span,.blogcat a[href*="c5"]{background-color:#4c9f38;}
.blogindex .entry.c6 span,.blogcat a[href*="c6"]{background-color:#dc3545; font-weight:bold;}
.blogcat a:hover{background-color:#f23800;}
.blogcat a[href*="c1"]:hover{background-color:#178fad;}
.blogcat a[href*="c2"]:hover{background-color:#2a8064;}
.blogcat a[href*="c3"]:hover{background-color:#b4821f;}
.blogcat a[href*="c4"]:hover{background-color:#1b3c7a;}
.blogcat a[href*="c5"]:hover{background-color:#3a792b;}
.blogcat a[href*="c6"]:hover{background-color:#af1e2c;}
@media (min-width: 576px) {
  .blogindex article{display:block; border:none; padding-bottom:0px;}
  .blogindex div.image{margin:0 auto 8px;}
  .blogindex article > a{ width:auto; margin-right:0px;}
}

.blogcat{display:flex; list-style-type:none; margin:0 0 20px; padding:0; justify-content:flex-start; flex-wrap:wrap; width:100%;}
.blogcat li{margin:0 5px 10px 15px; flex-basis:calc(33.33% - 20px); max-width:calc(33.33% - 20px);}
.blogcat li:nth-child(3n+1){margin:0 5px 10px 10px;}
.blogcat a{font-weight:normal;width:100%; color:#ffffff !important; display:inline-block; padding:7px 10px 7px 22px; font-size:0.9rem; position: relative; border-radius: 0; line-height:1.7;background-color:#ff6537;}
.blogcat a:before{
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border: 16px solid transparent;  
  border-right: 10px solid transparent;
  top: 0;
  bottom: 0;
  right:100%;
  border-right-color:#ff6537;
  left:auto;
  margin: auto 0;
  -webkit-transition: all .3s;
  transition: all .3s;}
.blogcat a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0; bottom:0;
    left: 0.2em;
    width: 10px;
    height: 10px;
    background-color:#ffffff;
    border-radius: 100%;
    margin: auto;
}
ul.blogcat li a[href*="c1"]:before{border-right-color:#26bde2;}
ul.blogcat li a[href*="c2"]:before{border-right-color:#3bb38c;}
ul.blogcat li a[href*="c3"]:before{border-right-color:#dda63a;}
ul.blogcat li a[href*="c4"]:before{border-right-color:#2451a4;}
ul.blogcat li a[href*="c5"]:before{border-right-color:#4c9f38;}
ul.blogcat li a[href*="c6"]:before{border-right-color:#dc3545;}
.blogcat a:hover:before{border-right-color:#f23800;}
ul.blogcat li a[href*="c1"]:hover:before{border-right-color:#178fad;}
ul.blogcat li a[href*="c2"]:hover:before{border-right-color:#2a8064;}
ul.blogcat li a[href*="c3"]:hover:before{border-right-color:#b4821f;}
ul.blogcat li a[href*="c4"]:hover:before{border-right-color:#1b3c7a;}
ul.blogcat li a[href*="c5"]:hover:before{border-right-color:#3a792b;}
ul.blogcat li a[href*="c6"]:hover:before{border-right-color:#af1e2c;}
@media (min-width: 992px) {
  ul.blogcat li a:before{border: 19px solid transparent; border-right: 13px solid #ff6537;}
  ul.blogcat li,ul.blogcat li:nth-child(3n+1){margin:0 30px 0 0; flex:1; max-width:none;}
  ul.blogcat li:last-child{margin:0;}
}




.csr{margin-bottom:40px;}
.csr .slick-prev{left:10px;}
.csr .slick-next{right:10px;}
@media (min-width:768px) {
.csr .slick-list{margin: 0 50px;}
}
@media (min-width:1200px) {
.csr .slick-prev{left: 0;}
.csr .slick-next{right: 0;}
}
.csr > div > div > div{display:flex; flex-direction: column;}
.csr > div > div > div > div{background-color:#ffffff; border:1px solid #dddddd; display:flex; flex-direction: column; box-shadow: 0 0 5px rgba(0,0,0,.1); flex-grow: 1; min-height: 0%;}
main#index .csr .btn{font-size:1rem; max-width:200px; width:100%; padding: .5rem 2rem .5rem 1rem;}
.csr > div > div > div > div > *{min-height: 0%;}
.csr > div > div > div > div p{padding:0 20px;}
.csr > div > div > div > div p.h6{padding:15px 20px; font-weight:600;}
.csr > div > div > div > div p:last-child{margin:auto 0 0; padding:0px 20px 15px;}
@media (min-width: 768px) {
  main:not(#index) .csr > div > div > div:nth-last-child(-n+4){margin-bottom:0px;}
}

.csr_intro > div{margin-bottom:20px;display:flex; flex-direction: column;}
.csr_intro > div > div{flex-grow:1;background-color:#ffffff; border:1px solid #dddddd; display:flex; flex-direction: column; box-shadow: 0 0 5px rgba(0,0,0,.1); flex-grow: 1; min-height: 0%;}
.csr_intro > div > div > div:nth-last-child(-n+2){margin-bottom:0px;}
.csr_intro > div > div > *{min-height: 0%;}
.csr_intro > div > div p{padding:0 20px;}
.csr_intro > div > div p.h6{padding:15px 20px; font-weight:600;}
.csr_intro > div > div p:last-child{margin:auto 0 0; padding:0px 20px 15px;}

 div.row.csr_intro{
  margin-left:-10px !important;
  margin-right:-10px !important;}
 div.row.csr_intro > div{
  padding-right:10px !important;
  padding-left:10px !important;}

@media (min-width:992px) {
  .container{padding-right:20px; padding-left:20px;}
.csr_intro > div{margin-bottom:40px;}
   div.row.csr_intro{
    margin-left:-20px !important;
    margin-right:-20px !important;}
   div.row.csr_intro > div{
    padding-right:20px !important;
    padding-left:20px !important;}
}

.csrdetail div.row p.lead{margin-top:15px;}
@media (min-width: 768px) {
  .csrdetail div.row p.lead{margin-top:0px;}
}

div.social_btn{margin-top:40px; display:flex; justify-content:center;}
div.social_btn ul{padding:1em;}
div.social_btn li {margin-right:10px; float:right;}

div.scheduleinfo .container_ss{display:flex; margin-bottom:35px;}
div.scheduleinfo .container_ss > a{flex:1; background-color:#1b2a88; color:#ffffff !important; margin:0 10px; text-align:center; padding:.5em; display:block; font-weight:bold;}
div.scheduleinfo .container_ss > a:hover{background-color:#26bde2;}
div.scheduleinfo .container_ss > a.fukidashi{background-color:#26bde2; position: relative;}
div.scheduleinfo .container_ss > a.fukidashi:before{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:10px solid transparent;
	border-top-color:#26bde2;
	top:100%;
  left:0; right:0;
margin:auto;}
div.scheduleinfo .btn{font-size:.875rem;}
div.scheduleinfo div.sw{display:flex; cursor:pointer; align-items:center; border:2px solid #f1f1f1; padding:10px; margin-top:15px;
	-webkit-transition: all .3s;
	transition: all .3s;}
div.scheduleinfo div.sw:hover{background-color:#d3ecf3;}
div.scheduleinfo div.sw figure{width:150px; height:120px; padding:0;}
div.scheduleinfo div.sw h3{flex:1; margin-left:10px;}
div.scheduleinfo div.bg{border:2px solid #f1f1f1; border-top:none; padding:1.5em 1.5em calc(1.5em - 10px); margin:0 0 40px;}
div.scheduleinfo h3{margin-top:0; text-align:left;}
div.scheduleinfo h3 a{color:#1b2a88 !important; text-decoration:underline;}
div.scheduleinfo div.time > div{display:flex;}
div.scheduleinfo div.time p{display:flex; flex-grow:1; background-color:#d3ecf3; padding:.3em; justify-content:center; align-items:center; margin-bottom:10px;}
div.scheduleinfo div.time p > strong:first-child{font-size:1.25rem;}
div.scheduleinfo div.time p > strong:last-child{font-weight:normal !important;}
@media (min-width: 768px) {
div.scheduleinfo div.time p > span{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);}
  div.scheduleinfo div.time p{flex-grow:1; flex-direction: column; justify-content:flex-start;}
  div.scheduleinfo div.bg{border-top:2px solid #f1f1f1;}
}