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


/* PC版非表示*/
#pcwrapper {
	display: none;
}
.pcwrapper {
	display: none;
}


.intros {
     display: none;
}


a {
    color: #060405;
    text-decoration: underline;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-underline-offset: 4px;
}
a:hover {
    color: #060405;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:visited {
    color: #060405;
    text-decoration: underline;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-underline-offset: 4px;
}


body {
	-webkit-text-size-adjust: 100%;
	text-align: left;
	overflow: visible;
     font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
     background-color: #0a0706;
}
img {
	width: 100%;
	height: auto;
}


.box1350 {
     overflow: hidden;
}


.contents img {
     width: 100%;
     height: auto;
}


.pad_001 {
     padding-top: 1.5%;
}
.pad_002 {
     padding-left: 2%;
     padding-right: 2%;
}
.pad_003 {

}
.pad_004 {
     padding-top: 5%;
}
.pad_005 {
     padding-top: 6%;
     padding-bottom: 7.5%;
     padding-left: 7%;
     padding-right: 7%;
}



.bg_slide {
  width: 100%;
  padding-top: 240px;
  background: url("../images/image_003.png?20170624-1235");
  background-size: 774px 240px;
  animation: bg_slide2 18s linear infinite;
}
@keyframes bg_slide2 {
    0% { background-position: 0 0;}
  100% { background-position: -774px 0;}
}



.popout_001 {
  margin: 0 auto;
}
.popout_001 img {
  animation: anime1 0.75s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(1.05,1.05);
  }
  to {
    transform: scale(0.95,0.95);
  }
}



#main { 
    z-index: 1000;
}


.bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background-color: #ff8357;
}
.bg div { 
    position: absolute;
}
.bg div img {
    width: 100%;
}


.bg .p_001 {
    width: 22%;
    top: 8%;
    left: 2.5%;
}
.bg .p_002 {
    width: 20%;
    top: 36%;
    left: -2%;
}
.bg .p_003 {
    width: 21%;
    top: 27%;
    left: 16%;
}
.bg .p_004 {
    width: 29%;
    top: 52%;
    left: 9%;
}
.bg .p_005 {
    width: 20%;
    top: 62%;
    left: -3%;
}
.bg .p_006 {
    width: 21%;
    top: 73%;
    left: 18%;
}
.bg .p_007 {
    width: 20%;
    top: 85%;
    left: 7%;
}
.bg .p_008 {
    width: 20%;
    top: 23%;
    left: -6%;
}


.bg .p_009 {
    width: 22%;
    top: 8%;
    left: 30%;
}
.bg .p_010 {
    width: 35%;
    top: 42%;
    left: 28%;
}
.bg .p_011 {
    width: 23%;
    top: 25%;
    left: 44%;
}
.bg .p_012 {
    width: 24%;
    top: 62%;
    left: 33%;
}
.bg .p_013 {
    width: 22%;
    top: 92%;
    left: 28%;
}
.bg .p_014 {
    width: 21%;
    top: -5%;
    left: 28%;
}


.bg .p_015 {
    width: 22%;
    top: 10%;
    left: 56%;
}
.bg .p_016 {
    width: 20%;
    top: -5%;
    left: -3%;
}
.bg .p_017 {
    width: 22%;
    top: 32%;
    left: 68%;
}
.bg .p_018 {
    width: 25%;
    top: 53%;
    left: 55%;
}
.bg .p_019 {
    width: 20%;
    top: 74%;
    left: 43%;
}
.bg .p_020 {
    width: 21%;
    top: 72%;
    left: 69%;
}
.bg .p_021 {
    width: 20%;
    top: 89%;
    left: 59%;
}
.bg .p_022 {
    width: 20%;
    top: -4%;
    left: 58%;
}


.bg .p_023 {
    width: 20%;
    top: 6%;
    left: 80%;
}
.bg .p_024 {
    width: 25%;
    top: 42%;
    left: 78%;
}
.bg .p_025 {
    width: 22%;
    top: 25%;
    left: 92%;
}
.bg .p_026 {
    width: 24%;
    top: 62%;
    left: 80%;
}
.bg .p_027 {
    width: 22%;
    top: 87%;
    left: 80%;
}
.bg .p_028 {
    width: 25%;
    top: -1%;
    left: 87%;
}




.bg .p_0XX {
    width: 3%;
    top: 92%;
    left: 50%;
}




.bg .p_001, .bg .p_003, .bg .p_005, .bg .p_007, .bg .p_010, .bg .p_011, .bg .p_013, .bg .p_015, .bg .p_017, .bg .p_019, 
.bg .p_021, .bg .p_024, .bg .p_025, .bg .p_027, .bg .p_029, .bg .p_031, .bg .p_033, .bg .p_035, .bg .p_037, .bg .p_039, 
.bg .p_041, .bg .p_043, .bg .p_045, .bg .p_047, .bg .p_049, .bg .p_051, .bg .p_053, .bg .p_055, .bg .p_057, .bg .p_059 { animation: rotato_r 1.5s ease-in-out infinite;}

.bg .p_002, .bg .p_004, .bg .p_006, .bg .p_008, .bg .p_009, .bg .p_012, .bg .p_014, .bg .p_016, .bg .p_018, .bg .p_020, 
.bg .p_022, .bg .p_023, .bg .p_026, .bg .p_028, .bg .p_030, .bg .p_032, .bg .p_034, .bg .p_036, .bg .p_038, .bg .p_040, 
.bg .p_042, .bg .p_044, .bg .p_046, .bg .p_048, .bg .p_050, .bg .p_052, .bg .p_054, .bg .p_056, .bg .p_058, .bg .p_060 { animation: rotato_l 1.5s ease-in-out infinite;}



.bg .p01, .bg .p03, .bg .p05, .bg .p07, .bg .p09, .bg .p12, .bg .p13 { animation: rotato_r 1.5s ease-in-out infinite;}

.bg .p02, .bg .p04, .bg .p06, .bg .p08, .bg .p10, .bg .p11 { animation: rotato_l 1.5s ease-in-out infinite;}


@keyframes rotato_r {
    0% { transform: rotate(0);}
    50% { transform: rotate(-15deg);}
    100% { transform: rotate(0);}
}

@keyframes rotato_l {
    0% { transform: rotate(0);}
    50% { transform: rotate(15deg);}
    100% { transform: rotate(0);}
}

@keyframes move_r {
    0% { transform: translateX(0) rotate(0);}
    50% { transform: translateX(10%) rotate(-15deg);}
    100% { transform: translateX(0) rotate(0);}
}

@keyframes move_l {
    0% { transform: translateX(0) rotate(0);}
    50% { transform: translateX(-20%) rotate(15deg);}
    100% { transform: translateX(0) rotate(0);}
}




#smp_page-top {
     position: fixed;
     bottom: 0px;
     right: 15px;
     width: 100px;
     height: 113px;
     z-index: 89;
}
.fixed {
	position: fixed;
	top: 0px;
}





@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
} 




}