/* -----------------------------------------------------------
 =walk
----------------------------------------------------------- */
.walk-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.walk-gallery section {
  padding-left: 10px;
  padding-right: 10px;
}

.walk-gallery .my-gallery {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.walk-gallery .my-gallery figure {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.walk-gallery .my-gallery figcaption {
  display: none;
}

.walk-gallery .my-gallery img {
  height: 140px;
  width: auto;
}

/* -----------------------------------------------------------
 =calendar
----------------------------------------------------------- */
.month {
  margin-left: 4px;
  z-index: 10;
}

.calendarUnit .my-gallery figure:nth-child(n+2) {
  display: none;
}

.calendarUnit .my-gallery figcaption {
  display: block;
}

.calendarUnit li {
  margin-bottom: 20px;
}

.calendarUnit li > div {
  background-position: 0 0;
  background-repeat: repeat;
  border-width: 1px;
  border-style: solid;
  padding: 8px 11px 10px;
  height: 100%;
}

@media (max-width: 575px) {
  .calendarUnit li > div {
    max-width: 216px;
    margin-left: auto;
    margin-right: auto;
  }
}

.calendarUnit.spring li > div {
  background-image: url(../images/calendar_bg_spring.gif);
  border-color: #FFEBEB;
}

.calendarUnit.summer li > div {
  background-image: url(../images/calendar_bg_summer.gif);
  border-color: #DCF8F8;
}

.calendarUnit.autumn li > div {
  background-image: url(../images/calendar_bg_autumn.gif);
  border-color: #FCECDC;
}

.calendarUnit.winter li > div {
  background-image: url(../images/calendar_bg_winter.gif);
  border-color: #DEF3FC;
}

.calendarUnit h3 {
  min-height: 31px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 38px;
}

.calendarUnit h3.txt2l {
  padding-top: 0;
}

.calendarUnit h3.business {
  background-image: url(../images/calendar_ic_business.png);
}

.calendarUnit h3.art {
  background-image: url(../images/calendar_ic_art.png);
}

.calendarUnit h3.child {
  background-image: url(../images/calendar_ic_child.png);
}

.calendarUnit h3.busiArt {
  background: url(../images/calendar_ic_business.png) 0 0 no-repeat, url(../images/calendar_ic_art.png) 35px 0 no-repeat;
  padding-left: 72px;
}

.calendarUnit h3.busiChild {
  background: url(../images/calendar_ic_business.png) 0 0 no-repeat, url(../images/calendar_ic_child.png) 35px 0 no-repeat;
  padding-left: 72px;
}

.calendarUnit h3.common {
  background: url(../images/calendar_ic_business.png) 0 0 no-repeat, url(../images/calendar_ic_art.png) 35px 0 no-repeat, url(../images/calendar_ic_child.png) 70px 0 no-repeat;
  padding-left: 108px;
}

.calendarUnit img {
  border: 4px solid #fff !important;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
  margin-bottom: 10px;
  width: calc(100% - 8px) !important;
  height: auto !important;
}

.calendarUnit figcaption {
  font-size: 1.3rem;
  line-height: 1.4;
}

/* -----------------------------------------------------------
 =organization
----------------------------------------------------------- */
.organization-gallery .my-gallery img {
  height: auto;
  width: auto;
}
.ShinnyLeaders_Link {
    background-image: url(../images/calendar_bg_autumn.gif);
    border-color: #FCECDC;
		padding: 20px 26px 26px;
    background-position: 0 0;
    background-repeat: repeat;
    border-width: 1px;
    border-style: solid;
    height: 100%;
}
.ShinnyLeaders_Link h3 {
	font-size: 1.8rem;
	font-weight: 600;
}

.chevron-r a{
	position: relative;
	padding-left: 1em;
	margin-left: 1em;
}
.chevron-r a::before,
.chevron-r a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.chevron-r a::before{
	left: 0px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #F39403;
	border-right: 2px solid #F39403;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link_list {
	list-style: disc;
	margin-left: 3.5rem;
}




/* -----------------------------------------------------------
 =attend
----------------------------------------------------------- */
.attendTbl thead th {
  background-color: #FFFADF;
}

.attendTbl tbody th {
  text-align: left;
  background-color: #F5F5F5;
}

.attendTbl tbody td {
  text-align: center;
}

/* -----------------------------------------------------------
 =library
----------------------------------------------------------- */
.libraryTime dt {
  float: left;
  width: 4em;
  clear: both;
}

.libraryTime dd {
  margin-left: 4em;
}

/* -----------------------------------------------------------
 =club
----------------------------------------------------------- */
.unitClub li {
  margin-bottom: 30px;
}

.unitClub li figure {
  margin: 8px 0;
}

/* -----------------------------------------------------------
 =schoolmate
----------------------------------------------------------- */
.schoolmateImg {
  margin-bottom: 30px;
}

.schoolmateImg li {
  float: left;
}

.schoolmateImg li:first-child {
  margin-right: 20px;
}

.schoolmateImg figcaption {
  margin-top: 5px;
  font-size: 1.2rem;
}


/* -----------------------------------------------------------
 =Facilities
----------------------------------------------------------- */
.naviFacilities {
  margin-bottom: 20px;
}

.naviFacilities li {
  float: left;
  margin-bottom: 8px;
  margin-right: 30px;
  font-size: 1.3rem;
}

.naviFacilities li a {
  display: block;
  padding-left: 18px;
  background: url(../dist/images/ic_arrow_anchor.png) no-repeat 0 center;
  color: #333;
  text-decoration: none;
}

.naviFacilities li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.areaFacilities {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px dotted #ccc;
}

.txtFacilities {
  overflow: auto;
}

.txtFacilities h2 {
  margin-bottom: 6px;
  font-size: 1.5rem;
}

.txtFacilities h2 span {
  margin-right: 6px;
  padding: 2px 7px 0;
  background-color: #333;
  color: #FFF;
}

@media (max-width: 575px) {
  .txtFacilities {
    margin-top: 15px;
  }
}


/* -----------------------------------------------------------
 =faq_president
----------------------------------------------------------- */
/* chattWrapp
-------------------------------------- */
.chattWrapp {
	 width: 100%; 
	 margin-top: 6.0rem;
	 margin-bottom: 8.0rem;
}
.chattWrapp li {
 width: 100%; 
}

/*youcomment
-------------------------------------- */
.youcomment {
 width: 100%;
 /*margin: 0px 0 20px;*/
 overflow: hidden;
	/*border: 1px #000000 dashed;*/
}

.youcomment .faceicon {
 float: left;
/* margin-right: -30px;
 width: 70px;*/
}

.youcomment .faceicon img{
 width: 100%;
 height: auto;
 /*border-radius: 50%;*/
}
.youcomment .chatting {
 width: 100%;
 text-align: left;
}
.youcomment .says {
 display: inline-block;
 position: relative; 
/* margin: 10px 0 0 50px;*/
 padding: 15px 20px;
 max-width: 55%;
 border-radius: 12px;
 background: #dbedff;
}

.youcomment .says:after {
 content: "";
 display: inline-block;
 position: absolute;
 top: 10px; 
 left: -19px;
 border: 8px solid transparent;
 border-right: 18px solid #dbedff;
 -webkit-transform: rotate(35deg);
 transform: rotate(35deg);
}
.youcomment .says p {
 margin: 0;
 padding: 0;
 line-height: 1.5;
}

/*mycomment
-------------------------------------- */
.mycomment {
 width: 100%;
 /*margin: 0px 0 20px;*/
 overflow: hidden;
	/*border: 1px #000000 dashed;*/
}

.mycomment .faceicon {
 float: right;
 /*margin-left: 10px;
 width: 70px;*/
}

.mycomment .faceicon img{
 width: 100%;
 height: auto;
/* border-radius: 50%;*/
}
.mycomment .chatting {
 width: 100%;
 text-align: left;
}
.mycomment .says {
 display: inline-block;
 position: relative; 
/* margin: 0px 10px 0 0;*/
 padding: 15px 20px;
 max-width: 55%;
 border-radius: 12px;
 background: #a9d06b;
 font-size: 15px;
 float: right;
}
.mycomment .says:after {
 content: "";
 position: absolute;
 top: 10px; 
 right: -19px;
 border: 8px solid transparent;
 border-left: 18px solid #a9d06b;
 -webkit-transform: rotate(-35deg);
 transform: rotate(-35deg);
}
.mycomment .says p {
 margin: 0;
 padding: 0;
 line-height: 1.5;
}

@media (max-width: 767px)  {
	.youcomment {
		margin: 0px 0 20px;
		min-height: 40px;
	}
	.youcomment .says {
	 margin: 10px 0 0 50px;
	}
	.mycomment {
		margin: 0px 0 20px;
		min-height: 40px;
	}
	.mycomment .says {
	 margin: 0px 10px 0 50px;
	}
 .youcomment .faceicon {
		margin-right: -30px;
		width: 40px;
	 }
 .mycomment .faceicon {
		margin-left: 10px;
		width: 40px;
	 }
	.mycomment .no-faceicon {
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 768px)  {
	.youcomment {
		margin: 0px 0 0px;
		min-height: 92px;/*border: 1px #000000 dashed;*/
	}
	.youcomment .says {
	 margin: 10px 0 0 50px;
	}
	.mycomment {
		margin: 0px 0 20px;
		min-height: 92px;/*border: 1px #000000 dashed;*/
	}
	.mycomment .says {
	 margin: 0px 0 0 50px;
	}
	
	.youcomment .mb30-pc {
		margin-bottom: 30px;
	}

 .youcomment .faceicon {
  margin-right: -30px;
  /*width: 70px;*/
 }
 .mycomment .faceicon {
  margin-left: 10px;
  /*width: 70px;*/
 }
	.mycomment .no-faceicon {
		width: 92px;
		height: 92px;
	}
}