@charset "UTF-8";
/*タブのコンテンツ内の書式設定*/
body {
  width: 896px;
  height: 490px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  color: #bababa;
  text-align: center; /*   background-image: url(../image/concept/bg.png);*/
  position: absolute;
}
a {
  text-decoration: none;
  color: #bababa;
}
p {
  margin: 0px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #bababa;
}
img {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.backBtn {
  height: 30px;
  position: absolute;
  width: 896px;
  bottom: 20px;
}
.sidebackBtn {
  height: 30px;
  position: absolute;
  left: 71px;
  top: 213px;
}
.nextBtn {
  position: absolute;
  top: 458px;
  left: 661px;
}
.preBtn {
  position: absolute;
  top: 458px;
  left: 175px;
}
/*shopページここから*/
/*---------------------------------------------------------------*/
.shop .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.shop .shoplist {
  width: 896px;
  text-align: center;
  position: absolute;
  top: 84px;
  font-size: 22px;
  color: #bababa;
}
.shops {
  position: absolute;
  top: 130px;
  left: 161px;
  color: #bababa;
  font-size: 17px;
  overflow-y: scroll;
  height: 320px;
  text-align: left;
}
.shops p {
  line-height: 22px;
}
.shops .shop1 {
  height: 105px;
}
.shops .shop2 {
  height: 105px;
}
.shops .shop3 {
  height: 105px;
}
.shops .shop4 {
  height: 105px;
}
.shops .shop5 {
  height: 105px;
}
/*---------------------------------------------------------------*/
/*shopページここまで*/

/*downloadページここから*/
/*---------------------------------------------------------------*/
.download .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.downloads {
  position: absolute;
  left: 80px;
  color: #bababa;
  font-size: 17px;
}
.downloads p {
  line-height: 22px;
}
.downloads .download1 {
  height: 44px;
  position: absolute;
  width: 609px;
  bottom: -184px;
}
.downloads .download2 {
  position: absolute;
  width: 607px;
  height: 44px;
  bottom: -304px;
}

/*---------------------------------------------------------------*/
/*downloadページここまで*/

/*newsページここから*/
/*---------------------------------------------------------------*/
.news .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
}
.news_inner {
  width: 896px;
  position: absolute;
  top: 84px;
  color: #bababa;
  font-size: 16px;
  overflow-y: scroll;
  height: 320px;
  overflow-x: hidden;
}
.news .news_inner .left {
  position: relative;
  text-align: left;
  left: 150px;
  width: 896px;
}
.news_inner .left .title_18px {
  font-size: 18px;
}
.news_inner .left .title_22px {
  font-size: 22px;
}
.date_title {
  font-size: 22px;
  margin-bottom: 10px;
}

/*---------------------------------------------------------------*/
/*newsページここまで*/

/*---------------------------------------------------------------*/

/*conceptここから*/
/*---------------------------------------------------------------*/
/*conceptのindexページ*/
.concept_top .concept_img {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 34px;
  text-align: center;
}
.concept_top .up .left {
  height: 30px;
  position: absolute;
  top: 170px;
  position: absolute;
  left: 121px;
}
.concept_top .up .right {
  height: 30px;
  position: absolute;
  top: 170px;
  position: absolute;
  left: 468px;
}
.concept_top .bottom .left {
  height: 30px;
  position: absolute;
  top: 306px;
  float: left;
  position: absolute;
  left: 121px;
}
.concept_top .bottom .right {
  height: 30px;
  position: absolute;
  top: 306px;
  position: absolute;
  left: 468px;
}

/*aboutguchoのページ*/
.about_gucho .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 30px;
  text-align: center;
}
.about_gucho .photo {
  width: 200px;
  height: 290px;
  float: left;
  position: absolute;
  top: 95px;
  left: 10px;
}

.about_gucho .photo .bg {
  width: 200px;
  height: 290px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}
.about_gucho .photo .bg img {
  width: 180px;
  height: 270px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_gucho p {
  width: 670px;
  height: 360px;
  float: right;
  position: absolute;
  top: 95px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  right: 10px;
  font-weight: 700;
}

/*about_gucho_netのページ*/
.about_gucho_net .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 34px;
  text-align: center;
}
.about_gucho_net p {
  /* [disabled]height: 310px; */
  position: absolute;
  top: 92px;
  font-size: 13px;
  line-height: 19px;
  color: #bababa;
  font-weight: 700;
  width: 896px;
}
.about_gucho_net .sign {
  position: absolute;
  /* [disabled]top: 365px; */
  right: 60px;
  bottom: 20px;
}

/*itemsの各ページここから*/

/*aboutitemsのindexページ*/
.items_top .items_img {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 34px;
  text-align: center;
}
.items_top .up .left {
  height: 30px;
  position: absolute;
  top: 170px;
  position: absolute;
  left: 209px;
}
.items_top .up .right {
  height: 30px;
  position: absolute;
  top: 170px;
  position: absolute;
  left: 536px;
}
.items_top .bottom .left {
  height: 30px;
  position: absolute;
  top: 306px;
  float: left;
  position: absolute;
  left: 209px;
}
.items_top .bottom .right {
  height: 30px;
  position: absolute;
  top: 307px;
  position: absolute;
  left: 536px;
}

/*aboutringのページ*/
.about_ring .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_ring .photo {
  width: 896px;
  height: 171px;
  position: absolute;
  top: 95px;
}
.about_ring .photo .bg {
  width: 216px;
  height: 151px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_ring .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_ring p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  top: 270px;
}

/*aboutpendantのページ*/
.about_pendant .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_pendant .photo {
  width: 896px;
  height: 171px;
  position: absolute;
  top: 95px;
}
.about_pendant .photo .bg {
  width: 216px;
  height: 151px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_pendant .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_pendant p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  top: 270px;
}

/*aboutkeeperのページ*/
.about_keeper .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_keeper .photo {
  width: 216px;
  height: 171px;
  position: absolute;
  top: 95px;
  left: 50px;
}
.about_keeper .photo .bg {
  width: 216px;
  height: 282px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_keeper .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_keeper p {
  width: 543px;
  position: absolute;
  top: 95px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  font-weight: 700;
  left: 303px;
}

/*aboutbangleのページ*/
.about_bangle .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_bangle .photo {
  width: 896px;
  height: 171px;
  position: absolute;
  top: 87px;
}
.about_bangle .photo .bg {
  width: 216px;
  height: 167px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_bangle .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_bangle p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  top: 270px;
}

/*itemsここまで*/

/*seriesここから*/

/*aboutseriesのindexページ*/
.series_top .items_img {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 34px;
  text-align: center;
}
.series_top .up .left {
  height: 30px;
  position: absolute;
  top: 118px;
  position: absolute;
  left: 161px;
}
.series_top .up .right {
  height: 30px;
  position: absolute;
  top: 118px;
  position: absolute;
  right: 165px;
}
.series_top .up2 .left {
  height: 30px;
  position: absolute;
  top: 177px;
  position: absolute;
  left: 161px;
}
.series_top .up2 .right {
  height: 30px;
  position: absolute;
  top: 177px;
  position: absolute;
  right: 165px;
}
.series_top .bottom .left {
  height: 30px;
  position: absolute;
  top: 235px;
  float: left;
  position: absolute;
  left: 161px;
}
.series_top .bottom .right {
  height: 30px;
  position: absolute;
  top: 293px;
  position: absolute;
  right: 165px;
}
.series_top .bottom2 .right {
  height: 30px;
  position: absolute;
  top: 235px;
  position: absolute;
  right: 165px;
}
.series_top .bottom2 .left {
  height: 30px;
  position: absolute;
  top: 293px;
  float: left;
  position: absolute;
  left: 161px;
}
.series_top .bottom3 .center {
  height: 30px;
  position: absolute;
  top: 353px;
  float: left;
  position: absolute;
  width: 896px;
  text-align: center;
}

/*aboutpyroのページ*/
.about_pyro .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
  z-index: 1;
}
.about_pyro .photo {
  width: 646px;
  height: 446px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0px;
  margin-top: 10px;
}
.about_pyro .photo .bg {
  width: 646px;
  height: 446px;
  background-color: rgba(0, 0, 0, 0.25);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_pyro .photo .bg img {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.about_pyro p {
  width: 600px;
  height: 348px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -376px;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 54px;
  margin-top: -48px;
  left: 2px;
  color: rgba(186, 186, 186, 0.4);
}

/*aboutironcrossのページ*/
.about_ironcross .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_ironcross .photo {
  width: 150px;
  height: 215px;
  position: absolute;
  top: 135px;
  left: 26px;
}
.about_ironcross .photo .bg {
  width: 150px;
  height: 215px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_ironcross .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_ironcross p {
  width: 677px;
  height: 240px;
  position: absolute;
  top: 136px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  left: 204px;
}

/*aboutluthiersのページ*/
.about_luthiers .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_luthiers .photo {
  width: 167px;
  height: 216px;
  position: absolute;
  top: 134px;
  left: 18px;
}
.about_luthiers .photo .bg {
  width: 167px;
  height: 216px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_luthiers .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_luthiers p {
  width: 677px;
  height: 215px;
  position: absolute;
  top: 134px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  left: 204px;
}

/*about2.5Dのページ*/
.about_25d .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_25d .photo {
  width: 896px;
  height: 168px;
  position: absolute;
  top: 90px;
}

.about_25d .photo .bg {
  width: 216px;
  height: 168px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_25d .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_25d p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  bottom: 40px;
}

/*about2.5DDiceのページ*/
.about_25dice .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_25dice .photo {
  width: 896px;
  height: 168px;
  position: absolute;
  top: 90px;
}

.about_25dice .photo .bg {
  width: 216px;
  height: 168px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_25dice .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_25dice p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  bottom: 40px;
}

/*aboutapexhunterのページ*/
.about_apex .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_apex .photo {
  width: 167px;
  height: 216px;
  position: absolute;
  top: 134px;
  left: 18px;
}
.about_apex .photo .bg {
  width: 167px;
  height: 216px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_apex .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_apex p {
  width: 677px;
  height: 170px;
  position: absolute;
  top: 134px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  left: 204px;
}

/*aboutSPのページ*/
.about_sp .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_sp .photo {
  width: 896px;
  height: 168px;
  position: absolute;
  top: 90px;
}

.about_sp .photo .bg {
  width: 216px;
  height: 168px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_sp .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_sp p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  bottom: 40px;
}

/*aboutluckyのページ*/
.about_lucky .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_lucky .photo {
  width: 896px;
  height: 151px;
  position: absolute;
  top: 82px;
}

.about_lucky .photo .bg {
  width: 216px;
  height: 151px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_lucky .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_lucky p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  bottom: 40px;
}

/*aboutrallodのページ*/
.about_rallod .title {
  width: 896px;
  height: 38px;
  position: absolute;
  top: 32px;
  text-align: center;
}
.about_rallod .photo {
  width: 896px;
  height: 187px;
  top: 90px;
  position: absolute;
}

.about_rallod .photo .bg {
  width: 242px;
  height: 187px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.about_rallod .photo .bg img {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.about_rallod p {
  width: 896px;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  bottom: 40px;
}

/*---------------------------------------------------------------*/
/*conceptここまで*/
.downloads .download_img1 {
  width: 130px;
}
.downloads .wallpaper1 {
  width: 150px;
  height: 92px;
  float: left;
  position: absolute;
  left: 630px;
  bottom: -206px;
}
.downloads .wallpaper2 {
  width: 150px;
  height: 92px;
  float: left;
  position: absolute;
  left: 630px;
  bottom: -328px;
}
.downloads .download_img {
  width: 150px;
  height: 92px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}
.downloads .download_img img {
  width: 130px;
  height: 72px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.click {
  position: absolute;
  top: 62px;
  left: 688px;
}
.news_inner .left a {
  text-decoration: underline;
  margin-left: 16px;
}
#wrapper .GB {
}
#image div .photo {
  /* [disabled]width: 600px; */
  margin-left: auto;
  margin-right: auto;
  height: 402px;
}
div #front p {
  font-size: 14px;
}
div #front .changeBtn {
  position: absolute;
  top: -54px;
}