﻿

/***** h3_section title *****/
#main h3{
	position:relative;
	margin:80px 0 40px 0;
	font-size:10px;
}
#main h3.mshort{
	margin:40px 0 40px 0;
}

@media only screen and (max-width: 768px){
	#main h3{margin:40px 0 20px 0;}
	#main h3.mshort{margin:20px 0 20px 0;}
}
#main h3.title{
	font-family:"Franklin Gothic","メイリオ", sans-serif;
	text-align:center;
	font-weight: normal;
	letter-spacing:1em;
	color:#333;
}
#main h3:before {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
#main h3 > p{
	display:inline-block;
	font-size:2.4em;
	
	line-height:1.2;
	background: #fff;
  padding: 0 1em;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 768px){
	#main h3 > p{font-size:1.8em;letter-spacing:0.2em;}
}

#main h3 .cap{
	font-weight:normal;
	font-size:0.6em;
}
/***** h3_section title_end *****/


/***** NEW ARRIVAL　.newarrival 発売日タブ切り替えタイプ *****/
.newarrival-tab{
	font-size:0.6em;
}
.newarrival{
	font-size:0.75em;
}

.newarrival ul{
	overflow:hidden;
	margin:0 0.5em;
}
.newarrival ul li{
	float:left;
	width: calc((100% - 1%) / 2);
	margin:0 1% 1em 0;
}
.newarrival ul li:nth-child(2n){margin-right:0;}
.newarrival ul li:nth-child(2n+1){clear:both;}
.newarrival ul img{margin-bottom:0.5em;}
.newarrival ul li a{
	color:#000;
	text-decoration:none;
}
.newitem-detail p{
	width:100%;
	margin:0;
	font-size:10px;
	line-height:1.2;
	text-align:center;
}
p.newitem-text{
	margin-bottom:0.3em;
	font-weight:bold;
}
p.newitem-text span{
	font-size:0.9em;
	line-height:2em;
	font-weight:normal;
	color:gray;
}
@media only screen and (min-width: 769px){
	.newarrival ul{margin:0;}
	.newarrival ul li{width: calc((100% - 4%) / 5);}
	.newarrival ul li:nth-child(2n){margin-right:1%;}
	.newarrival ul li:nth-child(2n+1){clear:none;}
	.newarrival ul li:nth-child(5n){margin-right:0;}
	.newarrival ul li:nth-child(5n+1){clear:both;}
	.newitem-detail{font-size:0.6em;}
	ul.pickup li:nth-child(n+6){display:none;}
	ul.newitem_mens li:nth-child(n+16){display:none;}
}

.newarrival p.more_btn{
	margin-top:0;
}

.newarrival-tab {
  display: flex;
	padding:0 5%;
  justify-content: space-around;
}
.newarrival-tab .newtab {
  text-align: center;
  color: gray;
	margin:0;
	font-size:1.4em;
	font-family:"Franklin Gothic","メイリオ", sans-serif;
	outline:1px solid #ccc;
	outline-offset: -0.5em;
}
.newarrival-tab .newtab:after {content:"▽";font-size:0.8em;}
.newarrival-tab .newtab.active {outline:2px solid;font-weight:bold;}
.newarrival-tab .newtab.active:after {content:"▼";}
.newarrival-tab .newtab > span {color:crimson;font-size:0.8em;display:inline-block;margin-right:0.5em;}

@media only screen and (min-width: 769px){
	.newarrival-tab {margin:0;}
	.newarrival-tab .newtab {margin:0 1em;}
}
.newtab {
  flex-grow: 1;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
  font-family: 'Poppins', sans-serif;
	background:#fff;
}
.newarrival-content {
  text-align: center;
  display: flex;
	font-size:1em;
	line-height:1.4;
}
.newarrival-content .newarrival {
  display: none;
	width:100%;
}
.newarrival-content .newarrival.show {
  margin-top: 1em;
  display: block;
}
.newarrival span.new_price{font-size:1.7em;}

@media only screen and (max-width: 768px){
	.newarrow.prev,.newarrow.next{display:none;}
}
.newarrow.prev:before,.newarrow.next:after{
	display:inline-block;
	position:relative;
	top:40%;
	font-size:0.6em;
	color:gray;
}
.newarrow.prev:before{padding-right:0.5em;}
.newarrow.prev:before {content:"＜";}
.newarrow.next:after{padding-left:0.5em;}
.newarrow.next:after {content:"＞";}

/*新作／再販アイコン*/
.newarrival span.new_new,.newarrival span.new_re{
display:inline-block;
margin-right:0.5em;
padding:0.2em 0.3em 0;
border:1px solid;
font-size:0.9em;
line-height:1;
}
.newarrival span.new_new{color:crimson;}
.newarrival span.new_re{color:#0066CC;}


@media only screen and (max-width: 768px){
#newitem_daily p.more_btn {
width: 40%;
padding:0.8em;
}
}

/*260508追記*/

section#top_newitem {margin: 6em auto 4em auto;}
.newarrival-content .newarrival {width: 100%;}

/*新作／再販アイコン*/
.newarrival span.new_color {
display: inline-block;
margin-right: 0.5em;
padding: 0.2em 0.3em 0;
border: 1px solid;
font-size: 0.9em;
line-height: 1;
}
.newarrival span.new_color {color: LimeGreen;}
@media screen and (min-width: 769px) {
.newitem-detail p.newitem-text {font-size: 14px;}
}
@media screen and (max-width: 768px) {
.newitem-detail p {font-size: 0.8em;}
.newitem-detail p.newitem-text {font-size: 0.6em;}
}
p.newitem-text {margin-bottom: 0;}
@media screen and (max-width: 480px) {
section#top_newitem {margin: 3em auto 4em auto;}
}
.red {color: red;}
.line-through {text-decoration: line-through;}



/*毎日発売文字*/
/* NEW ARRIVAL タブ */
.new-arrival-tabs {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: nowrap; 
  margin: 16px 0;
  font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

.tab-btn {
  flex: 1;
  min-width: 0; 
  padding: 14px 10px;
  text-align: center;
  cursor: pointer;
}

/* 左：赤枠 */
.tab-new {
  border: 2px solid #999;
    /* background: #f5f5f5; */
}

/* 右：グレー枠 */
.tab-restock {
  border: 2px solid #ccc;
    /* background: #f5f5f5; */
}

.tab-title {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.label-new {
  color: #e02020;
  font-style: italic;
  margin-right: 4px;
  font-size: 0.8em;
}

.arrow {
  font-size: 11px;
  margin-left: 2px;
}

/* バッジ共通 */
.tab-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 5px 16px;
  font-size: 13px;
  font-weight: 500;
}

/* ダーク（左） */
.badge-dark {
  background: #333;
  color: #fff;
}

/* ライト（右） */
.badge-light {
  /* background: #fff;
  color: #333;
  border: 1px solid #999; */
    background: #333;
  color: #fff;
}

.badge-icon {
  font-size: 14px;
}

/* アクティブ状態（左：新作） */
.tab-new.active {
  border: 2px solid #e02020;
    /* background: #fcf6f6; */
}

/* アクティブ状態（右：再入荷） */
.tab-restock.active {
  border: 2px solid #e02020;
  /* background: #fcf6f6; */
}



/***** NEW ARRIVAL　.newarrival_end *****/
