/*-------------------------------------------- 共通 css --------------------------------------------*/
html,body{
-webkit-text-size-adjust: 100%;
margin:0;
padding:0;
font-family:NotoSansJP-Light;
background-color:#ffffff;
}



@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.woff');
}

@font-face {
font-family: 'Mplus1p-Light';
src: url('../font/Mplus1p-Light.woff2');
}

@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.eot');
}

@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.ttf');
}






@font-face {
  font-family: 'NotoSansJP-Light';
  src: url('../font/NotoSansJP-Light.woff');
}

@font-face {
font-family: 'NotoSansJP-Light';
src: url('../font/NotoSansJP-Light.woff2');
}

@font-face {
  font-family: 'NotoSansJP-Light';
  src: url('../font/NotoSansJP-Light.otf');
}







@font-face {
  font-family: 'DINPro-Medium';
  src: url('../font/DINPro-Medium.woff');
}

@font-face {
font-family: 'DINPro-Medium';
src: url('../font/DINPro-Medium.woff2');
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../font/DINPro-Medium.otf');
}











@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.woff');
}

@font-face {
font-family: 'hkgbd';
src: url('../font/hkgbd.woff2');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.eot');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.ttc');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.ttf');
}




@font-face {
  font-family: 'mry';
  src: url('../font/mry.woff');
}

@font-face {
font-family: 'mry';
src: url('../font/mry.woff2');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.eot');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.ttc');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.ttf');
}





@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.woff');
}

@font-face {
font-family: 'hrmt';
src: url('../font/hrmt.woff2');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.eot');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.ttc');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.ttf');
}





div#clear{
clear:both;
}

a:hover#hikaru1 img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a:hover#hikaru2{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a:hover#hikaru3{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}





@media screen and (min-width:1px) and ( max-width:980px) {
.slider{
max-width:980px;
width:100%;
height:auto;
margin:80px auto 0 auto;
position:relative;
}
}

@media screen and (min-width:981px) {
.slider{
max-width:9999px;
width:100%;
height:auto;
margin:80px auto 0 auto;
position:relative;
}
}

.slider ul{
margin:0;
padding:0;
list-style:none;
}

.slider ul li{
width:100%;
height:auto;
position:absolute;
top:0;
left:0;
animation-iteration-count:infinite;
animation-duration:24s;
}

.slider ul li:nth-child(1){
animation-name:slider;
animation-delay:-3s;
}
.slider ul li:nth-child(2){
animation-name:slider;
animation-delay:5s;
opacity:0;
}
.slider ul li:nth-child(3){
animation-name:slider;
animation-delay:13s;
opacity:0;
}

@keyframes slider{
0%{
opacity:0;
}
20.83%{
opacity:1;
}
33.33%{
opacity:1;
}
45.83%{
opacity:0;
}
100%{
opacity:0;
}

li img#slideimgssss{display:block;max-width:960px;width:100%;height:auto;}
















/*-------------------------------------------- 1px～750pxまで --------------------------------------------*/
@media screen and (min-width:1px) and ( max-width:750px) {




}

/*-------------------------------------------- 751px～980pxまで --------------------------------------------*/
@media screen and (min-width:751px) and ( max-width:980px) {












}

/*-------------------------------------------- 981px以降 --------------------------------------------*/
@media screen and (min-width:981px) {











}