html {
  -webkit-overflow-scrolling: touch;

    margin: 0 auto;

}



body{
  margin: 0;
  padding: 0;
  font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  text-decoration: none;
  color: inherit;
  font-feature-settings: "palt";


}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }}





img{
width:100%;
margin: 0px;
padding: 0px; 
vertical-align: bottom;
}




  * {
 margin: 0;
 padding: 0; 
}



ul {
  list-style:none;
  display: flex;
  flex-wrap: wrap;
}

ul li{width:50%;}

div {
  padding: 0px;
}



a{
text-decoration: none; 
color:black;

}
a:hover{  opacity : 0.8;}
h1{
 margin: 0 auto;
 padding: 100px; 
 font-size:68px;
 color:#48558F;
 letter-spacing: 0.1em;
 line-height:1.5;
 text-align: center;
 font-weight: 100;
}
.view{
  position: relative;/*親要素にrelative*/
}
.view0{
  position: relative;/*親要素にrelative*/
}
.view h2{
  position: absolute;/*重ねたい子要素にabsolute*/
  width:90%;
  top:65%;
  left: 49%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #040000;
  font-size: 15px;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  line-height:2;
}
h3{
 margin: 0 auto 100px;
 font-size:21px;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h4{
 padding:0;
 margin: 100px auto 50px;
 font-size:32px;
 color:#040000;
 letter-spacing: 0.5em;
 line-height:1.5;
 font-weight: 600;
 text-align: left;
}
h5{
 margin: 0 auto 100px;
 font-size:14px;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h6{
  margin:0 auto;
  padding:0;
  background:#1F2E55;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
p{
 margin:0;
 padding: 0 0 30px 0;   
 font-size:16px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
p.mini{
 margin:0;
 padding: 0;   
 font-size:14px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
p.spec{
 margin:0;
 padding: 30px 0 20px 0;   
 font-size:17px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
.all_container {
  max-width:1200px;
  margin:0 auto;

}

.containerbox {
  max-width:1200px;
  margin:100px auto;
  display: flex;
  flex-wrap: wrap;
}

.leftbox{
  max-width:600px;
  margin-right:50px;
}
.rightbox{
  max-width:530px;
}
.leftboxb{
  max-width:470px;
  
}
.rightboxb{
  max-width:730px;
}
.leftboxc{
  max-width:730px;
  margin-right:50px;
}
.rightboxc{
  max-width:450px;
}
.imgfix{
  max-width:600px;
  margin:0 0 0 auto;
  display:block;
}
.imgfixcenter{
  max-width:600px;
  margin:0 auto;
  display:block;
}
/* タイトル上の文字 */
.title{
  position: absolute;
  width:25vw;  
  top:5%;
  left: 25%;
}
.logo{
      width: 135px;
      margin:30px 0 10px;      
}
.logo2{
      width: 224px;
      margin:30px 0 10px;      
}
.logo3{
      width: 170px;
      margin:30px 0 10px;      
}
.logo4{
      width: 150px;
      margin:30px 0 10px;      
}
.logo5{
      width: 224px;
      margin:30px 0 10px;      
}
/* YANUKブランド説明時 */
.logop{
      width: 438px;
}
/* Gstarlow ブランド説明時 */
.logop2{
      width: 733px;
}
/* リプレイストア ブランド説明時 */
.logop3{
      width: 884px;
}
/* デンハム ブランド説明時 */
.logop4{
      width: 549px;
}
/* JOHNBULL ブランド説明時 */
.logop5{
      width: 1187px;
}





span.ub{
    text-decoration:underline;
}
.pbox{
  display: flex;
  width:600px;
}
.pbox p{
      width: 50%;
      box-sizing: border-box;
      padding: 5px 0 0 0;
      margin: 0;
}
.pbox p:last-child{
      padding-left:20px;
}
.pboxb{
  display: flex;
  width:530px;
}
.pboxb p{
      width: 50%;
      box-sizing: border-box;
      padding: 5px 0 0 0;
      margin: 0;
}
.pboxb p:last-child{
      padding-left:20px;
}
/* スライダー下の柄 */
.ao{
  position: absolute;
  width:530px;
  top:40%;
  right: -10%;
  z-index:-1;
}
.ao2{
  position: absolute;
  width:150px;
  top:85%;
  left:-10%;
  z-index:-1;
}
.ao3{
  position: absolute;
  width:530px;
  top:40%;
  left: -10%;
  z-index:-1;
}
.ao5{
  position: absolute;
  width:150px;
  top:92%;
  right:-3%;
  z-index:-1;
}
.ao6{
  position: absolute;
  width:530px;
  top:40%;
  right: -10%;
  z-index:-1;
}
.ao7{
  position: absolute;
  width:150px;
  top:92%;
  left:-10%;
  z-index:-1;
}
.ao8{
  position: absolute;
  width:530px;
  top:-7%;
  left: -10%;
  z-index:-1;
}
.ao9{
  position: absolute;
  width:150px;
  top:92%;
  right:-3%;
  z-index:-1;
}
/* ↑スライダー下の柄 */
.footerpimg{
  width:166px;
  margin:75px auto 30px;
  display:block;
}
.footerpimg2{
  width:556px;
  padding:50px;
  margin:0 auto;
  display:block;
}
/* 特殊文字配置 */
.cc1{
  position: absolute;
  top:51%;
  left: 0%;
}
.cc2{
  position: absolute;
  bottom:5%;
  right: 8%;
}
/* スライダー用css */

    .slider{
    　z-index:1;
    }
    .slider2{
    　z-index:1;
    }

    .slider-container {
      width: 530px;
      margin: 0 auto;
      position: relative;
    }

    .slider img {
      width: 530px;
      height: auto;
      display: block;
    }

    .slider-container2 {
      width: 700px;
      margin: 0 auto;
      position: relative;
    }

    .slider2 img {
      width: 700px;
      height: auto;
      display: block;
    }

    /* ドット（インジケーター）を画像内・下部センターに */
    .slick-dots {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

    .slick-dots li button:before {
      font-size: 12px;
      color: #444; /* 黒寄りのグレー */
      opacity: 0.8;
    }

    .slick-dots li.slick-active button:before {
      color: #111;
      opacity: 1;
    }
/* スライダー用cssここまで */
.mt50{
    margin-top:50px;
}
.mt100{
    margin-top:100px;
}
.m100{
    margin-bottom:100px;
}
/***追従するトップへ戻るボタン***/
#page-top {
  position: fixed;
  right: 3vw;
  bottom: 3vw;
  width: 100px;
  height: 100px;
  background: #E6EBEE;
  border-radius: 50%;
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  z-index: 9999;
  text-align: center;
  text-decoration: none;
  color: #1F2E55;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}




/* 中間調整用 ************************************************************************************************/
@media screen and (min-width:751px) and (max-width:1199px) {

.view h2{
  position: absolute;/*重ねたい子要素にabsolute*/
  width:90%;
  top:75%;
  left:55%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #040000;
  font-size: 1.6vw;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  line-height:2;
}
h3{
 margin: 0 auto 7vw;
 font-size:2vw;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h4{
 padding:0 0 0 5vw;
 margin: 8vw auto 3vw;
 font-size:2vw;
 color:#040000;
 letter-spacing: 0.5em;
 line-height:1.5;
 font-weight: 600;
 text-align: left;
}
h5{
 margin: 0 auto 7vw;
 font-size:2vw;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h6{
  margin:0 auto;
  padding:0;
  background:#1F2E55;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
p{
 margin:0;
 padding:0 5vw 3vw;  
 font-size:1.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
 
}
p.mini{
 margin:0;
 padding:0 0 0 5vw;    
 font-size:1.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
p.spec{
 margin:0;
 padding:2.5vw 0 2.5vw 5vw;    
 font-size:1.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
.all_container {
  max-width:1200px;
  margin:0 auto;

}

.containerbox {
  max-width:1200px;
  margin:100px auto;
  display: flex;
  flex-wrap: wrap;
}

.leftbox{
width:40%;
padding-left:2vw;
margin-right:5vw;

}
.rightbox{
width:50%;
z-index:5;
}
.leftboxb{
width:40%;
margin-right:5vw;
}
.rightboxb{
width:50%;
z-index:5;
}
.leftboxc{
width:50%;
margin-right:5vw;
}
.rightboxc{
width:40%;
z-index:5;
}
.imgfix{
  max-width:100vw;
  margin:0 0 0 auto;
  display:block;
}
.imgfixcenter{
  max-width:100vw;
  margin:0 auto;
  padding-left:2vw;
  display:block;
}
/* タイトル上の文字 */
.title{
  position: absolute;
  width:50vw;  
  top:5%;
  left: 25%;
}
.logo{
      width: 25vw;
      margin:7vw 0 3vw 5vw;      
}
.logo2{
      width: 30vw;
      margin:7vw 0 3vw 5vw;     
}
.logo3{
      width: 20vw;
      margin:7vw 0 3vw 5vw;      
}
.logo4{
      width: 20vw;
      margin:7vw 0 3vw 5vw;       
}
.logo5{
      width: 30vw;
      margin:7vw 0 3vw 5vw;    
}
/* YANUKブランド説明時 */
.logop{
      width: 50vw;
      padding:5vw 0 0 5vw;
}
/* Gstarlow ブランド説明時 */
.logop2{
      width: 70vw;
      padding:5vw 0 0 5vw;
}
/* リプレイストア ブランド説明時 */
.logop3{
      width: 80vw;
      padding:5vw 0 0 5vw;
}
/* デンハム ブランド説明時 */
.logop4{
      width: 50vw;
      padding:5vw 0 0 5vw;
}
/* JOHNBULL ブランド説明時 */
.logop5{
      width: 90vw;
      padding:0 0 0 5vw;
}






span.ub{
    text-decoration:underline;
}
.pbox{
  display: flex;
  width:100%;
  padding-left:2vw;
}
.pbox p{
      width: 50%;
      box-sizing: border-box;
      padding: 2vw 0 0 0;
      margin: 0;
}
.pbox p:last-child{
      padding-left:1vw;
}
/* スライダー下の柄 */
.ao{
  position: absolute;
  width:80%;
  top:43%;
  right: 0%;
  z-index:-1;
}
.ao2{
  position: absolute;
  width:150px;
  top:85%;
  left:-10%;
  z-index:-1;
}
.ao3{
  position: absolute;
  width:80%;
  top:55%;
  left: -7%;
  z-index:-1;
}
.ao5{
  position: absolute;
  width:150px;
  top:92%;
  right:-16%;
  z-index:-1;
}
.ao6{
  position: absolute;
  width:80%;
  top:40%;
  right: -10%;
  z-index:-1;
}
.ao7{
  position: absolute;
  width:150px;
  top:92%;
  left:-10%;
  z-index:-1;
}
.ao8{
  position: absolute;
  width:80%;
  top:-7%;
  left: -10%;
  z-index:-1;
}
.ao9{
  position: absolute;
  width:150px;
  top:92%;
  left:-10%;
  z-index:-1;
}
/* ↑スライダー下の柄 */
.footerpimg{
  width:166px;
  margin:75px auto 30px;
  display:block;
}
.footerpimg2{
  width:556px;
  padding:50px;
  margin:0 auto;
  display:block;
}
/* 特殊文字配置 */
.cc1{
  position: absolute;
  top:51%;
  left: 0%;
}
.cc2{
  position: absolute;
  bottom:5%;
  right: 8%;
}
/* スライダー用css */

    .slider{
    　z-index:1;
    }
    .slider2{
    　z-index:1;
    }

    .slider-container {
      width: 40vw;
      margin: 0 auto;
      position: relative;
    }

    .slider img {
      width: 40vw;
      height: auto;
      display: block;
    }

    .slider-container2 {
      width: 55vw;
      margin: 0 auto;
      position: relative;
    }

    .slider2 img {
      width: 55vw;
      height: auto;
      display: block;
    }

    /* ドット（インジケーター）を画像内・下部センターに */
    .slick-dots {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

    .slick-dots li button:before {
      font-size: 12px;
      color: #444; /* 黒寄りのグレー */
      opacity: 0.8;
    }

    .slick-dots li.slick-active button:before {
      color: #111;
      opacity: 1;
    }
/* スライダー用cssここまで */
.mt50{
    margin-top:5vw;
}
.mt100{
    margin-top:5vw;

}
.m100{
    margin-bottom:5vw;
}

}
/* SP-------------------------------------------------------------- */
@media only screen and (max-width: 750px) {


h1{
 margin: 0 auto;
 padding: 8vw; 
 font-size:8vw;
 color:#48558F;
 letter-spacing: 0.1em;
 line-height:1.5;
 text-align: center;
 font-weight: 100;
}
.view{
  position: relative;/*親要素にrelative*/
  margin-top:7vw;
}
.viewleft{
  position: relative;/*親要素にrelative*/
  margin:0 0 auto 0;
}
.view0{
  position: relative;/*親要素にrelative*/
  margin-top:0;
}
.view h2{
  position: absolute;/*重ねたい子要素にabsolute*/
  width:85%;
  top:95%;
  left: 52%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #040000;
  font-size: 2.3vw;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  line-height:2;
}
.view h2.j{
  position: absolute;/*重ねたい子要素にabsolute*/
  width:85%;
  top:100%;
  left: 51%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #040000;
  font-size: 2.3vw;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  line-height:2;
}
h3{
 margin: 0 auto 7vw;
 font-size:3.5vw;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h4{
 padding:0 0 0 5vw;
 margin: 8vw auto 3vw;
 font-size:5vw;
 color:#040000;
 letter-spacing: 0.5em;
 line-height:1.5;
 font-weight: 600;
 text-align: left;
}
h5{
 margin: 0 auto 7vw;
 font-size:3vw;
 color:#040000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 200;
 text-align: center;
}
h6{
  margin:0 auto;
  padding:0;
  background:#1F2E55;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
p{
 margin:0;
 padding:0 5vw;  
 font-size:3vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
 
}
p.mini{
 margin:0;
 padding:0 0 0 5vw;    
 font-size:2.3vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
p.spec{
 margin:0;
 padding:5vw 0 2.5vw 5vw;    
 font-size:3.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#040000;
}
.all_container {
  max-width:1200px;
  margin:0 auto;

}

.containerbox {
  max-width:100vw;
  margin:10vw auto 0;
  display: flex;
  flex-wrap: wrap;
}
.containerbox2 {
  max-width:100vw;
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
}

.leftbox{
  max-width:100vw;
  margin-right:0;
}
.rightbox{
  max-width:100vw;
}
.leftboxb{
  max-width:100vw;
  margin-bottom:7vw;
  
}
.rightboxb{
  max-width:100vw;
}
.leftboxc{
  max-width:100vw;
  margin-right:0;
}
.rightboxc{
  max-width:100vw;
}
.imgfix{
  max-width:100vw;
  margin:0 0 0 auto;
  display:block;
}
.imgfixcenter{
  max-width:100vw;
  margin:0 auto;
  display:block;
}
/* タイトル上の文字 */
.title{
  position: absolute;
  width:70vw;  
  top:5%;
  left: 10%;
}
.logo{
      width: 25vw;
      margin:7vw 0 3vw 5vw;      
}
.logo2{
      width: 30vw;
      margin:7vw 0 3vw 5vw;     
}
.logo3{
      width: 20vw;
      margin:7vw 0 3vw 5vw;      
}
.logo4{
      width: 20vw;
      margin:7vw 0 3vw 5vw;       
}
.logo5{
      width: 30vw;
      margin:7vw 0 3vw 5vw;    
}
/* YANUKブランド説明時 */
.logop{
      width: 50vw;
      padding:5vw 0 0 5vw;
}
/* Gstarlow ブランド説明時 */
.logop2{
      width: 70vw;
      padding:5vw 0 0 5vw;
}
/* リプレイストア ブランド説明時 */
.logop3{
      width: 80vw;
      padding:5vw 0 0 5vw;
}
/* デンハム ブランド説明時 */
.logop4{
      width: 50vw;
      padding:5vw 0 0 5vw;
}
/* JOHNBULL ブランド説明時 */
.logop5{
      width: 95vw;
      padding:5vw 0 0 5vw;
}





span.ub{
    text-decoration:underline;
}
.pbox{
  display: flex;
  max-width:100vw;
  margin-bottom:0;
}
.pbox p{
      width: 50%;
      box-sizing: border-box;
      padding: 2vw 0 0 2vw;
      margin: 0;
}
.pbox p:last-child{
      padding-left:3vw;
}
/* スライダー下の柄 */
.ao{
  position: absolute;
  width: 95vw;
  top:39%;
  right: -12%;
  z-index:-1;
}
.ao2{
  position: absolute;
  width: 20vw;
  top:85%;
  left:-10%;
  z-index:-1;
}
.ao3{
  position: absolute;
  width: 95vw;
  top:40%;
  left: -10%;
  z-index:-1;
}
.ao5{
  position: absolute;
  width: 20vw;
  top:92%;
  right:-3%;
  z-index:-1;
}
.ao6{
  position: absolute;
  width: 95vw;
  top:10%;
  right: -10%;
  z-index:-1;
}

.ao7{
  position: absolute;
  width: 20vw;
  top:92%;
  left:-10%;
  z-index:-1;
}
.ao8{
  position: absolute;
  width: 20vw;
  top:-7%;
  left: -10%;
  z-index:-1;
}
.ao9{
  position: absolute;
  width: 25vw;
  top:92%;
  right:-3%;
  z-index:-1;
}
/* ↑スライダー下の柄 */
.footerpimg{
  width:35vw;
  margin:7vw auto 5vw;
  display:block;
}
.footerpimg2{
  width:80vw;
  padding:5vw;
  margin:0 auto;
  display:block;
}
/* 特殊文字配置 */
.cc1{
  position: absolute;
  top:51%;
  left: 0%;
}
.cc2{
  position: absolute;
  bottom:5%;
  right: 8%;
}
/* スライダー用css */

    .slider{
    　z-index:1;
    }
    .slider2{
    　z-index:1;
    }

    .slider-containerleft {
      width: 90vw;
      margin: 0 auto 0 0;
      position: relative;
    }
    .slider-containerright {
      width: 90vw;
      margin: 0 0 0 auto;
      position: relative;
    }
    .slider img {
      width: 90vw;
      height: auto;
      display: block;
    }

    .slider-container2 {
      width: 90vw;
      margin: 0 auto;
      position: relative;
    }

    .slider2 img {
      width: 90vw;
      height: auto;
      display: block;
    }

    /* ドット（インジケーター）を画像内・下部センターに */
    .slick-dots {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

    .slick-dots li button:before {
      font-size: 12px;
      color: #444; /* 黒寄りのグレー */
      opacity: 0.8;
    }

    .slick-dots li.slick-active button:before {
      color: #111;
      opacity: 1;
    }
/* スライダー用cssここまで */
.mt50{
    margin-top:5vw;
    margin-bottom:7vw;
}
.mt100{
    margin-top:7vw;
}
.m100{
    margin-bottom:7vw;
}
/* 文字配置 ここから*/
.box{
    position:relative;
}
.parts1{
    position:absolute;
    top:55%;
    left: 9%;
}

/***追従するトップへ戻るボタン***/
#page-top {
  position: fixed;
  right: 3vw;
  bottom: 3vw;
  width: 15vw;
  height: 15vw;
  background: #E6EBEE;
  border-radius: 50%;
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  z-index: 9999;
  text-align: center;
  text-decoration: none;
  color: #1F2E55;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}



}