@charset "utf-8";

/*--------------------------------------------------------------------
	container
--------------------------------------------------------------------*/

h1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.gsl {
  position: absolute;
  -index: 10;
}

@media screen and (min-width: 1451px) {

  .gsl {
    bottom: 110px;
    right: calc(50% - 690px);
  }

}

@media screen and (max-width: 1450px) {

  .gsl {
    display: none;
  }

}

/*--------------------------------------------------------------------
	indexCommonAccordion
--------------------------------------------------------------------*/

.indexCommonAccordion01 {
  position: relative;
}

.indexCommonAccordion01Btn {
  background-color: #999999;
  text-align: center;
  padding: 8px 5px;
  border: 1px solid #F0F0F0;
  line-height: 1.4em;
  color: #FFF;
  cursor: pointer;
}

.indexCommonAccordion01Btn .arrow {
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url("../images/common/arrow14_down.png");
  background-position: center top 1px;
  background-repeat: no-repeat;
  text-align: center;
  text-indent: -9999px;
}

.indexCommonAccordion01Btn.active .arrow {
  background-image: url("../images/common/arrow14_up.png");
}

.indexCommonAccordion01BtnTxt {
  padding-left: 10px;
}

.indexCommonAccordion01Btn {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {

  .indexCommonAccordion01Contents {
    display: block !important;
  }

}

@media screen and (max-width: 767px) {

  .indexCommonAccordion01Btn {
    display: block;
    margin-bottom: 15px;
  }

  .indexCommonAccordion01Contents {
    padding-bottom: 10px;
  }

}

/*--------------------------------------------------------------------
	news common
--------------------------------------------------------------------*/

@media screen and (min-width: 768px) {

  span[class^="iconStatus01Recommend"] {
    font-size: 0.9em;
  }

  span[class^="iconStatus01Popular"] {
    font-size: 0.9em;
  }

}

@media screen and (max-width: 767px) {

  span[class^="iconStatus01New"] {
    height: 20px;
    line-height: 20px;
    padding-top: 1px;
    width: 50px;
    border: 1px solid #FF6A6A;
    color: #FFF;
    background-color: #FF6A6A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9em;
    font: italic 0.9em MeiryoItalic, sans-serif;
  }

  span[class^="iconStatus01Recommend"] {
    height: 20px;
    line-height: 20px;
    width: 55px;
    border: 1px solid #66BEE8;
    color: #FFF;
    background-color: #66BEE8;
    font-size: 0.8em;
    letter-spacing: -1px;
  }

  span[class^="iconStatus01Popular"] {
    height: 20px;
    line-height: 20px;
    width: 65px;
    border: 1px solid #FFA64D;
    color: #FFF;
    background-color: #FFA64D;
    font-size: 0.8em;
    letter-spacing: 0;
  }

}

/*--------------------------------------------------------------------
	indexCommon
--------------------------------------------------------------------*/

.indexCommontTitle02 {
  border-bottom: 1px solid #D7D7D7;
  background-color: #005B40;
  padding: 0 10px;
  height: 45px;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.0em;
  position: relative;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

.indexCommontTitle03 {
  border-bottom: 1px solid #D7D7D7;
  background-color: #F7931A;
  padding: 0 10px;
  height: 45px;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.0em;
  position: relative;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

.indexCommontTitle04 {
  border: 1px solid #D7D7D7;
  background-color: #005B40;
  padding: 0 10px;
  height: 45px;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.0em;
  position: relative;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

.indexCommontTitle05 {
  border: 1px solid #D7D7D7;
  background-color: #94B31A;
  padding: 0 10px;
  height: 45px;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.0em;
  position: relative;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

@media screen and (min-width: 1025px) {

  .indexAnchor01 {
    margin-top: -60px;
    z-index: 1;
  }

  .indexAnchor01>div {
    padding-top: 60px;
  }

}

@media screen and (max-width: 767px) {

  .indexCommontTitle02,
  .indexCommontTitle03,
  .indexCommontTitle04,
  .indexCommontTitle05 {
    font-size: 1.0em;
    height: auto;
    padding: 5px 10px;
  }

  .indexCommontTitle04,
  .indexCommontTitle05 {
    line-height: 1.4em;
  }

}

/*--------------------------------------------------------------------
	slider
--------------------------------------------------------------------*/

#slider {
  width: 100% !important;
  height: 403px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.SlideBox {
  width: 100% !important;
  min-width: none;
  height: 403px !important;
}

[id^="slider"].SlideBox {
  background-position: center top;
  background-repeat: no-repeat;
}

#slider1 {
  background-image: url("../images/index/visual01.jpg");
}

#slider2 {
  background-image: url("../images/index/visual02.jpg");
}

#slider3 {
  background-image: url("../images/index/visual03.jpg");
}

#slider4 {
  background-image: url("../images/index/visual04.jpg");
}

#slider5 {
  background-image: url("../images/index/visual05.jpg");
}

#slider6 {
  background-image: url("../images/index/visual06.jpg");
}

#slider7 {
  background-image: url("../images/index/visual07.jpg");
}

#slider8 {
  background-image: url("../images/index/visual08.jpg");
}

#slider9 {
  background-image: url("../images/index/visual09.jpg");
}

#slider10 {
  background-image: url("../images/index/visual10.jpg");
}

#slider11 {
  background-image: url("../images/index/visual11.jpg");
}

#slider12 {
  background-image: url("../images/index/visual12.jpg");
}

#slider13 {
  background-image: url("../images/index/visual13.jpg");
}

#slider14 {
  background-image: url("../images/index/visual14.jpg");
}

#slider15 {
  background-image: url("../images/index/visual15.jpg");
}

#slider16 {
  background-image: url("../images/index/visual16.jpg");
}

#slider17 {
  background-image: url("../images/index/visual17.jpg");
}

#slider18 {
  background-image: url("../images/index/visual18.jpg");
}

#slider19 {
  background-image: url("../images/index/visual19.jpg");
}

#slider20 {
  background-image: url("../images/index/visual20.jpg");
}

#slider21 {
  background-image: url("../images/index/visual21.jpg");
}

#slider22 {
  background-image: url("../images/index/visual22.jpg");
}

#slider23 {
  background-image: url("../images/index/visual23.jpg");
}

#slider24 {
  background-image: url("../images/index/visual24.jpg");
}

#slider25 {
  background-image: url("../images/index/visual25.jpg");
}

#slider26 {
  background-image: url("../images/index/visual26.jpg");
}

#slider27 {
  background-image: url("../images/index/visual27.jpg");
}

#slider28 {
  background-image: url("../images/index/visual28.jpg");
}

#slider29 {
  background-image: url("../images/index/visual29.jpg");
}

#slider30 {
  background-image: url("../images/index/visual30.jpg");
}

#slider31 {
  background-image: url("../images/index/visual31.jpg");
}

#slider32 {
  background-image: url("../images/index/visual32.jpg");
}

#slider33 {
  background-image: url("../images/index/visual33.jpg");
}

#slider34 {
  background-image: url("../images/index/visual34.jpg");
}

#slider35 {
  background-image: url("../images/index/visual35.jpg");
}

#slider36 {
  background-image: url("../images/index/visual36.jpg");
}

#slider37 {
  background-image: url("../images/index/visual37.jpg");
}

#slider38 {
  background-image: url("../images/index/visual38.jpg");
}

#slider39 {
  background-image: url("../images/index/visual39.jpg");
}

#slider40 {
  background-image: url("../images/index/visual40.jpg");
}

#slider41 {
  background-image: url("../images/index/visual41.jpg");
}

#slider42 {
  background-image: url("../images/index/visual42.jpg");
}

#slider43 {
  background-image: url("../images/index/visual43.jpg");
}

#slider44 {
  background-image: url("../images/index/visual44.jpg");
}

#slider45 {
  background-image: url("../images/index/visual45.jpg");
}

#slider46 {
  background-image: url("../images/index/visual46.jpg");
}

#slider47 {
  background-image: url("../images/index/visual47.jpg");
}

#slider48 {
  background-image: url("../images/index/visual48.jpg");
}

#slider49 {
  background-image: url("../images/index/visual49.jpg");
}

#slider50 {
  background-image: url("../images/index/visual50.jpg");
}

#slider51 {
  background-image: url("../images/index/visual51.jpg");
}

#slider52 {
  background-image: url("../images/index/visual52.jpg");
}

#slider53 {
  background-image: url("../images/index/visual53.jpg");
}

#slider54 {
  background-image: url("../images/index/visual54.jpg");
}

#slider55 {
  background-image: url("../images/index/visual55.jpg");
}

#slider56 {
  background-image: url("../images/index/visual56.jpg");
}

#slider57 {
  background-image: url("../images/index/visual57.jpg");
}

#slider58 {
  background-image: url("../images/index/visual58.jpg");
}

#slider59 {
  background-image: url("../images/index/visual59.jpg");
}

#slider60 {
  background-image: url("../images/index/visual60.jpg");
}

#slider61 {
  background-image: url("../images/index/visual61.jpg");
}

#slider62 {
  background-image: url("../images/index/visual62.jpg");
}

#slider63 {
  background-image: url("../images/index/visual63.jpg");
}

#slider64 {
  background-image: url("../images/index/visual64.jpg");
}

#slider65 {
  background-image: url("../images/index/visual65.jpg");
}

#slider66 {
  background-image: url("../images/index/visual66.jpg");
}

#slider67 {
  background-image: url("../images/index/visual67.jpg");
}

#slider68 {
  background-image: url("../images/index/visual68.jpg");
}

#slider69 {
  background-image: url("../images/index/visual69.jpg");
}

#slider70 {
  background-image: url("../images/index/visual70.jpg");
}

#slider71 {
  background-image: url("../images/index/visual71.jpg");
}

#slider72 {
  background-image: url("../images/index/visual72.jpg");
}

#slider73 {
  background-image: url("../images/index/visual73.jpg");
}

#slider74 {
  background-image: url("../images/index/visual74.jpg");
}

#slider75 {
  background-image: url("../images/index/visual75.jpg");
}

#slider76 {
  background-image: url("../images/index/visual76.jpg");
}

#slider77 {
  background-image: url("../images/index/visual77.jpg");
}

#slider78 {
  background-image: url("../images/index/visual78.jpg");
}

#slider79 {
  background-image: url("../images/index/visual79.jpg");
}

#slider80 {
  background-image: url("../images/index/visual80.jpg");
}

#slider81 {
  background-image: url("../images/index/visual81.jpg");
}

#slider82 {
  background-image: url("../images/index/visual82.jpg");
}

#slider83 {
  background-image: url("../images/index/visual83.jpg");
}

#slider84 {
  background-image: url("../images/index/visual84.jpg");
}

#slider85 {
  background-image: url("../images/index/visual85.jpg");
}

#slider86 {
  background-image: url("../images/index/visual86.jpg");
}

#slider87 {
  background-image: url("../images/index/visual87.jpg");
}

#slider88 {
  background-image: url("../images/index/visual88.jpg");
}

#slider89 {
  background-image: url("../images/index/visual89.jpg");
}

#slider90 {
  background-image: url("../images/index/visual90.jpg");
}

#slider91 {
  background-image: url("../images/index/visual91.jpg");
}

#slider92 {
  background-image: url("../images/index/visual92.jpg");
}

#slider93 {
  background-image: url("../images/index/visual93.jpg");
}

#slider94 {
  background-image: url("../images/index/visual94.jpg");
}

#slider95 {
  background-image: url("../images/index/visual95.jpg");
}

#slider96 {
  background-image: url("../images/index/visual96.jpg");
}

#slider97 {
  background-image: url("../images/index/visual97.jpg");
}

#slider98 {
  background-image: url("../images/index/visual98.jpg");
}

#slider99 {
  background-image: url("../images/index/visual99.jpg");
}

#slider100 {
  background-image: url("../images/index/visual100.jpg");
}

#slider101 {
  background-image: url("../images/index/visual101.jpg");
}

#slider101 {
  background-image: url("../images/index/visual101.jpg");
}

#slider102 {
  background-image: url("../images/index/visual102.jpg");
}

#slider103 {
  background-image: url("../images/index/visual103.jpg");
}

#slider104 {
  background-image: url("../images/index/visual104.jpg");
}

#slider105 {
  background-image: url("../images/index/visual105.jpg");
}

#slider106 {
  background-image: url("../images/index/visual106.jpg");
}

#slider107 {
  background-image: url("../images/index/visual107.jpg");
}

#slider108 {
  background-image: url("../images/index/visual108.jpg");
}

#slider109 {
  background-image: url("../images/index/visual109.jpg");
}

#slider110 {
  background-image: url("../images/index/visual110.jpg");
}

.SlideBox .SlideTxt {
  width: 100%;
  height: 60px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.50);
  position: relative;
  top: 343px;
  z-index: 1;
}

.SlideBox .SlideTxt span {
  display: none;
}

#SlideNavi {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 13px;
  left: 0;
  right: 0;
  margin-top: -87px;
  z-index: 100000;
  overflow: hidden;
  z-index: 3;
  position: absolute;
}

#SlideNavi a {
  display: block;
  width: 22px;
  height: 11px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  margin: 0 5px;
  background: url("../images/common/slider_navi_off.png") center top no-repeat;
  background-size: 22px 11px;
}

#SlideNavi a.activeSlide {
  background: url("../images/common/slider_navi_on.png") center top no-repeat;
  background-size: 22px 11px;
}

.slideLink {
  width: 100%;
  display: table;
  position: absolute;
  top 0;
}

.slideLink>li {
  display: table-cell;
}

.slideLink>li a {
  display: block;
  width: 100%;
  height: 403px;
}

@media screen and (min-width: 768px) {

  .SlideBox .SlideTxt p.slidePC {
    box-sizing: border-box;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    line-height: 1.8em;
    font-size: 1.3em;
    letter-spacing: 2px;
  }

  .SlideBox .SlideTxt p.slideSP {
    display: none;
  }

}

@media screen and (min-width: 1025px) {

  .SlideBox .SlideTxt p.slidePC {
    font-size: 2.1em;
    line-height: 62px;
  }

}

@media screen and (min-width: 2001px) {

  [id^="slider"].SlideBox {
    background-size: cover;
    background-position: center center;
  }

}

@media screen and (max-width: 1024px) {

  #slider {
    width: 100% !important;
    height: 211px;
    position: relative;
  }

  .SlideBox {
    width: 100% !important;
    min-width: none;
    height: 211px;
  }

  [id^="slider"].SlideBox {
    background-size: 1024px 206px;
  }

  .SlideBox .SlideTxt {
    width: 100%;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.50);
    top: 176px;
  }

  .SlideBox .SlideTxt span {
    display: block;
    width: auto;
    height: 25px;
    margin: 0 auto;
    line-height: 27px;
    color: #FFF;
    padding: 0 7px;
    font-size: 0.9em;
  }

  #SlideNavi {
    display: none;
    margin-top: -52px;
  }

  .slideLink>li a {
    height: 211px;
  }

}

@media screen and (max-width: 767px) {

  #slider {
    height: 155px;
  }

  .SlideBox {
    height: 155px;
  }

  [id^="slider"].SlideBox {
    background-size: 767px 155px;
  }

  .SlideBox .SlideTxt {
    top: 126px;
  }

  .SlideBox .SlideTxt p.slidePC {
    display: none;
  }

  .SlideBox .SlideTxt p.slideSP {
    display: block;
    line-height: 30px;
    padding: 0 0 0 5px;
  }

  #SlideNavi {
    margin-top: -47px;
  }

  .slideLink>li a {
    height: 155px;
  }

}

@media screen and (max-width: 413px) {

  #slider {
    height: 120px;
  }

  .SlideBox {
    height: 120px;
  }

  [id^="slider"].SlideBox {
    background-size: 596px 120px;
  }

  .SlideBox .SlideTxt {
    top: 91px;
  }

  #SlideNavi {
    margin-top: -47px;
  }

  .slideLink>li a {
    height: 120px;
  }

}

/*--------------------------------------------------------------------
	swiper
--------------------------------------------------------------------*/

.swiperContainer {
  position: relative;
  width: 100%;
  height: 52.5vw;
  z-index: 1;
  overflow: hidden;
}

.swiperWrap {
  position: relative;
  width: 100%;
  z-index: 1;
}

.oVisible {
  height: calc(52.5vw + 30px);
}

.swiperWrap:before {
  content: "";
  display: block;
  padding-top: 52.5%;
}

.swiperWrapInner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.swiper-container-index {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper-container-index .swiper-slide {
  position: relative;
}

.swiper-container-index .swiper-slide .slideTxt {
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.50);
  position: absolute;
  bottom: 0;
  text-align: center;
  letter-spacing: 2px;
}

.swiperNavi {
  position: absolute;
  width: 100%;
  height: 12px;
  z-index: 100;
  top: calc(100% + 20px);
}

.swiper-container-index .swiper-button-prev,
.swiper-container-index .swiper-button-next {
  position: absolute;
  top: 100% !important;
  width: 18px;
  height: 12px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 18px 12px;
  -webkit-background-size: 18px 12px;
  background-size: 18px 12px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-container-index .swiper-button-prev {
  background-image: url("../images/common/btn_swiper_prev02.png");
}

.swiper-container-index .swiper-button-next {
  background-image: url("../images/common/btn_swiper_next02.png");
}

.swiper-pagination {
  z-index: 10 !important;
  width: 100%;
  bottom: 7px !important;
}

.swiper-pagination-bullet {
  width: 18px !important;
  height: 6px !important;
  display: inline-block;
  border-radius: 0 !important;
  background-color: #FFF !important;
  opacity: 1 !important;
  border: 1px solid #748B14 !important;
  margin: 0 3px;
}

button.swiper-pagination-bullet {
  width: 21px !important;
  height: 6px !important;
}

.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #E6F5B4 !important;
}

.swiperLink {
  width: 100%;
  display: table;
  position: absolute;
  top 0;
}

.swiperLink>li {
  display: table-cell;
  overflow: hidden;
  position: relative;
}

.swiperLink>li:before {
  content: "";
  display: block;
  padding-top: 105%;
}

.swiperLink>li a {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .swiper-container-index .swiper-slide .slideTxt {
    height: 45px;
    line-height: 45px;
    font-size: 1.4em;
  }

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

  .swiperContainer {
    height: 206px;
  }

  .swiperWrap:before {
    display: none;
  }

  .swiperWrapInner {
    position: relative;
  }

  .swiper-container-index .swiperPack {
    width: 100%;
    height: 206px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1024px 206px;
  }

  .swiper-container-index .swiperPack img {
    display: none;
  }

  .swiper-container-index .swiperPack a {
    width: 100%;
    height: 206px;
    display: block;
  }

  .swiper-container-index .swiper01 {
    background-image: url("../images/index/visual01.jpg");
  }

  .swiper-container-index .swiper02 {
    background-image: url("../images/index/visual02.jpg");
  }

  .swiper-container-index .swiper03 {
    background-image: url("../images/index/visual03.jpg");
  }

  .swiper-container-index .swiper04 {
    background-image: url("../images/index/visual04.jpg");
  }

  .swiper-container-index .swiper05 {
    background-image: url("../images/index/visual05.jpg");
  }

  .swiper-container-index .swiper06 {
    background-image: url("../images/index/visual06.jpg");
  }

  .swiper-container-index .swiper07 {
    background-image: url("../images/index/visual07.jpg");
  }

  .swiper-container-index .swiper08 {
    background-image: url("../images/index/visual08.jpg");
  }

  .swiper-container-index .swiper09 {
    background-image: url("../images/index/visual09.jpg");
  }

  .swiper-container-index .swiper10 {
    background-image: url("../images/index/visual10.jpg");
  }

  .swiper-container-index .swiper11 {
    background-image: url("../images/index/visual11.jpg");
  }

  .swiper-container-index .swiper12 {
    background-image: url("../images/index/visual12.jpg");
  }

  .swiper-container-index .swiper13 {
    background-image: url("../images/index/visual13.jpg");
  }

  .swiper-container-index .swiper14 {
    background-image: url("../images/index/visual14.jpg");
  }

  .swiper-container-index .swiper15 {
    background-image: url("../images/index/visual15.jpg");
  }

  .swiper-container-index .swiper16 {
    background-image: url("../images/index/visual16.jpg");
  }

  .swiper-container-index .swiper17 {
    background-image: url("../images/index/visual17.jpg");
  }

  .swiper-container-index .swiper18 {
    background-image: url("../images/index/visual18.jpg");
  }

  .swiper-container-index .swiper19 {
    background-image: url("../images/index/visual19.jpg");
  }

  .swiper-container-index .swiper20 {
    background-image: url("../images/index/visual20.jpg");
  }

  .swiper-container-index .swiper21 {
    background-image: url("../images/index/visual21.jpg");
  }

  .swiper-container-index .swiper22 {
    background-image: url("../images/index/visual22.jpg");
  }

  .swiper-container-index .swiper23 {
    background-image: url("../images/index/visual23.jpg");
  }

  .swiper-container-index .swiper24 {
    background-image: url("../images/index/visual24.jpg");
  }

  .swiper-container-index .swiper25 {
    background-image: url("../images/index/visual25.jpg");
  }

  .swiper-container-index .swiper26 {
    background-image: url("../images/index/visual26.jpg");
  }

  .swiper-container-index .swiper27 {
    background-image: url("../images/index/visual27.jpg");
  }

  .swiper-container-index .swiper28 {
    background-image: url("../images/index/visual28.jpg");
  }

  .swiper-container-index .swiper29 {
    background-image: url("../images/index/visual29.jpg");
  }

  .swiper-container-index .swiper30 {
    background-image: url("../images/index/visual30.jpg");
  }

  .swiper-container-index .swiper31 {
    background-image: url("../images/index/visual31.jpg");
  }

  .swiper-container-index .swiper32 {
    background-image: url("../images/index/visual32.jpg");
  }

  .swiper-container-index .swiper33 {
    background-image: url("../images/index/visual33.jpg");
  }

  .swiper-container-index .swiper34 {
    background-image: url("../images/index/visual34.jpg");
  }

  .swiper-container-index .swiper35 {
    background-image: url("../images/index/visual35.jpg");
  }

  .swiper-container-index .swiper36 {
    background-image: url("../images/index/visual36.jpg");
  }

  .swiper-container-index .swiper37 {
    background-image: url("../images/index/visual37.jpg");
  }

  .swiper-container-index .swiper38 {
    background-image: url("../images/index/visual38.jpg");
  }

  .swiper-container-index .swiper39 {
    background-image: url("../images/index/visual39.jpg");
  }

  .swiper-container-index .swiper40 {
    background-image: url("../images/index/visual40.jpg");
  }

  .swiper-container-index .swiper41 {
    background-image: url("../images/index/visual41.jpg");
  }

  .swiper-container-index .swiper42 {
    background-image: url("../images/index/visual42.jpg");
  }

  .swiper-container-index .swiper43 {
    background-image: url("../images/index/visual43.jpg");
  }

  .swiper-container-index .swiper44 {
    background-image: url("../images/index/visual44.jpg");
  }

  .swiper-container-index .swiper45 {
    background-image: url("../images/index/visual45.jpg");
  }

  .swiper-container-index .swiper46 {
    background-image: url("../images/index/visual46.jpg");
  }
  
  .swiper-container-index .swiper47 {
    background-image: url("../images/index/visual47.jpg");
  }    

  .swiper-container-index .swiper48 {
    background-image: url("../images/index/visual48.jpg");
  }  
  
  .swiper-container-index .swiper49 {
    background-image: url("../images/index/visual49.jpg");
  }  
  
  .swiper-container-index .swiper50 {
    background-image: url("../images/index/visual50.jpg");
  }  

  .swiper-container-index .swiper51 {
    background-image: url("../images/index/visual51.jpg");
  }  

  .swiper-container-index .swiper52 {
    background-image: url("../images/index/visual52.jpg");
  }  

  .swiper-container-index .swiper53 {
    background-image: url("../images/index/visual53.jpg");
  }  

  .swiper-container-index .swiper54 {
    background-image: url("../images/index/visual54.jpg");
  }  

  .swiper-container-index .swiper55 {
    background-image: url("../images/index/visual55.jpg");
  }

  .swiper-container-index .swiper56 {
    background-image: url("../images/index/visual56.jpg");
  }
  
  .swiper-container-index .swiper56 {
    background-image: url("../images/index/visual56.jpg");
  }

  .swiper-container-index .swiper57 {
    background-image: url("../images/index/visual57.jpg");
  }

  .swiper-container-index .swiper58 {
    background-image: url("../images/index/visual58.jpg");
  }

  .swiper-container-index .swiper59 {
    background-image: url("../images/index/visual59.jpg");
  }

  .swiper-container-index .swiper60 {
    background-image: url("../images/index/visual60.jpg");
  }

  .swiper-container-index .swiper61 {
    background-image: url("../images/index/visual61.jpg");
  }

  .swiper-container-index .swiper62 {
    background-image: url("../images/index/visual62.jpg");
  }

  .swiper-container-index .swiper63 {
    background-image: url("../images/index/visual63.jpg");
  }

  .swiper-container-index .swiper64 {
    background-image: url("../images/index/visual64.jpg");
  }

  .swiper-container-index .swiper65 {
    background-image: url("../images/index/visual65.jpg");
  }

  .swiper-container-index .swiper66 {
    background-image: url("../images/index/visual66.jpg");
  }

  .swiper-container-index .swiper67 {
    background-image: url("../images/index/visual67.jpg");
  }
  
  .swiper-container-index .swiper68 {
    background-image: url("../images/index/visual68.jpg");
  }
  
  .swiper-container-index .swiper69 {
    background-image: url("../images/index/visual69.jpg");
  }
  
  .swiper-container-index .swiper70 {
    background-image: url("../images/index/visual70.jpg");
  }
    
  .swiper-container-index .swiper71 {
    background-image: url("../images/index/visual71.jpg");
  }
    
  .swiper-container-index .swiper72 {
    background-image: url("../images/index/visual72.jpg");
  }
    
  .swiper-container-index .swiper73 {
    background-image: url("../images/index/visual73.jpg");
  }
    
  .swiper-container-index .swiper74 {
    background-image: url("../images/index/visual74.jpg");
  }
    
  .swiper-container-index .swiper75 {
    background-image: url("../images/index/visual75.jpg");
  }
  
  .swiper-container-index .swiper76 {
    background-image: url("../images/index/visual76.jpg");
  }

  .swiper-container-index .swiper77 {
    background-image: url("../images/index/visual77.jpg");
  }
  
  .swiper-container-index .swiper78 {
    background-image: url("../images/index/visual78.jpg");
  }

  .swiper-container-index .swiper79 {
    background-image: url("../images/index/visual79.jpg");
  }

  .swiper-container-index .swiper80 {
    background-image: url("../images/index/visual80.jpg");
  }

  .swiper-container-index .swiper81 {
    background-image: url("../images/index/visual81.jpg");
  }

  .swiper-container-index .swiper82 {
    background-image: url("../images/index/visual82.jpg");
  }

  .swiper-container-index .swiper83 {
    background-image: url("../images/index/visual83.jpg");
  }

  .swiper-container-index .swiper84 {
    background-image: url("../images/index/visual84.jpg");
  }

  .swiper-container-index .swiper85 {
    background-image: url("../images/index/visual85.jpg");
  }

  .swiper-container-index .swiper86 {
    background-image: url("../images/index/visual86.jpg");
  }

  .swiper-container-index .swiper87 {
    background-image: url("../images/index/visual87.jpg");
  }

  .swiper-container-index .swiper88 {
    background-image: url("../images/index/visual88.jpg");
  }

  .swiper-container-index .swiper89 {
    background-image: url("../images/index/visual89.jpg");
  }

  .swiper-container-index .swiper90 {
    background-image: url("../images/index/visual90.jpg");
  }

  .swiper-container-index .swiper91 {
    background-image: url("../images/index/visual91.jpg");
  }

  .swiper-container-index .swiper92 {
    background-image: url("../images/index/visual92.jpg");
  }

  .swiper-container-index .swiper93 {
    background-image: url("../images/index/visual93.jpg");
  }

  .swiper-container-index .swiper94 {
    background-image: url("../images/index/visual94.jpg");
  }

  .swiper-container-index .swiper95 {
    background-image: url("../images/index/visual95.jpg");
  }

  .swiper-container-index .swiper96 {
    background-image: url("../images/index/visual96.jpg");
  }

  .swiper-container-index .swiper97 {
    background-image: url("../images/index/visual97.jpg");
  }

  .swiper-container-index .swiper98 {
    background-image: url("../images/index/visual98.jpg");
  }
  .swiper-container-index .swiper99 {
    background-image: url("../images/index/visual99.jpg");
  }
  .swiper-container-index .swiper100 {
    background-image: url("../images/index/visual100.jpg");
  }

  .swiper-container-index .swiper101 {
    background-image: url("../images/index/visual101.jpg");
  }

  .swiper-container-index .swiper102 {
    background-image: url("../images/index/visual102.jpg");
  }

  .swiper-container-index .swiper103 {
    background-image: url("../images/index/visual103.jpg");
  }

  .swiper-container-index .swiper104 {
    background-image: url("../images/index/visual104.jpg");
  }

  .swiper-container-index .swiper105 {
    background-image: url("../images/index/visual105.jpg");
  }

  .swiper-container-index .swiper106 {
    background-image: url("../images/index/visual106.jpg");
  }

  .swiper-container-index .swiper107 {
    background-image: url("../images/index/visual107.jpg");
  }

  .swiper-container-index .swiper108 {
    background-image: url("../images/index/visual108.jpg");
  }

  .swiper-container-index .swiper109 {
    background-image: url("../images/index/visual109.jpg");
  }

  .swiper-container-index .swiper110 {
    background-image: url("../images/index/visual110.jpg");
  }

  .swiper-container-index .swiper100 {
    background-image: url("../images/index/visual100.jpg");
  }

  .swiper-container-index .swiper100 {
    background-image: url("../images/index/visual100.jpg");
  }

  .swiper-container-index .swiper-slide .slideTxt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    bottom: 0;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.2em;
  }

  .swiperContainer .swiperNavi {
    position: absolute;
    width: 100%;
    height: 12px;
    z-index: 100;
    top: 170px;
  }

  .swiperContainer .swiper-pagination-bullet {
    width: 20px !important;
    height: 9px !important;
  }

  button.swiper-pagination-bullet {
    width: 20px !important;
    height: 9px !important;
  }

  .swiper-container-index .swiper-button-prev {
    display: none;
  }

  .swiper-container-index .swiper-button-next {
    display: none;
  }

}


/*--------------------------------------------------------------------
	indexCharm
--------------------------------------------------------------------*/

.indexCharm {
  margin: 0 auto;
  padding: 20px 0;
  background-color: #FFF;
  position: relative;
}

.indexCharmInner a {
  display: block;
}

.indexCharmTitle {
  font-size: 1.4em;
  line-height: 1.4em;
}

@media screen and (min-width: 1025px) {

  .indexCharmLayout01>li:nth-child(n+2) {
    margin-left: 25px;
  }

}

@media screen and (max-width: 1024px) {

  .indexCharmInner a {
    text-decoration: none !important;
  }

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

  .indexCharmLayout01>li:nth-child(n+2) {
    margin-left: 15px;
  }

  .indexCharmChapter {
    font-size: 0.9em;
  }

  .indexCharmTitle {
    font-size: 1.26em;
  }

}

@media screen and (max-width: 959px) {

  .indexCharm {
    padding: 10px 0 0;
  }

  .indexCharmInner {
    padding: 0 10px;
  }

  .indexCharmInner a {
    position: relative;
    height: 62px;
    box-sizing: border-box;
    padding-left: 60px;
    border: 1px solid #FF9C00;
  }

  .indexCharmInner a .dispNonePU img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .indexCharmTxt {
    padding-top: 9px;
  }

  .indexCharmLayout01 {
    padding-bottom: 10px;
  }

  .indexCharmLayout01>li {
    width: calc((100% - 10.1px) / 2);
  }

  .indexCharmLayout01>li:nth-child(even) {
    margin-left: 10px;
  }

  .indexCharmLayout01>li:nth-child(n+3) {
    margin-top: 10px;
  }

}

@media screen and (max-width: 767px) {

  .indexCharm {
    padding: 10px 0 0;
    text-align: center !important;
  }

  .indexCharmInner a {
    height: auto;
    padding-left: 0;
    text-align: center !important;
    border-radius: 7px;
    overflow: hidden;
    border: 2px solid #FF9C00;
    background-color: #FF9C00;
  }

  .indexCharmInner a .dispNonePU img {
    width: 30px;
  }

  .indexCharmTitle {
    font-size: 1.1em;
    padding: 8px 0;
  }

  .indexCharmChapter {
    background-color: #FF9C00;
    color: #FFF;
    font-size: 0.8em;
    padding: 2px 0;
  }

  .indexCharmChapter .logoPU {
    height: 25px;
    box-sizing: border-box;
  }

  .indexCharmTxt {
    padding-top: 0;
    background-color: #FFF;
  }

}

@media screen and (max-width: 374px) {

  .indexCharmInner a {
    padding-left: 0;
  }

  .indexCharmInner a .dispNonePU img {
    width: 20px;
  }

  .indexCharmTitle {
    font-size: 0.86em;
    letter-spacing: 0;
  }

  .indexCharmChapter {
    font-size: 0.7em;
  }

}

/*--------------------------------------------------------------------
	indexRanking
--------------------------------------------------------------------*/

.indexRanking {
  margin: 0 auto;
  padding: 0 0 20px;
  background-color: #EEF1E4;
  position: relative;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #FFF;
}

.indexRankingInner {
  width: 1100px;
  margin: 20px auto 0;
}

.rankingList {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rankingList>li {
  margin-top: 30px;
}

.rankingList>li:first-child {
  margin-top: 0;
}

.rankingList>li:nth-child(n+4) {
  width: 48.7%;
}

.rankingList>li:nth-child(odd) {
  margin-right: 1.3%;
}

.rankingList>li:nth-child(even) {
  margin-right: 1.3%;
}

.rankingList>li:nth-child(-n+3) {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.rankingListHead {
  height: 55px;
}

.rankingList>li:nth-child(-n+3) .rankingListHead {
  background: url("../../rank-comp/common/images/common/bg01_rank01-03.png") center bottom repeat-x;
}

.rankingList>li:nth-child(n+4) .rankingListHead {
  background: url("../../rank-comp/common/images/common/bg01_rank04-07.png") center bottom repeat-x;
}

.rankIcon {
  width: 220px;
}

.rankingListContents {
  border-left: 1px solid #94B31A;
  border-right: 1px solid #94B31A;
  border-bottom: 1px solid #94B31A;
  background-color: #FFF;
  position: relative;
  padding-bottom: 50px;
}

.rankingList>li:nth-child(-n+3) .rankingListContentsInner {
  padding: 25px;
}

.rankingList>li:nth-child(n+4) .rankingListContentsInner {
  padding: 15px;
}

.rankingList>li:nth-child(-n+3) .rankingListTitle {
  width: auto;
  margin-bottom: 30px;
}

.rankingList>li:nth-child(n+4) .rankingListTitle {
  width: auto;
  margin-bottom: 15px;
}

.rankingListTitle a {
  display: block;
  position: relative;
  box-sizing: border-box;
}

.rankingList>li:nth-child(-n+3) .rankingListTitle a {
  padding-right: 230px;
}

.rankingListTitle a>div {
  border-left: 8px solid #005B40;
  padding: 10px 10px;
}

.rankingListTitle a>div h3 {
  font-size: 1.46em;
  font-weight: bold;
}

.rankingListTitle a:hover {
  text-decoration: none;
}

.rankingListTitleLogo {
  position: absolute;
  right: 0;
  top: 0;
}

.rankingListCatch {
  font-size: 1.3em;
  line-height: 1.4em;
  font-weight: bold;
  color: #B20000;
  margin-bottom: 10px;
}

.rankingListTxt {
  font-size: 1.0em;
  line-height: 1.8em;
}

.rankingListVisual a {
  border: 1px solid #CCCCCC;
  background-color: #FFF;
  text-align: center;
  position: relative;
  display: block;
  padding: 15px;
  margin-bottom: 20px;
}

.rankingListVisual img {
  max-width: 100%;
  height: auto;
}

.rankingListVisualTxt {
  background-color: #EFF4DD;
  text-align: center;
  line-height: 1.4em;
  padding: 5px;
  margin-bottom: 0 !important;
}

.rankingListEvaluation {
  position: relative;
}

.rankingListEvaluation ul {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rankingListEvaluation ul li {
  width: 50%;
  box-sizing: border-box;
  padding: 2px 15px;
}

.rankingListEvaluationTotal {
  border-top: 2px solid #004C66;
  padding-top: 15px;
  font-size: 1.1em;
  text-align: center;
}

.rankingListCommentTitle {
  background-color: #525252;
  border-left: 8px solid #005B40;
  padding: 10px 10px 10px 45px;
  color: #FFF !important;
  background-image: url("../images/common/icon_comment02.png");
  background-position: top 6px left 7px;
  background-repeat: no-repeat;
}

.rankingListComment {
  background-color: #F8F8F8;
  padding: 25px 20px;
  line-height: 2.0em;
}

.rankingListBtnDetail {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}

.rankingList>li:nth-child(n+4) .rankingListBtnDetail {
  font-size: 0.96em;
}

@media screen and (max-width: 1024px) {

  .indexRanking {
    padding: 0 0 5px;
  }

  .indexRankingInner {
    width: auto;
    margin: 0 auto;
    padding: 10px;
  }

}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .rankingListTitle a>div h3 {
    line-height: 1.4em;
  }

}

@media screen and (max-width: 767px) {

  .rankingListHead {
    height: auto;
    padding-bottom: 0;
  }

  .rankIcon {
    width: 130px;
    vertical-align: bottom;
  }

  .rankIcon img {
    width: 130px;
    vertical-align: bottom;
    margin-top: 4px;
  }

  .rankingList {
    display: block;
  }

  .indexRankingBox01,
  .indexRankingBox02 {
    height: auto !important;
  }

  .rankingList>li {
    margin-top: 15px;
    display: block;
  }

  .rankingList>li:nth-child(n+4) {
    width: 100%;
  }

  .rankingList>li:nth-child(odd) {
    margin-right: 0;
  }

  .rankingList>li:nth-child(even) {
    margin-right: 0;
  }

  .rankingList>li:nth-child(-n+3) .rankingListHead {
    background: none;
    border-bottom: 1px solid #94B31A;
  }

  .rankingList>li:nth-child(n+4) .rankingListHead {
    background: none;
    border-bottom: 1px solid #94B31A;
  }

  .rankingListContents {
    padding-bottom: 0;
  }

  .rankingList>li:nth-child(-n+3) .rankingListContentsInner {
    padding: 8px;
  }

  .rankingList>li:nth-child(n+4) .rankingListContentsInner {
    padding: 8px;
  }

  .rankingList>li:nth-child(-n+3) .rankingListTitle {
    width: auto;
    margin-bottom: 10px;
  }

  .rankingList>li:nth-child(n+4) .rankingListTitle {
    width: auto;
    margin-bottom: 10px;
  }

  .rankingList>li:nth-child(-n+3) .rankingListTitle a {
    padding-right: 0;
  }

  .rankingListTitle a {
    padding: 5px 0;
  }

  .rankingListTitle a>div {
    border-left: 5px solid #005B40;
  }

  .rankingList>li:nth-child(-n+3) .rankingListTitle a>div {
    border-left: 5px solid #005B40;
    padding: 5px 10px 35px 10px;
  }

  .rankingListTitle a>div h3 {
    font-size: 1.06em;
  }

  .rankingListTitleIcon {
    position: absolute;
    bottom: 10px;
    left: 15px;
  }

  .rankingListTitleLogo {
    display: none;
  }

  .rankingListCatch {
    font-size: 0.96em;
    font-weight: normal;
    color: #FFF;
    background-color: #94B31A;
    padding: 8px;
  }

  .rankingListTxt {
    font-size: 0.96em;
    line-height: 1.6em;
  }

  .rankingListVisual a {
    border: none;
    padding: 0;
  }

  .rankingListVisualTxt {
    display: none;
  }

  .rankingListEvaluation {
    display: none;
  }

  .rankingListComment {
    padding: 15px 10px;
  }

}


/*--------------------------------------------------------------------
	indexBroker
--------------------------------------------------------------------*/

.indexBroker {
  margin: 0 auto;
  padding: 0 0 20px;
  background-color: #EEF1E4;
  position: relative;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #FFF;
}

.indexBrokerInner {
  width: 1100px;
  margin: 20px auto 0;
}

.indexBrokerTitleInner {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

.indexBrokerTop,
.indexBrokerBottom {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.indexBrokerTop>li,
.indexBrokerBottom>li {
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #94B31A;
}

.indexBrokerTop>li {
  width: 32.5%;
}

.indexBrokerTop>li:nth-child(2) {
  margin: 0 1.25%;
}

.indexBrokerBottom>li {
  width: 24%;
}

.indexBrokerBottom>li:nth-child(-n+3) {
  margin: 0 1.33% 0 0;
}

.indexBrokerTxt {
  padding: 12px;
  letter-spacing: 0;
}

.indexBrokerCatch {
  padding: 4px;
  background-color: #94B31A;
  color: #FFF;
  text-align: center;
  text-decoration: none !important;
}

.indexBroker a:hover .indexBrokerName {
  text-decoration: underline !important;
}

.indexBroker a {
  displa: block;
}

.indexBroker a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {

  .indexBroker {
    padding: 0 0 5px;
  }

  .indexBrokerInner {
    width: auto;
    margin: 0 auto;
    padding: 10px;
  }

  .indexBrokerTitleInner {
    width: auto;
    margin: 0 auto;
    position: relative;
  }

}

@media screen and (max-width: 767px) {

  .indexBrokerTop>li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .indexBrokerTop>li:nth-child(2) {
    margin: 0 0 10px 0;
  }

  .indexBrokerBottom>li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .indexBrokerBottom>li:nth-child(-n+3) {
    margin: 0 0 10px 0;
  }

  .indexBrokerBottom>li:last-child {
    margin: 0;
  }

}

@media screen and (max-width: 959px) {

  .indexBrokerCatch {
    letter-spacing: -1px;
  }

}

/*--------------------------------------------------------------------
	indexBrokerSP
--------------------------------------------------------------------*/

.indexBrokerSPWrap {
  height: 0;
  overflow: hidden;
}

.indexBrokerSPWrapOn {
  height: auto;
}

.indexBrokerSP {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9em;
  margin-top: 45px;
}

.indexBrokerSP a:hover .indexBrokerName {
  text-decoration: none !important;
}

.indexBrokerSP .indexBrokerCatch {
  height: 34px;
  display: table;
  width: 100%;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}

.indexBrokerSP .indexBrokerCatch span {
  height: 34px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 4px;
  letter-spacing: 0;
}

.indexBrokerSP .indexBrokerSPPack {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #94B31A;
  display: block;
  margin: 0 3px;
}

.indexBrokerSP .indexBrokerDiscription {
  padding: 8px 0 0;
  margin-top: 5px;
  border-top: 1px dotted #D3D3D3;
  font-size: 0.9em;
}

.indexBrokerSP .slick-prev {
  width: 47px;
  height: 20px;
  top: -35px;
  margin-top: 0;
  left: 5px;
  background: url("../images/common/arrow17_left.png") center top no-repeat;
}

.indexBrokerSP .slick-next {
  width: 47px;
  height: 20px;
  top: -35px;
  margin-top: 0;
  right: 5px;
  background: url("../images/common/arrow17_right.png") center top no-repeat;
}

@media screen and (max-width: 767px) {

  .indexBrokerInner {
    padding: 0 3px 5px;
  }

}

@media screen and (min-width: 600px) and (max-width:767px) {

  .indexBrokerSP .indexBrokerSPPack {
    height: 240px;
  }

}

@media screen and (min-width: 441px) and (max-width: 599px) {

  .indexBrokerSP .indexBrokerSPPack {
    height: 260px;
  }

}

@media screen and (min-width: 360px) and (max-width: 440px) {

  .indexBrokerSP .indexBrokerSPPack {
    height: 280px;
  }

}

@media screen and (max-width: 359px) {

  .indexBrokerSP .indexBrokerCatch {
    font-size: 0.8em;
    line-height: 1.4em;
  }

  .indexBrokerSP .indexBrokerCatch span {
    height: 30px;
  }

  .indexBrokerSP .indexBrokerSPPack {
    height: 300px;
  }

}

/*--------------------------------------------------------------------
	indexCampaign
--------------------------------------------------------------------*/

.indexCampaign {
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #FF9C00 0%, #EA8C00 100%);
  background: -webkit-linear-gradient(top, #FF9C00 0%, #EA8C00 100%);
  background: linear-gradient(to bottom, #FF9C00 0%, #EA8C00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9C00', endColorstr='#EA8C00', GradientType=0);
  padding: 15px;
}

.indexCampaignInner {
  width: 1100px;
  margin: 0 auto;
  display: none;
}

.indexCampaign a {
  text-decoration: none !important;
  display: block;
}

.indexCampaignLeft {
  width: 218px;
  float: left;
}

.indexCampaignLeftTitle {
  margin-top: 30px;
  color: #FFF !important;
}

.indexCampaignLeftTitle a {
  color: #FFF !important;
}

.indexCampaignLeftTitleCatch {
  display: block;
  font-size: 1.4em;
}

.indexCampaignLeftTitle01 {
  display: block;
  font-size: 2.2em;
  margin-top: 15px;
}

.indexCampaignLeftTitle02 {
  display: block;
  font-size: 2.2em;
  margin-top: 20px;
  text-align: right;
}

.indexCampaignLeftCatch {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  padding-bottom: 7px;
  text-align: center;
  margin-top: 100px;
}

.indexCampaignLeftCatch a {
  color: #FFF !important;
}

.indexCampaignLeftBtn {
  margin-top: 190px;
}

.indexCampaignRight {
  width: 788px;
  background-color: #FFF;
  box-sizing: border-box;
  padding: 15px 10px 10px;
  float: right;
  margin-right: 20px;
}

.indexCampaignRight ul li {
  padding: 0 5px 5px;
  position: relative;
}

.indexCampaignRight ul li>a,
.indexCampaignRight ul li>div {
  width: 242px;
  position: relative;
  background-color: #FFF;
  box-sizing: border-box;
  border: 1px solid #CCC;
  box-shadow: rgba(0, 0, 0, 0.65) 2px 2px 5px -3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.65) 2px 2px 5px -3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.65) 2px 2px 5px -3px;
}

.indexCampaignRight ul li .campaignTag {
  width: 60px;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.indexCampaignRight ul li .campaignPhoto {
  border-bottom: 1px solid #9D9D9D;
  width: 100%;
  height: 100%;
}

.indexCampaignRight .CampXEM .campaignLogo img {
  width: 110px;
  margin-top: 4px;
}

.indexCampaignRight .CampAXO .campaignLogo img {
  width: 121px;
  margin-top: 6px;
}

.indexCampaignRight .CampTFX .campaignLogo img {
  width: 124px;
}

.indexCampaignRight ul li .campaignLogo {
  height: 25px;
  padding: 10px 10px 0;
}

.indexCampaignRight ul li .campaignTxt {
  padding: 10px 10px 0;
  letter-spacing: 0;
  font-size: 0.96em;
}

.indexCampaignRight ul li .campaignMemo {
  text-align: right;
  padding: 10px;
  font-size: 0.96em;
}

.indexCampaignRight .slick-prev {
  top: 50%;
  margin-top: -18px;
  left: -49px;
  background: url("../images/common/arrow_left01.png") center top no-repeat;
}

.indexCampaignRight .slick-next {
  top: 50%;
  margin-top: -18px;
  right: -49px;
  background: url("../images/common/arrow_right01.png") center top no-repeat;
}

.indexCampaignRight ul li .campaignTagS {
  display: none;
}


@media screen and (max-width: 1024px) {

  .indexCampaign {
    padding: 10px;
  }

  .indexCampaignInner {
    width: auto;
    margin: 0 auto;
  }

  .indexCampaignLeft {
    width: auto;
    float: none;
  }

  .indexCampaignLeftTitle {
    margin-top: 5px;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .indexCampaignLeftTitleCatch {
    display: block;
    font-size: 0.86em;
    font-weight: normal;
    padding-bottom: 5px;
  }

  .indexCampaignLeftTitle01 {
    display: inline;
    font-size: 1.1em;
    font-weight: normal;
    margin-top: 0;
  }

  .indexCampaignLeftTitle02 {
    display: inline;
    font-size: 1.1em;
    font-weight: normal;
    margin-top: 0;
    text-align: left;
  }

  .indexCampaignLeftCatch {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .indexCampaignRight .slick-prev {
    width: 47px;
    height: 20px;
    top: -40px;
    margin-top: 0;
    left: -5px;
    background: url("../images/common/arrow16_left.png") center top no-repeat;
  }

  .indexCampaignRight .slick-next {
    width: 47px;
    height: 20px;
    top: -40px;
    margin-top: 0;
    right: -5px;
    background: url("../images/common/arrow16_right.png") center top no-repeat;
  }

  .indexCampaignRight {
    width: 100% !important;
    box-sizing: border-box;
    width: auto;
    float: none;
    padding: 10px 5px 5px;
    margin: 0 auto;
  }

  .indexCampaignRight ul li .campaignLogo {
    height: 18px;
    padding: 30px 10px 5px;
  }

  .indexCampaignRight .CampXEM .campaignLogo img {
    width: 52px;
    margin-top: 0;
  }

  .indexCampaignRight .CampAXO .campaignLogo img {
    width: 100px;
    margin-top: 0;
  }

  .indexCampaignRight .CampTFX .campaignLogo img {
    width: 77px;
  }

  .indexCampaignRight ul li .campaignTag {
    width: 40px;
    height: 29px;
  }

  .indexCampaignRight ul li .campaignTagS {
    width: 75px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }

  .indexCampaignRight ul li>a,
  .indexCampaignRight ul li>div {
    width: 100%;
  }

  .indexCampaignRight ul li .campaignTxt {
    font-size: 0.9em;
    padding: 5px 10px 0;
    line-height: 1.4em;
  }

  .indexCampaignRight ul li .campaignMemo {
    font-size: 0.9em;
    padding: 5px 10px;
  }

  .indexCampaignRight ul li .campaignPhoto {
    border-bottom: none;
  }

  .indexCampaignRight ul li .boxPhoto {
    width: 160px;
  }

  .indexCampaignRight ul li .boxPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .indexCampaignRight ul li .boxText {
    width: calc(100% - 160.1px);
  }

}

@media screen and (max-width: 360px) {

  .indexCampaignRight ul li .campaignTagS,
  .indexCampaignRight ul li .campaignTagS img {
    width: 60px;
    height: 40px;
  }

  .indexCampaignRight ul li .campaignLogo {
    height: 18px;
    padding: 15px 10px 5px;
  }

  .indexCampaignRight ul li .campaignTxt {
    padding: 3px 10px 0;
    letter-spacing: 0;
    line-height: 1.4em;
  }

  .indexCampaignRight ul li .campaignMemo {
    padding: 0 10px 3px;
  }

  .indexCampaignRight ul li .boxPhoto {
    width: 100px;
  }

  .indexCampaignRight ul li .boxText {
    width: calc(100% - 100.1px);
  }

}

@media screen and (max-width: 767px) {

  .indexCampaignRight {
    margin: 35px auto 0;
  }

}

/*--------------------------------------------------------------------
	indexSpread
--------------------------------------------------------------------*/

.indexSpread {
  border: 1px solid #D7D7D7;
}

.indexSpreadBtn {
  position: absolute;
  right: 10px;
  top: 7px;
}

.indexSpreadInner {
  padding: 10px;
}

.indexSpreadWrap {
  margin: 0;
}

.indexSpreadWrapTable {
  width: 350px;
  float: right;
}

.indexSpreadWrapGraph {
  width: 100%;
  float: left;
  margin-right: -365px;
}

.indexSpreadWrapGraphInner {
  margin-right: 365px;
}

.indexSpreadWrapGraphHeight {
  height: 388px !important;
}

.spreadListNameIndex {
  margin: 0 0 0 2px;
  padding: 3px 0 0 8px;
  border-left-width: 5px;
  border-left-style: solid;
}

@media screen and (max-width: 767px) {

  .indexSpreadBtn {
    display: none;
  }

  .indexSpreadWrapTable {
    width: auto;
    float: none;
    margin-top: 10px;
  }

  .indexSpreadWrapGraph {
    width: auto;
    float: none;
    margin-right: 0;
  }

  .indexSpreadWrapGraphInner {
    margin-right: 0;
  }

  .spreadTable01 thead tr td:nth-child(n+2):nth-child(-n+3),
  .spreadTable01 tbody tr td:nth-child(n+2):nth-child(-n+3) {
    display: none;
  }

  .spreadTable01 thead tr:nth-child(1) td:nth-child(4),
  .spreadTable01 tbody tr:nth-child(1) td:nth-child(4) {
    width: 65px;
  }

  .spreadListNameIndex {
    border-left-width: 0;
  }

}

/*--------------------------------------------------------------------
	indexMiddleMain
--------------------------------------------------------------------*/

.indexMiddleMain {
  width: 100%;
  float: left;
  margin-right: -275px;
}

.indexMiddleMainInner {
  margin-right: 275px;
}

.indexMiddleMainNavi ul {
  display: table;
  width: 100%;
}

.indexMiddleMainNavi ul li {
  width: 50%;
  height: 43px;
  display: table-cell;
  position: relative;
}

.indexMiddleMainNavi ul li>div {
  width: 98.5%;
  height: 43px;
  line-height: 43px;
  display: block;
  box-sizing: border-box;
  text-align: center;
  padding: 0 5px;
  background-color: #F0F0F0;
  border-left: 1px solid #94B31A;
  border-right: 1px solid #94B31A;
  border-top: 2px solid #005B40;
  position: absolute;
  cursor: pointer;
  color: #003121;
}

.indexMiddleMainNavi ul>li:last-child>div {
  margin-left: 1.5%;
}

.indexMiddleMainNavi ul li.active>div {
  height: 49px;
  line-height: 47px;
  background-color: #FFF;
  background-image: url("../images/common/border03.png"), url("../images/common/border03.png"), url("../images/common/border01.png");
  background-position: left bottom, right bottom, center bottom;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 5px 2px, 5px 2px, 100% 2px;
  border-top: 1px solid #94B31A;
  border-bottom: 1px solid #FFF;
  top: -5px;
}

.indexMiddleMainNavi ul li.active>div:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  transition-property: all;
  transition: 0s linear;
}

.indexMiddleMainNavi ul li .date {
  font-size: 0.86em;
  background-color: #FFF;
  padding: 3px 8px;
}

.indexMiddleMainNavi ul li.active .date {
  background-color: #EEEEEE;
}

.indexMiddleMainBox {
  border: 1px solid #94B31A;
  padding: 15px;
}

.indexMiddleMainBox>div {
  display: none;
  transition-property: all;
  transition: 0.2s linear;
}

.indexMiddleMainBox>div.active {
  display: block;
}

.indexMiddleMainLatest {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #CCC;
}

.indexMiddleMainLatest a {
  display: block;
}

.indexMiddleMainLatest a:hover {
  text-decoration: none;
}

.indexMiddleMainLatest a:hover .indexMiddleMainLatestTxt {
  text-decoration: underline !important;
}

.indexMiddleMainList,
.indexMiddleMainList li {
  list-style: none !important;
}

.indexMiddleMainList>li a {
  display: block;
  padding: 10px 10px 10px 45px;
  background-image: url("../images/common/icon_arrow02.png");
  background-position: left 15px top 13px;
  background-repeat: no-repeat;
  line-height: 1.8em;
}

.indexMiddleMainList>li a:hover {
  text-decoration: none;
}

.indexMiddleMainList>li a:hover .indexMiddleMainListTxt {
  text-decoration: underline !important;
}

.indexMiddleMainList>li:nth-child(even) a {
  background-color: #F8FCE9;
}

.indexMiddleMainListTitle {
  max-width: 385px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}

.indexMiddleSide {
  width: 260px;
  float: right;
}

.indexMiddleSideBeginnerBox {
  box-sizing: border-box;
  background-color: #F9FEE8;
  border: 1px solid #94B31A;
  padding: 3px;
}

.indexMiddleSideBeginnerTitle {
  height: 30px;
  background-color: #F9F900;
}

.indexMiddleSideBeginnerTitle .dispTable,
.indexMiddleSideBeginnerTitle .dispTable>div {
  height: 30px;
}

.indexMiddleSideBeginnerTitleName {
  width: 130px;
  text-align: center;
  padding-right: 10px;
  color: #FFF;
  background-image: url("../images/common/beginner_title_bg.png");
  background-position: right center;
  background-repeat: no-repeat;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.indexMiddleSideBeginnerBox ul {
  padding-top: 5px;
}

.indexMiddleSideBeginnerBox ul li {
  text-align: center;
  padding-bottom: 5px;
}

.indexMiddleSideBeginnerBox ul li:last-child {
  padding-bottom: 2px;
}

.indexMiddleSideBeginner02Box {
  box-sizing: border-box;
  background-color: #F9FEE8;
  border: 1px solid #94B31A;
  padding: 3px;
}

.indexMiddleSideBeginner02Title {
  height: 30px;
  background-color: #F9F900;
}

.indexMiddleSideBeginner02Title .dispTable,
.indexMiddleSideBeginner02Title .dispTable>div {
  height: 30px;
}

.indexMiddleSideBeginner02TitleName {
  width: 130px;
  text-align: center;
  padding-right: 10px;
  color: #FFF;
  background-image: url("../images/common/beginner_title_bg.png");
  background-position: right center;
  background-repeat: no-repeat;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.indexMiddleSideBeginner02Box ul {
  padding-top: 5px;
}

.indexMiddleSideBeginner02Box ul li {
  text-align: center;
  padding-bottom: 5px;
}

.indexMiddleSideBeginner02Box ul li:last-child {
  padding-bottom: 2px;
}

@media screen and (max-width: 767px) {

  .indexMiddleMain {
    width: auto;
    float: none;
    margin-right: 0;
  }

  .indexMiddleMainNavi {
    padding-top: 5px;
  }

  .indexMiddleMainNavi ul li {
    height: 27px;
    font-size: 0.86em;
  }

  .indexMiddleMainNavi ul li>div {
    height: 27px;
    line-height: 27px;
    border-left: 1px solid #003122;
    border-right: 1px solid #003122;
    border-top: 1px solid #003122;
  }

  .indexMiddleMainNavi ul li.active>div {
    height: 33px;
    line-height: 33px;
    background-color: #003122;
    color: #FFF;
    background-image: none;
    border-top: 1px solid #003122;
    border-bottom: 1px solid #003122;
    top: -5px;
  }

  .indexMiddleMainInner {
    margin-right: 0;
  }

  .indexMiddleMainBox {
    padding: 0;
    border: 1px solid #003122;
    font-size: 0.9em;
  }

  .indexMiddleMainLatest {
    padding: 10px;
    margin-bottom: 0;
  }

  .indexMiddleMainList>li a {
    padding: 8px 10px;
    background-image: none;
  }

  .indexMiddleSide {
    width: auto;
    float: none;
  }

  .indexMiddleSideBeginner02Title {
    background-color: #FFF;
    border-bottom: 1px solid #005B40;
  }

  .indexMiddleSideBeginner02Title .dispTable>div:last-child {
    color: #00311F;
  }

  .indexMiddleSideBeginner02Box {
    box-sizing: border-box;
    background-color: #FFF;
    border: none;
    padding: 0;
  }

  .indexMiddleSideBeginner02Box ul {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .indexMiddleSideBeginner02Box ul li {
    width: 49%;
    padding-bottom: 2vw;
  }

  .indexMiddleSideBeginner02Box ul>li:nth-child(odd) {
    padding-right: 1%;
  }

  .indexMiddleSideBeginner02Box ul>li:nth-child(even) {
    padding-left: 1%;
  }

  .indexMiddleSideBeginner02Box ul li:last-child {
    padding-bottom: o;
  }

}

@media screen and (max-width: 1024px) {

  .indexMiddleMainListTitle {
    max-width: initial;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    -webkit-text-overflow: clip;
  }

}

/*--------------------------------------------------------------------
	indexMessasge
--------------------------------------------------------------------*/

.indexMessasge {
  padding: 30px 0 0;
  line-height: 1.6em;
}

.indexMessasgeBtn {
  background-color: #999999;
  text-align: center;
  padding: 8px 5px;
  border: 1px solid #F0F0F0;
  margin: 10px 0 5px;
  color: #FFF;
  cursor: pointer;
}

.indexMessasgeBtn .arrow {
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url("../images/common/arrow14_down.png");
  background-position: center top 1px;
  background-repeat: no-repeat;
  text-align: center;
  text-indent: -9999px;
}

.indexMessasgeBtn.active .arrow {
  background-image: url("../images/common/arrow14_up.png");
}

.indexMessasgeBtnTxt {
  padding-left: 10px;
}

.indexMessasgeBtn {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {

  .tapTxtMessage {
    display: block !important;
  }

}

@media screen and (max-width: 767px) {

  .indexMessasge {
    padding: 10px 0 10px;
    font-size: 0.9em;
  }

  .indexMessasgeBtn {
    display: block;
    margin-bottom: 15px;
  }

}

/*--------------------------------------------------------------------
	indexBottom
--------------------------------------------------------------------*/

.indexBottom {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.indexBottom>div {
  width: 358px;
  box-sizing: border-box;
}

.indexBottom>div:nth-child(1),
.indexBottom>div:nth-child(2),
.indexBottom .boxBitcoin {
  border: 1px solid #D7D7D7;
}

.indexBottom>div:nth-child(1) {
  background-color: #FEFEFC;
}

.indexBottom>div:nth-child(2) {
  margin: 0 13px;
  background-color: #FCFCFC;
}

.indexBottomList {
  padding: 15px;
}

.indexBottomList li {
  position: relative;
  border-bottom: 1px dotted #D9D9D9;
}

.indexBottomList li a {
  padding: 14px 0;
  display: block;
  text-decoration: none;
  color: #646464;
}

.indexBottomList li:first-child a {
  padding: 0 0 14px;
}

.indexBottomList li a .w110px img {
  width: 108px !important;
}

.boxBitcoinInner {
  padding: 10px;
}

.boxBitcoinInner .bitcoinSample {
  max-width: 100%;
  height: auto;
}

.boxBitcoinInnerTop {
  padding: 5px;
  background-color: #F5F5F5;
}

.boxBitcoinInnerTopPrice {
  padding: 7px;
  background-color: #FFF;
  border: 2px solid #BBBBBB;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 1.0em;
}

.boxBitcoinInnerTerm input {
  display: none;
}

.boxBitcoinInnerTerm label {
  display: block;
  float: left;
  cursor: pointer;
  width: 35px;
  margin: 0;
  padding: 5px;
  font-size: 0.86em;
  border-top: 1px solid #abb2b7;
  border-bottom: 1px solid #abb2b7;
  border-left: 1px solid #abb2b7;
  background-color: #FFF;
  color: #555e64;
  text-align: center;
  line-height: 1;
  transition: .2s;
}

.boxBitcoinInnerTerm label:last-of-type {
  border-right: 1px solid #abb2b7;
}

.boxBitcoinInnerTerm input[type="radio"]:checked+label {
  background-color: #B3D0F1;
}

.IndexBottomInfoInnerBitcoinGuide {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {

  .indexBottom>div:nth-child(1),
  .indexBottom>div:nth-child(2),
  .indexBottom>div:nth-child(3) {
    width: 100%;
    margin: 0 0 10px 0;
  }

}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .indexBottom>div:nth-child(1),
  .indexBottom>div:nth-child(2) {
    width: 49.5%;
    box-sizing: border-box;
  }

  .indexBottom>div:nth-child(1) {
    margin: 0 0.5% 0 0;
  }

  .indexBottom>div:nth-child(2) {
    margin: 0 0 0 0.5%;
  }

  .indexBottom>div:nth-child(3) {
    width: 100%;
    margin: 0;
  }

  .IndexBottomInfoInner {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .IndexBottomInfoInner>div {
    width: 49.5%;
    box-sizing: border-box;
  }

  .IndexBottomInfoInner>div:nth-child(1) {
    margin: 0 0.5% 0 0;
  }

  .IndexBottomInfoInner>div:nth-child(2) {
    margin: 0 0 0 0.5%;
  }

  .IndexBottomInfoInnerBitcoinGuide {
    margin-top: 0;
  }

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

  .indexBottom>div {
    width: 32.5%;
    box-sizing: border-box;
  }

  .indexBottom>div:nth-child(2) {
    margin: 0 1.25%;
  }

}

/*--------------------------------------------------------------------
	indexGeneralFaq
--------------------------------------------------------------------*/

.indexGeneralFaq {
  position: relative;
  line-height: 1.6em;
}

.indexGeneralFaqWrap {
  padding: 20px;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}

@media screen and (max-width: 767px) {

  .indexGeneralFaqWrap {
    padding: 10px;
  }

}

/*--------------------------------------------------------------------
	indexFeatures
--------------------------------------------------------------------*/

.indexFeatures {
  position: relative;
  line-height: 1.6em;
}

.indexFeatures img {
  max-width: 100%;
  height: auto;
}

.indexFeaturesWrap {
  padding: 10px;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}

.indexFeaturesWrap>ul {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.indexFeaturesWrap>ul>li {
  width: 33.33%;
  padding: 15px;
  box-sizing: border-box;
  border-top: 1px dotted #DDD;
  border-right: 1px dotted #DDD;
}

.indexFeaturesWrap>ul>li:nth-child(3n) {
  border-right: none;
}

.indexFeaturesDetail01 {
  padding: 0 10px 10px 0;
}

.indexFeaturesWrapSpTitle {
  border-top: 1px dotted #DDD;
  text-align: center;
  padding: 15px 0 5px;
  color: #00311F;
}

@media screen and (min-width: 768px) {

  .indexFeaturesWrapTop {
    padding: 10px 10px 0;
  }

  .indexFeaturesWrap>ul>li {
    padding-bottom: 45px;
    position: relative;
  }

  .indexFeaturesDetail01 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
  }

  .indexFeaturesWrapSpTitle {
    display: none;
  }

}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .indexFeaturesWrap>ul>li {
    width: 50%;
    border-right: none;
  }

  .indexFeaturesWrap>ul>li:nth-child(odd) {
    border-right: 1px dotted #DDD;
  }

}

@media screen and (max-width: 767px) {

  .indexFeaturesWrap>ul>li {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    border-top: none;
    border-bottom: 1px dotted #DDD;
    border-right: none;
  }

  .indexFeaturesDetail01 {
    padding: 10px 10px 0 0;
  }

}

/*--------------------------------------------------------------------
	indexSupport
--------------------------------------------------------------------*/

.indexSupport {
  position: relative;
  line-height: 1.6em;
}

.indexSupport img {
  max-width: 100%;
  height: auto;
}

.indexSupport>ul {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.indexSupport>ul>li {
  background-color: #FDFEFA;
  border: 1px solid #94B31A;
  box-sizing: border-box;
}

.indexSupport>ul>li:nth-child(1) {
  width: 49.5%;
  margin-right: 1%;
}

.indexSupport>ul>li:nth-child(2) {
  width: 49.5%;
}

.indexSupport>ul>li:nth-child(3) {
  width: 32.66%;
  margin-right: 1%;
}

.indexSupport>ul>li:nth-child(4) {
  width: 32.66%;
  margin-right: 1%;
}

.indexSupport>ul>li:nth-child(5) {
  width: 32.66%;
}

.indexSupport>ul>li:nth-child(-n+2) {
  margin-bottom: 10px;
}

.indexSupportCatch01 {
  background-color: #005B40;
  color: #FFF;
}

.indexSupportCatch01 div {
  display: table;
  width: 100%;
}

.indexSupportCatch01 div p {
  width: 100%;
  padding: 10px 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.indexSupportBox01 {
  padding: 10px 15px 10px;
  text-align: center;
  font-size: 1.1em;
}

.indexSupportBox02 {
  padding: 0 15px 15px;
}

.indexSupportBox03 {
  padding: 15px;
}

.indexSupportPhoto01 {
  text-align: center;
  padding: 10px 10px 0;
}

.indexSupportPhoto02 {
  text-align: center;
  margin-bottom: 15px;
}

.indexSupportDetail01 {
  padding: 0 10px 10px 0;
}

@media screen and (max-width: 959px) {

  .indexSupportBox02 {
    padding: 0 10px 10px;
  }

  .indexSupportBox03 {
    padding: 10px;
  }

  .indexSupportPhoto02 {
    margin-bottom: 10px;
  }

}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .indexSupport>ul>li:nth-child(3) {
    width: 32.66%;
    margin-right: 1%;
  }

  .indexSupport>ul>li:nth-child(4) {
    width: 32.66%;
    margin-right: 1%;
  }

  .indexSupport>ul>li:nth-child(5) {
    width: 32.66%;
  }

  .indexSupport>ul>li:nth-child(-n+2) {
    margin-bottom: 0;
  }

  .indexSupport>ul>li:nth-child(n+3) {
    margin-top: 10px;
  }

}

@media screen and (min-width: 768px) {

  .indexSupport>ul>li {
    padding-bottom: 35px;
    position: relative;
  }

  .indexSupportDetail01 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
  }

}

@media screen and (max-width: 767px) {

  .indexSupport ul li:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }

  .indexSupport ul li:nth-child(2) {
    width: 100%;
  }

  .indexSupport ul li:nth-child(3) {
    width: 100%;
    margin-right: 0;
  }

  .indexSupport ul li:nth-child(4) {
    width: 100%;
    margin-right: 0;
  }

  .indexSupport ul li:nth-child(5) {
    width: 100%;
    margin-right: 0;
  }

  .indexSupport ul li:nth-child(6) {
    width: 100%;
  }

  .indexSupport ul li {
    margin-bottom: 10px;
  }

  .indexSupport ul li:last-child {
    margin-bottom: 0;
  }

  .indexSupportCatch01 div p {
    height: auto;
  }

  .indexSupportPhoto01 {
    width: 150px;
    padding: 0;
  }

  .indexSupportBox01 {
    padding: 0 5px 0 10px !important;
    text-align: left;
    font-size: 1.0em;
    vertical-align: middle;
  }

  .indexSupportBox02 {
    font-size: 0.96em;
  }

}
/*--------------------------------------------------------------------
	gem 掲載終了
--------------------------------------------------------------------*/
.indexServiceOutage{
  background: #FFEEEE;
  text-align: center;
  padding: 1rem;
  display: block;
  font-weight: bold;
  color: #ff0000!important;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .indexServiceOutage{
    font-size: 100%;
  }
}
@media screen and (max-width: 406px) {
  .indexServiceOutage{
    font-size: 0.75rem;
  }
}