@charset "utf-8";
/* Sma/////////////////////////CSS */
@media  screen and ( max-width:896px ){

html{
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body{
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
html,body{
  margin: 0;
  padding: 0;
}
.sp { display: block !important; }
.pc { display: none !important; }

body,html{
  width:100%;
  height:100%;
}
body{
 font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳＰゴシック", "MS PGothic", sans-serif;
 -webkit-overflow-scrolling: touch;
 -webkit-tap-highlight-color: transparent;
}	
.br-sp{
  display: block;
}
h1{
  font-size: 2rem;
  line-height: 1;
}
.pfcontainer{
  width: 70%;
  padding: 10% 5% 5% 5%;
}
.pfcontainer2{
  width: 70%;
  padding: 10% 5% 10% 5%;
}
.profile01{
  padding: 1% 4% 1% 4%;
}
.dli-chevron-down{
  width: 0.8em;
  height: 0.8em;
}
.titlefont{
  line-height: 0.7;
}
.career_li{
  margin: 6% 0 6% 0;
}
.main_img00{
  width: 80%;
  margin: 5% 0 3% 0;
}
.po{
  font-size: 0.5rem;
  margin: 4% 0 0 0;
  text-align: center;
  width: 100%;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
.mainbox{
  margin: 20% 0 0 0;
  position: relative;
}
h2{
  font-size: 1.7rem;
  margin: 30% 0 0 0;
}
.menu{
  color: #fff;
  padding: 10% 1% 0 0;
  position: relative;
  margin: 1% 0 0 0;
}
.menu_ul{
  position: absolute;
  right: 5%;
  top: 10%;
}
.limr00{
  margin: 15% 0 0 0;
}
.topbtn_box{
  margin: 10% 0 5% 0;
}
.dli-caret-down{
  margin: 3% 0 0 0;
}
/*========= DIRECTOR ===============*/
.setumei00{
  width: 80%;
}
.rink_designer{
  margin: 5% 0 5% 0;
}
.directorh3{
  line-height: 1;
}
.h3_name{
  line-height: 1;
}
.mr_list_no{
  margin: 6% 0 6% 0;
}
.tejyunbox img{
  width: 80%;
  margin: 2% 0 1% 0;
}
.urlbt2{
  width: 80%;
  padding: 2% 0 2% 0;
}
.directionBOX_itemlist{
  background-color: #fff;
  width: 90%;
  padding: 2% 2% 2% 2%;
  margin: 0 auto;
  margin-top: 5%;
}
.directionBOX_ul{
  margin: 0 0 10% 0;
}
.pfcontainer3{
  width: 85%;
  padding: 10% 5% 5% 5%;
}
.profile02{
  width: 80%;
}
/*========= DESIGNER ===============*/
.lp_box_box{
  padding: 10% 5% 5% 5%;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 3%;
  margin-top: 7%;
}
.h3_name2{
  margin: 0 0 4% 0;
}
.lp_list{
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.lp_list a{
  width: 100%;
  margin: 3% 0 3% 0;
  display: inline;
}
.lp_list img{
  width: 100%;
  margin-bottom: 10px;
}
.bnr_box li{
  margin:0;
  width: 100% !important;
  height: auto !important;
}
.bnr_box li img{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-b;
  margin: 5px 0 5px 0;
}
.banner_box_box{
  padding: 10% 5% 5% 5%;
}
.gg_box_box{
  padding: 10% 5% 5% 5%;
}
.goods_box_box{
  margin: 6% 0 0 0;
}
.goods_box{
  max-width: 80%;
  margin: 0 auto;
  line-height: 0;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;f
  -moz-column-count: 1;
  -moz-column-gap: 10px;
  column-count: 1;
  column-gap: 10px;
}
.goods_box li{
  margin:0;
  width: 100% !important;
  height: auto !important;
}
.goods_box li img{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-b;
  margin: 5px 0 5px 0;
}
.h4he{
  line-height: 1.2em;
  margin: 0 0 5% 0;
}
.gg_itemtitle{
  margin: 0 0 3% 0;
}
.iframebox{
  margin: 0 0 10% 0;
}
.box_2{
  margin: 7% 0 0 0;
}
.h3_name2{
  margin: 0 0 7% 0;
}
.long_title{
  width: 90%;
}
.gg_box_box2{
  padding: 10% 5% 10% 5%;
}
.logodesign_box img{
  margin: 1% 0 1% 0;
  width: 100%;
}
.logodesign_box{
  flex-direction: column;
}