/* Cutomize */
h1, h2, h3, h4, h5 {
    color: #505050;
}
/* SKIN */
.body_bg {
    background-attachment: fixed;
    background-image: url("/HISLEA-System/Skins/HISLEA/FileUploads/1/back_2000px_50.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    opacity: inherit;
}
#Body, html, body, .Head, .SubHead, .SubSubHead, .Normal, .TeamDetail_info li a, .TeamDetail_info li a:link, .TeamDetail_info li a:active, .TeamDetail_info li a:visited {
    color: #505050;
    font-family : 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック','OpenSans', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
A, A:link, A:active, A:visited {
    color: #283993;
      text-decoration: none;
    transition: color 300ms ease 0s;
}
A:hover, A:hover h3, #topbranch a:hover {
  color: #3b9cf7;
      text-decoration: none;
    transition: color 300ms ease 0s;
}

/* Header */
.header_top {
    background-color: #6898b8;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.header_top a:link {
  color: #ffffff !important;
}
.header_bg {
    border-bottom-color: #ebebeb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative;
    margin-bottom: 10px;
}
#header5 {
    background-color: #ffffff !important;
}
.dnn_logo img {
 /* max-width: 400px;*/
}
.dnn_logo {
    height: 103px;
    line-height: none;
}
/* Menu */
.dnn_menu {
  margin: 0 0 0 0;
}
#dnngo_megamenu .primary_structure > li > a {
}
.roll_menu.roll_activated {
  background-color: transparent;
  position: fixed;
  width: 100%;
}
#dnngo_megamenu > div > ul > li {
  margin-right: 5px;
  padding: 34px 0;
}
#dnngo_megamenu > div > ul > li > a > span {
  padding: 0 5px;
  font-size: 15px;
}
#dnngo_megamenu > div > ul > li.dir > a > span:after {
  content: "";
  display: none;
}
#dnngo_megamenu .dnngo_menuslide {
  margin-top: -33px;
  top: 100%;
}
.roll_menu.roll_activated .dnn_logo img {
  max-width: 70%;
}
.roll_menu.roll_activated #dnngo_megamenu .dnngo_menuslide {
  margin-top: -9px;
}
#header5:before {
  opacity: 0.7;
}
/* Breadcrumb */
.breadcrumbBox .breadcrumbborder {
  border-bottom: none;
  clear: both;
  overflow: hidden;
  padding: 0 0 5px 0;
}
.Breadcrumb_bg {
    margin-bottom: 15px;
}
/* Sider */
.DnnModule-SpeedyTouchFlexi2 {
    margin-bottom: 20px;
}
/* Container */
.dnntitle h2, .dnntitle h3 {
    color: #505050;
    font-family : 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック','OpenSans', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: initial;
  font-weight: normal;
  line-height: initial;
  margin: 0;
  padding: 0;
}
.dnntitle h3 {
    margin-top: 4px;
}
.title2 {
    color: #505050;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: normal;
}
.Container-2 {
    margin-bottom: 20px;
}
.Container-2 .dnntitle {
     padding-bottom: 10px;
     border-bottom-color: #cccccc;
}
.title7 {
    color: #505050;
    font-size: 22px;
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
}
.Container-7 .dnntitle {
    border-left: 5px solid #6898b8 !important;
    padding: 0 0 0 10px;
}
.contentpane {
    margin-left:20px;
}
.noleftmargin {
    margin-left:0px;
}
.contentpane h3 {
    font-size: 20px;
    line-height: 1.2;
    margin: 10px;
    color: #3670AF;
    font-weight: bold;
}
.contentpane h4 {
    font-size: 16px;
    line-height: 1.2;
    margin: 8px;
    color: #505050;
    font-weight: bold;
}
img.illustimg {
    width: 300px;
    margin: 0 0 25px 25px;
}
  /* Footer */
.footer_box {
    background-attachment: scroll;
    background-image: url("/HISLEA-System/Skins/HISLEA/images/Body_bg_1.png");
    background-position: top;
    background-repeat: repeat;
    background-size: 50px;
}
.FootPaneD, .FootPaneE, .FootPaneF {
    background-color: transparent;
    margin: 0;
}
.footer_box .Normal {
  color: #666666;
}
/* Top Event*/
.topevent {
    width: 100%;
    background-color: #F1F9FF;
    border: 1px solid #dedede;
    padding: 5px;
    float:left;
}
.topevent h3 {
    font-size: 16px;
    line-height: 1.25em;
    margin: 0 0 8px;
    padding: 0;
}
.topevent img {
    width: 180px;
    float: right;
}
.topeventdate {
    font-size: 15px;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}
.topevent2 {
/*border-bottom: 1px solid #cccccc;*/
}
.topevent2 h3 {
    font-size: 15px;
    line-height: 1.25em;
    margin: 0 0 0 15px;
    padding: 0;
}
.topevent2 .topeventdate {
    font-size: 14px;
    font-weight: normal;
}
.eventlist {
    line-height:10px;
    font-size: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}


/* Media Control */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .dnn_logo {
        width: 320px;
    }
    .dnn_logo img {
/*      max-width: 80%;*/
    }
    #dnngo_megamenu > div > ul > li {
      margin-right: 3px;
    }
    #dnngo_megamenu > div > ul > li > a > span {
      padding: 0 3px;
      font-size: 14px;
    }
    img.illustimg {
    width: 250px;
    margin: 0 0 20px 20px;
    }
    .topevent img {
        width: 150px;
    }
    .chameleon_slider, .main_panel, .item_container {
		height: 220px !important;
	}
	.item_container img {
		left: 0px !important;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .dnn_logo {
        width: 320px;
        height: 90px;
    }
    #dnngo_megamenu > div > ul > li {
      margin-right: 5px;
      padding: 0 0 17px 0;
    }
    #dnngo_megamenu > div > ul > li > a > span {
      padding: 0 5px;
      font-size: 14px;
    }
    #dnngo_megamenu .dnngo_menuslide {
      margin-top: -17px;
    }
    img.illustimg {
    width: 200px;
    margin: 0 0 10px 10px;
    }
    .topevent img {
        float:  none;
    }
    .chameleon_slider, .main_panel, .item_container {
		height: 162px !important;
	}
	.item_container img {
		left: 0px !important;
	}
}
@media only screen and (min-width: 569px) and (max-width: 767px) {
#Body, html, body, .Head, .SubHead, .SubSubHead, .Normal, .TeamDetail_info li a, .TeamDetail_info li a:link, .TeamDetail_info li a:active, .TeamDetail_info li a:visited,  {
    font-size: 16px;
}
	#dnn_wrapper {
		width: auto;
	}
	.body_bg {
		padding:0px;
	}
    img.illustimg {
    width: 280px;
    margin: 0 0 10px 10px;
    }
    .emails, .languages {
        display:none;
    }
    .multi_menu ul li a {
        font-size: 16px;
        color: #ffffff;
    }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
#Body, html, body, .Head, .SubHead, .SubSubHead, .Normal, .TeamDetail_info li a, .TeamDetail_info li a:link, .TeamDetail_info li a:active, .TeamDetail_info li a:visited {
    font-size: 18px;
}
	#dnn_wrapper {
		width: auto;
	}
	.body_bg {
		padding:0px;
	}
    img.illustimg {
    width: 280px;
    margin: 0 0 10px 0px;
    }
    .emails, .languages {
        display:none;
    }
    .multi_menu ul li a {
        font-size: 18px;
        color: #ffffff;
    }
    .NoSP {
        display:none;
    }
}
/* EasyDNNNews */
.article img {
    margin: 5px;
}
.HISLEAtop {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.HISLEAtop .publish_date {
    margin-bottom: 5px;
}
.eds_news_NewsOne_HISLEA.eds_subCollection_news .HISLEAtop h1, #topbranch h1 {
  color: #505050;
  font-size: 16px;
  line-height: 1.25em;
  margin: 0 0 8px;
  padding: 0;
}
.eds_news_NewsOne_HISLEA.eds_subCollection_news .HISLEAtop a, #topbranch a {
  color: #505050;
  text-decoration: none;
}
.eds_news_NewsOne_HISLEA.eds_subCollection_news .HISLEAtop a:hover {
  color: #3B9CF7;
  text-decoration: none;
}
.edsgg__itemContainer {
  background-color: white;
  border:none !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #ffffff;
  list-style-type: none;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
}

/* FORUM */
.Forum h2 {
  font-size: 21px;
}
.Forum td, .Forum th {
  border: 1px solid #eeeeee;
  border-collapse: collapse;
}
.Forum .UserImage {
  width: 60px;
  float:left;
  margin-right: 8px;
}
.Forum .smtxt {
  font-size:12px;
}
.Forum .xsmtxt {
  font-size:11px;
}
.Forum .lgtxt {
  font-size:16px;
}
.Forum .mdtxt {
  font-size:14px;
}
.noime {
  ime-mode: disabled;
}
.dnnFormItem .ItemBox {
  max-width: 445px;
  width: 65%;
  float: left;
}
.dnnFormItem .margin-bottom-10 {
    margin-bottom: 10px;
}
.dnnFormItem {
    clear: both;
    display: block;
    position: relative;
    text-align: left;
    width: 100%;
}
.dnnFormItem span.dnnFormMessage.dnnFormError {
    bottom: 95%;
    padding: 4px;
}
.dnnFormItem span.dnnFormMessage.dnnFormError {
    right: 8%;
}
.dnnFormItem input[type="text"], .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    padding: 3px 6px;
    font-size: 13px;
    margin-bottom: 15px;
}

.UserProfile {
  margin-top: 15px;
}
.UserProfile .dl-horizontal {
  margin-bottom: 5px;
}
.UserProfile .dl-horizontal dt {
  text-align: left;
  width: 120px;
  font-weight: normal;
}
.UserProfile .dl-horizontal dd {
  margin-left: 120px;
}
.UserProfileSide dl {
  margin-bottom: 5px;
}
.UserProfileSide .dl-horizontal dt {
  text-align: left;
  width: 100px;
  font-weight: normal;
}
.UserProfileSide .dl-horizontal dd {
  margin-left: 100px;
}
.UserProfile .HobbyList input {
  margin-right: 5px;
}
.UserProfile .HobbyList label {
  font-weight: normal;
  margin-right: 10px;
  }
.UserProfile input[type="button"], .UserProfile input[type="submit"] {
  float:right;
}
.UserProfile .ForumImagePanel {
  border: 1px solid #cccccc;
  background-color: azure;
  padding: 10px;
}

.HobbyList input[type='checkbox'] {
  /*float: left;
  width: 20px;*/
}
.HobbyList input + label {
    /*display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;*/
}
.UserProfile .dnnFormItem button, .UserProfile .dnnFormItem input[type="button"], .UserProfile .dnnFormItem input[type="reset"], .UserProfile .dnnFormItem input[type="submit"], .UserProfile .dnnPrimaryAction, .UserProfile .dnnSecondaryAction, .UserProfile .dnnTertiaryAction {
  padding: 2px;
  margin-left: 10px;
}
.bestanswer {
  background-image: url("/HISLEA/images/lib/bestanswer.gif");
  background-position: top right;
  background-repeat: no-repeat;
}
.modalPopup {
	background-color:#fdffff;
	border-width:4px;
	border-style:solid;
	border-color:Silver;
	width:500px;
	padding: 20px;
	z-index: 10000;
}
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 100004 !important;
}
.NickNameValidate {
  bottom: 90px !important;
  right: 230px !important;
}

@media only screen and (max-width: 375px) {
  .dnnFormItem .dnnLabel, .dnnFormItem .ItemBox {
    float: none;
    width: 100%;
    text-align: left;
  }

  .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {
    max-width: 445px;
    width: 100%;
  }
/* Forum */
  .UserProfile .dl-horizontal dt {
    width: 100%;
  }
  .UserProfile .dl-horizontal dd {
    width: 100%;
    margin-left: 0px;
  }
  .UserProfile .HobbyList {
    font-size:14px;
  }
  .Forum .UserImage {
    width: 40px !important;
    margin-right: 3px;
    float: none;
  }
  .Forum .ForumUserName:before {
    content: "\A";
    white-space: pre;
  }
  .ForumUserName {
  font-size:14px;
  line-height: 16px !important;
  }
  .btn-xs {
    width:80px;
  }
.modalPopup {
	border-width:2px;
	width:100%;
	padding: 5px;
  font-size:13px;
}
}
/* Clendar Select */
.ajax__calendar_container TABLE {
  font-size: 14px !important;
  width: 100%;
}
.SelectClendar {
  width:188px;
  background-color: white;
  border: 2px solid #cccccc;
}
.SelectClendar .ajax__calendar_container, .SelectClendar .ajax__calendar_days, .SelectClendar .ajax__calendar_body, .SelectClendar .ajax__calendar_header {
    width: 180px;
  }
.SelectClendar .ajax__calendar_body {
  /*height: 160px;*/
  }
.SelectClendar .ajax__calendar_container td, .SelectClendar .ajax__calendar_title {
    font-size:13px;
  }
.SelectClendar .ajax__calendar_body table thead, .SelectClendar .ajax__calendar_footer {
  background-color:#AAAAAA;
  font-size: 14px;
}
.SelectClendar .ajax__calendar_dayname {
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
}
.SelectClendar .ajax__calendar_footer {
  color: #FFFFFF;
  padding-bottom: 5px;
  font-size: 12px;
}
.SelectClendar .ajax__calendar_day {
  font-size: 14px;
  padding-right: 4px;
  padding-left: 0px;
}
.SelectClendar .ajax__calendar_other {
  background-color:#F0F0F0;
  }
.SelectClendar .ajax__calendar_invalid {
  background-color:#CCCCCC;
  }
.sponsor .SelectClendar td, #regstform .SelectClendar td {
  padding: 1px !important;
}

 /* SPACE */
 .margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30 {
    clear: both;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-35 {
    margin-bottom: 35px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}

.BannerPane {
    background-color: #f6f6f6;
    padding: 15px 15px;
    margin: 0 0 15px 0;
}

.banner_wrap{
  width: 356px;
  height: 50px;
}
.banner_wrap img{
  border: 1px solid #ddd;
  cursor: pointer;
  transition-duration: 0.3s;
}
.banner_wrap:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* COVID19 */
.covid19 h3 {
  margin-left: 0;
  padding-left: 10px;
  border-left: solid 10px #3670AF;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック','OpenSans', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.covid19 a {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
/* Right Pane Sticky */
.col-sm-4 {
    position: -webkit-sticky; /* Safari用 */
    position:sticky; /* 要素をスクロールに応じて固定 */
    top:0; /* 縦スクロールに追従 */
    z-index: 100; /* z-indexで最前面に持ってくる */
}
}
@media only screen and (max-width: 768px) {
.smartimage {
  float:none;
  margin: 0 auto;
}
.spimg100 {
  width:100% !important;
  float:none;
}
}