body {
  width: 100%;
  height: 100%;
}
.bg-none{
background-color:transparent;
color:red;
}

body {
  position: relative;
  background-color: #fff;
  color: #696969;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
line-height: 1.2rem;
}

#top_spa{
padding-top:60px
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}
.form-control,.input-group-text {
    font-size: 0.85rem;
    line-height: 1rem;
}

.backbg-overlay:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0.6); 
    background-position: center center;
}

.backbg-overlay:after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
background-repeat:  no-repeat;
background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.backbg-overlay{
    position: absolute;
    z-index: -3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
background-repeat:  no-repeat;
background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}

.backbg-fix:after,.backbg-fix{
    background-attachment: fixed;
}


@media (max-width: 767.98px) {
  .navbar-expand-md #navbarResponsive {
    max-height: 80vh;
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-md .container {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-collapse {
    max-height: 80vh;
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-lg .container {
    max-width: 100%;
  }

}

@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-collapse {
    max-height: 80vh;
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-expand-xl .container {
    max-width: 100%;
  }
}

.btn, .page-link {
  margin-top: 5px;
  margin-bottom: 5px
}
.nav-pills .nav-item{
  margin-top: 2px
}

.overflow-xsc {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.row.borders div {
  border: 1px solid grey;
}

@media (max-width: 575.98px) {
  .block50sm,.blocksm{
    display:block !important;
  }
  .blocksm, .blocksm li {
    display: block;
    width: 100%;
  }
  .block50sm{
    border-top: 1px solid grey;
    border-left: 1px solid grey;
  }
  .block50sm li {
    width: 50%;
    padding: 5px;
    margin: 0rem !important;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    border-collapse: collapse;
    display:inline-block !important;
  }
  .block50sm .nav-item{
  text-align: center;
  }
}

@media (max-width: 767.98px) {
  .block50md,.blockmd{
    display:block !important;
  }
  .blockmd, .blockmd li {
    display: block;
    width: 100%;
  }
  .block50md{
    border-top: 1px solid grey;
    border-left: 1px solid grey;
  }
  .block50md li {
    width: 50%;
    padding: 5px;
    margin: 0rem !important;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    display:inline-block !important;
  }
  .block50md .nav-item{
  text-align: center;
  }

}
.nav-tabs .nav-link {
    padding: 0.6rem 1rem;
}

.badge {
  padding: 8px;
  font-weight: normal
}

.p0m0 {
  padding: 0px;
  margin: 0px;
}
.mb-100 {
  margin-bottom: 100px;
}
a, a:hover {
  text-decoration: none;
}

.both {
  clear: both
}

.carousel-control-prev, .carousel-control-next {
  z-index: 6;
}

.dropdown-item {
  white-space: normal;
  width: 100%;
}


a, .box-link, .box-cc {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  overflow: hidden;
  -webkit-touch-callout: none;
}

.card {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cardlink [class*="box-link"] {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.cardlink [class*="box-link"]:after {
  position: absolute;
  speak: none;
  content: "";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.cardlink [class*="box-cc"] {
  width: 70%;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: rgba(255, 255, 255, 1);
  border: 5px solid rgba(255, 255, 255, 1);
  opacity: 0;
}

.cardlink:hover *:after {
  opacity: 1;
}

.cardlink:hover .box-cc {
  z-index: 1;
  opacity: 1;
}

.cardlink:hover .box-link .box-cc {
  opacity: 0;
  display: none;
}

.cardlink [class^="card-body"] {
  display: block;
  height: 100%;
}

.card-title, .card-text {
  z-index: 1;
}

.divrs {
  width: 100%;
  display: block;
  position: relative;
}

.divrs:before {
  display: block;
  content: "";
}

.hi100vh {
  height: 100vh;
}

.hi310:before {
  padding-top: 310%;
}
.hi200:before {
  padding-top: 200%;
}

.hi150:before {
  padding-top: 150%;
}

.hi100:before {
  padding-top: 100%;
}

.hi75:before {
  padding-top: 75%;
}

.hi50:before {
  padding-top: 50%;
}

.hi30:before {
  padding-top: 30%;
}

.hi25:before {
  padding-top: 25%;
}

.hi10:before {
  padding-top: 10%;
}

.hi0:after {
  padding-top: 0%;
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .divrs:before {
//    padding-top: 230px;
  }
  /* IE11???X?y?[?X????????????? */
  *::-ms-backdrop, .divrs.bai:before {
//    padding-top: 470px;
  }
  /* IE11???X?y?[?X????????????? */
}

.popimg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background: #ffffff;
}

.popimg.inver {
  background: #000000;
}

.popimg.yohaku {
  margin: 15px;
}

.popimg .resposnojs {
  height: 100% !important;
}

.resposnojs:after, .img-box:after {
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  speak: none;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
}

.resposnojs {
  overflow: hidden;
  width: 100%;
  height: 100% position: relative;
}

.resposnojs img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: 200%;
  position: absolute;
  top: -40%;
  right: -40%;
  bottom: -40%;
  left: -40%;
  margin: auto;
}

.resposnojs img.img150 {
  /*kaitensasenaitoki*/
  min-width: 100%;
  min-height: 100%;
  max-width: 200%;
}

.img-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.hi100vh .img-box img {
  width: 100%;
  height: calc(100vh);
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover;object-position: 50% 50%;';
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover;object-position: 50% 50%;';
}

.img-box img.left-bottom {
  object-position: 0% 100%;
  font-family: 'object-fit: cover;object-position: 0% 100%;';
}

.img-box img.right-bottom {
  object-position: 100% 100%;
  font-family: 'object-fit: cover;object-position: 100% 100%;';
}

.img-box img.left-top {
  object-position: 0% 0%;
  font-family: 'object-fit: cover;object-position: 0% 0%;';
}

.img-box img.right-top {
  object-position: 100% 0%;
  font-family: 'object-fit: cover;object-position: 100% 0%;';
}


.popimgtxt .popimgtit, .popimgtxt .popimgdesp, .popimg img, .popimgtxt::after, .popimgtxt::before {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.popimgtxt {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: table;
  overflow: hidden;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: normal;
  padding-left: 12%;
  padding-right: 12%;
  font-weight: normal;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

.popimgtxtcell {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.popimg .popimgtit {
  width: 100%;
  height: 50px;
  display: table;
}

.popimgtit div {
  display: table-cell;
  vertical-align: middle;
}

.popimg .popimgdesp {
  letter-spacing: 1px;
  font-size: 95%;
  font-weight: normal;
  opacity: 0;
}

.thumbicon_t {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
}

.thumbicon_b {
  z-index: 4;
  position: absolute;
  bottom: 0;
  right: 0;
}

i.thumbicon {
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  font-size: 85%;
  text-shadow: none;
  padding: 10px 10px 10px 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: rgba(25, 181, 254, 0.4);
  color: #fff;
}

.shadow {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

.shadow_zen {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

.shadow_zen:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0);
}

.shadow_ato {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0);
}

.shadow_ato:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

.shadow_all {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

.shadow_in {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
}

.shadow_inzen {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
}

.shadow_inzen:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0) inset;
}

.shadow_inato {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0) inset;
}

.shadow_inato:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
}

.shadow_ef:after, .shadow_efato:after, .shadow_efzen:after {
  z-index: -1;
  position: absolute;
  speak: none;
  content: "";
  top: 0;
  bottom: 0;
  left: 5px;
  right: 5px;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-radius: 50px / 10px;
}

.shadow_efato:after, .shadow_efzen:hover:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}

.shadow_efato:hover::after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.cardup {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-font-smoothing: antialiased;
}

.cardup:hover {
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
  -webkit-font-smoothing: antialiased;
  -webkit-filter: blur(0.000001px);
}

.box-linkbd {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-sizing: border-box;
  border: 3px solid rgba(25, 181, 254, 1);
}

.box-linkbd:hover {
  border: 3px solid rgba(25, 181, 254, 0);
}

.box-linkbdato {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  box-sizing: border-box;
  border: 3px solid rgba(25, 181, 254, 0);
}

.box-linkbdato:hover {
  border: 3px solid rgba(25, 181, 254, 1);
}

.cardlink .box-linkbg:after {
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}

.cardlink .box-linkbg .box-cc {
  -webkit-transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1);
  transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1);
}

.cardlink:hover .box-linkbg .box-cc {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.cardlink .box-linkbgdown:after {
  width: 100%;
  height: 0%;
  right: 0;
  top: 0;
  opacity: 1;
}

.cardlink .box-linkbgdown .box-cc {
  -webkit-transform: translate(-50%, 150%);
  transform: translate(-50%, 150%);
}

.cardlink:hover .box-linkbgdown:after {
  height: 100%;
}

.cardlink:hover .box-linkbgdown .box-cc {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cardlink .box-linkbghado:after {
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.cardlink .box-linkbghado .box-cc {
  -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1);
  transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1);
}

.cardlink:hover .box-linkbghado:after {
  width: 800px;
  height: 800px;
}

.cardlink:hover .box-linkbghado .box-cc {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.cardlink .card-bodyflash {
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
  background-color: rgba(0, 0, 0, 0);
}

.cardlink:hover .card-bodyflash {
  -webkit-animation: flash 1s;
  animation: flash 1s;
}

.cardlink .card-bodygray {
  position: relative;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: rgba(0, 0, 0, 0);
}

.cardlink:hover .card-bodygray {
  -webkit-an width: 100%;
  imation: flash 0.3s;
  animation: flash 0.3s;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 1);
}

.card-bodybg {
  z-index: 1;
  position: relative;
}

.cardlink .card-bodybg:before {
  z-index: -1;
  width: 100%;
  height: 0%;
  position: absolute;
  speak: none;
  content: "";
  right: 0;
  top: 0;
  -webkit-transition: all.3s;
  -moz-transition: all .3s;
  -o-transition: all.3s;
  transition: all .3s;
  background-color: rgba(0, 0, 0, 0.5);
}

.cardlink:hover .card-bodybg:before {
  height: 100%;
}

.cardlink:hover .card-bodybg {
  color: rgba(255, 255, 255, 1);
}

.card-bodybgup {
  z-index: 1;
  position: relative;
}

.cardlink .card-bodybgup:before {
  z-index: -1;
  width: 100%;
  height: 0%;
  position: absolute;
  speak: none;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
}

.cardlink:hover .card-bodybgup:before {
  height: 100%;
}

.cardlink:hover .card-bodybgup {
  color: rgba(255, 255, 255, 1);
}

.card-bodybgx {
  z-index: 1;
  position: relative;
  height: 100%;
}

.cardlink .card-bodybgx:before {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  speak: none;
  content: "";
  top: 0;
  left: 0;
  -webkit-transition: all.3s;
  -moz-transition: all .3s;
  -o-transition: all.3s;
  transition: all .3s;
  -webkit-transform: scale(0.5, 1);
  transform: scale(0.5, 1);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.cardlink:hover .card-bodybgx:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.cardlink:hover .card-bodybgx {
  color: rgba(255, 255, 255, 1);
}

.card-bodyline {
  z-index: 1;
  position: relative;
  height: 100%;
}

.cardlink .card-bodyline:before {
  z-index: -1;
  width: 0%;
  height: 10px;
  position: absolute;
  speak: none;
  content: "";
  top: 0;
  left: 0;
  -webkit-transition: all.3s;
  -moz-transition: all .3s;
  -o-transition: all.3s;
  transition: all .3s;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.cardlink:hover .card-bodyline:before {
  width: 100%;
  opacity: 1;
}

.card-bodyup {
  z-index: 3;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all.3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  background-color: rgba(255, 255, 255, 255.1);
}

.cardlink:hover .card-bodyup {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  background-color: rgba(255, 255, 255, 255.1);
}

.popimg.op img {
  opacity: 0.7;
}

.popimg.inver.op img {
  opacity: 0.9;
}

.cardlink:hover .popimg.op img {
  opacity: 0.1;
}

.cardlink:hover .popimg.inver.op img {
  opacity: 0.5;
}

.popimg.opa img {
  opacity: 0.1;
}

.popimg.inver.opa img {
  opacity: 0.5;
}

.cardlink:hover .popimg.opa img {
  opacity: 0.7;
}

.cardlink:hover .popimg.inver.opa img {
  opacity: 0.9;
}

.popimg:after, .popimg:before {
  z-index: 2;
}

.popimg .popimgtxt::before, .popimg .popimgtxt::after {
  border: 0px solid #000;
}

.popimg.inver .popimgtxt::before, .popimg.inver .popimgtxt::after {
  border: 0px solid #fff;
}

.popimg .popimgtxt {
  -moz-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
  -webkit-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
  rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
  text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
  color: #000000;
}

.cardlink:hover .popimg .popimgtxt {
  color: #000000;
}

.popimg.inver .popimgtxt {
  -moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

.cardlink:hover .popimg.inver .popimgtxt {
  color: #ffffff;
}

.popimg:after, .popimg:before {
  background: rgba(255, 255, 255, 0.4);
}

.popimg.inver:after, .popimg.inver:before {
  background: rgba(0, 0, 0, 0.3);
}

.cardlink:hover .popimg::after, .cardlink:hover .popimg::before {
  background: rgba(255, 255, 255, 0.6);
}

.cardlink:hover .popimg.inver:after, .cardlink:hover .popimg.inver:before {
  background: rgba(0, 0, 0, 0.5);
}

.cardlink:hover .popimg .popimgdesp {
  opacity: 1;
}

[class^="trans_"] {
  -webkit-transition: all 11.35s ease-in-out;
  transition: all 11.35s ease-in-out;
}

.trans_zoom {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cardlink:hover .trans_zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.trans_zoomin {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cardlink:hover .trans_zoomin {
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}

.trans_top {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.cardlink:hover .trans_top {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.trans_bottom {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.cardlink:hover .trans_bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.trans_left {
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

.cardlink:hover .trans_left {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.trans_right {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.cardlink:hover .trans_right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.trans_naname {
  max-width: none;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  margin: -10px 0 0 70px;
  -webkit-transform: translate3d(30px, 30px, 0);
  transform: translate3d(30px, 30px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cardlink:hover .trans_naname {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.trans_nanamesita {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cardlink:hover .trans_nanamesita {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.trans_blur {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.cardlink:hover .trans_blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.cardlink:hover .trans_gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cardlink:hover .trans_brightness {
  -webkit-filter: brightness(150%);
  filter: brightness(150%);
  transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
  -webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
}

.cardlink:hover .trans_saturate {
  -webkit-filter: saturate(200%);
  filter: saturate(200%);
  transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
  -webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
}

.cardlink:hover .trans_sepia {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
  -webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
}

.cardlink:hover .trans_contrast {
  -webkit-filter: contrast(150%);
  filter: contrast(150%);
  transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
  -webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
}

.cardlink:hover .trans_huerotate {
  -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
  transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
  -webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
}

.trans_rotate {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cardlink:hover .trans_rotate {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

.cardlink:hover i.thumbicon {
  background: rgba(25, 181, 254, 1);
}

.cardlink:hover i.thumbicon_radius {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.cardlink i.thumbicon_spin {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.cardlink:hover i.thumbicon_spin {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.cardlink i.thumbicon_spin2 {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.cardlink:hover i.thumbicon_spin2 {
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.cardlink .thumbicon_t i.thumbicon_border {
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 10px 10px 10px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: rgba(25, 181, 254, 1);
  color: rgba(255, 255, 255, 1);
  border: 2px solid rgba(25, 181, 254, 0);
}

.cardlink:hover .thumbicon_t i.thumbicon_border {
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 10px 10px 10px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: rgba(255, 255, 255, 1);
  color: rgba(25, 181, 254, 1);
  border: 2px solid rgba(25, 181, 254, 1);
}

.card-title_b2 span {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}

.cardlink:hover .card-title_b2 span {
  -webkit-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
  opacity: 0;
}

.card-title_b2:before {
  content: attr(data-text);
  right: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  -webkit-transform: translate(0, 40%);
  transform: translate(0, 40%);
  opacity: 0;
}

.cardlink:hover .card-title_b2:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.card-title_b3 span {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}

.cardlink:hover .card-title_b3 span {
  -webkit-transform: translate(40%, 0px);
  transform: translate(40%, 0px);
  opacity: 0;
}

.card-title_b3:before {
  content: attr(data-text);
  position: absolute;
  right: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  opacity: 0;
}

.cardlink:hover .card-title_b3:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*?A?X?y?N?g?? 16:9?????c??*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.cardlink a .card-titlelink{
    color:#029ce2;
}

.cardlink a:hover .card-titlelink{
    color: rgba(255,255, 255, 1);
}


.cardpack .card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.cardpack .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}


.cardpack .card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.4em;
}

.cardpack .card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.cardpack .card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.cardpack .card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.cardpack .profile {
  z-index: 3;
    position: absolute;
    top: -18px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.cardpack .profile-avatar {
   display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.cardpack .profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.cardpack .profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.cardpack .text-bold {
    font-weight: 700;
}

.cardpack .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.cardpack .meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.cardpack .meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.cardpack .ribbon {
  z-index: 2;
 width: 160px;
  height: 32px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  background: #4dbe3b;
  transform: rotate(45deg);
  position: absolute;
  right: -55px;
  top: 10px;
  padding-top: 7px; 
}

.ribbon14 {  
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
  padding: 5px 0;
  z-index: 2;
  width: 28px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: #EA4335;
}

.ribbon14:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 14px solid #EA4335;
  border-right: 14px solid #EA4335;
  border-bottom: 7px solid transparent;
}
/* Ribbon 1 */
.top-cross-ribbon {
	 z-index: 2;
background: #EA4335;
	padding: 3px 50px;
	color: #FFF;
	position: absolute;
	top: 0;
	right: -55px;
	transform: rotate(45deg);
	border: 1px dashed #FFF;
	box-shadow: 0 0 0 3px #EA4335;
	margin: 5px;
}

/* Ribbon 2*/
.arrow-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  padding: 5px 15px 5px 15px;
  position: absolute;
  top: 10px;
  right: -1px;
}


/* Ribbon 3 */
.bottom-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  padding: 5px 20px;
  position: absolute;
  top: 10px;
  right: -1px;
  border-radius: 20px 0 0 20px;
}


/*Ribbon 4 */
.half-circle-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  height: 60px;
  width: 60px;
  text-align: right;
  padding-top: 7px;
  padding-right: 7px;
  position: absolute;
  top: -1px;
  right: -1px;
  flex-direction: row;
  border-radius: 0 0 0 100%;
  border: 1px dashed #FFF;
  box-shadow: 0 0 0 3px #EA4335;
line-height:14px
}
 .card {
 	position: relative;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 }
 .cardlink [class*="box-link"] {
 	z-index: 5;
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0%;
 	left: 0%;
 	overflow: hidden;
 }
 .cardlink [class*="box-link"]:after {
 	position: absolute;
 	speak: none;
 	content: "";
 	-webkit-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 	background: rgba(0, 0, 0, 0.5);
 	opacity: 0;
 }
 .cardlink [class*="box-cc"] {
 	width: 70%;
 	display: block;
 	text-align: center;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	padding: 10px;
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 	color: rgba(255, 255, 255, 1);
 	border: 5px solid rgba(255, 255, 255, 1);
 	opacity: 0;
 }
 .cardlink:hover *:after {
 	opacity: 1;
 }
 .cardlink:hover .box-cc {
 	z-index: 1;
 	opacity: 1;
 }
 .cardlink:hover .box-link .box-cc {
 	opacity: 0;
 	display: none;
 }
 .cardlink [class^="card-body"] {
 	display: block;
 }
 .card-title, .card-text {
 	z-index: 1;
 }
 .divrs {
 	width: 100%;
 	display: block;
 	position: relative;
 }
 .divrs:before {
 	display: block;
 	content: "";
 }
 .hi100vh {
 	height: 100vh;
 }
 .hi100:before {
 	padding-top: 100%;
 }
 .hi75:before {
 	padding-top: 75%;
 }
 .hi60:before {
 	padding-top: 61%;
 }
 .hi60da:before {
 	padding-top: 60%;
 }
 .hi55:before {
 	padding-top: 53%;
 }
 .hi50:before {
 	padding-top: 50%;
 }
 .hi40:before {
 	padding-top: 45%;
 }
 .hi30:before {
 	padding-top: 30%;
 }
 .hi25:before {
 	padding-top: 25%;
 }
 .hi10:before {
 	padding-top: 10%;
 }
 .hi0:after {
 	padding-top: 0%;
 }
 @media all and (-ms-high-contrast:none) {
 	*::-ms-backdrop, .divrs:before {
 		//    padding-top: 230px;
 	}
 	/* IE11???X?y?[?X????????????? */
 	*::-ms-backdrop, .divrs.bai:before {
 		//    padding-top: 470px;
 	}
 	/* IE11???X?y?[?X????????????? */
 }
 .popimg {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	overflow: hidden;
 	background: #ffffff;
 }
 .popimg.inver {
 	background: #000000;
 }
 .popimg.yohaku {
 	margin: 15px;
 }
 .popimg .resposnojs {
 	height: 100% !important;
 }
 .resposnojs:after, .img-box:after {
 	z-index: 1;
 	height: 100%;
 	width: 100%;
 	position: absolute;
 	speak: none;
 	content: "";
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	opacity: 1;
 }
 .resposnojs {
 	overflow: hidden;
 	width: 100%;
 	height: 100% position: relative;
 }
 .resposnojs img {
 	width: auto;
 	height: auto;
 	min-width: 100%;
 	min-height: 100%;
 	max-width: 200%;
 	position: absolute;
 	top: -40%;
 	right: -40%;
 	bottom: -40%;
 	left: -40%;
 	margin: auto;
 }
 .resposnojs img.img150 {
 	/*kaitensasenaitoki*/
 	min-width: 100%;
 	min-height: 100%;
 	max-width: 200%;
 }
 .img-box {
 	display: block;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 }
 .hi100vh .img-box img {
 	width: 100%;
 	height: calc(100vh);
 	object-fit: cover;
 	object-position: 50% 50%;
 	font-family: 'object-fit: cover;object-position: 50% 50%;';
 }
 .img-box img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	object-position: 50% 50%;
 	font-family: 'object-fit: cover;object-position: 50% 50%;';
 }
 .img-box img.left-bottom {
 	object-position: 0% 100%;
 	font-family: 'object-fit: cover;object-position: 0% 100%;';
 }
 .img-box img.right-bottom {
 	object-position: 100% 100%;
 	font-family: 'object-fit: cover;object-position: 100% 100%;';
 }
 .img-box img.left-top {
 	object-position: 0% 0%;
 	font-family: 'object-fit: cover;object-position: 0% 0%;';
 }
 .img-box img.right-top {
 	object-position: 100% 0%;
 	font-family: 'object-fit: cover;object-position: 100% 0%;';
 }
 .popimgtxt .popimgtit, .popimgtxt .popimgdesp, .popimg img, .popimgtxt::after, .popimgtxt::before {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 }
 .popimgtxt {
 	z-index: 4;
 	width: 100%;
 	height: 100%;
 	display: table;
 	overflow: hidden;
 	text-align: center;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	font-weight: normal;
 	padding-left: 10%;
 	padding-right: 10%;
 	font-weight: normal;
 	table-layout: fixed;
 	word-break: break-all;
 	word-wrap: break-word;
 }
 .popimgtxtcell {
 	width: 100%;
 	display: table-cell;
 	vertical-align: middle;
 }
 .popimg .popimgtit {
 	width: 100%;
 	height: 50px;
 	display: table;
 }
 .popimgtit div {
 	display: table-cell;
 	vertical-align: middle;
 }
 .popimg .popimgdesp {
 	letter-spacing: 1px;
 	font-size: 95%;
 	font-weight: normal;
 	opacity: 0;
 }
 .thumbicon_t {
 	z-index: 4;
 	position: absolute;
 	top: 0;
 	right: 0;
 }
 .thumbicon_b {
 	z-index: 4;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 }
 i.thumbicon {
 	-moz-text-shadow: none;
 	-webkit-text-shadow: none;
 	-ms-text-shadow: none;
 	font-size: 85%;
 	text-shadow: none;
 	padding: 10px 10px 10px 10px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	background: rgba(25, 181, 254, 0.4);
 	color: #fff;
 }

/* Ribbon 5 */
.cross-shadow-ribbon {
   z-index: 2;
position: absolute;
  background: #EA4335;
  top: -10px;
  padding: 5px 8px;
  margin-left: 15px;
  color: #FFF;
  border-radius: 0 0 2px 2px;
}
.cross-shadow-ribbon:before {
  content: "";
  position: absolute;
  left: -10px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #A42F25;
  border-left: 10px solid transparent;
}

/* Ribbon 6 */
.cover-ribbon {
   z-index: 2;
height: 115px;
  width: 115px;
  position: absolute;
  right: -8px;
  top: -8px;
  overflow: hidden;
}
.cover-ribbon .cover-ribbon-inside {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  transform: rotate(45deg);
  position: absolute;
  right: -35px;
  top: 15px;
  padding: 10px;
  min-width: 127px;
  text-align: center;
}
.cover-ribbon .cover-ribbon-inside:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #992C23;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  top: 35px;
  transform: rotate(-45deg);
}
.cover-ribbon .cover-ribbon-inside:after {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 10px solid #992C23;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: 95%;
  right: 0;
  top: 34px;
  bottom: 0;
  content: "";
  transform: rotate(-45deg);
} 

.ribbon12 {
   z-index: 2;
display: inline-block;
 position: absolute;
  top: 10px;
  box-sizing: border-box;
  padding: 7px 10px 7px 10px;
  margin: 0 0 0 -10px;
  width: calc(100% + 10px);
  color: white;
  background: #EA4335;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon12:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 5px transparent;
  border-right: solid 10px #6081b7;
}

th{
}
.fc {
height:150px;
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

[class^="swiper-container"] {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.swiper-navisoto{
	position: relative;
	over-flow:hidden;
	width:100%;
}
.swiper-navisoto .swiper-container380 {
	width: calc(100% - 80px);
	box-sizing: content-box;
	margin-left:40px;
}
.swiper-navisoto .swiper-button-prev{
left: 5px;
}
.swiper-navisoto .swiper-button-next{
right: 5px;
}
.swiper-navisoto .swiper-pagination{
width:100%;
}
.swiper-navisoto .swiper-pagination > span{
margin:10px 5px;
}



.tdth_pad td,.tdth_pad th{
padding-top:7px;
padding-bottom:7px;

}



[class^="swiper-container"] {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.swiper-navisoto{
	position: relative;
	over-flow:hidden;
	width:100%;
}
.swiper-navisoto .swiper-container380 {
	width: calc(100% - 80px);
	box-sizing: content-box;
	margin-left:40px;
}
.swiper-navisoto .swiper-button-prev{
left: 5px;
}
.swiper-navisoto .swiper-button-next{
right: 5px;
}
.swiper-navisoto .swiper-pagination{
width:100%;
}
.swiper-navisoto .swiper-pagination > span{
margin:10px 5px;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

 .logbox
      {
         border: solid 0px #fff;
         width: 100%;
         height: 450px;
         padding: 0.5em;
         overflow: auto;
padding:10px 20px 
     }


.popimg{
  background: rgba(255, 255, 255, .5);
}

.p_center:after, .p_center:before {
  width: 100%;
  height: 0px;
  position: absolute;
  speak: none;
  content: "";
  bottom: 50%;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  background: rgba(0, 0, 0, 0.7);
z-index:-3
}

.p_center:before {
  bottom: 50%;
}

.p_center:after {
  top: 50%;
}

.p_center.inver:after, .p_center.inver:before {
  background: rgba(255, 255, 255, 0.8);
}

.cardlink:hover .p_center:after, .cardlink:hover .p_center:before {
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
}

.cardlink:hover .p_center.inver:after, .cardlink:hover .p_center.inver:before {
  background: rgba(0, 0, 0, 0.6);
}

a{
color:#1066c8;
}
a:hover{
color:#258cff;
}
.btn-primary {
background-color: #1066c8;
}
.btn-primary:hover {
background-color: #258cff;
}

.btn-warning {
background-color: #e60000;
border-color: #e60000;
color:#ffdbdb
}
.btn-warning:hover {
background-color: #e60000;
border-color: #e60000;
color:#ffdbdb
}

.page-link {
  border: 1px solid #8ac1ff;
  color: #1066c8;
}
.page-link:hover {
  border: 1px solid #8ac1ff;
  background-color: #8ac1ff;
  color: #1066c8;
}
.page-item.active .page-link {
  background-color: #8ac1ff;
  border-color: #8ac1ff
}


a.nav-link{
color:rgba(0, 0, 0, 0.8);
}
a.nav-link:hover{
color:#e60000;
}



.cardlink.bglight2 a,.cardlink.bglight a,.cardlink.bgfff a,.cardlink.bgora a{
   color: #262626;
}

.cardlink.bgdark2 a,.cardlink.bgdark a,.cardlink.bg000 a{
   color: #fff;
}

.dropdown-menu {
    color: #212529;
    background-color: #f8f9fa !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0rem;
}
.table .thead-light th {
  background-color: #f8f9fa;
}
.cardpack .card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.cardpack .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}


.cardpack .card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.4em;
}

.cardpack .card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.cardpack .card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.cardpack .card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.cardpack .profile {
  z-index: 3;
    position: absolute;
    top: -18px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.cardpack .profile-avatar {
   display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.cardpack .profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.cardpack .profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.cardpack .text-bold {
    font-weight: 700;
}

.cardpack .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.cardpack .meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.cardpack .meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.cardpack .ribbon {
  z-index: 2;
 width: 160px;
  height: 32px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  background: #4dbe3b;
  transform: rotate(45deg);
  position: absolute;
  right: -55px;
  top: 10px;
  padding-top: 7px; 
}

.ribbon14 {  
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
  padding: 5px 0;
  z-index: 2;
  width: 28px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: #EA4335;
}

.ribbon14:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 14px solid #EA4335;
  border-right: 14px solid #EA4335;
  border-bottom: 7px solid transparent;
}
/* Ribbon 1 */
.top-cross-ribbon {
	 z-index: 2;
background: #EA4335;
	padding: 3px 50px;
	color: #FFF;
	position: absolute;
	top: 0;
	right: -55px;
	transform: rotate(45deg);
	border: 1px dashed #FFF;
	box-shadow: 0 0 0 3px #EA4335;
	margin: 5px;
}

/* Ribbon 2*/
.arrow-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  padding: 5px 15px 5px 15px;
  position: absolute;
  top: 10px;
  right: -1px;
}


/* Ribbon 3 */
.bottom-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  padding: 5px 20px;
  position: absolute;
  top: 10px;
  right: -1px;
  border-radius: 20px 0 0 20px;
}


/*Ribbon 4 */
.half-circle-ribbon {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  height: 60px;
  width: 60px;
  text-align: right;
  padding-top: 7px;
  padding-right: 7px;
  position: absolute;
  top: -1px;
  right: -1px;
  flex-direction: row;
  border-radius: 0 0 0 100%;
  border: 1px dashed #FFF;
  box-shadow: 0 0 0 3px #EA4335;
line-height:14px
}

/* Ribbon 5 */
.cross-shadow-ribbon {
   z-index: 2;
position: absolute;
  background: #EA4335;
  top: -10px;
  padding: 5px 8px;
  margin-left: 15px;
  color: #FFF;
  border-radius: 0 0 2px 2px;
}
.cross-shadow-ribbon:before {
  content: "";
  position: absolute;
  left: -10px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #A42F25;
  border-left: 10px solid transparent;
}

/* Ribbon 6 */
.cover-ribbon {
   z-index: 2;
height: 115px;
  width: 115px;
  position: absolute;
  right: -8px;
  top: -8px;
  overflow: hidden;
}
.cover-ribbon .cover-ribbon-inside {
   z-index: 2;
background: #EA4335;
  color: #FFF;
  transform: rotate(45deg);
  position: absolute;
  right: -35px;
  top: 15px;
  padding: 10px;
  min-width: 127px;
  text-align: center;
}
.cover-ribbon .cover-ribbon-inside:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #992C23;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  top: 35px;
  transform: rotate(-45deg);
}
.cover-ribbon .cover-ribbon-inside:after {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 10px solid #992C23;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: 95%;
  right: 0;
  top: 34px;
  bottom: 0;
  content: "";
  transform: rotate(-45deg);
} 

.ribbon12 {
   z-index: 2;
display: inline-block;
 position: absolute;
  top: 10px;
  box-sizing: border-box;
  padding: 7px 10px 7px 10px;
  margin: 0 0 0 -10px;
  width: calc(100% + 10px);
  color: white;
  background: #EA4335;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon12:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 5px transparent;
  border-right: solid 10px #6081b7;
}

footer i.fa {
  display: inline-block;
  width: 20px;
  text-align: center;
font-size: 1.2em;
}


.cardlink .bgno-link{
overflow: hidden;
}


body {
      position: relative; 
  width:100%;
  height:100%;
font-size:1rem;
line-height: 1.5rem;
font-family: Quicksand, '??S?V?b?N??', 'Yu Gothic', YuGothic, '?q???M?m?p?S?V?b?N Pro', 'Hiragino Kaku Gothic Pro', ???C???I, Meiryo, Osaka, '?l?r ?o?S?V?b?N', 'MS PGothic', sans-serif;
font-family: "?????", YuMincho, "Hiragino Mincho ProN W3", "?q???M?m???? ProN W3", "Hiragino Mincho ProN", "HG????E", "?l?r ?o????", "?l?r ????","???????", "Yu Mincho", YuMincho, "?q???M?m???? Pro", "Hiragino Mincho Pro", "MS P????", "MS PMincho", serif;

    word-wrap: break-word !important;
-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
font-weight: 500;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-5;
  width:100%;
  height:100vh;
background-repeat:  no-repeat;
background-position:center center;
  background-size:cover;
}


#loading {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -10000;
	width: 100%;
	height: 100%;
	background: #ffffff;
}
#loadimg {
	position: relative;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	/* Safari?p */
	
	transform: translateY(-50%);
	margin-top: -70px;
}

#gotop {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
    *zoom: 1;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    color: #ffffff !important;
    background-color: #777;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    z-index: 970;
    text-decoration:none;
}
#gotop:hover {
	padding: 5px 15px 20px 15px;
	background-color: #333;
	background: rgba(0, 0, 0, 0.8);
}

#gotop > i {
    margin: 0px;
    padding: 0px;
    position: relative;
    display: block;
}

@media screen and (max-width: 767px){
	#gotop i{
font-size:21px !important;
	}
#gotop:hover {
	padding: 5px 7px 15px 7px;
	background-color: #333;
	background: rgba(0, 0, 0, 0.8);
}

#gotop {
    text-align: center;
    left: 50%;
    right: 50%;
    bottom: 0px;
    width: 40px;
    margin: 0 auto;
    padding: 5px 7px;
    margin-left: -20px;
    border: 0px dotted #000000;
}
}


.fixed-top {
transition: .5s;
}


.hi100vh{
height: 100vh;
}

.hi70vh{
height: 70vh;
}
.hi30vh{
height: 30vh;
}


.h30:after {
display: block;
    content: "";
padding-top: 30%;
}
.h50:after {
display: block;
    content: "";
padding-top: 50%;
}
.h70:after {
display: block;
    content: "";
padding-top: 70%;
}
.h100:after {
display: block;
    content: "";
padding-top: 100%;
}


.full-fluid{
position:relative;
padding:70px 30px;
width:100%;
  background-color:transparent;
z-index:1
}



.bg,.parallax {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.parallax:before {
content: "";
  height: 100%;
  width: 100%;
  position: absolute;
top:0;
left:0;
z-index:1;
}

.parlx-children {
  position: absolute;
  width: 100%;
  height: 100%;
background-attachment: scroll;
background-repeat:  no-repeat;
background-position:center center;
background-size:cover;
-webkit-background-size: cover;
}


.backbg-cover{
    position: absolute;
	left: 0;
	top: 0;
  width: 100%;
  height: 100%;
background-repeat:  no-repeat;
background-position:center center;
background-size:cover;
-webkit-background-size: cover;
}

.backbg-cover.cover{
background-attachment: fixed;
}

.backbg-overlay{
    position: absolute;
    z-index: -3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  display:block;
background-repeat:  no-repeat;
background-position:center center;
background-size:cover;
-webkit-background-size: cover;
}
.overlayt{

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}
.backbg-overlay::after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
  display:block;
background-repeat:  no-repeat;
background-position:center center;
background-size:cover;
-webkit-background-size: cover;
}

.backbg-overlay::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
  display:block;
    background-color: transparent; 
    background-position: top left;
    background-repeat:repeat;
}


.bgfff{
background-color: #fff;
   color: #262626;

}

.bgfffback{
    background-position: top left;
    background-repeat:repeat;
background-image: url(1images/bgfffback.png);
}

.bg000{
background-color: #000;
   color: #fff;
}
.bgdark{
background-color: #41403e !important;
   color: #fff;
}
.bgdark2{
background-color: rgba(0, 0, 0, 0.4) !important;
   color: #fff;
}
.bgdark3{
background-color: rgba(0, 0, 0, 0.6) !important;
   color: #fff;
}
.bglight{
background-color: rgba(255,255,255, 0.8) !important;
   color: #262626;
}
.bglight2{
background-color: rgba(255,255,255, 0.5) !important;
   color: #262626;
}
.bgnone{
background-color: rgba(255,255,255, 0) !important;
}
.bgora{
background-color: #fff2f2 !important;
   color: #262626;
}
.ora{
   color: #f19601 !important;
}
.bgdark,.bggra{
  color:#fff;
}
.bglight{
  color:#262626;
}

.bggra .backbg-overlay::before,.bggra.parallax::before,.centering_item.bggra,.parall_center.bggra {
  background: linear-gradient(135deg, rgba(241,111,92,.6) 0, rgba(52,124,247,.6) 0, rgba(246,41,12,.6) 99%, rgba(231,56,39,.6) 100%);
}


.bgdark .backbg-overlay::before,.bgdark.parallax::before,.centering_item.bgdark,.parall_center.bgdark,.full-fluid.bgdark {
    background-color: rgba(0, 0, 0, 0.6); 
}
.bglight .backbg-overlay::before,.bglight.parallax::before,.centering_item.bglight,.parall_center.bglight,.full-fluid.bglight {
    background-color: rgba(255, 255, 255, 0.7); 
}

.backbg-fix:after,.backbg-fix{
    background-attachment: fixed;
}

.f-inherit{
color:inherit;
}


.centering_item {
   position: absolute;          /* ??u?w?? */
   top: 50%;                    /* ?e?v?f???????????? */
   left: 50%;                   /* ?e?v?f??????E????? */
   transform: translateY(-50%) translateX(-50%);    /* ?v?f?????????A????????? */
   padding: 20px;

}


.parall_center {
  position: relative;
  padding: 5%;
  margin: 12%;
z-index:2;
max-width:95%;
}

.title{
  position: relative;
font-size:2.5rem;
}
.sub_title,.parall_title{
font-size:1.2rem;
}

.parall_desp {
position: relative;
}





.split-view {
  margin: 0px auto;
  padding: 10px;
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.one .split {
  width: 100%;
  margin: 0 5px
}

.two .split {
  width: calc(100% / 2);
  margin: 0 5px
}

.split:first-child {
  margin-left: 0
}

.split:last-child {
  margin-right: 0
}




.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger:focus{
outline: 0px auto -webkit-focus-ring-color;
}
.menu-trigger {
  position: relative;
  width: 20px;
  height: 18px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #262626;
  border-radius: 2px;
}
.bg-dark .menu-trigger span,.navbar-dark .menu-trigger span {
  background-color: #fff;
}



.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 8px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger:not(.collapsed) span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
}
.menu-trigger:not(.collapsed) span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger:not(.collapsed) span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
}
.navbar-toggler {
    border:none;
}
.nav-link{
font-size: 1rem;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
margin-left: .5rem;
margin-right: .5rem;
}
.dropdown-item {
 white-space: normal;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
line-height:20px
}

.dropdown-menu {
min-width: 15rem;
}

.dropdown-item{
	color: rgba(0,0, 0, 0.8);
}
a.dropdown-item:hover{
	color:#e60000;
}

.Sma.navbar-dark .dropdown-item{
	color: rgba(255, 255, 255, 0.5);
}
.Sma.navbar-dark .dropdown-item:hover{
	color: rgba(255, 255, 255, 1);
}
.Sma .nav-link{
padding: 0.75rem 0.5rem 0.75rem 0.5rem;
margin-left: 0rem;
margin-right: 0rem;
}

.Sma .dropdown-item{
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}


.Sma .navbar-collapse{
padding-top:20px;
padding-bottom:20px
}
.Sma .nav-item{
border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

.Sma .dropdown-menu{
	background-color:transparent;
	border: none;
	padding: 0;
}
.Sma .dropdown-menu > .dropdown-item{
	background-color:transparent;
	border: none;
}

  .Sma .navbar-collapse {
    max-height: 80vh;
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .Sma .container {
    max-width: 100%;
  }


h1 {
//  background: linear-gradient(110deg, #ff0000, #e89114 45%, #ff0000);
//  background: linear-gradient(110deg, #0575e6, #5fb52e 45%, #0575e6);
//  background: linear-gradient(110deg, #5fac33, #f19601 45%, #1b92d0);
//  -webkit-background-clip: text;
//  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #fff;
-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px -2px 5px rgba(0, 0, 0, 0.4), -2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), 2px 0px 5px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4), -2px 0px 5px rgba(0, 0, 0, 0.4), 0px -2px 5px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px -2px 5px rgba(0, 0, 0, 0.4), -2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), 2px 0px 5px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4), -2px 0px 5px rgba(0, 0, 0, 0.4), 0px -2px 5px rgba(0, 0, 0, 0.4);
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px -2px 5px rgba(0, 0, 0, 0.4), -2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), 2px 0px 5px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4), -2px 0px 5px rgba(0, 0, 0, 0.4), 0px -2px 5px rgba(0, 0, 0, 0.4);
}



@media (max-width: 991.98px) {
h1 {
 	font-size: 2em;
}
h6{
 	font-size: 1em;
color:#fff
}
}

.s3 {
	color: #e60000;
	display: flex;
	align-items: center;
margin-bottom:50px
font-size: 2.3rem;
}


.s3:before, .s3:after {
	content: "";
	flex-grow: 1;
	height: 10px;
	display: block;
}
.s3:before {
	margin-right: .4em;
	background: linear-gradient(90deg, #fff2f2, transparent);
}
.s3:after {
	margin-left: .4em;
	background: linear-gradient(-90deg, #fff2f2, transparent);
}

.bgora .s3:before {
	margin-right: .4em;
	background: linear-gradient(90deg, #fff, transparent);
}
.bgora .s3:after {
	margin-left: .4em;
	background: linear-gradient(-90deg, #fff, transparent);
}


@media all and (-ms-high-contrast:none){
h1 {
    background: none;
  }
}

body:before{
background-image:url(/image1500/18_03.jpg);
}


.fullbefore0{
background-image: url(/upthumb/2673567_m.jpg);
}


.fullbefore1{
background-image: url(/upthumb/2673567_m.jpg);
}
.fullbefore3{
background-image: url(/upthumb/2673567_m.jpg);
}

.fullbefore43{
background-image: url(/upthumb/2673567_m.jpg);
}

.fullbefore5{
}

.fullbefore6{
background-image: url(/upthumb/2673567_m.jpg);
}



@media (min-width: 576px) {

body:before{
background-image:url(/image1500/18_03.jpg);
}



.fullbefore0{
background-image: url(/up/2673567_m.jpg);
}


.fullbefore1{
background-image: url(/up/2673567_m.jpg);
}
.fullbefore3{
background-image: url(/up/2673567_m.jpg);
}

.fullbefore43{
background-image: url(/up/2673567_m.jpg);
}

.fullbeforebottom{
background-image: url(/up/2673567_m.jpg);
}

.fullbefore6{
background-image: url(/up/2673567_m.jpgg);
}


}
.sitemap li{
margin-top:15px
}

.navbar-dark .navbar-nav .nav-link:hover,.dropdown-item:hover,.dropdown-item:hover:active{
color: rgba(255, 255, 255, 1);
background-color:transparent;
}
i.fa{
display: flex;
    align-items: center;
    justify-content: center;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/baseimg/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/baseimg/blank.gif');
	/* helps IE */
	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/baseimg/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	position:fixed;
bottom:0px;
left:0px;
right:0px;
wdth:100%;

	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: none;
	z-index: 8050;
border:0px solid blue;
}

.fancybox-title div.child{
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
	position: relative;
	margin-right:25px;
	margin-left:10px;
	text-align:center;
opacity:1
}


.fancybox-title div.child div{


	display:inline-block;
	padding: 4px 15px;
	color: #FFF;
	background-color: #009ee3;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/baseimg/fancybox_sprite@2x.png');
		background-size: 44px 152px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('/baseimg/fancybox_loading@2x.gif');
		background-size: 24px 24px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
}
	.fancybox-close {
		background: url("/baseimg/closec.png") no-repeat scroll 0 0 transparent;
		height: 25px;
		right: 0;
		top: 0;
		width: 25px;
	}
	.fancybox-next span {
		background: url("/baseimg/rightc.png") no-repeat scroll center center #009ee3;
		height: 25px;
		width: 25px;
		right: 0;
	}
	.fancybox-prev span {
		background: url("/baseimg/leftc.png") no-repeat scroll center center #009ee3;
		height: 25px;
		width: 25px;
		left: 0;
	}
.fancybox-title h3 {
	font-size: 15px;
	margin: 0;
}
.fancybox-title {
	padding: 5px 8px;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}
#fancybox-thumbs.bottom {
	bottom: 2px;
}
#fancybox-thumbs.top {
	top: 2px;
}
#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}
#fancybox-thumbs ul li.active {
	opacity: 1;
	padding: 0;
	border: 3px solid #fff;
}
#fancybox-thumbs ul li:hover {
	opacity: 1;
}
#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}
#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
.namespace{
    padding-top: 100px;
    margin-top: -100px;
}
 .dltable-sm .dltable_right, .dltable-md .dltable_right, .dltable .dltable_right {
 		display: none
 }

 .topmidasi {
 		padding: 30px;
 		line-height: 60px;
 }

 @media (max-width: 575.98px) {
 		.topmidasi {
 				padding: 5px;
 				line-height: 45px;
 				letter-spacing: 0.1em;
 		}
 		.dltable-sm {
 				display: block;
 		}
 		.dltable-sm thead {
 				display: none;
 		}
 		.dltable-sm tbody {
 				display: block;
 		}
 		.dltable-sm tbody tr {
 				display: block;
 				margin-bottom: 1.5em;
 		}
 		.dltable-sm tbody th, .dltable-sm tbody td {
 				display: list-item;
 				border: none;
 		}
 		.dltable-sm tbody th .dltable_right {
 				float: right;
 				display: block;
 		}
 		.dltable-sm tbody th {
 				margin-bottom: 5px;
 				list-style-type: none;
 				color: #fff;
 				background-color: #343a40;
 		}
 		.dltable-sm.light tbody th {
 				color: #495057;
 				background-color: #e9ecef;
 		}
 		.dltable-sm tbody td {
 				position: relative;
 				list-style-type: none;
 				margin: 5px 10px 5px 15px;
 				padding: 5px;
 		}
 		.dltable-sm.dotted tbody td {
 				border-bottom: 1px dotted gray;
 		}
 		.dltable-sm.nth tbody td {
 				position: relative;
 				list-style-type: none;
 				padding-left: 50px;
 		}
 		.dltable-sm.nth tbody td:before {
 				position: absolute;
 				left: 0px;
 				top: 5px;
 		}
 		.dltable-sm.nth tbody td:nth-of-type(1):before {
 				content: " ";
 		}
 		.dltable-sm.nth tbody td:nth-of-type(2):before {
 				content: " ";
 		}
 		.dltable-sm.nth tbody td:nth-of-type(3):before {
 				content: " ";
 		}
 }
 .pl-4, .px-4 {
  padding-left: 1rem !important;
}
.pr-4, .px-4 {
  padding-right: 1rem !important;
}


 @media (max-width: 767.98px) {
 .px-4 {
 // text-align:left !important;
}
 .pl-4, .px-4 {
  padding-left: .4rem !important;
}
.pr-4, .px-4 {
  padding-right: .4rem !important;
}

.full-fluid {
  padding: 70px 15px;
}
		.dltable-md {
 				display: block;
 		}
 		.dltable-md thead {
 				display: none;
 		}
 		.dltable-md tbody th .dltable_right {
 				float: right;
 				display: block;
 		}
 		.dltable-md tbody {
 				display: block;
 		}
 		.dltable-md>tbody>tr {
 				display: block;
 				margin-bottom: 1.5em;
 		}
 		.dltable-md>tbody>tr>th, .dltable-md>tbody>tr>td {
 				display: list-item;
 				border: none;
 		}
 		.dltable-md>tbody>tr>th {
 				margin-bottom: 5px;
 				list-style-type: none;
 				color: #fff;
 				background-color: #343a40;
 		}
 		.dltable-md>tbody>tr>th {
 				max-width: 100%;
 				color: #495057;
 				background-color: #e9ecef;
 		}
 		.dltable-md>tbody>tr>td {
 				position: relative;
 				list-style-type: none;
 				margin: 5px 10px 5px 15px;
 				padding: 5px;
 		}
 		.dltable-md.dotted>tbody>tr>td {
 				border-bottom: 1px dotted gray;
 		}
 		.dltable-md.nth tbody td {
 				position: relative;
 				list-style-type: none;
 				padding-left: 50px;
 		}
 		.dltable-md.nth tbody td:before {
 				position: absolute;
 				left: 0px;
 				top: 5px;
 		}
 		.dltable-md.nth tbody td:nth-of-type(1):before {
 				content: " ";
 		}
 		.dltable-md.nth tbody td:nth-of-type(2):before {
 				content: " ";
 		}
 		.dltable-md.nth tbody td:nth-of-type(3):before {
 				content: " ";
 		}
 }

 @media (max-width: 991.98px) {
 		.dltable {
 				display: block;
 		}
 		.dltable thead {
 				display: none;
 		}
 		.dltable tbody {
 				display: block;
 		}
 		.dltable tbody tr {
 				display: block;
 				margin-bottom: 1.5em;
 		}
 		.dltable tbody th, .dltable tbody td {
 				display: list-item;
 				border: none;
 		}
 		.dltable tbody th .dltable_right {
 				float: right;
 				display: block;
 		}
 		.dltable tbody th {
 				margin-bottom: 5px;
 				list-style-type: none;
 				color: #fff;
 				background-color: #343a40;
 		}
 		.dltable.light tbody th {
 				color: #495057;
 				background-color: #e9ecef;
 		}
 		.dltable tbody td {
 				position: relative;
 				list-style-type: none;
 				margin: 5px 10px 5px 15px;
 				padding: 5px;
 		}
 		.dltable.dotted tbody td {
 				border-bottom: 1px dotted gray;
 		}
 		.dltable.nth tbody td {
 				position: relative;
 				list-style-type: none;
 				padding-left: 50px;
 		}
 		.dltable.nth tbody td:before {
 				position: absolute;
 				left: 0px;
 				top: 5px;
 		}
 		.dltable.nth tbody td:nth-of-type(1):before {
 				content: " ";
 		}
 		.dltable.nth tbody td:nth-of-type(2):before {
 				content: " ";
 		}
 		.dltable.nth tbody td:nth-of-type(3):before {
 				content: " ";
 		}
 }

 th.dark {
 		color: #fff;
 		background-color: #343a40;
 }

 th.light {
 		color: #495057;
 		background-color: #e9ecef;
 }

 [class^="swiper-container"] {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 }
 .swiper-navisoto {
 	position: relative;
 	over-flow: hidden;
 	width: 100%;
 }
 .swiper-navisoto .swiper-container380 {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-navisoto .swiper-button-prev {
 	left: 5px;
 }
 .swiper-navisoto .swiper-button-next {
 	right: 5px;
 }
 .swiper-navisoto .swiper-pagination {
 	width: 100%;
 }
 .swiper-navisoto .swiper-pagination>span {
 	margin: 10px 5px;
 }
 .tdth_pad td, .tdth_pad th {
 	padding-top: 7px;
 	padding-bottom: 7px;
 }
 [class^="swiper-container"] {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 }
 .swiper-navisoto {
 	position: relative;
 	over-flow: hidden;
 	width: 100%;
 }
 .swiper-navisoto .swiper-container380 {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-navisoto .swiper-button-prev {
 	left: 5px;
 }
 .swiper-navisoto .swiper-button-next {
 	right: 5px;
 }
 .swiper-navisoto .swiper-pagination {
 	width: 100%;
 }
 .swiper-navisoto .swiper-pagination>span {
 	margin: 10px 5px;
 }

  .swiper-containermenu .swiper-slide a, a.menulink {
 color: rgba(0, 0, 0, 0.8);
 	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 3px 10px;
 }


  .swiper-slide span{
 	border: 1px solid #ab0707;
	padding: 3px 10px;
	background-color: #e60000;
color: #fff;
font-weight: bold;
 }
 a.menulink {
	padding: 3px 10px;
margin:1px 3px;
display:inline-block
 }
 .swiper-slide a:hover, a.menulink:hover {
 	color: #fff;
 	background-color: #e60000;
 }


 .swiper-container {
 	position: relative;
 	width: 100%;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 }
 .swiper-container .swiper-slide {
 	background-size: cover;
 	background-position: center;
 }
 .gallery-top555 {
 	height: 80%;
 	width: 100%;
 }
 .gallery-thumbs555 {
 	height: 20%;
 	box-sizing: border-box;
 	padding: 10px 0;
 }
 .gallery-thumbs555 .swiper-slide {
 	height: 100%;
 	opacity: 0.4;
 }
 .gallery-thumbs555 .swiper-slide-thumb-active {
 	opacity: 1;
 }
 .swiper-containermenu {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-containermenu .swiper-wrapper {
 	width: 80%;
 }
 .swiper-containermenu .swiper-slide {
 	text-align: center;
 	font-size: 14px;
 	width: auto;
 	height: 40px;
 	background-color: tranparent !important;
 	/* Center slide text vertically */
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 }

.mt-10{
  margin-top:100px;
}
#section61{
  margin-top:30px;
padding-bottom: 30px;
}

 @media (min-width: 992px) {
table {
display: table !important;
    table-layout: fixed;
    width: 100%;
}
.mt-10{
  margin-top:120px;
}
#section61{
  margin-top:100px;
}

}



#submenu{
background-color: #fff !important;
padding:5px 0px
}


.hi50vh {
    height: 50vh;
max-height: 300px;
min-height: 250px;
}
.bgoraora {
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.swiper-button-next,.swiper-button-prev {
  background-image: none;
}


.icon-color{
background: #e60000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
vertical-align: middle;
}
.centercenter{
vertical-align:middle;
text-align:center
}

.han{
    background: #fff2f2 !important;
    border-radius: 10px;
	padding:15px
}


h5.mt-3{
   position:relative;
}

h5.mt-3::after {
  content: '';
  width: 60px;
  height: 3px;
  display: inline-block;
  background-color: #e60000;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px)
}
h5.mt-3 {
    margin-bottom: 40px !important;
    padding-bottom: 10px !important;

}
h5.mt-3.hole {
    margin-bottom: 20px !important;
    padding-bottom: 5px !important;
margin-top: .2rem !important;
}
h2, .h2 {
  font-size: 2.3rem;
}
h4, .h4 {
  font-size: 1.75rem;
}
h5, .h5 {
  font-size: 1.5rem;
}

.single-intro-text {
    padding: 45px 40px 40px 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 15px 0;
background: #fff2f2;
    z-index: 2;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.single-intro-text.bg-light {
background: #f8f9fa !important;
}


.single-intro-text i {
    position: absolute;
    left: -10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    top: 20px;
    font-size: 55px;
    color: #fff;
}
.single-intro-text .count-number {
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #e60000;
    color: #fff2f2;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 30px;
}
.p30{
    padding: 30px 30px 30px 30px;
}
.table th, .table td {
	font-size: .95rem;
  }


.table tr:first-child{
//display:none
}


@media (max-width: 575.98px) {

.dmd_max_none{
display: none;
}

.first{
  margin-left: 1px;
}

}


@media (min-width: 576px) {
.dmd_min_none{
display: none;
}
}

@media (max-width: 767.98px) {
.table th, .table td {
	font-size: .85rem;
  	padding: 0.5rem;
  }
}

.swiper-slide span.red{
color: #fff;
  background-color: #e60000;

}
@media (max-width: 991.98px) {
.navbar-collapse{
margin-top: 67px;
}

.ainologo{
max-width: 200px!important;

}
.justify-content-between{
    background-color:#f8f9fa !important;
    top: 0px;
    position: absolute;
width:100%;
  }

h2, .h2 {
  font-size: 2rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.2rem;
}

}
@media (min-width: 992px) {
    .mt-10 {
        margin-top: 105px;
    }
.ainologo{
padding-left:10px
}


h5.card-title, .h5 {
  font-size: 1.3rem;
}

}

 .wid100{
width:100%
}

.tel{
height: 85px;
font-size:20px;
}


.card.cardlink{

padding: 10px;
min-width: 150px;
}




.backphototit{
color:#fff;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px -2px 5px rgba(0, 0, 0, 0.4), -2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), 2px 0px 5px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4), -2px 0px 5px rgba(0, 0, 0, 0.4), 0px -2px 5px rgba(0, 0, 0, 0.4);
}

.pagination{
overflow-x: auto;
}

.breadcrumbbase{
    z-index: 1;
    position: relative;
    margin-top: -100px;
}
#submenu{
    position: relative;
    z-index: 1;
    padding-top: 30px;
}



 .q {
 		text-align: left
 }

 .qmark {
 		background-color: red;
 		color: #fff;
 		float: left;
 		padding: 4px 10px;
 		margin-right: 10px;
 		margin-bottom: 10px;
 }

 .amark {
 		background-color: blue;
 		color: #fff;
 		float: left;
 		padding: 4px 10px;
 		margin-right: 10px;
 		margin-bottom: 10px;
 }

 .panel-body.a p {
 		padding-bottom: 30px;
 }

 div.q {}

 .ora {
 		padding: 15px 10px 15px 10px;
 		color: #fff! important;
 		background-color: orange;
 		text-align: center;
 		font-size: 16px;
 		font-weight: bold
 }

.hiddeninput div.panel-default {
 		position: relative;
 		margin-bottom: 1px;
 		width: 100%;
 		overflow: hidden;
 }

 .hiddeninput input {
 		width: 100%;
 		height: 60px;
 		position: absolute;
 		right: 0;
 		top: 0px;
 		border: 1px dotted green !important;
 		line-height: 3;
 		opacity: 0;
 		display: block;
 		z-index: 50 !important;
 		cursor: pointer;
 }

 .hiddeninput label, .hiddeninput .labeldayo, .nocursor {
 		position: relative;
 		background: #CEECF5 url('../baseimg/subtitback5.gif') top center repeat;
 		border: 0px dotted green !important;
 		display: block;
 		padding: 0.9em 1.5em 0.5em 0.8em;
 		overflow: hidden;
 		font-weight: bold;
 		margin: 0px 0px 5px 0px
 }

 .hiddeninput .panel .panel-body {
 		height: 0em;
 		max-height: 0px;
 		overflow: hidden;
 		padding: 0px;
 		-webkit-transition: max-height 1.5s;
 		transition: max-height 1.5s;
 		text-align: left;
 }

 .hiddeninput .blue .panel-body {
 		background: #3498db;
 }

 .hiddeninput .panel.checked .panel-body {
 		height: auto;
 		max-height: 2000px;
 		padding-bottom: 5px;
 }

 .hiddeninput .panel-body p {
 		margin: 1em;
 }
 /* Icon */

 .hiddeninput label::after, .hiddeninput .labeldayo::after {
 		border: 0px dotted blue;
 		position: absolute;
 		right: 0;
 		top: 0;
 		clear: both;
 		width: 3em;
 		height: 3em;
 		padding-top: 0px;
 		padding-bottom: 5px;
 		line-height: 3;
 		text-align: center;
 		-webkit-transition: all .35s;
 		transition: all .35s;
 		font-weight: normal !important;
 }

 .yajirusi label::after, .yajirusi .labeldayo::after {
 		content: "\25BC";
 }

 .plus label::after, .plus .labeldayo::after {
 		content: "\2795";
 		font-size: 90%
 }

 .yajirusi .panel.checked label::after, .yajirusi .panel.checked .labeldayo::after {
 		-webkit-transform: rotate(180deg);
 		transform: rotate(180deg);
 		padding-top: 0px
 }

 .plus .panel.checked label::after, .plus .panel.checked .labeldayo::after {
 		-webkit-transform: rotate(315deg);
 		transform: rotate(315deg);
 		margin-right: 1px;
 }

 .borderline>div>div.panel-default {
 		border-top: 0px dotted #000000;
 }

 .borderline>div>div.panel-default:last-child {
 		border-bottom: 0px dotted #000000;
 }