.slickbk li{

height:auto;

}


.slickbk li img{
width:100%;
height:auto;
max-width:100px;
margin:auto;
position:relative;
}

.buckleselect{
margin-left:1em;
font-size:0.8em;
}

.bandselect{
margin-left:1em;
font-size:0.8em;
}






ul{
padding-inline-start: 0px;
margin:0;
}


.slick-dots li{
  margin:0;
}


.slick-dots li button:before {
  font-size: 10px;

}

.slick01 li{

height:auto;

}


.slick01 li img{
width:100%;
height:auto;
max-width:500px;
margin:auto;
position:relative;
}



.imga{
width:100%;

}





/*進む戻るボタン
----------------------------------*/
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
    color:transparent;
    border:none;
    outline:none;
    background: transparent;
    z-index:1;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .90;
    color: gray;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 10px;
}
[dir='rtl'] .slick-prev
{
    right: 10px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '>';
}

.slick-next
{
    right: 10px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 10px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}












* {
	float: none;
	position: static;
}
 
img {
	max-width: 100%;
	height: auto;
}


.cominfo{
text-align:center;



}

.compwidth{
width:800px;
text-align:center;
margin:auto;
background:#FFFFFF;




}
.comprof{
display:flex;
flex-wrap:wrap;
align-items: center;


}

.comnamet{
width:40%;
padding:20px 10px;
}

.comnamet2{
width:50%;
padding:20px 10px;
}


.comcon{
text-align:center;
line-height:2.5em;


}


.privacywidth{
width:70%;
background:#FFFFFF;
font-size:0.8em;
margin:0 auto;
padding:20px;

}

.privacytitle{
font-weight:bold;
padding:1.5em 0 0 0;


}
.privacy{




}

.maa{
width:100%;
margin:auto;


}





.customimgarea{
width:100%;

margin:auto;
position: relative;
display: inline-block;


}


.customimgarea:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 100px rgba(100, 100, 100, 0.3),
	inset 0 0 200px rgba(100, 100, 100, 0.4);
}


.valentinebanner{
width:100%;
text-align:center;


}


.customimgarea img{
 display: block;
 max-width: 100%;
 height: auto;

}

.customimgarea img:nth-of-type(2){
    position: absolute;
    left: 11%;
    top: 5%;
    width: 38%;
    height: auto;
}






.itemcate{
display:flex;
width:100%;

}

.ittl{
margin-top:20px;
font-size:1.5em;
text-align:center;
}

.itcm{
font-size:1em;
text-align:center;
margin:0px 10px 0px 10px;



}



.coma{
display:flex;
width:100%;
align-items:center;
flex-direction:column;
justify-content:center;
font-size:1em;
}

.itct{
width:50%;
height:auto;
line-height: 0;
}


.lookitem{
margin:20px 0;
border:1px solid #000000;
width:30%;
height:10%;
text-align:center;

line-height: 3;
}

.lookitem a{
text-decoration:none;
display:block;
height:100%;
width:100%;
background:#000000;
color:#FFFFFF;

}

.lookitem a:hover{

background:#FFFFFF;
color:#000000;

}

.newstitle{

text-align:center;
width:50%;

font-size:2em;

align-items:center;

}


.boxwidth{
width:100%;
text-align:center;


}

.articletxt{

text-align:left;
margin-top:0.5em;
margin-bottom:2em;

}


.articletxt a{
color:#123456;
text-decoration:none;
}


.beltct a{
text-decoration:none;
font-size:1em;


}
.beltct1 a{
text-decoration:none;
font-size:1em;


}


.artl{
padding-left:2em;



}
.article{
display:flex;
font-size:1.5em;
font-weight:bold;


}

.datearea{
text-align:left;




}




.newt{
color:red;
text-align:left;



}
.newsarea{
display:flex;
text-align:center;
align-items:center;
font-size:0.8em;

background:#FFFFFF;

}

.pickupitem{
display:flex;
justify-content:center;
align-items:center;

width:50%;
flex-wrap:wrap;

}

.pickback{
background:#FFFFFF;
display:flex;
 align-items: center;
justify-content:center;
text-align:center;

}

.bletitcm a{
text-decoration:none;
padding:10px;
font-size:0.8em;
}


.bletitcm2{
vertical-align:top;

width:100%;
display:flex;
justify-content:center;
}

.beltct{

width:100%;
margin-top:1em;
margin-left:1em;
text-align:left;
line-height:1em;
margin-right:1em;
}


.beltct1{

width:100%;
margin-left:1em;
text-align:left;
line-height:1em;
margin-right:1em;
}


.whatsnew{
display:block;

width:50%;


}

.newsarticle{
width:50%;
margin-right:10px;
font-size:0.8em;


}

.hr1{

}



body{
font-family:Noto Sans JP,メイリオ,ヒラギノ角ゴシック;
font-size:16px;


padding-top:112px;
height:100%;
width:100%;
margin:0px;
background:#FFFFFF;
}


.index-page2{
padding-top:62px;



}



.ftitle{
font-size:14pt;


}
.columf{

font-size:10pt;

}





.cust{
padding-top:97px;



}



.giftbanner{

width:100%;
text-align:center;

}


.itemcount a{
color:#000000;
text-decoration:none;

}

html{
height:100%;
width:100%;

}

.wrapper{
width:100%;
position: relative;
min-height: 100%;

}

.itemcount{

font-size:0.8em;
padding-left:15px;

}



.brandcenter{
height:112px;
width:100%;
padding: 0px 0px;/* ヘッダーに上下左右それぞれ余白を指定 */
box-sizing: border-box; /* padding分を含んで幅を100%にするため */
position: fixed; /* ウィンドウを基準に画面に固定 */
top: 0; /* 上下の固定位置を上から0pxにする */
left: 0; /* 左右の固定位置を左から0pxにする */
  background-color: rgba(255, 255, 255, 0.7897);
z-index:1;
}

.brandcenter2{
height:62px;
width:100%;
padding: 0px 0px;/* ヘッダーに上下左右それぞれ余白を指定 */
box-sizing: border-box; /* padding分を含んで幅を100%にするため */
position: fixed; /* ウィンドウを基準に画面に固定 */
top: 0; /* 上下の固定位置を上から0pxにする */
left: 0; /* 左右の固定位置を左から0pxにする */
  background-color: rgba(255, 255, 255, 0.7897);
z-index:1;
}


.brandcenter5{
width:100%;
padding: 0px 0px;/* ヘッダーに上下左右それぞれ余白を指定 */
box-sizing: border-box; /* padding分を含んで幅を100%にするため */
position: fixed; /* ウィンドウを基準に画面に固定 */
top: 0; /* 上下の固定位置を上から0pxにする */
left: 0; /* 左右の固定位置を左から0pxにする */
  background-color: rgba(255, 255, 255, 0.7897);
z-index:1;
}

.item-nav-barfix{
width:100%;
padding: 0px 0px;/* ヘッダーに上下左右それぞれ余白を指定 */
box-sizing: border-box; /* padding分を含んで幅を100%にするため */
position: fixed; /* ウィンドウを基準に画面に固定 */
top: 112px; /* 上下の固定位置を上から0pxにする */
left: 0; /* 左右の固定位置を左から0pxにする */
background:#EEEFEF;
color:#000000;
z-index:2;
height:35px;
display:flex;

}

.item-nav-barfix2{
width:100%;
padding: 0px 0px;/* ヘッダーに上下左右それぞれ余白を指定 */
box-sizing: border-box; /* padding分を含んで幅を100%にするため */
position: fixed; /* ウィンドウを基準に画面に固定 */
top: 62px; /* 上下の固定位置を上から0pxにする */
left: 0; /* 左右の固定位置を左から0pxにする */
background:#FFFFFF;
color:#000000;
z-index:2;
height:35px;
display:flex;

}




.brandlogomain{
height:50px;
width:100%;
text-align:center;
font-size: 0;
}


.brandlogomain img{
height:100%;

}

.nav-flx{
display: flex;
background-color: rgba(0, 0, 0, 0.67897);

}

.bdlogosize{
width:62px;
height:62px;
font-size: 0;


}

.bdlogosize img{
min-width:62px;
height:62px;

}





.windowcenter{

display: flex;
justify-content: center;
flex:1;
}






header{

width:100%;


}







header .menu{
color:#FFFFFF;

 display: flex;

}

header .menu li{
 list-style: none;
width:70px;
 margin-left: 15px;
 margin-right: 15px;
font-size:0.8em;

}

.menu a{
color:#FFFFFF;
text-decoration:none;
  text-align:center;
  line-height: 62px;
  display: block;
  position: relative;

}



.menu a::after {
  position: absolute;
  left: 0;
  content: '';

  width: 100%;
  height: 1px;
  background: #ACACAC;
bottom:15px;
transform:scale(0,1);
transform-origin:center top;
transition:transform 0.3s;
}

.menu a:hover::after {
transform:scale(1,1);


}




.itcategoly{
display:flex;
width:100%;
flex-wrap:wrap;
font-size:1em;

margin:auto;
height:200px;





}



.cate1{
width:30%;

}


.cate0{
width:30%;

}

.cateit0{
width:70%;

}



.cateit1{
width:70%;
visibility:hidden;

}

.cateit2{
display:none;

}
.cateit3{
display:none;

}
.cateit4{
display:none;

}
.cateit5{
display:none;

}









.dropdown__lists {
   position:fixed;
width:100%;
    top: 112px;
    left: 0;
background:#FFFFFF;
height:200px;
z-index:1;
}





 .cateit1{

    visibilty:visible;
z-index:4;
}






.snsfollow{

color:#FFFFFF;

display: flex;



}

.fltxt{

height:62px;
font-size:0.7em;
line-height:62px;

}

.snsimg{
width:124px;
height:62px;
 display: flex;

}

.snsimg img{
width:62px;

}


.mainarea{
width: 100%; /* コンテンツの横幅を指定する */
 padding-bottom:180px;
}

.mainarea2{

width: 100%; /* コンテンツの横幅を指定する */
height:100%;
 padding-bottom:180px;
}

.mainarea3{
padding-top:35px;
width: 100%; /* コンテンツの横幅を指定する */

 padding-bottom:180px;
}



.item{
width:100%;
font-size:2vw;
text-align:center;
background-color: rgba(0, 0, 0, 0.7897);
color:#FFFFFF;
}

.pickup{

text-align:center;
background:#FFFFFF;
width:50%;
}

.pickup2{
font-size:0.5em;
text-align:center;
background:#FFFFFF;
width:50%;
}



.pickup2 a{
text-decoration:none;
font-size:0.5em;
line-height:0.5;
height:100%;

}


.pickup img{


line-height:0;

vertical-align:top;


}


.itemimg1{
width:100%;
 display: flex;
background:#FFFFFF;
justify-content:center;
flex-wrap:wrap;
}


.imgsize1{

width:33%;
text-align:right;


}


.imageflame{
position:relative;
width:50%;
line-height: 0;

z-index:0;
}


.beltctimg{
line-height:0;
border:2px solid #FFFFFF;
width: 33%;

}



.itemimg1left{
position:absolute;

width:100%;


}

.itemimg1left img{


width:100%;
}




.imgsize2{
 margin:  0 auto;  
width:50%;
text-align:left;

}


.itemimg1right{
position:absolute;
color:gray;

width:100%;


}

.itemimg1right img{
width:100%;

}



.itemimg{
width:100%;
text-align:center;


}



.lookall{

height:5vw;
width:30vw;
font-size:1vw;
margin: 0 auto;
}


.lookall a{
text-align:center;
display: block;
text-decoration:none;
color:#000000;
border: 1px solid #000000;
line-height: 5vw;
}


.lookall a:hover{


background:#000000;
color:#FFFFFF;


}







footer{
width:100%;
position: absolute;
bottom:0;
font-family:"Century Gothic";
color:#FFFFFF;
background-color: rgba(0, 0, 0, 0.67897);
height:180px;

}


.footer-flex{
height:100%;
width:100%;
display:flex;
}

.infowidth{
width:100%;
font-size:1vw;

padding-top:20px;

}

.infowidth ul{
margin:0;

}


.ulcent{

min-width: 50%;

}
.ulcent li{
margin-left:20%;
 padding: 5px;
width:10vw;
}


.lastlogo{
text-align:center;
font-size:0;
background-color: rgba(0, 0, 0, 0.67897);
}

.lastlogo img{
width:62px;
height:62px;
}



.cpyrt1{
font-size:0.4em;
text-align:center;
background-color: rgba(0, 0, 0, 0.67897);

}



ul{
list-style-type:none;
}



.call{
font-size:1vw;

margin-left:20%;



}



.ulcent li a{
color:#FFFFFF;
text-decoration:none;
  text-align:left;
  display: block;
  position: relative;

}

.ulcent a::after {
  position: absolute;
  left: 0;
  content: '';

  width: 150px;
  height: 1px;
  background: #ACACAC;
bottom:1px;
transform:scale(0,1);
transform-origin:center top;
transition:transform 0.3s;
}

.ulcent a:hover::after {
transform:scale(1,1);


}







.top-nav{
font-size:1vw;

margin:0 10px;
line-height:3vw;

}

.top-nav a{
text-decoration:none;


color:#000000;

}




.itemexp{

line-height:3vw;
font-size:1vw;
font-weight:bold;
padding-left:5vw;


}

.item-nav-barfix{
display:flex;
background-color:#FFFFFF;
line-height:3vw;
margin:0 auto;
}

.item-nav-barfix2{
display:flex;
background-color:#FFFFFF;
line-height:3vw;
margin:0 auto;
}


.item-nav-barfix hr{
background-color:#000000;
height:1.2px;
border: none;
margin:0;
}


.item-nav-barfix2 hr{
background-color:#000000;
height:1.2px;
border: none;
margin:0;

}

.mainarea hr{
background-color:#000000;
height:1.2px;
border: none;
margin:0;
}




.mainarea2 hr{
background-color:#000000;
height:1.2px;
border: none;
margin:0;
}

.mainarea3 hr{
background-color:#000000;
height:1px;
border: none;
margin:0;
}

.businessbelt-item-flx{
display:flex;
justify-content: space-around;
align-items: center;
width:100%;
background:#EEEFEF;
flex-wrap: wrap;
}

.businessbelt-item-flx2{
display:flex;
width:100%;
background:#FFFFFF;
flex-wrap: wrap;
}

.flex-chil-biz1{
width:50%;
text-align:center;

}

.biz1pg{
width:100%;
position:relative;
text-align:center;

}




.belt-item-flx{
display:flex;

align-items: center;
width:100%;
background:#EEEFEF;
flex-wrap: wrap;

}

.belt-item-flx:after {
    content: "";
    display: block;
    width: 24.8%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}





.boxcenter{
width:100%;
margin:auto;

text-align:center;

}

.flex-chil{
width:24.8%;
margin-bottom:2px;

border: 0.5px solid #DCDCDD;

}

.flex-chilv{
width:24.8%;
margin-bottom:2px;

border: 0.5px solid #693905;

}



.customize1{
width:90%;
height:100%;
margin: auto;
text-align:left;
}





.biz1tx{
width:60%;
height:100%;
margin: auto;
text-align:left;
}

.biz1tx hr{
background-color:#000000;
height:1px;
border: none;
margin:5px;

}





.itemtitle{
font-size:1.5em;
padding-top:20px;
text-align:left;
}


.ctitemtitle{
font-size:1em;
text-align:left;
}


.itemexplain{
font-size:0.7em;



}

.itemnum{
font-size:0.5em;

padding:10px 0;

}

.price{
font-size:1.5em;



}

ul.specktype {
 display: flex;
 width: 100%;
flex-wrap: wrap;
}

ul.specktype{
padding:0;

}

ul.specktype li{
width:50%;
border: 1px solid white;
 list-style: none;

 background:#EEEFEF;
 box-sizing: border-box;

}


.itemspeck{
font-size:0.7em;
padding-top:30px;


}


.biz1{
position:relative;
}


.biz1 img{
vertical-align:top;
max-width:100%;
}


.itembuy{
text-align:center;
border: 1px solid black;


line-height: 40px;
}

.itembuy a{
display: block;
text-decoration:none;
color:#000000;

width:100%;
height:100%;

}

.itembuy a:hover{
background:#000000;
color:#FFFFFF;

}


.textp1{
 position: absolute;
top:0;
left:10px;
font-size:0.8em;

margin:5px;
}

.textp2{
 position: absolute;
top:90%;

font-size:0.8em;
width:100%;
text-align:center;
}

.dark-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: .3;
  transition: background-color 0.3s ease;

width:100%;
height:100%;
}

.dark-cover:hover {
  background-color: black;

}

.dark-cover:hover .textp1{


}

.recommend{
position: absolute;
top:5%;
left:5%;
font-size:1vw;
text-align:left;


color:red;
}

.recommend2{
position: absolute;
top:15%;
left:15%;
font-size:1vw;
text-align:left;

line-height: 3vw;
}

.catetitle{
width:100%;
text-align:left;
margin:20px 20px 5px 20px;
}

.businessbelt{
 position: absolute;
top:90%;
left:0;
font-size:2vw;
text-align:center;
width:100%;


}

.dar{
width:100%;
height:100%;

}

.recom{
width:100%;
text-align:center;


}


.brandconcept{
font-size:1.5em;
padding:10px;
text-align:center;

background:#FFFFFF;
}



.brandflex{

display: flex;
 width: 100%;
flex-wrap: wrap;

font-size:0.5em;

}



.infoli{


margin-left:20%;
margin-top:1em;


}

.call{
margin-top:1em;



}
.infoli a{

color:#FFFFFF;
text-decoration:none;


}


.brandthemeimg{
width:100%;
position:relative

}

.brandtheme{
position: absolute;
top: 5%;
left: 5%;
font-size:3vw;
color: rgba(255, 255, 255, 0);
}

.topbkbar{
position: absolute;
top: 0;
left: 0;
background:#000000;
height:10%;
width:100%;
}

.giftwidth{
width:100%;
text-align:center;
height:300px;
background:red;
}


.gifttitl{
font-size:1.5em;
padding:0 50px;


}
.gifttitl2{
font-size:16px;
padding:0 20px;


}



.giftitem{
display:flex;

width:100%;
}



.giftitembox{
min-width:250px;

height:250px;
margin:0 10px;
}

.giftitemboxtxt{
min-width:250px;

margin:10px 10px;
max-width:250px;
}

.giftitemboxtxt2{
font-size:1em;
min-width:250px;
color:#123456;
margin:10px 10px;
max-width:250px;
}



#business, #casual, #order,#fold,#long,#round,#coin,#keyholder,#name{

padding-top:97px;
margin-top:-97px;
z-index:-1;
}








.giftitemboxtxt3{
font-size:0.8em;
min-width:250px;

margin:10px 10px;
max-width:250px;
}






.giftitemboxtxt a{
text-decoration:none;

color:#000000;
font-size:1em;
}




.giftitembox img{
max-width:250px;


}



.spa{
margin-left:40px;


}



.brandthemeimg:hover .brandtextcover{
animation-name:showtextbox;
animation-duration:1.5s;
animation-timing-function: ease-out;
animation-fill-mode:forwards;
}

.brandthemeimg:hover .brandtextcover2{
animation-name:showtextbox2;
animation-duration:1.5s;
animation-timing-function: ease-out;
animation-fill-mode:forwards;
}


.brandthemeimg:hover .brandtheme{
animation-name:showtextbox0;
animation-duration:1.5s;
animation-timing-function: ease-out;
animation-fill-mode:forwards;
}


@keyframes showtextbox0{
0%{
top:5%;
left:0;
}
100%{
top: 5%;
left: 5%;
color:#FFFFFF;
}
}




@keyframes showtextbox{
0%{
top:0;
left:0;
}
100%{
top: 17%;
left: 5%;
color:#FFFFFF;
background: rgba(0,0,0,0.1);
}
}

@keyframes showtextbox2{
0%{
top:70%;
left:80%;
}
100%{
top: 60%;
left: 70%;
color:#FFFFFF;
background: rgba(0,0,0,0.1);
}
}



.brandtextcover{
position: absolute;
top: 17%;
left: 5%;
color: rgba(255, 255, 255, 0);
font-size:1vw;

line-height: 3vw;
}


.animation-cover{



font-size:1vw;

line-height: 3vw;
}



.brandtextcover2{
position: absolute;
bottom: 2%;
left: 65%;

font-size:1vw;
color: rgba(255, 255, 255, 0);
line-height: 3vw;
}

.animation-cover2{
position: absolute;

color:rgba(255,255,255,0);

font-size:1vw;

line-height: 3vw;
}


.brandthemeimg img{
width:100%;

}




.theme{
width:100%;

}


.themeimg{
width:50%;
height:300px;


}

.themeimg img{
height:100%;



}



.themeexp{
width:50%;


}


/*　画面サイズが480px以下の場合ここの記述が適用される　*/



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

.lookitem{
margin:0;
border:none;
width:50%;
height:10%;
text-align:center;

line-height: 2;
}


.call{
margin-left:0;
font-size:1em;


}

 br {
    display: none;
  }

.newsarea{
display: block;
width:100%;
height:auto;
}


.newstitle{
font-size:5vw;
width:100%;
}

.whatsnew{
font-size:5vw;
width:100%;
}


.pickupitem{
width:100%;

}

.datearea{
font-size:2vw;
}

.artl{
font-size:2vw;


}



.newsarticle{
width:90%;
margin:auto;
}


.pickback{
display:block;



}



.itemexp{

display:none;
}






.item{
font-size:3vw;
width:100%;
text-align:left;
background:#000000;
}



.itemcate{
display:block;
}


.coma{
width:100%;
}





.itct{
display:none;


}



.pickup{
width:50%;


}
.pickup img{
width:100%;
height:100%;
}

.imgsize1{
width:50%;




}



.bdlogosize{
display:none;


}

header .menu li{
 list-style: none;
width:50px;
 margin-left:0;
 margin-right:0;

font-size:3vw;

}

.snsfollow{
display:none;


}


 .flex-chil-biz1{
width:100%;
}

.biz1tx{
width:90%;
height:100%;
margin: auto;
text-align:left;
}

.itemtitle{
font-size:5vw;
}

.top-nav{
font-size:2vw;
height:35px;

}


.infoli{
margin-left:20px;

}

.infoli a{
color:#FFFFFF;
text-decoration:none;



}

.pickupitem{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}





.itcm{
font-size:0.5em;
text-align:left;
margin:10px;



}

.bletitcm2{
width:100%;


}

.pickup2 {
width:50%;
font-size:1.6em;
text-decoration:none;
line-height:0.8em;
text-align:left;
}

.beltctimg{
width:33%;
border:0px solid #565656;
box-sizing: border-box;




}


.item-nav-barfix{
display:none;
}


.item-nav-barfix2{
display:none;
}


.mainarea2{
padding-top:0px;


}

.mainarea3{
padding-top:0px;


}


.maa{
width:100%;



}
.infowidth{
width:50%;
font-size:2vw;

}

.flex-chil{
width:49.5%;
margin-bottom:2px;


}
.lookall{


font-size:3vw;
margin: 0 auto;
}

.textp1{
font-size:2vw;

}

.itemcount{

font-size:2vw;


}


.nobar{
padding-top:62px;
height:100%;
width:100%;
margin:0px;
background:#FFFFFF;

}



.mobilebr{
display: block;

}

.itembuy{
line-height:20px;
border:none;
background:#000000

}

.beltct{

display:none;
}



.itembuy a{
color:#FFFFFF;


}

.pickup{
border:1px solid #FFFFFF;
box-sizing: border-box;


}

.compwidth{
width:90%;
text-align:center;
margin:auto;
background:#FFFFFF;
}


.comnamet{
font-size:0.8em;
padding:0;


}

.beltct1{
font-size:0.8em;
margin:0;
text-align:center;

}


#business,#casual,#order,#fold,#long,#round,#coin,#keyholder,#name{

padding-top:62px;
margin-top:-62px;
z-index:-1;
}



.comnamet2{
font-size:0.8em;
width:50%;
padding:10px 0;

}

.comcon{
font-size:0.8em;


}

.cust {
    padding-top: 62px;
}



}