@charset "UTF-8";
/* ------------- 共有 CSS ------------- */
body p{
  font-family : Noto Sans JP;
  font-size : 11px;
  color : #888888;
}


a:hover {
  text-decoration: none;
  color : #EC6C00;
  transition:all 0.5s 0s ease;
}

/*a p:hover {
  text-decoration: none;
  color: rgba(0,0,0,0.3);
  transition:all 0.3s 0s ease;
}*/


/* ------------- タブレット用  CSS ------------- */ 
/*@media (min-width: 768px) {*//* 画面サイズが768px以上の時、{　}内のCSSを追加するメディアクエリ */



/*--- swiper ---*/
.swiper-slide img{
  height:100vh;
  width:100%;
  object-fit:cover;
}


    
/*--- top work ---*/
.top_work{
  padding-top: 100px;
  padding-bottom: 60px;
}


.top_work h2{
  font-family : Arial Black; 
  font-size : 25px;
  line-height : 20.45px;
  letter-spacing : 2.5px;
  color : #49BCED;
}


/*.top_work_link{
  width:100%;
  }*/


.top_work_link h3:hover{
  text-decoration: none;
  color : #EC6C00;
  transition:all 0.5s 0s ease;
  opacity:50%;
}

  
.top_work_link h3{
  font-family : Noto Sans JP;
  font-size : 16px;
  font-weight:300;
  color : #888888;
  padding-top:10px;
  padding-bottom:30px;
  text-align: center;
  }

.top_work_all{
 margin-bottom:20px;
}

  
/*--- top shop ---*/
.top_shop{
  padding-top: 100px;
  padding-bottom: 100px;
}


.top_shop h2{
  font-family : Arial Black;
  font-size : 25px;
  line-height : 20.45px;
  letter-spacing : 2.5px;
  color : #49BCED;
}


.top_shop h2:hover {
  text-decoration: none;
  color : #EC6C00;
  transition:all 0.5s 0s ease;
}



.top_shop p{
  font-family : Noto Sans JP;
  font-size : 15px;
  font-weight:300;
  line-height : 40px;
  color : #888888;
}


.top_shop p{
	margin-top:50px;
}
  


/*--- top SNS ---*/
.top_sns{
  padding-top: 100px;
  padding-bottom: 100px;
}

.top_sns img{
  width:7%	
}

  

/* footer */ 
.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 50px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}


footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

footer small{
　font-family : Noto Sans JP;
  font-size : 12px;
  line-height : 18px;
  color : #888888;
}






/* ------------- スマホ用(縦)  CSS ------------- */
@media (max-width: 768px) {/* 画面サイズが768px以下の時、{　}内のCSSを追加するメディアクエリ */

   
/*--- top work ---*/
.top_work{
  padding-top: 50px;
  padding-bottom: 50px;
}


.top_work h2{
  font-family : Arial Black;
  font-size : 16px;
  line-height : 20.45px;
  letter-spacing : 1.6px;
  color : #49BCED;
}


  
.top_work_link h3{
  font-family : Noto Sans JP;
  font-size : 14px;
  color : #888888;
  }

  
    

/*--- top shop ---*/
.top_shop{
  padding-top: 50px;
  padding-bottom: 50px;
}


.top_shop h2{
  font-family : Arial Black;
  font-size : 16px;
  line-height : 20.45px;
  letter-spacing : 1.6px;
  color : #49BCED;
}


.top_shop p{
  font-family : Noto Sans JP;
  font-size : 13px;
  line-height : 18px;
  color : #888888;
  margin-top: 30px;
}


/*--- top SNS ---*/
.top_sns{
  padding-top: 60px;
  padding-bottom: 90px;
}

.top_sns img{
  width:12%	
}
  
  
}











/* bootstrap  CSS */
@media (min-width: 992px) {/* 画面サイズが992px以上の時、{　}内のCSSを追加するメディアクエリ */

}


/* PC用  CSS */
@media (min-width: 1024px) {/* 画面サイズが1024px以上の時、{　}内のCSSを追加するメディアクエリ */

}


/* bootstrap  CSS */
@media (min-width: 1200px) {/* 画面サイズが1200px以上の時、{　}内のCSSを追加するメディアクエリ */

}