@charset "UTF-8";@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


.text {
    position : relative;
    left : 980px;
    top : -140px;
    width : 109px;
    height : 310px;
    animation: chara_text 1.2s ease 0s 1 normal;
  z-index : 11;
  background-repeat : no-repeat;
}.shop .thumbnail img:hover {
    opacity: 0.5;
}@keyframes chara_thumbnail {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}@keyframes chara_fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1
    }
}@keyframes chara_image {
    0% {
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}@keyframes chara_text {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    30% {
        transform: translateX(50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

.softmap{
  
  width : 1000px;
  height : 978px;
  
  
  position : relative;
  
  margin-top : 80px;
  background-image : url(img/shop/softmap/bk.png);
  margin-bottom : 20px;
}

.softmap .item{
  background-image : url(img/shop/softmap/item.png);
  width : 1000px;
  height : 978px;
  position : relative;
  z-index : 20;
  top : 30px;
}

.softmap .sq{
  background-image : url(img/shop/softmap/sq.png);border-style : none;
  width : 400px;
  height : 627px;
  position : relative;
  top : -810px;
  z-index : 21;
  left : 10px;
}

.softmap2{
  
  width : 1000px;
  height : 978px;
  
  
  position : relative;
  
  margin-top : 80px;
  margin-bottom : 20px;
  
  top : -978px;
}
.softmap2 .doramacd{
  
  width : 281px;
  height : 281px;
  
  top : 250px;
  left : 430px;
  z-index : 1;

background-attachment : scroll;background-position : 0% 0%;
    -webkit-animation: spin 60.0s linear infinite;
    -moz-animation: spin 60.0s linear infinite;
    -ms-animation: spin 60.0s linear infinite;
    -o-animation: spin 60.0s linear infinite;
    animation: spin 60.0s linear infinite;
  
  

  background-image : url(img/shop/softmap/rom_doramacd.png);
}@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.softmap2 .patch{
  
  width : 278px;
  height : 278px;
  
  top : 30px;
  left : 650px;
  z-index : 0;

background-attachment : scroll;background-position : 0% 0%;
    -webkit-animation: spin 60.0s linear infinite;
    -moz-animation: spin 60.0s linear infinite;
    -ms-animation: spin 60.0s linear infinite;
    -o-animation: spin 60.0s linear infinite;
    animation: spin 60.0s linear infinite;
  
  

  background-image : url(img/shop/softmap/rom_patch.png);
  background-repeat : no-repeat;
  
}@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
  
}

.softmap2 .shopping{
  
  width : 160px;
  height : 200px;
  top : -750px;
  z-index : 30;
  left : 610px;
  position : relative;
  
  
  
  
  background-image : url(img/shop/base/icon_shopping.png);
  
}


.getchu{
  
  width : 1000px;
  height : 978px;
  
  
  position : relative;
  
  margin-top : 80px;
  background-image : url(img/shop/getchu/bk.png);
  margin-bottom : 20px;
  top : -1200px;
}

.getchu .item{
  background-image : url(img/shop/getchu/item.png);
  width : 1000px;
  height : 978px;
  position : relative;
  z-index : 20;
  top : 30px;
}

.getchu .sq{
  background-image : url(img/shop/getchu/sq.png);border-style : none;
  width : 400px;
  height : 627px;
  position : relative;
  top : -805px;
  z-index : 21;
  left : 10px;
}

.getchu2{
  
  width : 1000px;
  height : 750px;
  
  
  position : relative;
  
  margin-top : 80px;
  margin-bottom : 20px;
  
  top : -2000px;
  
}
.getchu2 .doramacd{
  
  width : 281px;
  height : 281px;
  
  top : 150px;
  left : 500px;
  z-index : 1;

background-attachment : scroll;background-position : 0% 0%;
    -webkit-animation: spin 60.0s linear infinite;
    -moz-animation: spin 60.0s linear infinite;
    -ms-animation: spin 60.0s linear infinite;
    -o-animation: spin 60.0s linear infinite;
    animation: spin 60.0s linear infinite;
  
  

  background-image : url(img/shop/getchu/rom_doramacd.png);
}@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.getchu2 .patch{
  
  width : 278px;
  height : 278px;
  
  top : 30px;
  left : 650px;
  z-index : 0;

background-attachment : scroll;background-position : 0% 0%;
    -webkit-animation: spin 60.0s linear infinite;
    -moz-animation: spin 60.0s linear infinite;
    -ms-animation: spin 60.0s linear infinite;
    -o-animation: spin 60.0s linear infinite;
    animation: spin 60.0s linear infinite;
  
  

  background-image : url(img/shop/getchu/rom_patch.png);
  background-repeat : no-repeat;
  
}@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
  
}

.getchu2 .shopping{
  
  width : 160px;
  height : 200px;
  top : -930px;
  z-index : 30;
  left : 600px;
  position : relative;
  background-image : url(img/shop/base/icon_shopping.png);
  
}


.trader{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/trader/bk.png);
  margin-bottom : 20px;
  top : -2178px;
  
  
}

.trader .sq{
  background-image : url(img/shop/trader/sq.png);border-style : none;
  width : 717px;
  height : 631px;
  position : relative;
  top : 280px;
  z-index : 21;
  left : 150px;
}

.trader .shopping{
  
  width : 160px;
  height : 200px;
  top : -660px;
  z-index : 10;
  left : 800px;
  background-image : url(img/shop/base/icon_shopping.png);
  position : relative;
}



.otakaraichiba{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/otakaraichiba/bk.png);
  margin-bottom : 20px;
  top : -2350px;
}

.otakaraichiba .sq{
  background-image : url(img/shop/otakaraichiba/sq.png);border-style : none;
  width : 717px;
  height : 631px;
  position : relative;
  top : 280px;
  z-index : 21;
  left : 150px;
}

.otakaraichiba .shopping{
  
  width : 160px;
  height : 200px;
  top : -660px;
  z-index : 10;
  left : 800px;
  
  position : relative;
  background-image : url(img/shop/base/icon_shopping0.png);
  background-color : transparent;
}


.medio{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/medio/bk.png);
  margin-bottom : 20px;
  top : -2530px;
}

.medio .sq{
  background-image : url(img/shop/medio/sq.png);border-style : none;
  width : 717px;
  height : 631px;
  position : relative;
  top : 280px;
  z-index : 21;
  left : 150px;
}

.medio .shopping{
  
  width : 160px;
  height : 200px;
  top : -660px;
  z-index : 10;
  left : 800px;
  
  position : relative;
  background-image : url(img/shop/base/icon_shopping0.png);
  background-color : transparent;
}

.DMM{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/DMM/bk.png);
  margin-bottom : 20px;
  top : -2700px;
}

.DMM .sq{
  background-image : url(img/shop/DMM/sq.png);border-style : none;
  width : 717px;
  height : 631px;
  position : relative;
  top : 280px;
  z-index : 21;
  left : 150px;
}

.DMM .shopping{
  
  width : 160px;
  height : 200px;
  
  z-index : 10;
  left : 800px;
  background-image : url(img/shop/base/icon_shopping.png);
  position : relative;
  top : -660px;
}



.takarajima{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/takarajima/bk.png);
  margin-bottom : 20px;
  top : -2870px;
}

.takarajima .sq{
  background-image : url(img/shop/takarajima/sq.png);border-style : none;
  width : 717px;
  height : 631px;
  position : relative;
  top : 250px;
  z-index : 21;
  left : 150px;
}

.takarajima .shopping_tereka{
  
  width : 160px;
  height : 150px;
  
  z-index : 20;
  left : 840px;
  background-image : url(img/shop/base/icon_shopping.png);
  position : relative;
  top : -580px;
}

.takarajima .shopping_tape{
  
  width : 160px;
  height : 150px;
  
  z-index : 10;
  left : 840px;
  background-image : url(img/shop/base/icon_shopping.png);
  position : relative;
  top : -500px;
}

.fammys{
  width : 1000px;
  height : 978px;
  position : relative;
  margin-top : 80px;
  background-image : url(img/shop/fammys/bk.png);
  margin-bottom : 20px;
  top : -3000px;
}

.fammys .sq{
  background-image : url(img/shop/fammys/sq.png);border-style : none;
  width : 574px;
  height : 670px;
  position : relative;
  top : 280px;
  z-index : 21;
  left : 150px;
}

.fammys .shopping{
  
  width : 160px;
  height : 200px;
  
  z-index : 10;
  left : 800px;
  background-image : url(img/shop/base/icon_shopping.png);
  position : relative;
  top : -710px;
}
#tb{
  background-image : url(img/shop/tb.png);
  margin-top : 30px;
  margin-left : 30px;
  margin-right : 30px;
  margin-bottom : 30px;
  width : 1000px;
  height : 594px;
}

#name_original{
  font-size : 58px;
  color : white;
  background-color : rgb(184, 113, 255);
  text-align : center;
  
  margin-right : auto;
  
  height : 40px;
  
  font-weight : 900;
  padding-bottom : 10px;
  
  
  margin-top : 0px;
  padding-top : 30px;
  
  
  
  margin-left : auto;
}
#name{
  font-size : 58px;
  color : white;
  background-color : rgb(255, 0, 108);
  text-align : left;
  
  margin-right : auto;
  
  height : 40px;
  
  font-weight : 900;
  padding-bottom : 10px;
  
  
  margin-top : 0px;
  padding-top : 30px;
  
  
  padding-left : 280px;
}

#name2{
  font-size : 58px;
  color : white;
  background-color : rgb(255, 0, 108);
  text-align : center;
  
  margin-right : auto;
  
  height : 40px;
  
  font-weight : 900;
  padding-bottom : 10px;
  
  
  margin-top : 0px;
  padding-top : 30px;
  
  
  
}
#icon_3{
  width : 261px;
  height : 266px;
  background-image : url(img/shop/softmap/attention.png);
  float : left;
  
  z-index : 10;
  margin-top : -150px;
}
#icon_2{
  width : 261px;
  height : 266px;
  background-image : url(img/shop/getchu/attention.png);
  float : left;
  
  z-index : 10;
  margin-top : -150px;
}
#cd{
  
  width : 281px;
  height : 281px;


background-attachment : scroll;background-position : 0% 0%;
    -webkit-animation: spin 60.0s linear infinite;
    -moz-animation: spin 60.0s linear infinite;
    -ms-animation: spin 60.0s linear infinite;
    -o-animation: spin 60.0s linear infinite;
    animation: spin 60.0s linear infinite;
  

  text-align : center;
  margin-left : auto;
  margin-right : auto;
  
  
  margin-top : 30px;
  
}

#cd_story{
  border-width : 4px;border-style : dotted;border-color : rgb(255, 0, 108);
  width : 630px;
  
  font-size : 14px;
  font-weight : bolder;
  color : rgb(72, 52, 43);
  text-align : left;
  
  
  
  
  padding-top : 15px;
  padding-left : 15px;
  
  
  margin-left : 10px;
  
  margin-top : 10px;
  padding-bottom : 15px;
  background-image : url(img/bk_mainpack.png);
  
  line-height : 18px;
  margin-bottom : 10px;
}

#cd_story2{
  border-width : 4px;border-style : dotted;border-color : rgb(255, 0, 108);
  width : 330px;
  
  font-size : 14px;
  font-weight : bolder;
  color : rgb(72, 52, 43);
  text-align : left;
  
  
  
  
  padding-top : 15px;
  padding-left : 15px;
  
  
  margin-left : 10px;
  
  margin-top : 10px;
  padding-bottom : 15px;
  background-image : url(img/bk_mainpack.png);
  
  line-height : 18px;
  margin-bottom : 10px;
}

#pickup_tittle{
  font-size : 16px;
  font-weight : bold;
  color : yellow;
  background-color : rgb(2, 230, 184);
  padding-top : 8px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 8px;
  width : 300px;
  text-align : center;
}

#shopping_original{
  font-size : 30px;
  font-weight : bold;
  
  
  text-align : center;
  
  
  
  height : 50px;
  
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  border-width : 3px;border-style : solid;border-color : rgb(255, 0, 108);
  width : 450px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  
  color : rgb(255, 0, 108);
}

#shopping{
  font-size : 30px;
  font-weight : bold;
  
  
  text-align : center;
  
  
  
  height : 50px;
  
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  border-width : 3px;border-style : solid;border-color : rgb(255, 0, 108);
  width : 450px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  color : rgb(255, 0, 108);
}

#shopping2{
  font-size : 30px;
  font-weight : bold;
  
  
  text-align : center;
  
  
  
  height : 50px;
  
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  border-width : 3px;border-style : solid;border-color : rgb(255, 0, 108);
  width : 300px;
  
  
  margin-bottom : 20px;
  color : rgb(255, 0, 108);
  
  z-index : 10;
  
  clear : left;
  margin-top : -120px;
  margin-left : 600px;
}

#shopping3{
  font-size : 20px;
  font-weight : bold;
  
  
  text-align : center;
  
  
  
  height : 50px;
  
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  border-width : 3px;border-style : solid;border-color : rgb(255, 0, 108);
  width : 300px;
  
  
  margin-bottom : 20px;
  color : rgb(255, 0, 108);
  
  z-index : 10;
  
  clear : left;
  margin-top : -250px;
  margin-left : 600px;
  background-color : white;
}