@charset "UTF-8";
@import "reset5.css";

html { background: #f0f0f0 url(../images/bg_wrapper.png) repeat-y;height: 100%;  }
body { color:#808080; background: transparent; font-size: 12px; min-height: 100%; padding: 0; position: relative; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; _font-family: "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; _height:100%; position: relative; }
* { word-wrap: break-word; }

/* !clearfix */
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a:link { color:#808080; text-decoration:underline; }
a:visited { color:#808080; text-decoration:underline; }
a:hover { color:#808080; text-decoration:none; }
a:active { color:#808080; text-decoration:none; }

.fltL{ float: left; }
.fltR { float: right; }

body { line-height: 1.5; }
/*.wrapper { position: relative; background: #f0f0f0 url(../images/bg_wrapper.png) repeat-y; min-width: 1100px; min-height: 1510px!important; overflow: hidden; }*/
.wrapper { position: relative; min-width: 1100px;min-height:1510px;}
#topContainer { position: absolute; left: 340px; top: 205px; width: 555px; min-height: 1100px; }
#topContainer .snsListOrg { display: none; }

#bgPhoto { background: #fff; padding: 269px 0 0 73px; width: 807px; position: absolute; left: 0; top: 0; }
#bgPhoto img { display: block; opacity: 0; }

#teba { position: absolute; left: 880px; top: 60px; }
#teba a { width: 200px; height: 60px; display: block; }
#tebaWrapper { width: 27px; height: 57px; position: absolute; left: 0px; top: 0px; overflow: hidden; color: #808080; }
#imgTeba { position: relative; left: -30px; top: 0; }
#tebaText { position: absolute; left:  30px; top: 4px; }
#tebaText .orn { position: absolute; left: 0; top: 0; display: none; }
#tebaText #nomalTxt { position: absolute; left: 0; top: 14px; white-space: nowrap; font-size: 10px; line-height: 15px; display: none; }
#tebaText #hoverTxt { position: absolute; left: 0; top: 20px; white-space: nowrap; font-size: 10px; line-height: 15px; display: none; }

h1 { position: absolute; left: 30px; top: 30px; }
h1 #logoD { display: none; }
h1 #logoLounge { position: absolute; left: 43px; top: 175px; display: none; }

.info { position: absolute; left: 340px; top: 21px;}
/* .info .infoTitle { line-height: 1.545!important; letter-spacing: 0.2rem; font-family: "見出ゴMB31"; font-size: 25px; color: #000;} */
.info .infoTitle { line-height: 37.5px!important; letter-spacing: 0.2rem; font-family: "見出ゴMB31",sans-serif;; font-size: 25px; color: #000; height: 38px;}
.info p { line-height: 1.6; font-size: 10px; color: #000;}
.info .infotxt { position: relative; top: 12px;}
/* .info .infodod { color: #999; display: inline!important;} */
#jaticker { position: relative; opacity: 0; z-index: 1;}
#jaticker.active { opacity: 1; }
/* #jaticker span { display: inline!important; width: 110px!important;} */
#jaticker span { display: inline!important;}
/* .info .txtAppear { color: #fff; opacity: 0; position: absolute; top: 83px; z-index: 2; animation: TitleAppear 1s ease-in-out 2.2s 1 normal forwards; } */
.info .txtAppear { color: #fff; opacity: 0; position: absolute; top: 77px; z-index: 2; animation: TitleAppear 1.5s ease-in-out 5s 1 normal forwards; }
/* .jatickerWrap { width: 110px; height: 30px; position: absolute; left: 0; top: 5px; z-index: -1; background-color: #000; transform :scale(0,1); transform-origin: right top;  transition: 2s; transition-delay: 4s;} */
.jatickerWrap { width: 0px; height: 30px; background: #000; position: absolute; left: 0; top: 5px; z-index: -1; }
/* .jatickerWrap_black { display: inline-block!important; position: absolute; left: 0; top: 5px; height: 100%; background-color: #000;  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1); animation-fill-mode: both; -webkit-animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1); -webkit-animation-fill-mode: both;} */
/* .jaticker_start {
  transform: scale(1,1);
  transform-origin: left top;
} */
/*はじめにブロックを伸ばすアニメーション*/
@keyframes secondaryImageOverlayIn { 0% { width: 0; } 100% { width: 100%; } }
/*文字色を帰るアニメーション*/
@keyframes TitleAppear { 0% { opacity: 0; } 100% { opacity: 1; } }
.swiper-pagination { bottom: 5px!important; position: relative; }
.swiper-pagination-bullet { background: #ccc; opacity: 1; }
.swiper-pagination-bullet-active { background: #000; }

nav.large .btn { width: 80px; height: 80px; overflow: hidden; position: absolute; top: 0; left: 0; zoom: 1; }
nav.large .btn.b01 { left: 0; top: 0; }
nav.large .btn.b02 { left: 90px; top: 0; }
nav.large .btn.b03 { left: 0; top: 90px; }
nav.large .btn.b04 { left: 90px; top: 90px; }
nav.large .btn.b05 { left: 90px; top: 90px; }
nav.large .btn.b06 { left: 180px; top: 90px; }
nav.large .btn a { display: block; position: relative; width: 80px; height: 80px; zoom: 1;  }
nav.large .btn img { position: absolute; top: 0; left: 0; zoom: 1; display: block;  }

nav.small { position: absolute; top: 205px; left: 560px; height: 34px; width: 300px; overflow: hidden; zoom: 1; }
nav.small .btn { float: left; margin: 0 5px 0 0; width: 34px; height: 34px; overflow: hidden; zoom: 1; }
nav.small .btn a { display: block; position: relative; overflow: hidden;  width: 34px; height: 34px; }
nav.small .btn img { position: absolute; top: 0; left: 0;  }

.nose { cursor: default!important; }

#side { width: 270px; position: absolute; left: 30px; top: 300px; }
#live { position: absolute; left: 0; top: 180px; }
#time { position: absolute; left: 0; top: 0; }
#timeCount { width: 80px; height: 20px; position: absolute; top: 30px; left: 10px;   }
#timeCount .digit { width: 13px; height: 20px; overflow: hidden; position: relative; float: left; }
#timeCount .digit img { display: block; position: absolute; top: 0; left: -3px;  }
#timeCount .colon { width: 7px; height: 20px; overflow: hidden; position: relative; float: left; }
#timeCount .colon img { display: block; position: absolute; top: 2px; left: 2px;  }

#liveThumb { position: relative; display: none; }
#liveThumb #frame { position: absolute; left: 0; top: 10px; }
#liveThumb .thumb { position: absolute; left: 31px; top: 41px; }

.items { padding: 5px; margin: -5px 0 0 -5px; }
.items > li { width: 180px; height: 290px; float: left; margin: 0 5px 5px 0; position: relative; }
.items > li.wide { width: 550px; height: 290px; float: left; margin: 0 5px 5px 0; position: relative;background-color: #fff;}
@media screen and (min-width:1280px) {
  /* 画面サイズが1024pxからはここを読み込む */
  .items > li.wide { width: calc(365px + 360px + 10px); height: 290px; float: left; margin: 0 5px 5px 0; position: relative;background-color: #fff;}
}
.items > li a:link,
.items > li a:visited { color: #808080; text-decoration: none; }
.items > li a:hover,
.items > li a:active { color: #808080; text-decoration: none; }

.items > li .shadow { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; background: #fff;}
.items > li .inner { padding: 9px; border: solid 1px #fff; position: absolute; bottom: 0; left: 0; width: 160px; height: 270px; }
.items > li.wide .inner {  width: 550px; box-sizing: border-box;}
.items > li .photo { position: absolute; left: 9px; top: 9px; }
.items > li .txt { position: absolute; left: 15px; top: 190px;  width: 0; height: 95px; line-height: 1.4; overflow: hidden; }
.items > li .txt p { font-size: 10px; text-align: center; width: 150px; text-decoration: none; height: 1.4em; overflow: hidden; }
.items > li.wide .tw_wrap { display: flex; position: relative; padding: 9px 5px 5px 10px;}
.items > li.wide .tw_wrap p { width: 250px; }
.items > li.wide .tw_wrap .tw_txt { height: 150px; margin-bottom: 20px;}
.items > li.wide .tw_wrap .tw_photo { display: block; width: 100%; border-radius: 30px; height: 250px; object-fit: cover;}
.items > li.wide .tw_txtwrap { margin: 25px 0 0 10px;}
.items > li.wide .tw_txtwrap a:hover{text-decoration: underline;}
.items > li.wide .sl_tw { width: 180px; padding-left: 0px;}
.items > li.wide .sl_tw a { width: 150px; height: 250px; border-radius : 30px 0 0 30px; background-color : #F0F0F0; display: flex; justify-content: center; align-items: center; position : relative; left: 23px;}
.items > li.wide .sl_tw a::after { display: block; content: '公式Twitter'; position: absolute; top:154px; left:45px; font-size: 11px; color: #000;}
.items .li_shadow { box-shadow: 0px 0px 5px rgb(0 0 0 / 20%)}
/* Event Report掲載 */
.items > li .txt p.txt_eventReport { background-color: #000; color: #fff; position: absolute; bottom: 10px; left: 0;}
.items > li .txt p.finished { background: #fff; color: #f00; position: absolute; bottom: 10px; left: 0;}
/* Event Start date */
.items > li .txt p.txt_firstDay { border:1px solid#000; color: #000; position: absolute; bottom: 10px; left: 0; width:148px}
.items > li .txt h3 { color: #000; margin: 0 0 5px; width: 150px; height: 5.3em; overflow: hidden; }
.items > li.wide .txt h3 { width: calc(335px + 300px + 5px); }
.items > li a:hover .txt h3 { text-decoration: underline; }
#rightArea { position: absolute; left: 910px; top: 205px; width: 125px; height: 1205px; }
#rightArea small {/*  position: absolute; left: 0; bottom: 0; */ font-size: 10px; color: #ccc; }
#snsList li { height: 25px; }

.snsListOrg { margin: 0 0 20px; }
.snsListOrg li { height: 25px; }
.snsListOrg li a { float: left; display: block; font-size: 11px; line-height: 20px; height: 18px; padding: 0 6px 0 20px; border: solid 1px #ccc; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin: 0 7px 0 0; background: url(../images/icn_like.png) no-repeat 4px 3px;  }
.snsListOrg li .bl { display: block; float: left; font-size: 11px; line-height: 20px; height: 18px; padding: 0 5px; border: solid 1px #ccc; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #fff; position: relative; }
.snsListOrg li .bl .serif { position: absolute; left: -4px; top: 6px; }

.snsListOrg li a:hover { background-color:  #eee!important; }
.snsListOrg li a.clicked { background-color:  #eee!important; color: #bbb; cursor: default; }

#banner { margin: 0 0 26px; }
#banner img { display: block; }
#banner ul { margin: 0 0 10px; width: 103px; text-align: center;}
#banner li { display: flex; flex-direction: column; line-height: 4;}
#banner li .img_follow {width: 64px; padding: 26px 0 10px 0;}
#rightArea .img_copy {width: 113px;}
#banner li:nth-child(2) { padding-left:18px;}

#container { width: 690px; border: solid 1px #ccc; border-left: none; position: absolute; left: -760px; top: 300px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); background: #fff; padding: 50px 30px; margin: 0 0 50px; }
#container .left { width: 310px; float: left; }
#container .ttl { margin: 0 0 15px; }
#container .items { width: 760px; }
/* #pageSNSArea { padding: 40px 0; position: absolute; left: 10px; bottom: 153px; } */
#pageSNSArea { padding: 25px 0 0; }
.pageSNS { display: flex;}
.pageSNS li { height: 25px; }
/* .pageSNS li .twitter-share-button { width: 110px!important; } */
.pageSNS { margin: 0 0 5px; }
/* .pageSNS #facebook #u_0_0_Kv {width: 88px!important;} */

.mgb0 { margin-bottom: 0 !important; }
.mgb40 { margin-bottom: 40px!important; }

#detail .eventDetail { height: 60px; position: relative; }
#eventHeader { height: 210px; position: relative; }
#eventHeader .back { font-size: 20px; position: absolute; left: 0px; bottom: 50px; cursor: pointer; }
/* #eventHeader .ttl { font-size: 29px; font-family: Avenir; font-weight: 400; color:#999; letter-spacing: 3; } */
#eventHeader .ttl { width: 100px; height: 22px; }
#eventHeader .ttl img { display: block; width: 100%; }


#pjContactHeader { height: 120px; position: relative; }
#pjContactHeader .back { font-size: 20px; position: absolute; left: 0px; bottom: 50px; cursor: pointer; }

/* カレンダー */
#calendarWrap { overflow: hidden;  width: 210px; position: absolute; top: 0px; left: 310px; }
#calendarWrap .calendar {  width: 212px;  margin: -1px;}
#calendarWrap .calendar th,
#calendarWrap .calendar td { text-align: center; vertical-align: middle; height: 30px; border: solid 1px #e5e5e5; /*  border-bottom: solid 1px #e5e5e5; */ color: #000; }
#calendarWrap .calendar td a { display: block; color: #000; height: 30px; line-height: 30px; }
#calendarWrap .calendar td a:hover { background: #FDE6DE; }
#calendarWrap .calendar td a.current { background: #FDE6DE; cursor: default; background: #FDE6DE; text-decoration: none; }
#calendarWrap .calendar td:nth-child(6),
#calendarWrap .calendar td:nth-child(6) a { color: #29abe2; }
#calendarWrap .calendar td:nth-child(7),
#calendarWrap .calendar td:nth-child(7) a { color: #dc1c24; }

#calendarWrap .calendar th { display: none; }
#calendarWrap .calendar tfoot { display: none; }
.calendar #today { border: solid 1px #E5E5E5!important; background: #eee; }
#monthList { float: right; width: 140px; }
#monthList dl { position: relative; margin: 0 0 20px; }
#monthList dt { position: relative; cursor: pointer; }
#monthList dt .selected { display: block; font-size: 10px; line-height: 19px; height: 17px; padding: 0 5px; border: solid 1px #000; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-color: #FDE6DE; }
#monthList dt .selected:hover { background-color: #FDE6DE; cursor: pointer; }
#monthList dt .arw { display: block; position: absolute; top: 0; right: 0; line-height: 19px; height: 17px; width: 17px; border: solid 1px #000; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-color: #F0F0F0; }
#monthList dd { position: absolute; top: 19px; left: 0; width: 100%; height: 0; overflow: hidden; z-index: 100; }
#monthList dd ul { border: solid 1px #ccc; border-top: none; background: #fff;  }
#monthList dd ul li a { line-height: 21px; font-size: 10px;  height: 19px; padding: 0 5px; overflow: hidden; display: block; text-decoration: none; color: #000; }
#monthList dd li:hover { background: #FDE6DE; }
#monthList .cate li,#monthList .cate2 a { display: block; font-size: 10px; line-height: 19px; height: 17px; padding: 0 5px; border: solid 1px #000; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-color: #F0F0F0; margin: 0 0 5px; cursor: pointer;  }
#monthList .cate li:hover,#monthList .cate2 a:hover { background-color: #FDE6DE; }
#monthList .cate li.current,#monthList .cate2 a.current { background-color: #FDE6DE; }
#monthList .cate li a,#monthList .cate2 a{text-decoration: none;}

#project #container { width: 880px; border:none; position: absolute; left: 0px; top: 297px;  padding: 3px 0px; margin: 0 0 50px; -webkit-box-shadow: none; -moz-box-shadow: 0; -ms-box-shadow: none; box-shadow: none; background: transparent; overflow: hidden;  }
#projectHeader { border: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); background: #fff; padding: 50px 30px; margin: 0 0 3px; }
#projectHeader { position: relative; }
#projectHeader .left { width: 400px;}
#projectHeader .back { font-size: 20px; position: absolute; left: 0px; bottom: 50px; cursor: pointer; }
#projectHeader .shoulder { margin: 0 0 20px; }

#projectHeader  #filter { clear: both; }
#cateList { overflow: hidden; width: 500px; }
#cateList li { display: block; font-size: 10px; line-height: 19px; height: 17px; padding: 0 5px; border: solid 1px #000; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-color: #F0F0F0; margin: 0 0 5px; cursor: pointer; float: left; text-align: left; min-width: 100px; margin: 0 5px 5px 0; }
#event #cateList li:hover { background-color: #FDE6DE; }
#event #cateList li.current { background-color: #FDE6DE; }

#cateList li.pj_cate00.current, #cateList li.pj_cate00:hover { background-color: #fed9d9; }
#cateList li.pj_cate01.current, #cateList li.pj_cate01:hover { background-color: #f9f9df; }
#cateList li.pj_cate02.current, #cateList li.pj_cate02:hover { background-color: #daefe3; }
#cateList li.pj_cate03.current, #cateList li.pj_cate03:hover { background-color: #d9eaf5; }
#cateList li.pj_cate04.current, #cateList li.pj_cate04:hover { background-color: #e8e0ef; }
#cateList li.pj_cate05.current, #cateList li.pj_cate05:hover { background-color: #e0e0ef; }
#cateList li.pj_cate06.current, #cateList li.pj_cate06:hover { background-color: #fde6de; }
#cateList li.pj_cate99.current, #cateList li.pj_cate99:hover { background-color: #f8dce6; }

#project .pjLogo { position: absolute; right: 60px; top: 60px; }
#project .items { width: 880px; }
#project .items > li { width: 880px; height: 106px; /* padding: 3px 0; */ margin: 0!important; }
#project .items > li .itemWrapper { /* overflow: hidden; */ position: absolute; left: 900px; top: 0px; bottom: 0; width: 10000px; padding: 3px 0; }
#project .items > li .logos { position: absolute; left: 10px; top: 10px; height: 80px; }
#project .items > li .logos img { margin: 0 10px 0 0; display: block; float: left; }
#project .items > li .item { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; background: #fff; float: left; margin: 0 6px 0 0; }
#project .items > li .item { height: 80px; padding: 10px; position: relative; }
#project .items > li .item .text { padding: 0 0 0 95px; font-size: 50px; line-height: 80px; height: 80px; }
#project .items > li.large { height: 186px; }
#project .items > li.large .logos { position: absolute; left: 10px; top: 10px; height: 160px; }
#project .items > li.large .item { height: 160px; padding: 10px; }
#project .items > li.large .item .text { padding: 0 0 0 175px; font-size: 80px; height: 160px; line-height: 160px; }
#project .items > li.double .item .text { padding: 0 0 0 185px; }

#project .items > li .hover { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; margin: 3px 0;  background: #fff; left: 880px; }
#project .items > li .hover { height: 80px; padding: 10px; position: relative; }
#project .items > li .hover .text { padding: 0 0 0 95px; line-height: 1.4; }
#project .items > li .hover .text .cate { font-size: 12px; margin: 0 0 5px; }
#project .items > li .hover .text p { font-size: 20px; }
#project .items > li .hover .snsListOrg { position: absolute; left: 730px; top: 15px;  }
#project .items > li .hover .snsListOrg { position: absolute; left: 730px; top: 15px;}
#project .items > li .hover .snsListOrg a { color: #000; }
#project .snsListOrg li a.clicked { background-color:  #eee!important; color: #bbb!important; cursor: default; }

#project .items > li .hover > a { display: block; margin: 0 180px 0 0; }
#project .items > li .hover > a:hover { text-decoration: underline; }

#project .items > li.large .hover { height: 160px; padding: 10px; }
#project .items > li.large .hover .snsListOrg { position: absolute; left: 730px; top: 55px;  }
#project .items > li.large .hover .text { padding: 40px 0 40px 175px; }
#project .items > li.double .hover .text { padding: 0 0 0 185px; }

.cate.pj_cate00 { color: #FF0000; }
.cate.pj_cate01 { color: #D9E021; }
.cate.pj_cate02 { color: #009245; }
.cate.pj_cate03 { color: #0071BC; }
.cate.pj_cate04 { color: #662D91; }
.cate.pj_cate05 { color: #2E3192; }
.cate.pj_cate06 { color: #F15A24; }
.cate.pj_cate99 { color: #D4145A; }

#project img.large_icon { width: 160px; height: 160px; }
#project img.small_icon { width: 80px; height: 80px; }
#project img.x_small_icon { width: 40px; height: 40px; }

.snsListOrg .color2 a { background-color: #fffcde; }
.snsListOrg .color4 a { background-color: #eef7e2; }
.snsListOrg .color12 a { background-color: #fcddeb; }

#archives { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; background: #fff; padding: 50px 30px 40px;}
#archives li { overflow: hidden; float: left; min-height: 45px; width: 250px; margin: 0 20px 10px 0; }
#archives li { position: relative; }
#archives li .logos { position: absolute; left: 0px; top: 0px; }
#archives li .logos img { margin: 0 5px 0 0; display: block; float: left; }
#archives li .text { padding: 0 0 0 50px; display: table-cell; vertical-align: middle; height: 45px; line-height: 1.4; }
#archives li.double .text { padding: 0 0 0 95px; }

#pagetop { position: absolute; top: 0; left: 855px; cursor: pointer; display: none; z-index: 3; }

/* Detail */
#detail .content {  }
#detail .content h3 { color: #000; font-size: 18px; font-weight: normal; margin: 0 0 20px; }
#detail .content p { margin: 0 0 1em; }
#detail .content dt { margin: 0 0 1em; color: #000; }
#detail .content dd { margin: 0 0 1em; }
#detail .content a { color: #000; text-decoration: underline; }

#pjDetailHeader { position: relative; padding: 0 0 50px; margin: 0 0 50px;  }
#pjDetailHeader .back { font-size: 20px; position: absolute; left: 0px; bottom: 0px; cursor: pointer; }

#pjInfo .item { height: 80px; position: relative; margin: 0 0 30px; }
#pjInfo .item .logos { /* position: absolute; left: 10px; top: 10px; height: 80px; */ }
#pjInfo .item .logos img { margin: 0 10px 0 0; display: block; float: left; }
#pjInfo .item .text { font-size: 30px; line-height: 1.3; }
#pjInfo .cateInfo { padding: 0; line-height: 1.4; margin: 0 0 20px; }
#pjInfo .cateInfo .cate { font-size: 12px; margin: 0 0 5px; }
#pjInfo .cateInfo p { font-size: 20px; }
#pjInfo .snsListOrg { overflow: hidden; margin: 20px 0 0; }
#pjInfo .snsListOrg li { float: left; margin: 0 10px 0 0; }

/* Detail */
#about .content {  }
#about .content h3 { color: #808080; font-size: 16px; font-weight: 600; margin: 0 0 20px;}
#about .content h4 { color: #000; font-size: 14px; font-weight: 800; margin: 0 0 20px; text-align: center; letter-spacing: -0.07rem;}
.content .mainImg { padding: 40px 0 40px; width: 410px; height: 288px;}
#about .content .mainImg img{ display: block; width: 100%;}
#about .ttl { width: 107px; height: 22px; }
#about .ttl img { display: block; width: 100%; }
#about .content p { margin: 0 0 1em; }
#about .content a { color: #000; text-decoration: underline; }
#about .blk_about { display: flex; margin-top: 25px;}
#about .blk_about_detail { margin-right: 20px; padding: 30px 11px 0; background-color: #F0F0F0; width:215px; max-height:215px;}
#about .blk_about_detail .about_icon { margin : 0 auto 20px; width:50px; text-align: center;}
#about .blk_about_detail .about_icon img{ display: block; margin: auto;}
#about .blk_about_detail:nth-child(3) { margin-right: auto;}


#access .content {  }
#access  .ttl { width: 120px; height: 22px; }
#access  .ttl img { display: block; width: 100%; }

#access .content .blk_campus { display: flex; flex-wrap: wrap; margin-bottom: 30px;}
#access .content .access_h3 { color: #000; font-size: 12px; font-weight: bold; margin: 0 0 0.5rem; width: 100%; }
#access .content .access_area { margin-bottom: 20px; }
#access .content .campus_ichi { margin-right: 30px;}
#access .content p { margin: 0 0 1em; }
#access .content p.txt_contact { margin: 0!important; }
#access .content .other_link { margin-bottom: 50px; }
#access .content .access_link { color: #000; text-decoration: none; font-weight: bold; }
#access .content .link_contact { text-decoration: none; color: #808080; }
#access .block { margin: 0 0 20px; }
.photoList li { margin: 0 0 30px; }
#access .content .left { float: left; }
#access .content .right { float: right; }
#access .access_link::before {margin-right: 3px; display: inline-block; content: url('../images/icon_link.svg');}

.campus_ichi iframe,.campus_ichi object,.campus_ichi embed,.campus_ichi2 iframe,
.campus_ichi2 object,.campus_ichi2 embed {  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);}


#pjContact .content {  }
#pjContact .content h3 { color: #000; font-size: 18px; font-weight: normal; margin: 0 0 20px; }
#pjContact .content p { margin: 0 0 1em; }
#pjContact .content dt { margin: 0 0 1em; color: #000; }
#pjContact .content dd { margin: 0 0 1em; }
#pjContact .content a { color: #000; text-decoration: underline; }

.balloon { position: absolute; left: 440px; top: 0px; z-index: 100; background: url(../images/like_balloon_serif.png) center bottom no-repeat; }
.balloon .btn { background: #000; border-radius: 15px; padding: 7px; overflow: hidden; margin: 0 0 10px; }
.balloon { display: none; }
.balloon li a { float: left; display: block; font-size: 11px; line-height: 20px; height: 18px; padding: 0 6px 0 20px; border: solid 1px #ccc; color: #000; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin: 0 7px 0 0; background: url(../images/icn_like.png) no-repeat 4px 3px;  }
.balloon li .bl { display: block; float: left; font-size: 11px; line-height: 20px; height: 18px; padding: 0 5px; border: solid 1px #ccc; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #fff; position: relative; }
.balloon li .bl .serif { position: absolute; left: -4px; top: 6px; }
.balloon li a { }
.balloon li a:hover { background-color:  #eee!important; }
.balloon li a.clicked { background-color:  #eee!important; color: #bbb; cursor: default; }
.balloon .color2 a { background-color: #fffcde; }
.balloon .color4 a { background-color: #eef7e2; }
.balloon .color12 a { background-color: #fcddeb; }

#post-rebranding {}
#post-rebranding .txt h3 { height: 20px; }
#post-rebranding .txt p { height: 56px; }


#sns {}
#sns .snsButtons {width: 170px;height: 80px; position: relative; margin: 20px 0;}
#sns .snsButtons .snsBtn { width: 80px; height: 80px; overflow: hidden; position: absolute; top: 0; left: 0; zoom: 1; }
#sns .snsButtons .snsBtn.b01 { left: 0; top: 0; }
#sns .snsButtons .snsBtn.b02 { left: 90px; top: 0; }
#sns .snsButtons .snsBtn a { display: block; position: relative; width: 80px; height: 80px; zoom: 1;  }
#sns .snsButtons .snsBtn img { position: absolute; top: 0; left: 0; zoom: 1; display: block;  }
.snsIcon { display: flex; justify-content: space-between; width: 79%;}

/* .photoList p { font-size: 11px; } */

.red { color: #f15a24; }

#log { position: fixed; right: 30px; top: 30px; width: 200px; height: 200px; color: #fff; padding: 20px; line-height: 1.5; background: rgba(0,0,0,0.7); border-radius: 10px; z-index: 10000; }

#extraInfo { margin: 25px 0 40px;}
.ec3_events .ec3_list ul { display: none; }
#wp-calendar caption { display: none; }

/**
 * more
 */
.more img:hover{
  -ms-filter: "alpha( opacity=80 )";
  opacity:0.8;
  -webkit-transition: opacity  0.3s ease;
  transition: opacity  0.3s ease;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**
 *	Search result
 */
#search-results .pagetitle{
	font-size: 27px;
	color: #999999;
	font-weight: normal;
	margin: -10px 0 12px 0;
}
#search-results .mosaku_search{
	position: relative;
	margin-bottom: 30px;
}
#search-results #topContainer{
	position: relative;
	left: auto;
	top: auto;
	min-height: 0px;
}