﻿@charset "UTF-8";

/*==============================================================================================
 静的ページ共通
==============================================================================================*/

@media screen and (min-width: 1024px) {
	#staticSection.termsofuse .main__inner,
	#staticSection.dvUserpolicy .main__inner,
	#staticSection.privacypolisy .main__inner
	{
		width: min(100%,1000px + var(--padding-horizontal) * 2) !important;
	}
}

/* #staticSection {
	text-decoration: underline;
}

#staticSection a.underline:visited{
	text-decoration: underline;
}

#staticSection a.underline:hover{
	text-decoration: underline;
} */


#staticSection{
	overflow: hidden;
}
#staticSection.support,
#staticSection.s_accordion,
#staticSection.guide
{
	overflow: initial;
}

#staticSection .main__inner {
	padding-top: min(6.66vh, 50px) ;
	padding-bottom: min(6.66vh, 50px) ;
}
@media screen and (min-width: 1024px) {
	#staticSection .main__inner {
		width: min(100%,1000px + var(--padding-horizontal) * 2);
		padding-top: min(8.97vh, 70px) ;
		padding-bottom: min(8.97vh, 70px) ;
	}
	#staticSection.support .main__inner,
	#staticSection.guide .main__inner,
	#staticSection.faq .main__inner
	{
		width: min(100%,1200px + var(--padding-horizontal) * 2);
	}
}


#staticSection.gift .s_gigt_procedure-item-wrap ul .img{
	width: 100%;
}

#staticSection .s_btwn_border_none{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	text-indent:0 !important;
}

#staticSection .s_text_en{
	font-family: var(--font-eng);
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.05em;
}


#staticSection .s_wrap.list_no_indent li {
	padding-left: 1rem;
	text-indent: -1rem;
}

#staticSection .s_en_font{
	font-family: var(--font-eng);
}

#staticSection .pc {
  display: none !important;
}

@media only screen and (min-width: 1024px), print {
  #staticSection .sp {
    display: none !important;
  }
  #staticSection .pc {
    display: block !important;
  }
}




/**************************************
#テキスト関連  共通箇所 sp
**************************************/



#staticSection.tradein a:visited
{
	color: inherit;
}


#staticSection .s_section h2{
	letter-spacing: 0.08em;
	font-weight: bold;
	line-height: 1.6;
	font-size: 0.8125rem;
	color: var(--color-primary);
}

#staticSection .s_ttl_lead_text{
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	line-height: 1.69;
	font-weight: bold;
}

#staticSection p,
#staticSection dt,
#staticSection dd
{
	font-size:0.8125rem;
	line-height: 1.69;
	letter-spacing: 0.08em;
}

#staticSection .s_wrap li
{
	font-size:0.8125rem;
	line-height: 1.69;
	letter-spacing: 0.08em;
	padding-left: 1rem;
	text-indent: -1rem;
	display: block;
}

/* #staticSection .s_wrap li:nth-child(n+10){
	text-indent: -2.5rem;
	padding-left: 2.5rem;
} */

#staticSection .s_caution{
	display: block;
	line-height: 1.8;
	font-size: var(--text-xl);
}

#staticSection li > .s_caution{
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

#staticSection .s_textLink{
	transition: opacity 0.2s ease;
	text-decoration: underline;
	display: inline;
}

#staticSection .s_text_bold{
	font-weight: bold;
}

#staticSection .s_info_text{
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
}


/**************************************
#テキスト関連  共通箇所 タブレット pc
**************************************/
@media only screen and (min-width: 1024px), print {


	#staticSection .s_section h2{
		font-size: 0.9375rem;
		font-weight: bold;
	}

	#staticSection .s_ttl_lead_text{
		font-size: 0.8125rem;
		letter-spacing: 0.08em;
	}

	#staticSection p,
	#staticSection dt,
	#staticSection dd
	{
		font-size: 0.8125rem;
	}

	#staticSection .s_wrap li{
		font-size: 0.8125rem;
		line-height: 1.69;
	}

	#staticSection .s_caution{
		font-size: 0.8125rem;
	}

}

/**************************************
#staticSection
**************************************/




/**************************************
#staticSection and ご利用ガイド（お買い物がガイド） sp
**************************************/

	#staticSection .s_head_under{
		font-weight: bold;
		position: relative;
		font-size: 1.0625rem;
		padding-bottom: 0.6875rem;
		border-bottom: #DBDBDB 2px solid;
		letter-spacing: 0.08rem;
	}

	#staticSection.guide h3{
		font-size: 0.875rem;
		font-weight: bold;
		color: var(--color-primary);
		letter-spacing: 0.08rem;
	}

	#staticSection.guide p{
		font-size: 0.8125rem;
		margin-top: 1rem;
	}

	#staticSection.guide .s_border_wrap{
		padding: 1.25rem 0;
		margin-top: 1.25rem;
		border-top: #DBDBDB 1px solid;
		/* border-bottom: #DBDBDB 1px solid; */
	}

	#staticSection .s_head_under::before{
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;	
		width: 3.125rem;
		background-color: var(--color-primary);
	}

	#staticSection.guide .s_guide_num{
		font-weight: 500;
		letter-spacing: 0.05em;
		font-size: 1.125rem;
		color: var(--color-primary);
		white-space: nowrap;
		font-family: var(--font-eng);
		font-style: italic;
	}

	#staticSection.guide,
	#staticSection.privacypolisy
	{
		counter-reset: s_head_num;
	}

	#staticSection.guide .s_wrap h2::before,
	#staticSection.privacypolisy .s_wrap h2::before
	{
		counter-increment: s_head_num;
		content: counter(s_head_num)".";
	}


	#staticSection #s_leftAnchorNav{
		counter-reset: left_nav_number;
	}
	#staticSection #s_leftAnchorNav .s_menu{
		border: #707070 1px solid;
		position: relative;
		border-bottom: none;
	}

	#staticSection #s_leftAnchorNav .s_menu:last-of-type{
		border-bottom: #707070 1px solid;
	}

	#staticSection .s_menu::before,
	#staticSection .s_menu::after
	{
		right: 1.5rem;
		top: 50%;
		transform: translateY(-50%);
		content: '';
		display: block;
		width: 1rem;
		height: 1px;
		position: absolute;
		background-color: #707070;
	}

	#staticSection .s_menu::before{
		transform: rotate(135deg);
	}

	#staticSection .s_menu::after{
		right: 2.2rem;
		transform: rotate(-135deg);
	}

	#staticSection .s_menu a{
		padding: 1.7rem 3.5rem 1.2em 2.5rem;
		text-indent: -1.5rem;
		display: block;
		font-size: 1.4rem;
		font-family: var(--hiragino-gothic);
		line-height: 1.5;
	}

	#staticSection .s_menu a::before{
		counter-increment: left_nav_number;
		content: counter(left_nav_number)".";
	}

	#staticSection #s_rightContents .s_section{
		margin-top: 4rem;
	}

	#staticSection .s_circleList > dd,
	#staticSection .s_numList > dt{
		margin: 0;
		padding-left: 1.5rem;
		text-indent: -1.5rem;
	}


	#staticSection .s_numList{
		counter-reset: s_list_num;
	}

	#staticSection .s_numList li::before{
		counter-increment: s_list_num;
		content: counter(s_list_num)".";
		color: var(--color-primary);
	}


/**************************************
#staticSection and ご利用ガイド（お買い物がガイド） pc
**************************************/
@media screen and (min-width:1024px) and ( max-width:790px) {
	#staticSection.guide .s_guide_img li{
		width: 91%;
	}
}
@media only screen and (min-width: 1024px), print {

	#staticSection .s_menu a {
		font-size: 1.3rem;
		padding: 1.7rem 3.5rem 1.2em 3.5rem;
    text-indent: -1.3rem;
	}


	#staticSection.guide h3{
		font-size: 0.9375rem;
	}
	
	#staticSection.guide p{
		margin-top: 1.125rem;
	}
	
	#staticSection.guide .s_border_wrap{
		padding: 1.25rem 0;
		margin-top: 1.25rem;
	}
	
	#staticSection .s_head_under::before{
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;	
		width: 3.125rem;
		background-color: var(--color-primary);
	}
	
	#staticSection.guide .s_guide_num{
		font-size: 1.125rem;

	}

	#staticSection .s_menu::after{
		right: 2rem;
    transform: rotate(-45deg);
    top: calc(50% - -0.7rem);
	}
	
	#staticSection .s_circleList, #staticSection .s_numList{
		margin-top: 1.1rem;
	}

	#staticSection .s_bg_color{
		padding: 3rem;
		margin-top: 3rem;
	}

	#staticSection .s_bg_color dt{
		margin: 0;
	}

	#staticSection .s_bg_color > dd{
		margin-top: 1rem;
	}
}

/**************************************
#プライバシーポリシー   sp
**************************************/

#staticSection .s_section{
	padding-top: 1.25rem;
	margin-top: 1.25rem;
	border-top: var(--color-font-secondary) 1px solid;
}

#staticSection .s_ttl_primary{
	text-align: center;
}

#staticSection .s_numList li{
	margin-top: 0.6875rem;
}

#staticSection .s_numList li span{
	margin-top: 0.6875rem;
	padding-left: 1rem;
}

#staticSection.privacypolisy .s_wrap ul{
	margin-top: 0.6875rem;
}

#staticSection.privacypolisy .s_wrap ul li{
	line-height: 1.69;
}

#staticSection.privacypolisy .s_table > *+*{
	margin-top: 1.25rem;
}

#staticSection.privacypolisy .s_menu_table {
	margin: 0;
}

#staticSection.privacypolisy .s_menu_table >p{
	margin: 0;
}

#staticSection.privacypolisy .s_inner{
	margin-top: 0;
}

#staticSection.privacypolisy .s_table{
	margin-top: 1.5rem;
}

#staticSection.privacypolisy .s_ttl_lead_text{
	background-color: #F8F2FA;
	padding: 0.6875rem 1rem ;
	margin: 0;
}

#staticSection.privacypolisy dd p{
	margin-top: 0.6875rem;
}


/**************************************
#プライバシーポリシー   pc
**************************************/

@media only screen and (min-width: 1024px),print{

	#staticSection.privacypolisy .s_table dl{
    grid-template-columns: 13.75rem 1fr;
		display: grid;
		column-gap: 1.25rem;
		border-top: 1px solid var(--color-font-secondary);
	}
	#staticSection.privacypolisy .s_table > *+*{
		margin-top: 0;
	}
	

	#staticSection.privacypolisy .s_table dl:last-of-type{
		border-bottom: 1px solid var(--color-font-secondary);
	}
	
	#staticSection.privacypolisy .s_ttl_lead_text{
		background-color: #F8F2FA;
		padding: 1.25rem;
		display: flex;
		align-items: flex-start;
		text-align: left;
		margin: 0;
	}
	
	#staticSection.privacypolisy dd{
		padding: 1.25rem 0;
		margin: 0;
	}
	#staticSection.privacypolisy dd p{
		margin: 0;
	}
}




/**************************************
#利用規約   sp
**************************************/
.dvUserpolicy {
	display: block;
}
.dvUserpolicy ol span{
	display: block;
}



/**************************************
#利用規約   pc
**************************************/
@media only screen and (min-width: 1024px), print {
	#staticSection.dvUserpolicy .s_numList li span:nth-of-type(n+2){
		margin-top: 0;
	}
}


/**************************************
#特定商取引法に基づく表記   sp
**************************************/

#staticSection.termsofuse .s_wrap ul{
	margin-top: 0.6875rem;
}

#staticSection.termsofuse .s_circleList li,
#staticSection.termsofuse .s_numList li
{
	margin-top: 0.6875rem;
}

#staticSection.termsofuse .s_menu_table {
	margin: 0;
}

#staticSection.termsofuse .s_menu_table >p{
	margin: 0;
}

#staticSection.termsofuse .s_inner{
	margin-top: 0;
}

#staticSection.termsofuse .s_table{
	margin-top: 1.5rem;
}

#staticSection.termsofuse .s_ttl_lead_text{
	background-color: #F8F2FA;
	padding: 0.6875rem 1rem ;
	margin-top: 1.25rem;
}

#staticSection.termsofuse dd p{
	margin-top: 0.6875rem;
}

/**************************************
#特定商取引法に基づく表記   pc
**************************************/
@media only screen and (min-width: 1024px),print{

	#staticSection.termsofuse .s_table dl{
    grid-template-columns: 13.75rem 1fr;
		display: grid;
		column-gap: 1.25rem;
		border-top: 1px solid var(--color-font-secondary);
	}
	#staticSection.termsofuse .s_table dl:last-of-type{
		border-bottom: 1px solid var(--color-font-secondary);
	}
	
	#staticSection.termsofuse .s_ttl_lead_text{
		background-color: #F8F2FA;
		padding: 1.25rem;
		display: flex;
		align-items: flex-start;
		text-align: left;
		margin: 0;
	}
	
	#staticSection.termsofuse dd{
		padding: 1.25rem 0;
		margin: 0;
	}
	
	
	#staticSection.termsofuse .s_wrap dd  p{
		margin: 0;
	}
	#staticSection.termsofuse .s_wrap dd ul{
		margin: 0;
	}
	#staticSection.termsofuse .s_wrap .s_circleList_mt{
		margin-top: 1.25rem;
	}

}



/**************************************
#よくある質問   sp
**************************************/

	#staticSection.s_accordion .p-article__shop-department-wrapper{
		margin-top: 2.5rem;
	}

	#staticSection.s_accordion h2{
		font-size: 1.0625rem;
		font-weight: bold;
		margin-bottom: 0.6875rem;
	}
	
	#staticSection.s_accordion details{
		margin-top: 0.3125rem;
	}

	#staticSection.s_accordion .js-accordionTrigger
	{
		position: relative;
		display: flex;
		align-items: baseline;
		column-gap: 0.625rem;
	}
	
	#staticSection.s_accordion .js-accordionContent{
		display: flex;
		align-items: baseline;
		column-gap: 0.5rem;
	}

	#staticSection.s_accordion details summary{
		background: #f5f5f5;
    padding: 1rem 3.1rem 1rem 0.9375rem;
    font-size: 0.875rem;
    font-weight: bold;
		line-height: 1.7;
	}

	#staticSection.s_accordion details summary .s_question{
		white-space: nowrap;
		color: var(--color-primary);
		font-weight: 500;
		font-family: var(--font-eng);
		letter-spacing: 0.05em;
		font-size: 1rem;
		font-style: italic;
	}
	#staticSection.s_accordion p {
		padding-top: 0.6875rem;
		padding-bottom: 1.25rem;
	}
	#staticSection.s_accordion p .s_answer{
		white-space: nowrap;
		font-size: 1rem;
		color:#F02323;
		font-weight: 500;
		font-family: var(--font-eng);
		letter-spacing: 0.05em;
		font-style: italic;
	}



	#staticSection.s_accordion .js-accordionTrigger::before,
	#staticSection.s_accordion .js-accordionTrigger::after
	{
		content: "";
		position: absolute;
		background-color: var(--color-primary);
		width: 0.875rem;
		height: 0.1rem;
		top: 50%;
		right: 1rem;
		transform: translateY(-50%);
		transition: all .7s ;
	}

	#staticSection.s_accordion .js-accordionElm .js-accordionTrigger::after{
		transform: translateY(-50%) rotate(90deg);
	}

	#staticSection.s_accordion .js-accordionElm[data-accordion-state="closed"] .js-accordionTrigger::after{
		transform: translateY(-50%) rotate(90deg);
	}

	#staticSection.s_accordion .js-accordionElm[data-accordion-state="opened"] .js-accordionTrigger::after{
		transform: translateY(-50%) rotate(180deg);
		opacity: 0;
	}

	#staticSection.s_accordion .s_accordion_desc{
		text-indent: -2.5rem;
		padding-left: 4rem;
		margin: 1.7rem 0 2.5rem;
		display: none;
	}

/**************************************
#よくある質問   pc
**************************************/
@media only screen and (min-width: 1024px),print{
	
	#staticSection.s_accordion .p-article__shop-department-wrapper:first-of-type{
		margin-top: 0;
	}
	
	#staticSection.s_accordion .p-article__shop-department-wrapper:not(:first-of-type){
		margin-top: 2.5rem;
	}

	#staticSection.s_accordion h2{
		margin-bottom: 1rem;
	}


	#staticSection.s_accordion details summary{
		padding-left: 1.25rem;
		padding-right: 3.5rem;
		font-size: 0.9375rem;
	}

	#staticSection.s_accordion p {
		padding-left: 1.25rem;
	}

	#staticSection.s_accordion .js-accordionTrigger{
		column-gap: 0.875rem;
	}

	#staticSection.s_accordion .js-accordionContent{
		column-gap: 1rem;
	}

	#staticSection.s_accordion .s_section{
		margin: 0;
	}
	
	#staticSection.s_accordion .s_accordion_list dl{
		margin-top: 1rem;
	}

	#staticSection.s_accordion .s_section{
		margin-top: 8rem;
	}
	#staticSection.s_accordion .s_ttl_primary{
		margin-bottom: 2.5rem;
	}
	
	#staticSection.s_accordion .s_accordion_ttl{
		cursor: pointer;
	}


	#staticSection.s_accordion .s_accordion_ttl::before,
	#staticSection.s_accordion .s_accordion_ttl::after
	{
		right: 2.8rem;
	}
	#staticSection.s_accordion .s_accordion_desc{
		padding-right: 2.8rem;
		margin: 2rem 0 3rem;
	}

}


/**************************************
#staticSection and アフターサポート sp
**************************************/

#staticSection.support h2{
	font-weight: bold;
	position: relative;
	font-size: 1.0625rem;
	padding-bottom: 0.6875rem;
	border-bottom: #DBDBDB 2px solid;
	letter-spacing: 0.08rem;
}

#staticSection.support h3{
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--color-primary);
	letter-spacing: 0.08rem;
	padding: 0.5rem 0.9375rem;
	line-height: 1.6;
}

#staticSection.support p{
	font-size: 0.8125rem;
	margin-top: 1rem;
}

#staticSection.support .s_border_wrap{
	padding: 1.25rem 0;
	margin-top: 1.25rem;
	border-top: #DBDBDB 1px solid;
	border-bottom: #DBDBDB 1px solid;
}

#staticSection.support h2::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;	
	width: 3.125rem;
	background-color: var(--color-primary);
}


/**************************************
#staticSection and アフターサポート pc
**************************************/
@media only screen and (min-width: 1024px), print {

	#staticSection.support h3{
		font-size: 0.9375rem;
	}
	
	#staticSection.support p{
		margin-top: 1.125rem;
	}
	
	#staticSection.support .s_border_wrap{
		padding: 1.25rem 0;
		margin-top: 1.25rem;
	}
	
	#staticSection.support h2::before{
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;	
		width: 3.125rem;
		background-color: var(--color-primary);
	}
	

}



/**************************************
#staticSection and 下取り保証について sp
**************************************/

/* メインビジュアル箇所 */
#staticSection.tradein span{
	display: inline-block;
}
#staticSection.tradein .inline{
	display: inline;
}


#staticSection .s_video{
	width: 100%;
	margin: auto;
	position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#staticSection .s_video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ナビゲーション箇所 */
#staticSection.tradein .s_trade-nav{
	width: 100vw;
	margin-left: min(-4%, -15px);
}

#staticSection.tradein .s_trade-nav li{
	height: 3.125rem;
	line-height: 3.125rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size:0.875rem ;
	padding-left: 0;
	text-indent: 0;
	white-space: nowrap;
	padding: 0 1.5rem;
}

#staticSection.tradein .s_trade-nav li{
	border-top: var(--color-font-secondary) 1px solid;
	border-bottom: var(--color-font-secondary) 1px solid;
	border-right: var(--color-font-secondary) .5px solid;
	background-color:#f5f5f5 ;
}

#staticSection.tradein .s_trade-nav .s_nav_on{
	border-top: var(--color-primary) 3px solid;
	border-bottom:none ;
	background-color: #fff;
}


/* コンテンツ頭箇所 */

#staticSection.tradein .s_panel{
	display: none;
}
#staticSection.tradein .s_panel.s_nav_on{
	display: block;
}


#staticSection.tradein .s_trade-head-wrap{
	position: relative;
	width: 18.9375rem;
	margin: auto;
}
#staticSection.tradein .s_trade-head-wrap::before{
	content: "";
	position: absolute;
	left:3.6875rem;
	top: 2.75rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1.5625rem 1.5625rem 1.5625rem;
	transform: rotate(-25deg);
	z-index: 1;
	border-color: transparent transparent var(--color-primary) transparent;
}

#staticSection.tradein .s_trade-head{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;	
	background-color: var(--color-primary);
	height: 4.25rem;
	clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0% 100%);
	line-height: 1.625;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	z-index: 2;
}



#staticSection.tradein .s_trade-sub-head{
	margin-top: 1.625rem;
}

#staticSection.tradein .s_trade-sub-head img{
	margin: auto;
}


/* コンテンツが画像箇所 */
#staticSection.tradein .s_trade-detail{
	margin-top: 1.25rem;
}

#staticSection.tradein .s_trade-detail-text-wrap{
	margin-top: 0.625rem;
}

#staticSection.tradein .s_trade-detail-head{
	font-size: 1.0625rem;
	line-height: 1.5;
	color: var(--color-primary);
	font-weight: bold;
}

#staticSection.tradein .s_trade-detail-text-wrap p{
	margin-top: 0.625rem;
}

/* 下取保証金額画像箇所 */
#staticSection.tradein .s_trade-assurance{
	margin-top: 3.125rem;
}
#staticSection.tradein .s_head_under{
	margin-bottom: 1.25rem;
}


/* 3画像箇所 */
#staticSection.tradein .s_trade-no-part-exchange{
	margin-top: 3.125rem;
}
#staticSection.tradein .s_trade-no-part-exchange-list li{
	padding: 0;
	text-indent: 0;
	margin-top: 1.875rem;
	font-weight: bold;
}
#staticSection.tradein .s_trade-no-part-exchange-list li img{
	width: 100%;
}



#staticSection.tradein .s_trade-no-part-exchange-list li p{
	margin-top: 0.625rem;
	text-align: center;
}



/**************************************
#staticSection and 下取り保証について pc
**************************************/
@media only screen and (min-width: 1024px), print {
	/* メインビジュアル箇所 */

	#staticSection.tradein .main__inner {
		width: min(100%,1200px + var(--padding-horizontal) * 2);
		padding-top: min(8.97vh, 70px) ;
		padding-bottom: min(8.97vh, 70px) ;
	}

	#staticSection.tradein .s_inner{
		max-width: 1000px;
		margin: auto;
		padding: 0;
	}

	#staticSection.tradein .s_panel.s_nav_on{
		max-width: 1172px;
	}
	#staticSection .s_video{
		height: 31.875rem;
		padding: 0;
	}

	#staticSection.tradein  iframe{
		max-height: 510px;
	}


	/* ナビゲーション箇所 */
	#staticSection.tradein .s_trade-nav{
		width: 50rem;
		margin-left: 0;
	}

	#staticSection.tradein .s_trade-nav li{
		width: fit-content;
		padding: 0 2.25rem;
		cursor: pointer;
		border-left: var(--color-font-secondary) 1px solid;
		border-right: var(--color-font-secondary) 1px solid;
		background-color:#f5f5f5 ;
	}



	#staticSection.tradein .s_trade-nav .s_nav_on{
		border-top: var(--color-primary) 3px solid;
		border-bottom:none ;
		background-color: #fff;
	}


	/* コンテンツ頭箇所 */
	#staticSection.tradein .s_trade-wrapper{
		width: 100vw;
		margin: 4.375rem calc(50% - 50vw) 0;
	}
	#staticSection.tradein .s_trade-content-inner{
		padding: 0 min(7.14%, 100px) 4.375rem;
		padding-top: 4.75rem;
	}
	#staticSection.tradein .s_trade-inner{
		max-width: 1400px;
		padding-left: min(7.14%, 100px);
		padding-right: min(7.14%, 100px);
	}

	#staticSection.tradein .s_trade-head-wrap{
		position: relative;
	}

	#staticSection.tradein .s_trade-head{
		margin-top: 0;
	}
	#staticSection.tradein .s_trade-head::before{
		content: "";
		position: absolute;
		left: 30.25rem;
		top: 5.5rem;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 1.5625rem 1.5625rem 1.5625rem;
		transform: rotate(-25deg);
		z-index: 1;
		border-color: transparent transparent var(--color-primary) transparent;
	}



	#staticSection.tradein .s_trade-sub-head{
		margin-top: 2.125rem;
	}

	#staticSection.tradein .s_trade-sub-head img{
		margin: auto;
	}


	/* コンテンツが画像箇所 */
	#staticSection.tradein .s_trade-detail{
		display: grid;
		width: 100%;
		grid-template-columns: 55% 1fr;
		gap:3.125rem ;
		margin-top: 3.875rem;
	}
	#staticSection.tradein .s_trade-detail-text-wrap{
		margin-top: 0;
	}

	#staticSection.tradein .s_trade-detail-text-wrap p:nth-child(2){
		margin-top: 1.875rem;
	}
	#staticSection.tradein .s_trade-detail-text-wrap p:nth-child(3){
		margin-top: 1.25rem;
		font-size: 0.75rem;
	}

	/* 下取保証金額画像箇所 */
	#staticSection.tradein .s_trade-assurance{
		width: 100%;
		margin: auto;
		margin-top: 3.75rem;
	}
	#staticSection.tradein .s_head_under{
		margin-bottom: 1.25rem;
	}

	/* 3画像箇所 */
	#staticSection.tradein .s_trade-no-part-exchange{

		width: 100%;
		margin: auto;
		margin-top: 3.125rem;

	}
	#staticSection.tradein .s_trade-no-part-exchange-list{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 2rem;
	}
	#staticSection.tradein .s_trade-no-part-exchange-list li{
		padding: 0;
		margin-top: 0;
	}
	#staticSection.tradein .s_trade-no-part-exchange-list li p{
		margin-top: 0.625rem;
		text-align: center;
	}
}

@media screen and (min-width:768px) and ( max-width:1023px) {
	#staticSection.tradein .s_trade-nav{
		width: 100%;
		margin: 0;
		background: #f5f5f5;
	}
	#staticSection.tradein .s_trade-nav ul{
		justify-content: center;
		cursor: pointer;
	}
	#staticSection.tradein .s_trade-detail-img{
		margin: auto;
	}

}


/**************************************
#staticSection and アフターサポート sp
**************************************/

#staticSection.support h2{
	font-weight: bold;
	position: relative;
	font-size: 1.0625rem;
	padding-bottom: 0.6875rem;
	border-bottom: #DBDBDB 2px solid;
	letter-spacing: 0.08rem;
}

#staticSection.support h3{
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--color-primary);
	letter-spacing: 0.08rem;
	padding: 0.5rem 0.9375rem;
	line-height: 1.6;
}

#staticSection.support p{
	font-size: 0.8125rem;
	margin-top: 1rem;
}

#staticSection.support .s_border_wrap{
	padding: 1.25rem 0;
	margin-top: 1.25rem;
	border-top: #DBDBDB 1px solid;
	border-bottom: #DBDBDB 1px solid;
}

#staticSection.support h2::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;	
	width: 3.125rem;
	background-color: var(--color-primary);
}


/**************************************
#staticSection and アフターサポート pc
**************************************/
@media only screen and (min-width: 1024px), print {

	#staticSection.support h3{
		font-size: 0.9375rem;
	}
	
	#staticSection.support p{
		margin-top: 1.125rem;
	}
	
	#staticSection.support .s_border_wrap{
		padding: 1.25rem 0;
		margin-top: 1.25rem;
	}
	
	#staticSection.support h2::before{
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;	
		width: 3.125rem;
		background-color: var(--color-primary);
	}
	

}



/**************************************
#staticSection and ランクについて sp
**************************************/

#staticSection.rank .s_rank_img-innner p{
	font-size: 0.875rem;
	line-height: 1.875;
}

#staticSection.rank .s_rank_img-wrap{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

#staticSection.rank .s_rank_img img{
	width: 100%;
}

#staticSection.rank .s_rank-detail ul li{
	display: grid;
	grid-template-columns:6.0625rem 1fr ;
	column-gap: 1.125rem;
	padding-left:0;
	text-indent: 0;
}

#staticSection.rank .s_rank_list{
	padding: 0.9375rem 0;
}

#staticSection.rank .s_trade-table li p{
	display: grid;
	align-items: center;
	grid-template-columns:8.125rem 1fr ;
	column-gap: 0.625rem;
}





/**************************************
#staticSection and ランクについて pc
**************************************/
@media only screen and (min-width: 1024px), print {

	#staticSection.rank .main__inner {
	}

	#staticSection.rank .s_rank_img-wrap{
		width: 100%;
		max-width: 1000px;
		margin:auto;
	}
	
	/* #staticSection.rank .s_rank_img{
		padding: 2.5rem 8.125rem 3.125rem;
	} */
	#staticSection.rank .s_rank_benefit-wrap,
	#staticSection.rank .s_rank_confirmation-wrap
	{
		max-width: 1000px;
	}

	#staticSection.rank .s_rank-detail ul li{
		column-gap: 2.75rem;
	}
	#staticSection.rank .s_trade-table li:last-of-type p:last-of-type{
		font-size: 0.975rem;
	}
	#staticSection.rank .s_trade-table li:last-of-type p:nth-last-of-type(2){
		font-size: 0.975rem;
	}
	#staticSection.rank .s_rank_list{
		padding: 0.6875rem 0;
	}
	#staticSection.rank .s_trade-table li p{
		display: block;
	}
	
}


/**************************************
#staticSection and ギフト sp
**************************************/
#staticSection.gift .main__inner {
	padding-bottom: 0;
}


#staticSection.gift .s_mv_img{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

#staticSection.gift .s_mv_img img{
	width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1023px) {
	#staticSection.gift .s_mv_img{
		width: 100%;
		margin: auto;
	}
}
/*  梱包手順 */
#staticSection.gift .s_gigt_procedure-item-wrap>p{
	font-size: 0.75rem;
}

#staticSection.gift .s_gigt_procedure-item-wrap ul > *+*{
	margin-top: 1.875rem;
}


#staticSection.gift .s_gigt_procedure-item-wrap ul li{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	text-indent: 0;
}

#staticSection.gift .s_gigt_procedure-item-wrap ul li img{
	width: 100%;
}

#staticSection.gift .s_gigt_procedure-item-wrap ul li p:first-of-type{
	font-family: var(--font-eng);
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.05em;
	font-size: 1.125rem;
}

/* アイテム一覧 */
#staticSection.gift .s_gigt_product{
	width: 100vw;
	margin: 3.125rem calc(50% - 50vw) 0;
	background: #F5F5F5;
}

#staticSection.gift .s_gigt_product-wrap ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.875rem 0.9375rem;
	padding: 3.125rem 0.9375rem;
}
#staticSection.gift .s_gigt_product-wrap ul li{
	padding-left: 0;
	text-indent: 0;
}

#staticSection.gift .s_gigt_product-type{
	display: grid;
	align-items: start;
	column-gap: 0.9375rem;
	grid-template-columns: 2.8125rem 1fr;
	margin-top: 1rem;
	padding-bottom: 0.9375rem;
}

#staticSection.gift .s_gigt_product-type p:first-of-type {
	height: 2.8125rem;
	line-height: 2.8125rem;
	background: var(--color-primary);
	color: #fff;
	font-size: 1.0625rem;
	border-radius: 50%;
	text-align: center;
}

#staticSection.gift .s_gigt_product-type p:last-of-type {
	font-size: 0.875rem;
	margin-top: -3px;
}

#staticSection.gift .s_gigt_product-type p:last-of-type .s_text_en{
	padding-top: 0.625rem;
	font-size: 0.8125rem;
}

#staticSection.gift .s_gigt_product-kind{
	padding-top: 0.625rem;
	text-align: center;

}

#staticSection.gift .s_gigt_product-kind p:last-of-type{
	font-size: 0.625rem;
	margin-top: 0.375rem;
	padding-left: 0.375rem;
	letter-spacing: 0.05em;
	line-height: 1;
}
#staticSection.gift .s_gigt_product-kind p:last-of-type .s_text_en{
	font-size: 1rem;
}
#staticSection.gift .s_gigt_product-kind p:last-of-type :not(.s_text_en){
	font-size: 0.625rem;
	color: #666666;
	padding-left: 0.375rem;
}
#staticSection.gift .s_gigt_btn a{
	width: 100%;
	margin: auto;
	margin-top: 1rem;
	height: 2.625rem;
	line-height: 2.625rem;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
}



/**************************************
#staticSection and ギフト pc
**************************************/
	@media only screen and (min-width: 1024px), print {


		#staticSection.gift .s_gigt_product-wrap{
			padding: 0 var(--padding-horizontal);
		}
		#staticSection.gift .s_mv_img{
			width: 100%;
			max-width: 1000px;
			margin:auto;
		}
		
		/*  梱包手順 */
		#staticSection.gift .s_gigt_procedure-item-wrap ul{
			display: grid;
			column-gap: 2.1875rem;
			grid-template-columns: 1fr 1fr 1fr;
		}

		#staticSection.gift .s_gigt_procedure-item-wrap ul>*+*{
			margin-top: 0;
		}

		#staticSection.gift .s_gigt_procedure-item-wrap ul li{
			width:100%;
		}
		#staticSection.gift .s_gigt_procedure-item-wrap ul li p:first-of-type{
			font-family: var(--font-eng);
			font-style: italic;
			font-weight: 600;
			letter-spacing: 0.05em;
			font-size: 1.125rem;
		}

		/* アイテム一覧 */
		#staticSection.gift .s_gigt_product{
			margin: 4.375rem calc(50% - 50vw) 0;
		}

		#staticSection.gift .s_gigt_product-wrap ul{
			width: 100%;
			max-width: 1000px;
			margin: auto;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 2.375rem 2.0625rem;
			padding: 4.375rem 0;
		}

		#staticSection.gift .s_gigt_product-type{
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 0.75rem;

			margin-top: 1.625rem;
			padding-bottom: 0.9375rem;
		}

		#staticSection.gift .s_gigt_product-type p:first-of-type {
			width: 3.4375rem ;
			height: 3.4375rem;
			line-height: 3.4375rem;
			background: var(--color-primary);
			color: #fff;
			font-size: 1.375rem;
			border-radius: 50%;
			text-align: center;
		}

		#staticSection.gift .s_gigt_product-type p:last-of-type {
			font-size: 1rem;
			margin: 0;
		}

		#staticSection.gift .s_gigt_product-type p:last-of-type .s_text_en{
			font-size: 0.9375rem;
		}

		#staticSection.gift .s_gigt_product-kind{
			padding-top: 0.625rem;
			text-align: center;

		}

		#staticSection.gift .s_gigt_product-kind p:first-of-type{
			font-size: 0.875rem;
		}

		#staticSection.gift .s_gigt_product-kind p:last-of-type{
			font-size: 0.625rem;
			padding-left: 0.375rem;
			letter-spacing: 0.05em;
			margin-top: 0.625rem;
		}

		#staticSection.gift .s_gigt_product-kind p:last-of-type .s_text_en{
			font-size: 1.125rem;
		}
		#staticSection.gift .s_gigt_product-kind p:last-of-type :not(.s_text_en){
			font-size: 0.625rem;
			color: #666666;
			padding-left: 0.375rem;
		}
		#staticSection.gift .s_gigt_btn a{
			width: 15rem;
			margin: auto;
			margin-top: 1rem;
			height: 3.125rem;
			line-height: 3.125rem;
		}
	}




/**************************************
#staticSection and 店頭受取サービス sp
**************************************/


#staticSection.pickup .s_pickup_video-wrap p{
	font-size: 0.875rem;
}

/* 店頭受取の4つのメリット */

#staticSection.pickup .s_pickup_benefit h2{
	font-size: 1.625rem;
	font-weight: bold;
	text-align: center;
}

#staticSection.pickup .s_pickup_benefit-list li{
padding-left: 0;
text-indent: 0;
}

#staticSection.pickup .s_pickup_benefit h2 .s_text_en{
	font-size: 2.25rem;
	color: var(--color-primary);
}

#staticSection.pickup .s_pickup_benefit-list img{
	width: 100%;
	margin: auto;
}

@media screen and (min-width:768px) and ( max-width:1023px) {
	#staticSection.pickup .s_pickup_benefit-list{
		margin: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.875rem;
	}
}

@media only screen and (max-width: 768px), print {
	#staticSection.pickup .s_pickup_benefit-list{
		margin: auto;
	}
	#staticSection.pickup .s_pickup_benefit-list >*+*{
		margin-top: 1.875rem;
	}
	#staticSection.pickup .s_pickup_benefit-list li{
		width: 13.625rem;
		margin-left: auto;
		margin-right: auto;
	}
}

#staticSection.pickup .s_pickup_benefit-list{
	margin-top: 1.875rem;
}

#staticSection .s_pickup_faq p{
	padding-top: 0.6875rem;
	padding-bottom: 1.25rem;
	padding-left:  1.25rem;
}



#staticSection details{
	margin-top: 0.3125rem;
}

#staticSection .js-accordionTrigger
{
	position: relative;
	display: flex;
	align-items: baseline;
	column-gap: 0.625rem;
}

#staticSection .js-accordionContent{
	display: flex;
	align-items: baseline;
	column-gap: 0.5rem;
}

#staticSection details summary{
	background: #f5f5f5;
	padding: 1rem 3.1rem 1rem 0.9375rem;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.7;
}

#staticSection details summary .s_question{
	white-space: nowrap;
	color: var(--color-primary);
	font-weight: 500;
	font-family: var(--font-eng);
	letter-spacing: 0.05em;
	font-size: 1rem;
	font-style: italic;
}
#staticSection .s_pickup_flow-list > *+*{
	padding-top: 1.875rem;
}
#staticSection .s_pickup_flow-list li p{
	font-size: 0.875rem;
}
#staticSection.pickup .s_pickup_flow-list li p:first-of-type{
	height: 2.1875rem ;
	line-height: 2.1875rem;
	background: var(--color-primary);
	color: #fff;
	font-size: 0.9375rem;
	text-align: center;
}
#staticSection .s_pickup_flow-list p {
	margin-top: 1.25rem;
}

#staticSection .s_pickup_flow-list  li{
	padding-left: 0;
	text-indent: 0;
}
#staticSection .s_answer{
	white-space: nowrap;
	font-size: 1rem;
	color:#F02323;
	font-weight: 500;
	font-family: var(--font-eng);
	letter-spacing: 0.05em;
	font-style: italic;
}

#staticSection .js-accordionTrigger::before,
#staticSection .js-accordionTrigger::after
{
	content: "";
	position: absolute;
	background-color: var(--color-primary);
	width: 0.875rem;
	height: 0.1rem;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	transition: all .7s ;
}

#staticSection .js-accordionElm .js-accordionTrigger::after{
	transform: translateY(-50%) rotate(90deg);
}

#staticSection .js-accordionElm[data-accordion-state="closed"] .js-accordionTrigger::after{
	transform: translateY(-50%) rotate(90deg);
}

#staticSection .js-accordionElm[data-accordion-state="opened"] .js-accordionTrigger::after{
	transform: translateY(-50%) rotate(180deg);
	opacity: 0;
}

#staticSection .s_accordion_desc{
	text-indent: -2.5rem;
	padding-left: 4rem;
	margin: 1.7rem 0 2.5rem;
	display: none;
}


/**************************************
#staticSection and 店頭受取サービス pc
**************************************/
	@media only screen and (min-width: 1024px), print {

		#staticSection.pickup .main__inner {
			width: 100%;
			max-width: 1200px;
			margin: auto;
		}


		/* 店頭受取の4つのメリット */

		#staticSection.pickup .s_pickup_benefit h2{
			font-size: 1.75rem;
		}

		#staticSection.pickup .s_pickup_benefit-list li{
			width: 100%;
		}

		#staticSection.pickup .s_pickup_benefit h2 .s_text_en{
			font-size: 2.375rem;
		}

		#staticSection.pickup .s_pickup_benefit-list{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			column-gap: 2.6875rem;
			width: 100%;
			margin: auto;
			margin-top: 2.1875rem;
		}

		#staticSection.pickup .s_pickup_flow-list > *+*{
			padding-top:0;
		}

		#staticSection.pickup .s_pickup_flow-list p {
			margin-top: 0.9375rem;
		}

		#staticSection.pickup .s_pickup_flow-list li p:first-of-type{
			margin-top: 1.25rem;
		}
		#staticSection.pickup .s_pickup_flow {
			width: 100vw;
			margin: 4.375rem calc(50% - 50vw) 0;
			background: #F5F5F5;
		}

		#staticSection.pickup .s_pickup_flow-wrap {
			width: 100%;
			max-width: 1000px;
			margin: auto;
			padding: 0 min(7.14%, 100px);

		}
		#staticSection.pickup .s_pickup_flow-list {
			display: grid;
			grid-template-columns: 1fr 1fr ;
			gap: 2.5rem;
		}


		#staticSection.pickup .s_pickup_flow  h2{
			margin-bottom: 1rem;
		}

		#staticSection details summary{
			padding-left: 1.25rem;
			padding-right: 3.5rem;
			font-size: 0.9375rem;
		}
		

		
		#staticSection .js-accordionTrigger{
			column-gap: 0.875rem;
		}
		
		#staticSection .js-accordionContent{
			column-gap: 1rem;
		}
		
		#staticSection .s_accordion_list dl{
			margin-top: 1rem;
		}
		
		#staticSection .s_ttl_primary{
			margin-bottom: 2.5rem;
		}
		
		#staticSection .s_accordion_ttl{
			cursor: pointer;
		}
		
		
		#staticSection .s_accordion_ttl::before,
		#staticSection .s_accordion_ttl::after
		{
			right: 2.8rem;
		}
		#staticSection .s_accordion_desc{
			padding-right: 2.8rem;
			margin: 2rem 0 3rem;
		}


	}


/* 表 */
#staticSection .s_trade-table-head{
	display: block !important;
	background-color:var(--color-primary) ;
	color: #fff;
	text-align: left;
}

#staticSection .s_trade-table {
	margin-bottom: 0.625rem;
}

#staticSection.tradein .s_trade-table li:nth-of-type(n+2) p:first-of-type{
	text-align: left;
}


#staticSection .s_trade-table>*+*{
	margin-top: 1.875rem;
}

#staticSection .s_trade-table li{
	padding: 0;
	text-indent: 0;
}

#staticSection .s_trade-table li p{
	padding: 0.9375rem 0;
}

#staticSection .s_trade-table .s_rank_list p{
	font-weight: bold;
	font-size: 0.9375rem;
}



#staticSection .s_trade-table li .s_trade-table-head {
	background-color: var(--color-primary);
	padding:  0.5rem 0.625rem;
	font-size: 0.9375rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.08em;
}
#staticSection .s_trade-table-bold{
	letter-spacing: 0.05em;
	font-size: 1.375rem;
	font-family: var(--font-eng) ;
	font-style: italic;
	font-weight: 600;
}


@media only screen and (min-width: 1024px), print {
	#staticSection .s_trade-table {
		margin-bottom: 0.9375rem;
	}

	#staticSection .s_trade-table>*+*{
		margin-top: 1.875rem;
	}

	#staticSection .s_trade-table li{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		text-align: center;
		align-items: center;
	}
	#staticSection.rank .s_trade-table li{
		grid-template-columns: repeat(4, 1fr);
	}

	#staticSection .s_trade-table li{
		padding: 0;
		text-indent: 0;
		margin: 0;
	}

	#staticSection .s_trade-table li p{
		padding: 0.9375rem 0;
	}


	#staticSection .s_trade-table li .s_trade-table-head {
		background-color: var(--color-primary);
		padding:  0.5rem 0.625rem;
		font-size: 0.9375rem;
		font-weight: bold;
		color: #fff;
		letter-spacing: 0.08em;
		text-align: center;

	}
	#staticSection .s_trade-table-bold{
		letter-spacing: 0.05em;
		font-size: 1.375rem;
		font-family: var(--font-eng) ;
		font-style: italic;
		font-weight: 600;
	}
}
