@charset "UTF-8";
/* CSS Document */

/****************************** 1366px ******************************/

@media (max-width: 1367px) {
	
/* マイページ */

.db_mypage {

width:60%;

}
	
	
.new_navi_dropdown{

top:5.0rem!important;
}



a.sub_arrow::before{
content: "";
position: absolute;
top: 25px;
}

	


}
/****************************** 960px ******************************/

@media (max-width: 960px) {


header.new_head_2026{
column-gap: 5%;
justify-content: space-between!important;
padding:0.7rem 10rem 0.7rem 2rem!important;


}

  .hedader_logo {
    width: 23%!important;
	 z-index: 3!important;
  }

  /* ハンバーガーボタン */
  .sp-menu-btn {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
	z-index: 3!important;
	 position: absolute;
	  right: 20px;
  }

  .sp-menu-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #14354d;
    transition: transform .25s ease, opacity .25s ease;
  }

  /* メニューオープン時の×アニメーション */
  header.is-open .sp-menu-btn span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
  header.is-open .sp-menu-btn span:nth-child(2) {
    opacity: 0;
  }
  header.is-open .sp-menu-btn span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  /* PCナビ → SPドロワーメニュー化 */
  .new_navi {
    position: fixed;
    inset:0;
    background-color:hsla(0,0%,100%,0.95);
  
  align-items: center;
  
 padding: 10rem 2rem 0 2rem;
    transform: translatex(100%);
    opacity:1;
    pointer-events: none;
    transition: transform .6s ease, opacity .3s ease;
    z-index: 2;

  }

  /* 開いている時 */
  header.is-open .new_navi {
    transform: translatex(0%);
    opacity: 1;
    pointer-events: auto;
  }

  .new_navi > li {
    width: 100%;
	
   font-size: 2.0rem;
    border-bottom: 1px solid #eee;
  }

  /* 下層のドロップダウン（商品を選ぶ配下）をスマホ用に変更 */
  .new_navi_dropdown {
    position: static;
  display: flex;
	flex-wrap: wrap;
	 justify-content: space-between;
	 background-color:transparent;
    gap:0 80px;
    padding:2rem  ;
    border-top: none;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
	
  }

  .new_navi_dropdown::before {
    display: none;
  }

	a.sub_arrow::before{
display: none;
}

	
	
.new_navi_dropdown > li{

padding: .5rem 0 5rem 0rem;
width:40%;
}



	
.new_navi_dropdown li a::before {
display: none
}



  /* サブカテゴリ（ビジネスシャツ配下）のアコーディオンはそのまま */
  .sub_dropdown {
    width: 100%;
  }

  

  /* PCホバー用の挙動をSPでは無効にしておく（念のため） */
  .has-dropdown_menu:hover .new_navi_dropdown {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
	
	

.shop_navi{

gap:0 4rem; 
font-size: 1.4rem;
z-index: 3;
}
	
	
.hedader_sns{
	display:block;
	width: 100%;
text-align: center;
}



.hedader_sns>div{
color:#000!important;
width: 100%;
font-size:1.0rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:space-around;
gap:40px 0;
text-align: center;

}
	
	
.hedader_sns>div span{
display: flex;
flex-direction: column;
text-align: center;

}


.hedader_sns>div>a>span::before{
content: "";
width:50px;
height:50px;
background-image: url("../img/icon-insta_black.svg");
background-position: center;
background-size: contain;
margin:0 auto 5px auto;
}

.hedader_sns>div>a:nth-of-type(2)>span::before,.hedader_sns>div>a:nth-of-type(3)>span::before{
background-image:url("../img/icon-x_black.svg");

}
	
	

/**************** フッター ****************/

.member_link>div{


position: inherit;
flex-direction: column;

gap:3rem 0;
}
	
	
.member_link>div>span{
width:90%;

font-size:1.4rem;

}
	
	

/*** ピックアップ ***/


.pickup_list{

   grid-auto-columns: calc((100% - 24px) / 2);
  gap: 0 2rem;

}


.pickp_inner{
display:grid;
grid-template-columns:45% 1fr;
gap:0 10px;
}



.pickp_inner>div h2{
margin: 0 0 20px 0;
font-size: 1.8rem;	
}


.pickp_inner>div p{
font-size: 1.4rem;
line-height: 180%;
}

.pickp_inner>div h3{
margin: 20px 0 0px 0;
font-size: 1.8rem;
}


.pickp_inner>div b{
font-size: 1.2rem;
padding: 0px 0px;
}

.pickup_nav{
  gap: 8rem;
  margin-top: 18px;	
}


.nav_dots{ display:flex; gap: 28px; }

.dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;

}

.nav_arrow{

	font-size:5.6rem;
}


/* マイページ */

.db_mypage {
margin:40px auto 0px auto;
font-size: 1.7rem;

border-radius: 20px;
width: 100%!important;
	
	
aspect-ratio: 16/9;
padding: 20px 0;
gap:20px 0;

}


.db_mypage>div{

gap:40px 0;
width:60%;
}

.db_mypage>div:last-child{

width:20%;
}

.db_mypage>div:last-child img{
width:100%;
}

.db_mypage h1{
font-size:2.5rem;
letter-spacing: 2px;
margin: 0 0 15px 0;
}

.db_mypage_name{

font-size: 2.2rem!important;

}

.db_mypage>div span{
letter-spacing: 2px;
}

.db_mypage>div>div{

gap:0 5px;
}

.db_mypage>div>div b{
letter-spacing: 2px;
}

.db_mypage>div>div.db_point{
gap:5px 0;
}

.db_mypage>div>div.db_point>span b{
letter-spacing: 0;
font-size: 4.0rem;
padding: 0 5px 0 0;
}

	
	.db_card_line{

width: 100%;

}


.db_card_line>span{
font-size:2.5rem!important;
letter-spacing:2px!important;

}

.db_card_line>div{

width: 100%;
margin: 0 0 5px 0;
}

.db_card_line>div>b{

margin: 0 10px 0 0;
width: 30%;
}

.db_categry_title{

	width: 95%!important;
	margin:70px auto 0 auto!important;
	padding: 15px 0;
}

	
	
.child-category-list{

	grid-template-columns: repeat(5, auto);
	
	width: 95%;
	margin:40px auto;
	gap:30px 4rem;
	
	font-size: 1.4rem;
 }

	
/* サイズ表 */

.chart{
width: 95%;

}

	.chart_top img{
	width:80%;

		
}
	.chart_note ul{
font-size: 1.4rem;

		
}
	
	
	


/* スタイルページ表示 */
.db_style_page{
width:90%;
grid-template-columns:1fr;
grid-template-rows:1fr;
gap:0px;
margin: 0 auto ;

}

	.db_style_page_img{
	width: 70%;
		margin:0 auto 30px auto;
	}
.db_style_page_detail{

	padding: 0px;
	
	gap:15px;
	
}
	


.db_style_page_hed{

	
	gap:0px;
	
}


.db_style_page_hed > div{
font-size: 1.8rem;

}


.db_style_page_hed > div h2{
font-size: 2.5rem;
margin: 0 0 0px 0;
}

.db_style_page_hed > div b{
font-size: 2.0rem;

	
}

.db_style_page_detail time{
font-size: 1.8rem;
}

.db_style_page_detail p{
font-size: 1.8rem;
line-height: 200%;


}

	
	

/* **********************  FAQ ***********************  */


.faq{
width:90%;
padding:0px 0 0 0;

}

.qa-list dl {
    margin: 0;
    padding: 28px 80px 28px 30px;

}

.qa-list dl::before {
   
    top: 35px;
    right: 35px;
 
    width: 7px;
    height: 7px;

}

.qa-list dl dt {
   
grid-template-columns: 50px auto;

}

.qa-list dl:has(b){
   margin:120px 0 0 0;
}

.qa-list dl dt h2 b{

top:-90px;

  font-size:2.4rem;
}

.qa-list dl dt h2{

  font-size:1.8rem;	
}

.qa-list dl dt::before {
  font-size:2.5rem;
}
.qa-list dl dd::before {
   font-size:2.5rem;
}
.qa-list dl dd {
grid-template-columns: 50px auto;
margin:20px 0 0 0;
padding: 0px;
gap:0 0px;

	
}
.qa-list dl dd p {
	font-size:1.6rem;

}


/* **********************  ガイド 　***********************  */

.db_guide-wrap{
width:90%;

margin:50px auto 50px auto;	
}

.db_guide-wrap >ul{
	
font-size:2.0rem; 
gap: 50px;

}

.db_guide_list h2{
 
  font-size:2.6rem;
margin: 0 0 20px 0;

}

.db_guide_list>ul,.db_guide_list>ol{
margin-left: 35px;
gap: 20px;
}
e_list>ul li b{
margin: 0 5px 5px 0;
font-size: 2.2rem;
}

.db_guide_list>ol{
margin-left: 10px;
}

.db_guide_list>table{
  margin: 20px auto;
}


.db_guide-index{
width:95%;

grid-template-columns: 1fr 1fr;
gap:10px;
margin:8rem auto;
}
.db_guide-index_list{
padding: 2.2rem;
}
.db_guide-index_list>h3{
 
  min-height:3em;

  font-size: 2.0rem;
  
  
}

.db_guide-index_list>ul{

  gap: 10px;

  margin: 2rem auto 0;

  font-size: 1.6rem;

}



}
/****************************** 810px ******************************/

@media (max-width: 810px) {
	
	
	
	


header.new_head_2026{
column-gap: 5%;
padding:1rem 10rem 1rem 2rem;

}

  .hedader_logo {
    width:30%;
	
  }


  /* ハンバーガーボタン */
  .sp-menu-btn {
  
    gap: 4px;
    width: 32px;
    height: 32px;
 right: 20px;
  }

  .sp-menu-btn span {
  
    width: 100%;
    height: 2px;
  }

 

  /* PCナビ → SPドロワーメニュー化 */
  .new_navi {
 
  padding: 10rem 2rem 0 2rem;

  }


  .new_navi > li {
   font-size:1.6rem;
  padding: 1.5rem 0;
  }

  /* 下層のドロップダウン（商品を選ぶ配下）をスマホ用に変更 */
  .new_navi_dropdown {
    gap:0 80px;
    padding:2rem 0 3rem 0rem ;
    
    opacity: 1;
   
	 
  }

.new_navi_dropdown > li{

padding: .5rem 0 3rem 0rem;
width:40%;
}



.shop_navi{

gap:0 4rem; 
font-size: 1.4rem;

}
	
	
	


.hedader_sns>div{

font-size:1.0rem;
gap:40px 0;

}
	

.hedader_sns>div>a>span::before{

width:50px;
height:50px;

margin:0 auto 5px auto;
}


/**************** トップページ ****************/



/*** タイトル ***/

h1.top-heading{	
gap:0.3rem 0;
}

h1.top-heading .top_en{
	font-size:3.0rem;

	letter-spacing:1px;
}

h1.top-heading .top_ja{
	font-size: 1.4rem;
	
	letter-spacing:1px;

}

/*** トップページ カテゴリー ***/

.db_categry{

margin: 6rem auto 10rem auto;
}
.db_category_list{
padding: 0 2rem;
min-width: 1100px;
grid-template-columns: repeat(5, 1fr);
gap:10px 10px;
margin:40px auto 0px auto;
}

.db_category_list>div{
font-size: 1.6rem;
letter-spacing: 2px;

}

.db_category_list>div img{
width:40%;

}


/*** 人気アイテムタグ ***/
.db_tag{
	margin: 5rem auto;
	width: 100%;
	
	
}


.db_tag_list{
width: 100%;
padding: 0 2rem;
gap:10px 15px;
margin:40px auto 0px auto;
}


.db_tag_list li{
font-size: 1.8rem;
padding: 5px 30px;

	
}



/*** 新着商品 ***/




.db_newitem_list{
width: 100%;
grid-template-columns: repeat(2, 1fr);
gap:10px 20px;
margin:40px auto 0px auto;
}

.db_newitem_list>div{
 gap: 20px;

}

.db_newitem_list>div div{
aspect-ratio: 1 / 1;
}



.db_newitem_list>div span{
font-size: 1.6rem;
margin:20px auto 0px auto;	
width: 80%;
}

.db_newitem_list h2{
font-size: 1.6rem;
margin:10px auto;
 text-wrap: balance;
  word-break: keep-all;
}

.db_newitem_list b{
font-size: 1.8rem;

}

/*** 売れ筋ランキング ***/

.db_ranking{
grid-template-columns: repeat(3, 1fr);	
}

.db_ranking>div::before{

padding:7px 15px;
font-size: 1.6rem;

}


/*** ピックアップ ***/

.db_pickup{
	margin: 4rem auto 3rem auto;
	
}
.pickup_list{

   grid-auto-columns: calc((100% - 24px) / 2);
  gap: 0 2rem;

}


.pickp_inner{
display:grid;
grid-template-columns:55% 1fr;
gap:0 10px;
}




.pickp_inner>div h2{
margin: 0 0 10px 0;
font-size: 1.8rem;	
}


.pickp_inner>div p{
font-size: 1.2rem;
line-height: 180%;
  
}

.pickp_inner>div h3{
margin: 10px 0 0px 0;
font-size: 1.6rem;
}


.pickp_inner>div b{
font-size: 1.2rem;
padding: 0px 0px;
}




.pickup_nav{
  gap: 8rem;
  margin-top: 18px;	
}


.nav_dots{ display:flex; gap: 28px; }

.dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;

}

.nav_arrow{

	font-size:5.6rem;
}



/*** ニュース ***/



.db_information_list{
	width: 95%;
	gap:30px 0px;
	margin:40px auto 0px auto;
}

.db_information_inner{
grid-template-columns:1fr 30%;
gap:0 30px;
padding: 0 0 10px 0;
}

.db_information_inner>div b{
font-size: 1.4rem;
margin:50px 0px 0px 0px;
}

.db_information_inner>div p{
font-size: 1.4rem;
line-height: 180%;

}





/*** ナビゲーション ***/

.db_navigation{
	margin:6rem auto 0rem auto;
	width: 95%;
}
.db_navigation:last-of-type{
	margin:6rem auto 6rem auto;
}


.db_navigation_list{
width:100%;
padding: 0 2rem;
grid-template-columns: repeat(2, 1fr);
gap:20px 20px;
margin:40px auto 0px auto;
}

.db_navigation_list>div{
font-size: 1.8rem;
letter-spacing: 2px;
}





/*** スタイリング ***/



.db_styling_list{
width:100%;
grid-template-columns: repeat(2, 1fr);
gap:40px 20px;
margin:40px auto 0px auto;
}

.db_styling_list>div a{
gap: 10px 30px;
}


.db_styling_list>div span{

width:80px;
height:80px;


}

.db_styling_img{
gap:5px 0;
}

.db_styling_list h2{
font-size: 1.8rem;

}

.db_styling_list b{

font-size: 1.8rem;


}


.db_styling_list b:last-of-type{
padding: 0 0 0 10px;

}

/**************** フッター ****************/


footer{
width: 100%;
grid-template-columns: repeat(1, 1fr);
gap: 4rem 4rem;
padding: 5rem 6rem;
}


footer h2{
padding:0 0 5px 0;
font-size:2.0rem;
}

footer>div{
font-size:1.8rem;

}

footer>div ul{
margin:10px 0 0 0;
line-height:250%;
display: grid;
grid-template-columns: repeat(3, 1fr);
}


	
.member_link>div{
flex-direction:row;
justify-content: center;
gap:0 3rem;
}
	
	
.member_link>div>span{
width:40%;
font-size:1.4rem;
}

.sns_links>div{
font-size:1.4rem;
align-items:center;
justify-content:center;
gap:40px 0;
position:inherit;
flex-direction:row;

}

.sns_links>div>a{
width: auto;

}




.sns_links>div>a>span::before{
width:50px;
height:50px;

margin:0 auto 5px auto;
}


/* マイページ */

.db_mypage {
margin:40px auto 0px auto;
font-size: 1.3rem;
border-radius: 20px;
width: 100%!important;
	
	
aspect-ratio: 16/9;
padding: 20px 0;
gap:20px 0;

}


.db_mypage>div{
gap:10px 0;
width:70%;
}

.db_mypage>div:last-child{
width:20%;
}

.db_mypage>div:last-child img{
width:100%!important;
}

.db_mypage h1{
font-size:1.8rem;
letter-spacing:1px;
margin: 0 0 15px 0;
}

.db_mypage_name{

font-size: 	1.8rem!important;

}

.db_mypage>div span{
letter-spacing: 1px;
}

.db_mypage>div>div{
gap:0 5px;
}

.db_mypage>div>div b{
letter-spacing: 2px;
}

.db_mypage>div>div.db_point{
gap:5px 0;
}

.db_mypage>div>div.db_point>span b{
letter-spacing: 0;
font-size: 3.0rem;
padding: 0 5px 0 0;
}

	
.db_card_line{

gap:0!important;
}


.db_card_line>span{
font-size:2.0rem!important;
letter-spacing:1px!important;

}

.db_card_line>div{
margin: 0 0 5px 0;
}

.db_card_line>div>b{

margin: 0 10px 0 0;
width: 30%;
}	
	
/** パーツ **/


.child-category-list{

	grid-template-columns: repeat(4, 22%);

	width: 95%;
	margin:40px auto;
	gap:30px 20px;

	font-size: 1.2rem;
 }


h1.db_categry_title .top_en{
font-size:1.4rem;

	
}

h1.db_categry_title .top_ja{
	font-size:2.6rem;
	
	
}


/* サイズ表 */



.chart h1{

font-size: 2.4rem;

}



.chart_top img{
	width:90%;
	
}

.chart_top p{
font-size: 1.8rem;
line-height: 160%;
}

.size_chart{

margin:5% auto 0% auto;
	
}

	
	
.chart_top>div{

margin:50px auto 0 auto;
padding: 0 0 30px 0;
}
.chart_top>div>h1{


font-size: 2.5rem;

}


.chart_top>div>h1::before,.chart_top>div>h1::after{

width: 20%;


}
.chart_top>div>ul{

margin: 30px auto;
padding: 0 2%;


}

.chart_top>div>ul>li{
font-size: 1.6rem;

line-height: 160%;
margin: 0 0 20px 0;
}
.chart_top>div>ul>li>span{

margin: 0 auto 8px 0;
width: 25%;

}

.chart_top>div>ul>li>small{
font-size: 1.5rem;
	margin: 5px 0 0 0;

gap:0 3px;
}

	.chart_top>div>b{
font-size: 2.0rem;}

.size_chart span{
font-size: 1.8rem;

}

.size_chart h2{
font-size: 2.1rem;
}

.size_chart h2 small{
font-size: 1.4rem;
}

.size_chart table{

font-size: 1.8rem;
}


.size_chart table th{
width:15%;
padding: 8px 10px;
}

.size_chart table td{
padding: 8px 0;
}



.chart_note{
grid-template-columns: 100%;
grid-template-rows: auto auto;
justify-content: flex-start;
margin:30px auto;
font-size: 1.3rem;
gap:30px 0;
padding: 0 20px;
}

.chart_note div:nth-of-type(1){
order: 2;
}
	.chart_note div:nth-of-type(2){
order: 1;
}
	

.chart_note ul{
font-size: 1.6rem;
margin: 5px 0 0 0;
}

.chart_note ul li{
margin:0 0 5px 0;
}

.chart_note ul li::before{
padding: 0 5px 0 0;
}

.chart_tag{
grid-template-columns:35% auto;
justify-content: flex-start;
gap:0 10px;
}

	.chart_note_one_column .chart_tag{
	grid-template-columns: 35% auto;
	gap:0 30px;

}
	
	.chart_note_one_column .fa_tag{
grid-template-columns: 45% auto;

}



.unit-switch-wrap{
  margin:0 0 10px 0;

}
.unit-switch{

font-size: 1.5rem;
	
}

.unit-switch label{
  padding:6px 14px;

  font-weight:600;
}


.db_guide-index{
width:95%;

grid-template-columns: 1fr 1fr;
gap:10px;
margin:8rem auto;
}
.db_guide-index_list{
padding: 2.2rem;
}
.db_guide-index_list>h3{
 
  min-height:3em;

  font-size: 1.8rem;
  
  
}

.db_guide-index_list>ul{

  gap: 10px;

  margin: 2rem auto 0;

  font-size: 1.6rem;

}



/* スタイルページ表示 */

.db_style_page_article{
	
   padding:10rem  0 ;
}
	
}



/****************************** 480px ******************************/

@media (max-width: 480px) {
	
	
header.new_head_2026{
column-gap: 5%;
padding:1.5rem 10rem 1.0rem 2rem!important;

}
	
	header.new_head_2026{

justify-content: flex-start;


}

  .hedader_logo {
    width:40%!important;
  }

  /* ハンバーガーボタン */
  .sp-menu-btn {
  
    gap: 4px;
    width: 25px;
    height: 25px;
 right: 20px;
  }

  .sp-menu-btn span {
  
    width: 100%;
    height: 2px;
  }

 

  /* PCナビ → SPドロワーメニュー化 */
  .new_navi {
 
  padding: 10rem 2rem 0 2rem;
  
  }


  .new_navi > li {
   font-size: 2.0rem;
  
  }

  /* 下層のドロップダウン（商品を選ぶ配下）をスマホ用に変更 */
  .new_navi_dropdown {

    gap:0 0px;
    padding:2rem 0 2rem 0rem ;

    font-size: 1.4rem;
	 
  }

	
  .new_navi_dropdown > li {
    padding:.5rem 0 5rem 0rem;
width:43%;
  }



.sub_dropdown>li{
padding:20px 0 0 0;

}	
	
.sp_br{
	display: block;
}	

.shop_navi{

gap:0 3rem; 
font-size: 1.2rem;

}
	
	
	


.hedader_sns>div{

font-size:1.0rem;
gap:40px 0;

}
	

.hedader_sns>div>a>span::before{

width:50px;
height:50px;

margin:0 auto 5px auto;
}


/**************** トップページ ****************/



/*** タイトル ***/

h1.top-heading{	
gap:0.1rem 0;
}

h1.top-heading .top_en{
	font-size:3.0rem;

	letter-spacing:1px;
}

h1.top-heading .top_ja{
	font-size: 1.4rem;
	
	letter-spacing:1px;

}

/*** トップページ カテゴリー ***/

.db_categry{
margin:4rem auto 2rem auto;


}
.db_category_list{
padding: 0 2rem;
	min-width: 730px;
grid-template-columns: repeat(5, 1fr);
gap:7px 7px;
margin:10px auto 0px auto;
overflow-x: auto;
  -webkit-overflow-scrolling: touch;

}

.db_category_list>div{
font-size: 1.4l-wrapperrem;
letter-spacing: 2px;
font-size: 1.1rem;
}

.db_category_list>div img{
width:60%;

}


/*** 人気アイテムタグ ***/




.db_tag_list{
width: 100%;
padding: 0 0rem;
gap:10px 3px;
margin:30px auto 0px auto;

}


.db_tag_list li{
font-size: 1.8rem;

padding: 5px 10px;
	
}



/*** 新着商品 ***/


.db_newitem_list{
grid-template-columns: repeat(2, 1fr);
gap:10px 20px;
margin:40px auto 0px auto;
}

.db_newitem_list>div{
 gap: 20px;

}


.db_newitem_list>div span{
font-size: 1.6rem;
margin:20px auto 0px auto;	
width: 80%;
}

.db_newitem_list h2{
font-size: 1.6rem;
margin:10px auto;
}

.db_newitem_list b{
font-size: 1.8rem;

}

/*** 売れ筋ランキング ***/

.db_ranking{
grid-template-columns: repeat(2, 1fr);	
}

.db_ranking>div::before{

padding:7px 15px;
font-size: 1.6rem;

}




/*** ピックアップ ***/


.pickup_list{
width: 100%;
  grid-auto-columns: 100%;
  gap: 0 2rem;
  margin:10px auto 0 auto;
}



.pickp_inner{
width: 100%;
margin: auto;
display:grid;
grid-template-columns:100% ;
grid-template-rows:1fr ;

gap:0 0px;

}



.pickp_inner>div h2{
margin: 10px 0 10px 0;
font-size: 2.2rem;	
}


.pickp_inner>div p{
font-size: 1.6rem;
line-height: 180%;
  -webkit-line-clamp: 2; 
}

	.more {
  
  margin-top:10px;
	font-size:1.6rem;
}

	
.pickp_inner>div h3{
margin: 10px 0 0px 0;
font-size: 2.2rem;
}


		
.pickp_inner>div:first-of-type span{
order: 2;

}

	.pickp_inner>div:first-of-type b{
order: 1;z
}

	
.pickp_inner>div b{
font-size: 1.6rem;
padding: 0px 0px 10px 0px;
}

.pickp_inner>div:first-of-type span
{
  width: 80%;
  margin:10px auto;
}

.pickup_nav{
  gap: 5rem;
  margin-top: 18px;	
}


.nav_dots{ display:flex; gap: 16px; }

.dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;

}

.nav_arrow{

	font-size:5.6rem;
}



/*** ニュース ***/



.db_information_list{
	width: 95%;
	gap:30px 0px;
	margin:40px auto 0px auto;
}

.db_information_inner{
grid-template-columns:1fr 45%;
gap:0 20px;
padding: 0 0 10px 0;
}

.db_information_inner>div b{
font-size: 1.4rem;
margin:10px 0px 0px 0px;
}

.db_information_inner>div p{
font-size: 1.4rem;
line-height: 180%;

}





/*** ナビゲーション ***/

.db_navigation_list{
padding: 0 2rem;
grid-template-columns: repeat(2, 1fr);
gap:10px 10px;
margin:20px auto 0px auto;
}

.db_navigation_list>div{
font-size: 1.8rem;
letter-spacing: 2px;
}





/*** スタイリング ***/



.db_styling_list{
grid-template-columns: repeat(2, 1fr);
gap:40px 20px;
margin:40px auto 0px auto;
}

.db_styling_list>div a{
gap: 10px 30px;
}


.db_styling_list>div span{

width:50px;
height:50px;

}

.db_styling_img{
gap:5px 0;
}

.db_styling_list h2{
font-size: 1.8rem;

}

.db_styling_list b{

font-size: 1.8rem;


}


.db_styling_list b:last-of-type{
padding: 0 0 0 10px;

}

/**************** フッター ****************/


footer{


gap: 4rem 4rem;
padding: 5rem 6rem;
}


footer h2{
padding:0 0 5px 0;
font-size:2.0rem;
}

footer>div{
font-size:1.8rem;

}

footer>div ul{
margin:10px 0 0 0;
grid-template-columns: repeat(2, 1fr);
}


	
.member_link>div{

gap:0 3rem;
}
	
	
.member_link>div>span{
width:40%;
font-size:1.4rem;
}

.sns_links>div{
font-size:1.0rem;

gap:40px 0;
position:inherit;
	
}

.sns_links>div>a{
width: 30%;

}




.sns_links>div>a>span::before{
width:50px;
height:50px;

margin:0 auto 5px auto;
}

	

		
	
	

/* マイページ */

.db_mypage {
margin:40px auto 0px auto;
font-size: 1.2rem;
border-radius:10px;
width: 100%!important;


}


.db_mypage>div{
gap:20px 0;
width:70%;
}

.db_mypage>div:last-child{
width:20%;
}

.db_mypage>div:last-child img{
width:100%!important;
}

.db_mypage h1{
font-size:2.3rem;
letter-spacing:1px;
margin: 0 0 2px 0;
}

.db_mypage_name{

font-size: 3.0rem!important;

}

.db_mypage>div span{
letter-spacing: 1px;
}

.db_mypage>div>div{
gap:0 5px;
}

.db_mypage>div>div b{
letter-spacing: 2px;
}

.db_mypage>div>div.db_point{
gap:5px 0;
}

.db_mypage>div>div.db_point>span b{
letter-spacing: 0;
font-size: 3.0rem;
padding: 0 5px 0 0;
}

	
.db_card_line{

gap:0!important;
}


.db_card_line>span{
font-size:2.0rem!important;
letter-spacing:1px!important;

}

.db_card_line>div{
margin: 0 0 0px 0;
}

.db_card_line>div>b{

margin: 0 10px 0 0;
width: 30%;
}	
	
	
.db_categry_title{

	width: 95%!important;
	margin:50px auto 0 auto!important;
	padding: 15px 0;
}
	
p.db_categry_description{
	
	font-size: 1.3rem;
	margin:20px auto 0px auto;
}
	
		
/** パーツ **/


.child-category-list{

	grid-template-columns: repeat(3, 30%);
	margin:40px auto;
	gap:20px 0px;

	font-size: 1.2rem;
 }



h1.db_categry_title .top_en{
font-size:1.4rem;

	
}

h1.db_categry_title .top_ja{
	font-size:2.4rem;
	
	
}



/* サイズ表 */
	
	
	
.chart_top>div{

margin:30px auto 0 auto;
padding: 0 0 30px 0;
}
.chart_top>div>h1{

font-size: 2.4rem;
gap:0 10px;
}


.chart_top>div>h1::before,.chart_top>div>h1::after{

width: 10%;


}

.chart_top>div>ul{
width: 90%;
margin: 30px auto;
padding: 0 2%;


}

.chart_top>div>ul>li{
font-size: 1.6rem;

line-height: 160%;
margin: 0 0 20px 0;
}
.chart_top>div>ul>li>span{

margin: 0 auto 8px 0;
width: 35%;

}

.chart_top>div>ul>li>small{
font-size: 1.4rem;
	margin: 5px 0 0 0;
gap:0 2px;
}

	.chart_top>div>b{
font-size: 1.8rem;
	}

.chart{
width: 95%;

}

.chart h1{

font-size: 2.2rem;

}



.chart_top img{
	width:95%;
	
}

.chart_top p{
font-size: 1.6rem;
line-height: 160%;
}

.size_chart{
margin:5% auto 0% auto;
	
}


.size_chart span{

font-size: 1.6rem;
padding: 1px 30px;

}

.size_chart h2{
font-size: 1.8rem;
margin: 0 auto 20px auto;
}

.size_chart h2 small{
font-size: 1.4rem;
display: block;
}

.size_chart table{
font-size: 1.6rem;
}


.size_chart table th{
width:15%;
padding: 8px 10px;
}

.size_chart table td{
padding: 8px 0;
}



.chart_note{
grid-template-columns: 100%;

margin:30px auto;

gap:30px 0;
padding: 0 10px;
}


.chart_note ul{
font-size: 1.6rem;
margin: 5px 0 0 0;
}

.chart_note ul li{
margin:0 0 5px 0;
}

.chart_note ul li::before{
padding: 0 5px 0 0;
}

.chart_tag{
grid-template-columns:100% ;
grid-template-rows:auto auto;
justify-content: flex-start;
gap:0 10px;
}

	
.chart_note_one_column .chart_tag{
grid-template-columns:100% ;
	gap:0 30px;

}
	
	.chart_note_one_column .fa_tag{
grid-template-columns:100% ;

}
.chart_tag img{ 
width:60%;
}


.unit-switch-wrap{
  margin:0 0 10px 0;

}
.unit-switch{

font-size: 1.5rem;
	
}

.unit-switch label{
  padding:6px 14px;

  font-weight:600;
}




/* スタイルページ表示 */
.db_style_page{
width:90%;

}


	
.db_style_page_detail{


	
	gap:15px;
	
}


.db_style_page_article:first-of-type{

    padding:2rem 0 10rem  0 ;
   
}



.db_style_page_hed > div{
font-size: 1.8rem;

}


.db_style_page_hed > div h2{
font-size: 2.4rem;
margin: 0 0 0px 0;

}

.db_style_page_hed > div b{
font-size: 1.8rem;

	
}

.db_style_page_detail time{
font-size: 1.8rem;
}

.db_style_page_detail p{
font-size: 1.8rem;
line-height: 200%;


}


/* **********************  FAQ ***********************  */


.faq{
width:98%;
padding:0px 0 0 0;

}

.qa-list dl {
    margin: 0;
    padding: 28px 50px 28px 30px;

}

.qa-list dl::before {
   
    top: 35px;
    right: 20px;
 
    width: 7px;
    height: 7px;

}
.qa-list dl dt {
   
grid-template-columns: 50px auto;

}

.qa-list dl:has(b){
   margin:90px 0 0 0;
}

.qa-list dl dt h2 b{

top:-50px;

  font-size:2.0rem;
}

.qa-list dl dt h2{

  font-size:1.6rem;	
}
.qa-list dl dt::before {
  font-size:2.2rem;
}
.qa-list dl dd::before {
   font-size:2.2rem;
}
.qa-list dl dd {
grid-template-columns: 40px auto;
margin:20px 0 0 0;	
}

	.qa-list dl dd p {
	font-size:1.6rem;

}

	
/* **********************  スマレジ ***********************  */



.smaregi_barcode::after{

height: 20px;
width: 40%;
bottom: -10px;
right: -10px;
  }



/* **********************  ガイド 　***********************  */

.db_guide-wrap{
width:95%;

margin:50px auto 50px auto;	
}

.db_guide-wrap >ul{
	
font-size:1.5rem; 
gap: 50px;

}

.db_guide_list h1{

  font-size:3.0rem;


}

.db_guide_list h2{
 
  font-size:2.2rem;
margin: 0 0 20px 0;

}

.db_guide_list>ul,.db_guide_list>ol{
margin-left: 35px;
gap: 15px;
}
.db_guide_list>ul li b{
margin: 0 5px 5px 0;
font-size:1.8rem;
}

.db_guide_list>ol{
margin-left: 0px;
}

.db_guide_list>ol li{

  
  flex-direction: column;
 
}

.db_guide_list>ol li::before{
content: "・";
display: none;
}

.db_guide_list>table{
  margin: 20px auto;
  font-size: 1.0rem;
}

.db_guide_list th,.db_guide_list td{
padding:10px 2px 10px 2px;
  
}

.db_guide_list td{

text-align: center;

}

.db_guide_list th{
letter-spacing: 0em;

}

.db_guide_list span{
width: 100%;
display: block;
background-color: rgb(235, 235, 235);
padding: 0 0 0 5px;
margin: 0 0 7px 0;
}
.db_guide_list span::after{
content:'';

padding: 0 0px 0px 3px;

}

.db_guide_list p{font-size: 1.2rem;}
.guide_br{display: block;}




.db_guide-index{
width:100%;

grid-template-columns: 1fr;
gap:10px;
margin:8rem auto;
}
.db_guide-index_list{
padding: 2.2rem;
}
.db_guide-index_list>h3{
 
  min-height:auto;

  font-size: 1.8rem;
  
  
}

.db_guide-index_list>ul{

  gap: 10px;

  margin: 2rem auto 0;

  font-size: 1.6rem;

}

/* **********************  店舗受け取り注意書き ***********************  */


ul.pickup_store_note li{
font-size:1.2rem;

}
}


/****************************** 414px ******************************/

@media (max-width: 414px) {


/* マイページ */

.db_mypage {
margin:40px auto 0px auto;
font-size: 1.1rem;
border-radius:10px;
width: 100%!important;


}


.db_mypage>div{
gap:0px 0;
width:71%;
}

.db_mypage>div:last-child{
width:20%;

}

.db_mypage>div:last-child img{
width:100%!important;
}

.db_mypage h1{
font-size: 1.8rem;
letter-spacing:1px;
margin: 0 0 5px 0;
}

.db_mypage_name{

font-size: 3.0rem!important;

}

.db_mypage>div span{
letter-spacing: 1px;
}

.db_mypage>div>div{
gap:5 5px;
}

.db_mypage>div>div b{
letter-spacing: 2px;
}

.db_mypage>div>div.db_point{
gap:5px 0;
}

.db_mypage>div>div.db_point>span b{
letter-spacing: 0;
font-size: 3.0rem;
padding: 0 5px 0 0;
}

.db_guide-index_list>ul{

  gap: 15px;

  margin: 2rem auto 0;

  font-size: 1.4rem;

}
/* **********************  店舗受け取り注意書き ***********************  */


ul.pickup_store_note li{
font-size:0.9rem;

}


}
/****************************** 394px ******************************/

@media (max-width: 394px) {
	
	

  .hedader_logo {
    width:40%;
	
  }

	
  /* ハンバーガーボタン */
  .sp-menu-btn {
  
    gap: 4px;
    width: 20px;
    height: 20px;
 right: 20px;
  }
 

  /* PCナビ → SPドロワーメニュー化 */
  .new_navi {
 
  padding: 7rem 1rem 0 1rem;
  
  }


  .new_navi > li {
   font-size: 1.6rem;
  padding:5px 0;
  }

  /* 下層のドロップダウン（商品を選ぶ配下）をスマホ用に変更 */
  .new_navi_dropdown {

    gap:0 15px;
    padding:1rem 0 1rem 0rem ;
 
    font-size: 1.2rem;
	 
  }

	
.new_navi_dropdown > li {
  padding:.3rem 0 3rem 0rem;
width:43%;
  }

  
.sub_dropdown{

font-size: 1.1rem;
}


.sub_dropdown>li{
padding:15px 0 0 0;

}	
	

.shop_navi{

gap:0 3rem; 
font-size: 1.2rem;

}
	
	
	


.hedader_sns>div{

font-size:1.0rem;
gap:40px 0;

}
	

.hedader_sns>div>a>span::before{

width:30px;
height:30px;

margin:0 auto 5px auto;
}


/**************** トップページ ****************/



/*** タイトル ***/

h1.top-heading{	
gap:0.1rem 0;
}

h1.top-heading .top_en{
	font-size:2.6rem;

	letter-spacing:1px;
}

h1.top-heading .top_ja{
	font-size: 1.4rem;
	
	letter-spacing:1px;

}


/*** トップページ カテゴリー ***/

.db_categry{
width: 95%;
margin:3rem auto 1rem auto;
}
.db_category_list{
padding: 0 2rem;
	min-width: 680px;
grid-template-columns: repeat(5, 1fr);
gap:7px 7px;
overflow-x: auto;
  -webkit-overflow-scrolling: touch;

}

.db_category_list>div{
font-size: 1.0rem;
letter-spacing: 2px;

}

.db_category_list>div img{
width:60%;

}


/*** 人気アイテムタグ ***/


.db_tag_list{

gap:10px 5px;
margin:40px auto 0px auto;

}


.db_tag_list li{
font-size: 1.6rem;

padding: 5px 15px;
}



/*** 新着商品 ***/


.db_newitem_list{
grid-template-columns: repeat(2, 1fr);
gap:10px 5px;
margin:40px auto 0px auto;

}

.db_newitem_list>div{
 gap: 20px;

}


.db_newitem_list>div span{
font-size: 1.6rem;
margin:20px auto 0px auto;	
width: 80%;
}

.db_newitem_list h2{
font-size: 1.4rem;
margin:10px auto;
}

.db_newitem_list b{
font-size: 2.0rem;

}

/*** 売れ筋ランキング ***/

.db_ranking{
grid-template-columns: repeat(2, 1fr);	
}

.db_ranking>div::before{

padding:7px 15px;
font-size: 1.6rem;

}



/*** ピックアップ ***/


.pickup_list{

  grid-auto-columns: 100%;
  gap: 0 2rem;
	
}

.pickp_inner{
grid-template-columns:100% ;
grid-template-rows:1fr ;
}



.pickp_inner>div h2{
margin: 10px 0 10px 0;
font-size: 2.0rem;	
}


.pickp_inner>div p{
font-size: 1.4rem;
line-height: 180%;
  -webkit-line-clamp: 2; 
}

	.more {
  
  margin-top:10px;
	font-size:1.6rem;
}

	
.pickp_inner>div h3{
margin: 10px 0 0px 0;
font-size: 2.0rem;
}


		
.pickp_inner>div:first-of-type span{
order: 2;

}

	.pickp_inner>div:first-of-type b{
order: 1;
}

	
.pickp_inner>div b{
font-size: 1.6rem;
padding: 0px 0px 10px 0px;
}

.pickup_nav{
  gap: 5rem;
  margin-top: 18px;	
}


.nav_dots{ display:flex; gap: 16px; }

.dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;

}

.nav_arrow{

	font-size:5.6rem;
}



/*** ニュース ***/



.db_information_list{
	width: 95%;
	gap:30px 0px;
	margin:40px auto 0px auto;
}

.db_information_inner{
grid-template-columns:1fr 50%;
gap:0 20px;
padding: 0 0 10px 0;
}

.db_information_inner>div b{
font-size: 1.4rem;
margin:10px 0px 0px 0px;
}

.db_information_inner>div p{
font-size: 1.2rem;
line-height: 180%;

}







/*** ナビゲーション ***/

.db_navigation_list{
padding: 0 1rem;
grid-template-columns: repeat(2, 1fr);
margin:20px auto 0px auto;
}

.db_navigation_list>div{
font-size: 1.8rem;
letter-spacing: 2px;
}





/*** スタイリング ***/



.db_styling_list{
grid-template-columns: repeat(2, 1fr);
gap:40px 20px;
m:40px auto 0px auto;
}

.db_styling_list>div a{
gap: 10px 30px;
}


.db_styling_list>div span{

width:50px;
height:50px;

}

.db_styling_img{
gap:5px 0;
}

.db_styling_list h2{
font-size: 1.8rem;

}

.db_styling_list b{

font-size: 1.8rem;


}


.db_styling_list b:last-of-type{
padding: 0 0 0 10px;

}

/**************** フッター ****************/


footer{


gap: 4rem 4rem;
padding: 5rem 6rem;
}


footer h2{
padding:0 0 5px 0;
font-size:1.8rem;
}

footer>div{
font-size:1.2rem;

}

footer>div ul{
margin:10px 0 0 0;
grid-template-columns: repeat(2, 1fr);
}


	
.member_link>div{

gap:0 3rem;
}
	
	
.member_link>div>span{
width:40%;
font-size:1.2rem;
}

.sns_links>div{
font-size:0.9rem;

gap:20px 0;
position:inherit;
	
}






.sns_links>div>a>span::before{
width:40px;
height:40px;

margin:0 auto 5px auto;
}

	
	
/** パーツ **/


.child-category-list{

font-size: 1.0rem;
 }

h1.db_categry_title .top_en{
font-size:1.4rem;

	
}

h1.db_categry_title .top_ja{
	font-size:2.4rem;
	
	
}


 


/* サイズ表 */
	



.chart_note ul{
font-size: 1.4rem;
margin: 5px 0 0 0;
}
	
	
	

/* スタイルページ表示 */


	
.db_style_page_detail{


	
	gap:15px;
	
}



.db_style_page_hed > div{
font-size: 1.8rem;

}


.db_style_page_hed > div h2{
font-size: 2.0rem;
margin: 0 0 0px 0;

}

.db_style_page_hed > div b{
font-size: 1.8rem;

	
}

.db_style_page_detail time{
font-size: 1.6rem;
}

.db_style_page_detail p{
font-size: 1.6rem;
line-height: 200%;


}


/* **********************  FAQ ***********************  */


.faq{
width:98%;
padding:0px 0 0 0;

}

.qa-list dl {
    margin: 0;
    padding: 28px 40px 28px 30px;

}

.qa-list dl::before {
   
    top: 35px;
    right: 20px;
 
    width: 7px;
    height: 7px;

}

.qa-list dl dt {
   
grid-template-columns: 50px auto;

}


.qa-list dl:has(b){
   margin:80px 0 0 0;
}

.qa-list dl dt h2 b{

top:-50px;

  font-size:1.7rem;
}
.qa-list dl dt h2{

  font-size:1.5rem;	
}
.qa-list dl dt::before {
  font-size:1.8rem;
}
.qa-list dl dd::before {
   font-size:1.8rem;
}
.qa-list dl dd {
grid-template-columns: 40px auto;

margin:20px 0 0 0;	
}

.qa-list dl dd p {
	font-size:1.4rem;
}


/* **********************  ガイド 　***********************  */

.db_guide-wrap{
width:95%;

margin:50px auto 50px auto;	
}

.db_guide-wrap >ul{
	
font-size:1.3rem; 
gap: 50px;

}
.db_guide_list h1{

  font-size:2.2rem;


}
.db_guide_list h2{
 
  font-size:1.8rem;
margin: 0 0 20px 0;

}

.db_guide_list>ul,.db_guide_list>ol{
margin-left: 35px;
gap: 15px;
}
.db_guide_list>ul li b{
margin: 0 5px 5px 0;
font-size:1.5rem;
}

.db_guide_list>ol{
margin-left: 0px;
}

.db_guide_list>table{
  margin: 20px auto;
  font-size: 0.8rem;
}




.db_guide_list p{font-size: 1.0rem;}

.db_guide-index_list>h3{
 

  font-size: 1.6rem;
  
  
}


}