@charset "utf-8";
* { box-sizing: border-box;}
html{ scroll-behavior: smooth;}
body { margin: auto; color: #333333; font-family: "Noto Sans JP",'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; font-feature-settings: "palt"; background-color: #FFFFFF; font-size: 16px; line-height: 150%; letter-spacing: 0em; min-width: 1170px;}
:where(ul, ol) { padding-left: 1.5em;}
section { margin: -113.88px 0 0 0; margin-block-end: 4em; padding: 113.88px 8px 0 8px;}
dd { margin: 0; padding: 0;}
h1 ~ p { padding: 0 8px;}
div:has(:is(h2, h3, h4)) { margin-block-end: 2em;}

table { border: 1px solid #CCCCCC; border-collapse: collapse;}
table :is(th,td) { padding: 8px; border-right: 1px solid #CCCCCC;}
table tr { border-bottom: 1px solid #CCCCCC;}
table th { background-color: #F0F0F0;}

summary::-webkit-details-marker { display: none;}
summary { display: block;}
img.picture { border: 1px solid #CCCCCC;}
.frame_outer { margin: 0 auto; width: 100%; text-align: center; display: flex; flex-flow: column; min-height: 100vh;}
#container { margin: 0 auto; padding: 0 0 30px; width: 1170px; background: #FFFFFF; text-align: left; flex: 1 0 auto;}

#main_column { padding: 20px 0 0;}
/* #main_column.colnum1 { margin: 0 auto; width: 100%;} */
#main_column.colnum2 { width: 960px;}
#main_column.colnum2.left { padding-left: 1.5%;}
#main_column.colnum2.right { float: right;}
#main_column.colnum3 { width: 754px; padding-left: 12px;}
.side_column { padding: 20px 0 0;}
#leftcolumn { float: left; width: 195px;}
#rightcolumn { float: right; width: 195px;}
#topcolumn,
#bottomcolumn,
#footerbottomcolumn { margin: 0px; background: #FFFFFF; text-align: left; clear: both;}
#undercolumn { width: 100%; margin: 0 0 30px 0;}

.clearfix { display: block;}

a { text-decoration: none;}
a:where(:link, :visited) { color: #0421EA;}
@media (any-hover: hover)  { 	
	a:where(:link, :visited):hover { color: #f60; transition: 0.3s ease;}
	a:link:hover:has(img) { opacity: 0.7;}
}
@media screen and (min-width:768px)  { 
	span.pc { display: inline;}
	.pc { display: block;}
	.sp { display: none;}
}
@media screen and (max-width:767px)  { 
	div:has(:is(h2, h3, h4)):last-child { margin-block-end: 0;}
	img { max-width: 100%;}
	.pc { display: none;}
	.sp { display: block;}
	section { margin: -57px 0 0 0; margin-block-end: 2em; padding: 57px 8px 0 8px!important; width: 100%;}
	:where(ul, ol) { padding-left: 1.5em;}
}

:where(h1, h2, h3, h4, h5) { margin-block: 0; font-size: 100%; line-height: 150%; color: #333333;}

.sale_price { color: #E60021; font-size: 100%; font-weight: 700;}

.normal_price { font-size: 100%;}

.point { color: #E60021; font-weight: 700;}

.user_name { font-weight: 700;}

.recommend_level { color: #ecbd00;}

h1.title { margin-block-end: 0.5em; padding: 8px 8px 8px 16px; color: #FFFFFF; background-color: #606060; font-size: 32px;font-feature-settings: "palt";}
h2.title { margin-block-end: 1em; padding: 8px; background-color: transparent; border-bottom: 1px solid #E60021; font-size: 24px; font-weight: 900; font-feature-settings: "palt"; display: flex; gap: 8px; color: #606060;}
h2.title::before { content: "◆"; color: #E60021;}
h3.title { margin-block-end: 1em; padding: 4px 8px; color: #606060; font-size: 20px; border-left: 5px solid #E60021;}
h4.title { margin-block-end: 0.5em; padding: 4px 8px; font-size: 18px; font-weight: 700; color: #606060; border-left: 4px double #606060;}
@media screen and (max-width:767px)  { 
	h1.title { margin-block-end: 10px; padding: 8px; font: 700 24px/1.5 "Noto Sans JP", Hiragino Kaku Gothic ProN, Meiryo, sans-serif; text-align: center;}
	h2.title { padding: 8px 4px; font: 900 20px/1.5 "Noto Sans JP", Hiragino Kaku Gothic ProN, Meiryo, sans-serif; background-color: transparent; border-bottom: 1px solid #E60021; font-feature-settings: "palt"; display: flex; gap: 8px; color: #606060;}
	h3.title { font: 700 18px/1.5 "Noto Sans JP", Hiragino Kaku Gothic ProN, Meiryo, sans-serif;}
}

.flex-container { display: flex; margin-bottom: 24px; gap: 16px;}
.attention { color: #E60021;}
.attentionSt { color: #E60021; font-weight: 700;}
ul:has(> :is(.attention--asterisk,.attention--square)) { padding: 0; gap: 0!important;}
:is(.attention--square, .attention--asterisk) { display: flex; align-items: baseline; gap: 4px;}
li:is(.attention--square, .attention--asterisk) { display: flex; align-items: baseline; gap: 4px; color: #E60021;}
.attention--square::before { content: '■';}
.attention--asterisk::before { content: '※';}
ol:has(li.attention--asterisk) { counter-reset: attention 0; padding: 0;}
ol li.attention--asterisk::before { counter-increment: attention 1; content: "※"counter(attention);}
div.attention { padding: 16px; border: 1px solid #E60021; color: #333333;}
div.attention .title { padding: 8px 16px; border: none; background-color: #E60021; color: #FFFFFF;}
div.attention :is(h3,h4):is(.attention) { margin-block-end: 1em;}
div.attention p:first-child { margin-block-start: 0;}
div.attention p:last-child { margin-block-end: 0;}
div.attention p:has(+ul) { margin-block-end: 0;}
div.attention ul { margin-block: 0;}
p:has(+ul li:is(.attention--square, .attention--asterisk)) {  margin-block-end: 0;}
p + ul:has(li:is(.attention--square, .attention--asterisk)) { margin-block-start: 0;}
.stbox { padding: 16px; border: 1px solid #CCCCCC;}
.stbox h3 + ul,
.stbox h4+:is(p,ul) { margin-block-start: 0;}
.stbox:has(+ :is(h2, h3, h4)) { margin-block-end: 2em;}
.stbox :is(p,dl,ul,ol):last-child { margin-block-end: 0;}
.stbox--scroll { width: 100%; height: 500px; overflow-y: scroll;}
.stbox--green { border:2px solid #00BE00;}
.stbox--scroll :is(h4,p) +:is(ol,ul,p) { margin-block-start: 0;}
.stbox--scroll p:has(+ :is(ol, ul)) { margin-block-end: 0;}
span.bg-red { margin-right: 8px; padding: 8px; background-color: #E60021; color: #FFFFFF;}

.numlist__kana { list-style: katakana;}
.numlist__alphabet { list-style-type: upper-alpha;}

.button-area { margin-block: 2em; padding: 0; list-style: none; display: flex; gap: 32px; justify-content: center;}
:is(input,button,a).button { padding: 8px 16px; min-width: 250px; display: inline-block; border: none; border-radius: 3px; color: #FFFFFF; text-align: center; font: 700 18px/1 "Noto Sans JP", sans-serif; font-feature-settings: "palt"; cursor: pointer; transition: 0.3s;}
:is(input,button, a).button--black { background-color: #333333;}
:is(input,button, a).button--red { background-color: #E60021;}
:is(input,button, a).button--orange { background-color: #FF9600;}
:is(input,button, a).button--green { background-color: #00BE00;}
:is(input, button, a).button--gray { background-color: #F0F0F0; color: #333333;}
:is(input, button, a).button--detail { min-width: auto!important; background-color: #333333;}
:is(input, button, a).button--delate { min-width: auto!important; background-color: #E60021;}
.button:has(img) { width: 300px; height: 38px;}
@media (any-hover: hover){
	:is(input,button,a).button:hover { opacity: 0.7;}
}
@media screen and (max-width: 767px)  { 
	.stbox p:first-of-type { margin-block-start: 0;}
	.flex-container { flex-direction: column;}
	span.bg-red { display: block;}
	#form-table ul.button-area { padding: 0 8px;}
	.button-area { width: 100%; padding: 0 8px; gap: 16px; flex-direction: column;}
	.button-area li { width: 100%;}
	.button-area:last-child{ margin-block-end: 0;}
	:is(input,button,a).button { width: 100%;}
}

.font__bold { font-weight: 700;}
.font__mini { font-size: 0.75em;}
.font__big { font-size: 1.25em;}

span:is(#price02_default,#price02_dynamic) { font-size: 200%;}

.alignC { text-align: center;}
.alignR { text-align: right;}
.alignL { text-align: left;}

.pricetd em { font-weight: 700;}

select, input, textarea { max-width: 100%; border: solid 1px #CCCCCC; border-radius: 3px;}
select,
label:has(input[type='radio']),
input:is([type='checkbox'], [type='radio']) { cursor: pointer; font: normal normal 400 16px/1 "Noto Sans JP", 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; font-feature-settings: "palt"; }
select { background-color: #FFFFFF;}
input:is([type='text'], [type='password'], [type="email"], [type="date"]) { max-width: 100%; border: solid 1px #CCCCCC; padding: 0 8px; font: normal normal 400 16px/1 "Noto Sans JP", 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; font-feature-settings: "palt"; }
:is(input:is([type='text'], [type='password'], [type="email"]),select):focus { outline: 2px solid #333333;}
input:is([type='checkbox'],[type='radio']) {accent-color: #E60021;font-size: 16px;}
input[type="date"] {appearance: none; min-height: 26px;}

@media screen and (max-width: 767px){
	input[name="email"]{width: 100%;}
}

.box40 { width: 40px;}
.box60 { width: 60px;}
.box100 { width: 100px;}
.box120 { width: 120px;}
.box140 { width: 140px;}
.box145 { width: 145px;}
.box150 { width: 150px;}
.box167 { width: 167px;}
.box175 { width: 175px;}
.box240 { width: 240px;}
.box300 { width: 300px;}
.box320 { width: 320px;}
.box350 { width: 350px;}
.box380 { width: 380px;}
.box__max { width: 100%;}
.box__half { width: 50%;}
.box__quarter { width: 25%;}

@media screen and (max-width:767px){
	.box__half,
	.box__quarter { width: 100%;}
}

.top { margin-bottom: 5px;}

#header_wrap { min-height: 56px; padding: 0 calc((100% - 1170px) / 2); background-color: #FFFFFF;}
#header_wrap.fixed { position: fixed; inset: 0 0 auto auto; z-index: 100;}

#header { margin: auto; width: 1170px; padding-top: 8px;}
#header_utility { float: right; width: 770px;}

#errorHeader { color: #F00; font-weight: 700; font-size: 12px; background-color: #FEB; text-align: center; padding: 5px;}

#bnr_area { padding: 10px; display: flex; flex-direction: column; gap: 10px;}

#logo_area { float: left; width: 390px; text-align: left;}
#logo_area img { width: 390px;}

#site_description { font-size: 90%;}

div#header_navi { float: right; width: 195px; background: blue;}
div#header_navi ul li { display: block;}
div#header_navi ul li.mypage,
div#header_navi ul li.entry { margin-top: 6px;}

#footer_wrap { margin: 0 auto; width: 1170px; height: 80px; background: #FFFFFF;}
#footer { margin: auto; padding-top: 10px; border-top: solid 1px #CCCCCC;}

#pagetop { width: 210px; float: right; text-align: right;}

#copyright { color: #999; width: 100%; margin: 20px 0; text-align: center; font-size: 97%;}

.btn_area { margin-top: 10px; width: 100%; text-align: center;}
.btn_area li { padding-right: 10px; display: inline;}

div#complete_area { margin-bottom: 20px; margin-left: 1em;}
div#complete_area .message,
div#undercolumn_entry .message { margin-bottom: 20px; line-height: 150%; font-weight: 700; font-size: 120%;}
div#complete_area .shop_information { margin-top: 40px; padding: 20px 0 0 0; border-top: solid 1px #CCCCCC;}
div#complete_area .shop_information .name { margin-bottom: 10px; font-weight: 700; font-size: 140%;}

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000000; color: #FFFFFF; max-width: 200px; text-align: center;}
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.tipsy-arrow { position: absolute; background: url("/direct/img/ajax/tipsy.gif") no-repeat top left; width: 9px; height: 5px;}
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px;}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;}
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left;}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left;}
.tipsy-e .tipsy-arrow { margin-top: -4px; top: 50%; right: 0; width: 5px; height: 9px; background-position: top right;}
.tipsy-w .tipsy-arrow { margin-top: -4px; top: 50%; left: 0; width: 5px; height: 9px;}

.indent1 { margin-left: 1em;}

/* header */
.header-buttonitem { box-sizing: border-box; display: flex; align-items: center;}
.header-buttonitem ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 8px;}
.header-logo { float: left; width: 160px;}
.header-logo img { width: 160px;}
li.c-button { min-width: 100px; appearance: none; border: none; text-align: center; font:normal normal 400 16px/normal "Noto Sans JP",Hiragino Kaku Gothic ProN, Meiryo, sans-serif;}
li.c-button a { display: flex;align-items: center;justify-content: center; gap: 4px; padding: 8px 14px 8px;}
li.c-button img { width: 20px; height: 20px; vertical-align: middle; margin: -0.1rem 5px 0 0;}
.maru { height: 20px; width: 20px; border-radius: 50%; line-height: 21px; text-align: center; background-color: #FFFFFF; display: inline-block; color: #00BE00; margin-left: 5px;}
#registration a::before { content: "";width: 25px;height: 25px;display: block;object-fit: contain;mask-image: url("/direct/img/join.svg"); mask-size: 30px 25px; background: #FFFFFF;}
#favorite a::before { content: "";width: 33px;height: 25px;display: block;object-fit: contain;mask-image: url("/direct/img/fav.svg"); mask-size: 32px 25px; background: #FFFFFF;}
#cart a::before  { content: "";width: 25px;height: 22px;background: #FFFFFF;mask-image: url("/direct/img/cart.svg");mask-size: 25px;}
@media (any-hover: hover)  { 
	li.c-button a:hover { opacity: 0.7; text-decoration: none;}
	.c-blue a { background: #4676d7; color: #FFFFFF;}
	.c-green a { background: #00BE00; color: #FFFFFF;}
	.c-orange a { background: #FF9600; text-align: center; color: #FFFFFF;}
	.c-sky a { background: #04C3DF;color: #FFFFFF;}
	.c-white a { background: transparent; color: #333333;}
	.c-green a:hover,
	.c-orange a:hover,
	.c-sky a:hover { color: #FFFFFF;}
	.c-white a:hover { color: #333333;}
}
@media screen and (max-width:767px)  { 
	body { box-sizing: border-box;min-width: 100%;}
	header { width:100%; padding: 8px;}
	#header_wrap { box-sizing: border-box; padding:8px; min-height: auto; border-bottom: 1px solid #CCCCCC; background: #FFFFFF; position: sticky; inset: 0 0; z-index: 500;}
	header #b0-header-cart { width: 100%;}
	header #header { padding:0;width: 100%;}
	.header-logo { float: none; width: fit-content;}
	header .header-logo img { width:auto;height:35px;}
	.header-buttonitem ul { height: 30px; align-items: baseline;}
	#container { width: 100%; padding: 0;}

	li.c-button { min-width: auto;width: fit-content; height: 30px;}
	li.c-button a { padding: 0;}
	#login a::before { content: "";width: 35px;height: 30px;display: block;object-fit: contain;mask-image: url("/direct/img/login.svg");mask-size: 39px;mask-position: center left;background: #535353;mask-position: center;mask-repeat: no-repeat;mask-size: 35px 30px;}
	#mypage a::before {content: "";width: 25px;height: 30px;display: block;object-fit: contain;mask-image: url("/direct/img/mypage.svg");background: #535353;mask-position: center;mask-repeat: no-repeat;mask-size: 25px 26px;}
	#registration a::before { content: "";width: 25px;height: 30px;display: block;object-fit: contain;mask-image: url("/direct/img/join.svg");background: #535353;mask-position: center;mask-repeat: no-repeat;mask-size: 25px 30px;}
	#favorite a::before { content: "";width: 33px;height: 30px;display: block;object-fit: contain;mask-image: url("/direct/img/fav.svg");background: #535353;mask-position: center;mask-repeat: no-repeat;mask-size: 30px;}
	#cart a::before { content: "";width: 34px;height: 30px;display: block;object-fit: contain;mask-image: url("/direct/img/cart.svg");background: #535353;mask-position: center;mask-repeat: no-repeat;mask-size: 30px;}
	.maru { display: none;}
}

/* グローバルナビゲーション */
#zero-topnavigation { background:#E61835;}
#zero-topnavigation ul.menu,
ul.menu__second-level { width: 1170px; list-style:none; padding:0; text-align:center; display: flex;}
#zero-topnavigation .menu { position: relative; width: 100%; height: 44px; margin: 0 auto; font: 18px/1.2 "Noto Sans JP",Hiragino Kaku Gothic ProN,Meiryo,sans-serif;}
#zero-topnavigation .menu > li { width: 25%; height: 44px; line-height: 44px;}
#zero-topnavigation .menu > li a { display: block; color: #FFFFFF; text-decoration: none;}
#zero-topnavigation ul.menu__second-level { visibility: hidden; opacity: 0; z-index: 1; display: flex; flex-direction: column;}
#zero-topnavigation .menu__second-level li { border-top: 1px solid #111;}
#zero-topnavigation .init-bottom:after  { content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 4px 10px;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg) translateY(-50%);position: absolute;inset: 50% 35% auto auto;}
#zero-fixedheader { width: 100%; z-index: 500;}
#zero-fixedheader.fixed { position: fixed; left: 0; top: 70px;}
@media (any-hover: hover)  { 
	#zero-topnavigation .menu > li a:hover { color: #FFFFFF;}
	#zero-topnavigation .menu > li:hover { background: #444; -webkit-transition: all .5s; transition: all .5s;}
	#zero-topnavigation .menu__second-level li a:hover { background: #111;}
}
@media screen and (max-width:767px)  { 
	#zero-topnavigation { background:#FFFFFF;position: absolute;inset: 0 auto auto 0;width: 100%;z-index: 100; display: none;}
	#zero-topnavigation ul.menu,
	ul.menu__second-level { padding:32px 0 24px 0; width: 100%;}
	#zero-topnavigation ul.menu.open,
	ul.menu__second-level.open { display: block;}
	#zero-topnavigation li.menu__single ul.menu__second-level { padding: 0; position: static!important; visibility: visible; opacity: 1; background: #FFFFFF!important;}
	#zero-topnavigation .init-bottom:after { display: none;}
	#zero-topnavigation .menu,
	#zero-topnavigation .menu__second-level { height: auto; display: flex;flex-direction: column;gap: 10px;}
	#zero-topnavigation .menu > li { float: none; width: 100%; height: auto;}
	#zero-topnavigation .menu > li a { color: #535353;font:400 18px/1.5 Hiragino Kaku Gothic ProN,Meiryo,sans-serif;}
	#zero-topnavigation .menu > li a.init-bottom { display:none;}
	#zero-topnavigation .menu__second-level li { border: none;}
	#zero-topnavigation .menu__close-btn { position: absolute; inset: 10px 10px auto auto;}
	#zero-topnavigation .menu__close-btn.open { display: block;}
}

/* floatクリア */
#zero-topnavigation .menu:before,
#zero-topnavigation .menu:after { content: ""; display: table;}
#zero-topnavigation .menu:after { clear: both;}
#zero-topnavigation .menu { zoom: 1;}
#zero-topnavigation .menu > li.menu__single { position: relative;}
#zero-topnavigation li.menu__single ul.menu__second-level { position: absolute; top: 44px; width: 100%; background: #444; -webkit-transition: all .2s ease; transition: all .2s ease;}
#zero-topnavigation li.menu__single:hover ul.menu__second-level { top: 44px; visibility: visible; opacity: 1;}

/* footer */
#zero-contentinfo { background: #F6F6F6;}
ul#b0-contentinfo { margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
ul#b0-contentinfo li { display: inline-block; width: 20%; line-height: 1.7;}
.contentinfo-body { margin: auto; overflow: hidden; padding: 30px 0 40px; width: 1170px; font-size: 14px;}
.contentinfo-copyright { background: #E61835; clear: both; color: #EEEEEE; padding: 20px 0; text-align: center; font-size: 14px;}
@media screen and (min-width: 768px)  { 
	.guide_area { display: none;}
}
@media screen and (max-width:767px)  { 
	.guide_area { clear:both;margin-bottom:20px;}
	.guide_area summary { cursor:pointer;text-align:left;border-bottom:1px solid #cbcbcb;padding:0.5em 0.8em;margin:0 8px;position:relative;font-size:16px;font-weight:bold;}
	.guide_area summary::after { content: "▼"; position: absolute; top: 0.5em; right: 0.8em;transition: 0.3s ease;}
	.guide_area summary::marker,
	.guide_area summary::-webkit-details-marker { display: none;}
	.guide_area ul { padding: 0 0.1em; display: none;}
	.guide_area ul li { display:block;text-align:left;border-bottom:1px solid #e5e5e5;}
	.guide_area a { display:block; padding:0.5em 0.8em; margin:0.5em 0.1em; position:relative; text-decoration: none;color: #535353; font: 700 14px/1 "Noto Sans JP",Helvetica, Arial, sans-serif; font-feature-settings: "palt";}
	.guide_area a::after { content:"〉"; position:absolute; top:0.5em; right:0.8em;}
	.guide_area summary.open::after { transform: rotate(180deg);}
}


/* TOP */
#container.fixed { margin-top: 112px;}
#container #zero-fixedheaderbelow { overflow: hidden;}
#container #zero-fixedheaderbelow.fixed { position: fixed; margin: 0; padding: 10px 0; left: 0; top: 93px; z-index: 400; width: 100%; background: #FFFFFFE6; box-shadow: 0 2px 5px #CCCCCC; box-shadow: 0 10px 30px #00000033;}
#container #zero-fixedheaderbelow.fixed #zero-header-below { margin: auto; float: none;}
#container.fixed2 { margin-top: 275px;}
.animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s;}
.animated.slideOutUp { -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.hide,
.hide.slideOutUp { -webkit-animation-duration: 0.3s; animation-duration: 0.3s;}
h1.zerohead1,
div.zerohead1 { background: #323232; color: #FFFFFF; padding-top: 10px; padding-left: 5px; font-size: 12px; font-weight: normal;}
#b0-header-cart { overflow: hidden; width: 1170px; display: flex; justify-content: space-between;}

::placeholder { color: #808080;}

/* #b0-top-section { padding: 25px 0;} */
ul#b0-top-search { margin-bottom: 20px; padding:0; display: flex; list-style: none;}
.search-col2 { width: calc(50%);}
.b0-slider img { width: 920px;}
#b0-embed-sns { display: none;}
@media (any-hover: hover)  { 
	.search-col2 a:hover { opacity: 0.7;}
}
.b0-slider .slick-slide { height: auto !important;}
.b0-slider .slick-next { right: 0 !important;}
.b0-slider .slick-prev { left: 0 !important;}
.b0-slider .slick-arrow { width: initial !important; height: initial !important; z-index: 2 !important;}
.b0-slider .slick-arrow:before { font-size: 30px !important;}
.b0-slider .slick-dots { position: static; bottom: 0;}
.b0-slider .slick-slider { margin-bottom: 6px;}
@media screen and (max-width:767px)  { 
	.b0-slider .slick-slide { width: 100%;}
	.b0-slider .slick-track { width: 100%;}
	.b0-slider .slick-list { width: 100%!important; padding: 0!important;}
	.b0-slider img { width: 100%;}
}

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}

@media screen and (max-width:767px)  { 
	#zero-contentinfo { background: #FFFFFF;}
	.contentinfo-body { width:100%;padding: 16px 8px;background: #F6F6F6;}
	.contentinfo-copyright { background: #E61835;clear: both;color: #EEEEEE;padding: 8px 0;text-align: center;font-size: 12px;}
	ul#b0-contentinfo { column-count: 2;text-align: left; font-size: 14px; font-feature-settings: "palt";display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 16px 0;}
	ul#b0-contentinfo li { width:50%;}
	ul#b0-contentinfo li a { color:#535353;text-decoration: none;}
	.search-col2 { width: 50%;}
	.search-col2 img { width:100%;}
	#b0-embed-sns { padding:16px 8px; display:flex; justify-content:space-around;}
	#b0-embed-sns .sns-col3 { width: 15%;}
}

/* バナーエリア */
.bnr_1170 { width:1170px;text-align:center;line-height:25px;font-weight: 700;font-size: 16px;}
.bnr_1170 p { margin-block-start: 0;margin-block-end: 0;}
@media screen and (max-width:767px)  { 
	.bnr_1170 { margin: 0 0 10px 0; width:100%;}
	.bnr_1170 p a { color: #535353; font: 700 14px/1.5 "Noto Sans JP",Helvetica, Arial, sans-serif; text-decoration: none;}
}

/* パンくずリスト */
.breadcrumb { margin-block: 0 1em; padding: 0; list-style: none; display: flex; gap: 8px;}
.breadcrumb li { display: flex; gap: 8px;}
.breadcrumb li::after { content: ">";}
.breadcrumb li:last-child:after { content: "";}
@media screen and (max-width:767px)  { 
	.breadcrumb { padding: 10px;margin-block-start: 0;margin-block-end: 0; flex-wrap: wrap;}
}

/* タブ切替 */
.tab__navi { padding: 0; list-style-type: none; display: flex; border-bottom: 3px solid #E60021;}
.tab__item { padding: 16px 0; width: 50%; display: flex; justify-content: center; background-color: #f0f0f0; cursor: pointer; text-align: center; font-weight: 700; transition: 0.3s;}
.tab__item.active { background-color: #E60021; color: #FFFFFF;}
.tab__content {display: none;}
.tab__content.show {display: block;}
@media screen and (max-width:767px)  { 
	.tab { padding: 0 8px;}
}

#bs-wrapper { width: 1170px; background: #FFFFFF;}
#bs-wrapper h2.title { margin-top: 0;background-color: transparent;border-bottom: 1px solid #E60021;font-feature-settings: "palt";display: flex;gap: 8px;color: #606060;}
#bs-wrapper h2.title::before { content: "◆";}
#bs-wrapper h3.title { margin-top: 0;}

div#chk-img { text-align: center;}
ul.image_list { padding: 0; display: flex;justify-content: space-around; flex-wrap: wrap;}
ul.image_list li { display: inline-block; vertical-align: top;}
ul.image_list li .image_box { width: 148px; position: relative; display: flex; flex-direction: column; gap: 4px;}
.image_box img.thumbnail { width: 100%; height: 100%; cursor: pointer; box-sizing: border-box; border: #EEEEEE 1px solid;}
.image_box img.thumbnail.checked { background: #E6002166; box-sizing: border-box;}
.image_box .disabled_checkbox { position: absolute; top: 5px; right: 5px; transform: scale(1); display: none; cursor: pointer;}
.image_box img.thumbnail.checked+.disabled_checkbox { display: block;}
.image_box label { display: block; text-align: center;}
ul.cmInlineList01 { padding-left: 0; margin-top: 0; background: #FFFFFF; border: #EEEEEE 1px solid; padding: 10px; overflow: hidden;  display: flex; flex-wrap: wrap; gap: 8px 0;}
ul.cmInlineList01 li { list-style: none; width: 229px;}
.bike_target span { display: flex; align-items: baseline;}
.bike_target.bike_selected { display: block;}
div.slidebox { background: #EEEEEE; padding: 8px 0; width: 100%; text-align: center; clear: both; cursor: pointer;}
label.bike_target.bike_selected { height: 3em;}

ul.list-col { padding-left: 0; display: flex; flex-wrap: wrap; list-style: none;}
ul.list-col li { width: 170px; margin: 5px 10px;}
ul.list-col li:has(label input[type="text"]) {width: fit-content;}
ul.list-col li label { display: flex; align-items: baseline; gap: 4px;}
ul.list-col li label input.srchData { margin: 4px 0 !important;}
.sel-option { margin: 0 10px; margin-block-start: 1em;margin-block-end: 1em; display: flex; align-items: baseline; gap: 8px;}
.sel-option select { padding: 4px; width: 120px; border-radius: 3px; font: 400 16px/1 "Noto Sans JP",Hiragino Kaku Gothic ProN,Meiryo,sans-serif;}
.search-btn-area { padding: 16px 0; display: flex; flex-wrap: wrap; gap: 16px 24px; justify-content: center; font: 400 18px/1 "Noto Sans JP",'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; font-feature-settings: "palt";}
.search-submit,
.release { width: 300px; text-align: center; padding: 8px 0; border: none; font: 400 18px/1 "Noto Sans JP",Hiragino Kaku Gothic ProN,Meiryo,sans-serif; font-feature-settings: "palt"; display: block; cursor: pointer; transition: 0.3s; }
.search-submit {  color: #FFFFFF; background: #E60021; font: 400 18px/1 "Noto Sans JP",Hiragino Kaku Gothic ProN,Meiryo,sans-serif;}
.release { background: #EEEEEE;}
.search-submit#search-all { width: 624px; background: #333333;}
.searchResult { width: 300px; margin: 30px auto 0; text-align: center;}

@media (any-hover: hover)  { 
	.search-submit:hover,
	.release:hover { opacity: 0.7;}
}
@media screen and (max-width:767px)  { 
	#bs-wrapper { width: 100%;}
	#bs-wrapper section { padding: 0 8px; font:400 16px/1.5 "Noto Sans JP", Hiragino Kaku Gothic ProN,Meiryo,sans-serif; font-feature-settings: "palt";}
	#bs-wrapper .title { margin: 30px 0 15px; font-size: 18px;}
	#bs-wrapper h1.title { font:700 20px/1.5 "Noto Sans JP", Hiragino Kaku Gothic ProN,Meiryo,sans-serif; text-align: center;}
	#bs-wrapper h2.title { padding: 8px 4px; font: 700 18px/1.5 "Noto Sans JP",Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background-color: transparent;border-bottom: 1px solid #E60021;font-feature-settings: "palt";display: flex;gap: 8px;color: #606060;}
	#bs-wrapper h3.title { margin-top: 0; font-size: 170%;}

	ul.image_list { gap: 16px;}

	ul.cmInlineList01 { gap: 16px 0; line-height: 1.25;}
	ul.cmInlineList01 li { list-style: none; width: 50%;}

	ul.list-col { padding: 0 4px; gap: 8px;}
	ul.list-col li { width: calc(100% / 2 - 4px); margin: 0;}
	ul.list-col li:has(label input[type="text"]) { width: 100%;}
	ul.list-col li:has(label input[type="radio"].srchData) { width: calc(100% / 2 - 4px);}
	ul.list-col li label { display: flex; align-items: baseline; gap: 4px;}
	ul.list-col li label:has(input[type="radio"]) { width: 100%;padding: 4px 8px;border: 1px solid #CCCCCC;border-radius: 3px;}
	ul.list-col li label input[type="radio"].srchData { display: none;}
	ul.list-col li label:has(input[type="radio"].srchData:checked) { background: #E6002166; border-color: #E6002133;}

	.search-btn-area { padding: 16px 8px;}
	.search-submit,
	.release,
	.search-submit#search-all { width: 100%; border-radius: 3px;}

	.sel-option { justify-content: space-around;}
}

/* 検索結果一覧 */
#conditions { width: 100%; border: 1px solid #CCCCCC;}
#conditions dl { margin: 0; width: 100%; border-bottom: 1px solid #CCCCCC; display: flex;}
#conditions dl:last-child { border-bottom: none;}
#conditions dl dt { padding: 8px; width:15%; border-right: 1px solid #CCCCCC;}
#conditions dl dd { padding: 8px; width: 85%;}
#back-to-search { padding: 24px 0;width: fit-content;margin: 0 0 0 auto; text-decoration: none;}
#back-to-search a { padding: 8px 16px; border-radius: 3px; background-color: #333333; color: #FFFFFF; text-decoration: none; transition: 0.3s;}

.pagecond_area {  margin-bottom:20px;padding:10px;}
.pagenumber_area {  margin:20px 0; padding-bottom:10px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px dashed #CCCCCC;}
.pagenumber_area .navi strong,
.pagenumber_area .navi a { border: 1px solid transparent; display: inline-block; padding: 7px 12px; border-color: #CCCCCC; color: #E60021; background: #FFFFFF;}
.pagenumber_area .navi strong { background: #E60021; border-color: #E60021; color: #FFFFFF;}
.pagenumber_area .navi {  width:fit-content;}
.pagenumber_area .navi ul { padding: 0; margin-block: 0;}
.pagenumber_area .navi li {  display:inline;}
.pagenumber_area .navi li.on a { background: #E60021;color: #FFFFFF;}
.pagenumber_area .change {  order: 2; min-width: 320px; display: flex; gap: 8px;}
.display_number  { display: flex; gap: 4px; align-items: baseline;}

.search_result_list { padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 24px 16px;}
.search_result_list li { list-style: none;padding: 8px;width: calc(20% - 13px);border: 1px solid #CCCCCC;display: flex;flex-direction: column;gap: 8px;}
.search_result_list li .product-item {  height: 100%;}
.search_result_list li a { height: 100%; display: block; color: #000000; transition: 0.3s; text-decoration: none;}
.search_result_list li a .product-body { height: 100%; display: flex; flex-direction: column; gap: 8px;}
.search_result_list li a .product-body h3  { min-height: 72px;}
.search_result_list li a p { margin-block: 0;}
.search_result_list li a .product-image,
.search_result_list li a .product-image img {  width: 100%; aspect-ratio: 4 / 3;}
.search_result_list li a .product-price { margin-top: auto; display: flex; flex-direction: column; align-items: flex-end;}
.search_result_list li a .product-price .price  { color: #E60021;font-weight: 700;font-size: 20px;}
.search_result_list li a .product-code { margin-top: auto; display: flex; gap: 8px; align-items: baseline;}
.search_result_list li a .product-code dt { display: flex; gap: 4px;}
.search_result_list li a .product-code dt::after { content: ':';}

#zero-product { margin: -113.88px 0 0 0; padding: 113.88px 0 0 0;}

@media (any-hover: hover)  { 
	#back-to-search a:hover { opacity: 0.7; text-decoration: none;}
	.pagenumber_area .navi a:hover { background: #EEEEEE; text-decoration: none;}
	.pagenumber_area .navi li.on a:hover { background: #E60021; text-decoration: none;}
	.search_result_list li a:hover {  text-decoration: none; color: #000000;}
}
@media screen and (max-width:767px) { 
	#zero-product  { padding: 57px 8px 0; margin: -57px 0 0 0;}
	#back-to-search  { padding: 24px 8px; width: 100%; text-align: center;}
	#back-to-search a { display: block;}
	#search_form2 { padding: 0 8px;}
	.search_result_list li a .product-body h3  { min-height: auto;}
	#conditions dl { flex-direction: column;}
	#conditions dl dt { width:100%; border-right: none; border-bottom: 1px solid #CCCCCC;}
	#conditions dl dd { width: 100%; min-height: 40.67px;}
	.pagenumber_area { flex-direction: column; gap: 16px; align-items: center;}
	.pagenumber_area .change {  flex-wrap: wrap; gap: 16px 0; width: 100%;}
	.pagenumber_area .change strong,
	.pagenumber_area .change a { padding: 8px; width: calc(100% / 3); text-align: center; text-decoration: none; border: 1px solid #E60021;}
	.pagenumber_area .change a { color: #E60021;}
	.pagenumber_area .change strong { background-color: #E60021; color: #FFFFFF;}
	.pagenumber_area .change .display_number  { padding: 0;width: 100%;display: flex;justify-content: center;gap: 8px;}
	select[name="disp_number"]  { padding: 8px;width: 100%;border-radius: 3px;}
	.search_result_list li  { width: calc(50% - 8px);}
}

/* バイク詳細 */
#detailarea { margin-block-end: 2em; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;}

#detail__photo { width: calc(50% - 8px); display: flex; flex-direction: column; gap: 16px; position: relative;}
#detail__photo .swiper { overflow: hidden; position: relative;}
.detail__photo-img img { width: 100%; aspect-ratio: 4 / 3;}
#detail__photo .swiper-button-prev,
#detail__photo .swiper-button-next { color: #E60021; top: 25%;}
/* #detail__photo .swiper-button-prev { }
#detail__photo .swiper-button-next { } */

#detail__thumb { margin: 0; padding: 0;}
#detail__thumb .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 8px;}
#detail__thumb .swiper-slide { margin: 0; padding: 0; width: calc(100% / 5 - 8px); height: auto; aspect-ratio: 4 / 3;}
#detail__thumb .swiper-slide img  { width: 100%; transition: 0.3s;}

.remarks__button-area { margin-block: 1em; display: flex; gap: 16px; justify-content: space-between;}
a.remarks__button  { padding: 8px;color: #333333;width: calc(100% / 3 - 8px);background: #EEEEEE;border: 1px solid #DDDDDD;text-decoration: none;display: flex;justify-content: center;align-items: center;}
a.inquiry { background: #333333; color: #FFFFFF;}
@media (any-hover: hover) { 
	a.remarks__button:hover { opacity: 0.7; color: #333333; text-decoration: none;}
	a.inquiry:hover { opacity: 0.7; text-decoration: none; color: #FFFFFF;}
	#detail__thumb .swiper-slide:hover { cursor: pointer;}
	#detail__thumb .swiper-slide:hover img { transform: scale(0.95);}
}
@media screen and (max-width:767px)  { 
	.remarks__button-area { flex-wrap: wrap;}
	a.remarks__button { width: calc(50% - 8px);}
	a.inquiry { width: 100%;}
	#detail__photo .swiper-button-prev,
	#detail__photo .swiper-button-next { top: calc(((100% - 16px) / 4 * 3) / 2);}
}
#detail__text { width: calc(50% - 8px);}
#detail__text .sale_price { margin-block-end: 0; display: flex; flex-direction: row; justify-content: center; align-items: baseline; gap: 8px;}
#detail__information { display: flex; flex-direction: column;}
#detail__information-table  { border: 1px solid #CCCCCC;}
#detail__information-table dl { margin-block: 0; display: flex; flex-wrap: wrap; border-bottom: 1px solid #CCCCCC;}
#detail__information-table dl:last-child { border-bottom: none;}
#detail__information-table dl dt { padding: 8px; width: 160px; border-right: 1px solid #CCCCCC; background-color: #EEEEEE;}
#detail__information-table dl dd { padding: 8px; width: calc(100% - 160px);}
.detail__movie  { width: calc(50% - 8px);aspect-ratio: 16/9;}
#detail__mileage { margin-block-start: 0; display: flex;flex-wrap: wrap; justify-content: center;}
#detail__mileage dt { padding: 4px 8px; display: flex; justify-content: space-between; gap: 4px;}
#detail__mileage dt::after  { content: ':';}
#detail__mileage dd { padding: 4px 8px; text-align: right; }
#detail__breakdown dl { margin-block: 0; display: flex;flex-wrap: wrap; justify-content: center;}
#detail__breakdown dl dt { padding: 4px 8px; width: 25%; display: flex; justify-content: space-between;}
#detail__breakdown dl dt::after  { content: ':';}
#detail__breakdown dl dd { padding: 4px 8px; width: 25%; text-align: right; }
#breakdown__attention { padding: 0; margin-block: 0; list-style-type: none;}
#breakdown__attention li  { display: flex; gap: 8px;}
#breakdown__attention li::before { content: '※';}
.detail__attention { margin-block: 1em; padding: 16px; background-color: #EEEEEE; display: flex; flex-direction: column; gap: 8px;}
.detail__attention-select { display: flex;}
.detail__attention-select #select_pref  { margin: 0 1em; font: 400 14px/1 "Noto Sans JP",'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; font-feature-settings: "palt";}
.detail__attention-select #select_pref_btn  { font: 400 12px/1 "Noto Sans JP",'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;font-feature-settings: "palt";color: #FFFFFF;background-color: #333333;border: none;border-radius: 3px;}
#attention__agreement { width: 100%; text-align: center;}
#detail__cart-area { margin-block: 1em; display: flex; gap: 16px; flex-wrap: wrap;}
#detail__cart-area span.js-modal-open  { cursor: pointer;color: #E60021;font-weight: 700;border-bottom: 1px solid;transition: 0.3s;}
#detail__cart-area .button__cart { padding: 8px 16px 8px; width: 100%; color: #FFFFFF;display: flex;gap: 8px;align-items: center; justify-content: center; background-color: #00BE00; line-height: 3; text-decoration: none;}
#detail__cart-area .button__cart::before { content: ""; width: 24px; height: 20px; background: #FFFFFF; mask-image: url("/direct/img/cart.svg"); mask-size:24px 20px;}
.attention__list { padding: 0; list-style-type: none;}
#detail__information .attention__list { margin-block: 0 1em; padding: 0; list-style-type: none;}
@media (any-hover: hover) { 
	.detail__attention-select #select_pref_btn  { cursor: pointer; }
}

/* モーダル */
.js-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500;}
.modal-bg { position: absolute; width: 100%; height: 100%; background: #000000CC; cursor: pointer;}
.modal-wrap { position: fixed; top: 50%; left: 50%; width: 80%; height: 80%; padding: 30px; overflow-y: scroll; transform: translate(-50%, -50%); background: #FFFFFF;}
.modal-btn { cursor: pointer; text-align: center; width: 100%; margin: 32px auto; padding: 16px 0; background: #333333;  color: #FFFFFF; transition: 0.3s;}
.modal-close-btn i { position: absolute; top: 30px; right: 30px; font-size: 40px; cursor: pointer;}
span.js-modal-open { cursor: pointer; color: #0421EA;}
div.modal-title { border-left: 6px solid #E61835; padding-left: 10px; font-size: 24px;}
.modal-contents__inner :is(p,ol) + :is(h3,h4)  { margin-block-start: 1em;}
.modal-contents__inner p { margin-block: 0;}
.modal-contents__inner ol  { margin-block-start: 0;padding: 0 0 0 1.25em;}
.modal-contents__inner ol li ol { margin: 0; padding: 0; counter-reset: second 0;}
.modal-contents__inner ol li ol li  { display:flex;align-items:baseline;gap:0.25em;}
.modal-contents__inner ol li ol li::before  { counter-increment: second 1;content: counter(second);width:16px!important;height:16px!important;display: flex;justify-content: center;align-items: center; border-radius:50%;border:1px solid; font-size: 12px;flex-shrink: 0;}
.modal-contents__inner ol li ol li:has(ol)  { flex-wrap: wrap;}
.modal-contents__inner ol li ol li ol  { margin: 0;padding: 0 0 0 1.5em; width: 100%; counter-reset:third 0;}
.modal-contents__inner ol li ol li ol li  { display: block;list-style-type: katakana;display:flex;}
.modal-contents__inner ol li ol li ol li::before  { counter-increment:third 1; content:counter(third,katakana)".";border:none;border-radius:0;font-size:16px;}

@media (any-hover: hover)  { 
	#detail__cart-area span.js-modal-open:hover  { color: #FFFFFF;background-color: #E60021;}
	#detail__cart-area .button__cart:hover { opacity: 0.7; text-decoration: none;}
	.modal-btn:hover { opacity: 0.7;}
}
@media screen and (max-width: 767px)  { 
	#detail-flex { padding: 0 8px;}

	#detail__photo,
	#detail__text { width: 100%;}
	#detail__photo-img img  { width: 100%;}

	#detail__breakdown dl { flex-wrap: nowrap;}
	#detail__breakdown dl :is(dt,dd) { width: 100%; }

	#breakdown__attention li { gap: 4px;}
	.detail__attention-select #select_pref  { margin: 0;width: 100%;height: 2em;border-radius: 3px;}
	.detail__attention-select #select_pref_btn  { margin: 0;padding: 8px;width: 100%;color: #FFFFFF;background-color: #333333;border: none;border-radius: 3px;letter-spacing: 0.2em;}

	#detail__information-table dl { margin-block: 0; display: flex; flex-wrap: wrap; border-bottom: 1px solid #CCCCCC;}
	#detail__information-table dl:last-child { border-bottom: none;}
	#detail__information-table dl dt { padding: 8px; width: 100%; border-right: none; border-bottom: 1px solid #CCCCCC; background-color: #EEEEEE;}
	#detail__information-table dl dd { padding: 8px; width: 100%;}
	.detail__movie { width: 100%; height: auto; aspect-ratio: 16 / 9;}

	.detail__photo-gallery li { width: calc(100% / 4 - 8px);}
	.detail__photo-gallery li img { width: 100%;}

	.detail__attention-select { margin-block-end: 1em; flex-wrap: wrap; gap: 8px;}

	#attention__agreement,
	#detail__cart-area .button__cart { width: 100%;}
	#attention__agreement { text-align: center;}
}

/* アドバンテージ */
:is(#advantage__about,#advantage__point,#advantage__merit,#advantage__strengths) {  margin-block-end: 32px;}
#advantage .advantatge__lead { margin-block: 3em; text-align: center;}
#advantage p.head { font-weight: 700; margin: 1em 0 1em 1em; color: #555; background: #ccc;}
#advantage p.lead { font-weight: 700; margin: 1em 0 1em 1em; color: #555;}
#advantage img { margin-block: 2em; display: block;}
#advantage p.figure { font-weight: 700; font-size: 115%; line-height: 1.75;}
#advantage h3 { margin: 0; padding: 8px;background-color: #E60021;color: #FFFFFF;text-align: center; font-size: 20px;}
#advantage h4 { font-size: 18px; color: #E60021;}

#advantage p.indent { margin-left: 2em;}
.b-point3 { width: calc(100% / 3 - 8px); display: flex; flex-direction: column; gap: 16px;}
.b-point4  { width: calc(100% / 4 - 8px);margin: 0;display: flex;flex-direction: column;gap: 16px;}
#advantage :is(.b-point3, .b-point4) img  { margin-block: 0;margin: 0 auto;width: 75%;aspect-ratio: 1/1;}
.b-point4 p { margin-block: 0; text-align: justify;}
.imgwrap img { width: 100%;}
.b-head3 { color: #E60021; margin: 1em 0; line-height: 1.5;}
.b-caption3 { display: flex; flex-direction: column; gap: 8px;}
.b-caption3 dt { font-size: 18px; font-weight: 700; color: #E60021; text-align: center;}
.b-point-h { font-size: 170%; font-weight: 700; text-align: center; background: #f0f0f0; line-height: 150%; padding: 1em 0; margin-bottom: 30px;}

@media screen and (max-width:767px) { 
/* 	:is(#advantage__about,#advantage__point,#advantage__merit,#advantage__strengths) {  padding: 0 8px;} */
	#advantage .advantatge__lead { margin-block: 1em; text-align: left;}
	#advantage img { max-width: 100%;}
	.b-head3,
	.b-caption3 { width: 100%;}
	.b-point3,
	.b-point4 { width: 100%; align-items: center;}
	#advantage .b-point3 img,
	#advantage .b-point4 img { width: 50%;}
	.b-caption3 { margin-block: 0;}
}

/* 個人情報保護方針 */
#privacy h1 { counter-reset: title 0;}
#privacy h2.title { margin-block-end: 0; padding: 8px 0; border: none;}
#privacy h2.title::before { counter-increment: title 1; content: counter(title)"."; color: #606060;}
#privacy05 ol li ol { list-style-type: lower-latin;}

/* お支払い */
.payment__img-area { width: 50%; display: flex; flex-direction: column;}
@media screen and (max-width:767px) { 
	.payment__img-area { width: 100%; align-items: center; text-decoration: none;}
	.payment__img-area img { width: 100%;}
}

/* はじめての方 */
#first .flex-container { display: flex;}
#first .flex-container dl { margin-block: 0; width: calc(100% / 4 - 12px); display: flex; flex-direction: column; gap: 0; border: 1px solid #E60021;}
#first .flex-container dl :is(dt,dd) { padding: 16px 8px;}
#first .flex-container dl dt { min-height: 104px; display: flex; justify-content: center; align-items: center; background-color: #E60021; color: #FFFFFF; text-align: center; font-weight: 700;}
#first .flex-container dl dd { text-align: justify;}
#first__point { display: flex;}
#first__point :is(dt,dd) { padding: 8px;}
#first__point dt { background-color: #E60021; color: #FFFFFF;}
#first__flow { padding: 0; list-style-type: none;}
#first__flow li { margin-block-end: 8px; display: flex; flex-direction: column; gap: 8px;}
#first__flow li::after { content: "▼"; padding: 0 1.5em;}
#first__flow li:last-child:after  { content: "";}
@media screen and (max-width:767px)  { 
	#first .flex-container { flex-wrap: wrap;}
	#first .flex-container dl { width: 100%;}
	#first .flex-container dl dt { min-height: auto;}
	#first__point { border: 1px solid #E60021;}
	#first__point dt { min-width: 75px;}
	#first__flow li { align-items: center;}
}

/* 車輌の保証について */
#warranty .warranty__parts-list,
#first .flex-container .warranty__parts-list { margin-block: 0; width: calc(100% / 3 - 8px); display: flex; flex-direction: column; border: 1px solid #CCCCCC;}
#warranty .warranty__parts-list dt,
#first .flex-container .warranty__parts-list dt { padding: 8px; min-height: 46px; display: flex; justify-content: center; background-color: #F0F0F0; border-bottom: 1px solid #CCCCCC; text-align: left; font-weight: 400; color: #333333;}
#warranty .warranty__parts-list dd,
#first .flex-container .warranty__parts-list dd { padding: 8px;}
#warranty .warranty__parts-list dd ul,
#first .flex-container .warranty__parts-list dd ul { padding: 0; list-style-type: none;}
@media screen and (max-width:767px)  { 
	#warranty .warranty__parts-list,
	#first .flex-container .warranty__parts-list { margin-block: 0; width: 100%;}
	#warranty .warranty__parts-list dd ul,
	#first .flex-container .warranty__parts-list dd ul { display: flex; flex-wrap: wrap; gap: 8px 0; line-height: 1.25;}
	#warranty .warranty__parts-list dd ul li,
	#first .flex-container .warranty__parts-list dd ul li { width: 50%;}
}

/* 会員サービスについて */
#membership .flex-container { display: flex; flex-direction: column; align-items: center;}

/* 古物営業法に基づく表示 */
#antiqury__table { margin: 0 auto; border-collapse: collapse; border: 1px solid #CCCCCC;}
#antiqury__table tr { border-bottom: 1px solid #CCCCCC;}
#antiqury__table :is(th,td) { padding: 8px;}
#antiqury__table tr :is(th, td):first-child { border-right: 1px solid #CCCCCC;}
#antiqury__table th { background-color: #F0F0F0; font-weight: 400;}
@media screen and (max-width:767px)  { 
	#antiqury__table { width: 100%;}
}

/* 特定商取引に関する法律に基づく表記 販売業者 */
.transaction__table { display: flex; flex-direction: column; gap: 0; border: 1px solid #CCCCCC;}
.transaction__table dl { margin-block: 0; display: flex; border-bottom: 1px solid #CCCCCC;}
.transaction__table dl:last-child { border-bottom: none;}
.transaction__table dl :is(dt,dd) {padding: 8px;}
.transaction__table dl dt { width: 150px; background-color: #F0F0F0; border-right: 1px solid #CCCCCC;}
.transaction__table dl dd { width: calc(100% - 150px);}
.transaction__table dl dd p:first-child { margin-block-start: 0;} 
.transaction__table dl dd p:last-child { margin-block-end: 0;}
.transaction__table dl dd > dl { margin-block-end: 1em; display: flex; flex-direction: column; gap: 0; border: none;}
.transaction__table dl dd > dl:last-child { margin-block-end: 0;} 
.transaction__table dl dd > dl :is(dt,dd) { padding: 0; width: 100%; background-color: transparent; border: none;}
.transaction__table dl dd .flex-container { margin-block: 1em;}
.transaction__table dl dd .flex-container:last-child { margin-block-end: 0;}
.transaction__table dl dd :is(ul, p):has(+:is(h3, h4)) { margin-block-end: 1em;}
.transaction__table dl dd :is(h3,h4) + p { margin-block-start: 0;}
.transaction__image-list { padding: 0; display: flex; gap: 16px; justify-content: space-between;}
.transaction__image-list li { display: flex; align-items: center; gap: 16px;}
.transaction__image-list li::after { content: "▶";}
.transaction__image-list li:last-child::after { content: none;}
.transaction__image-list li img { width: 155px; aspect-ratio: 4 / 3; border: 1px solid #CCCCCC;}
@media screen and (max-width:767px)  { 
	.transaction__table dl { flex-direction: column; border: none;}
	.transaction__table dl :is(dt,dd) { width: 100%; border-bottom: 1px solid #CCCCCC;}
	.transaction__table dl dt { border-right: none;}
	.transaction__table dl:last-child dd {border: none;}
	.transaction__table dl dd .flex-container p { margin-block: 0;}
}

/* よくある質問 */
#faq :is(#vehicle01,#vehicle02,#vehicle03,#vehicle04,#vehicle05,#vehicle06,#parts01,#parts02,#parts03,#parts04,#parts05,#parts06) { margin: -113.88px 0 0 0; margin-block-end: 4em; padding: 113.88px 0 0 0;}
#faq .flex-container { flex-wrap: wrap; gap: 16px 24px;}
#faq article { padding: 8px 0; width: calc(50% - 12px);}
#faq article :is(h4,p){padding: 0 calc(32px + 16px);display: flex;gap: 8px;position: relative;}
#faq article :is(h4, p)::before { width: 32px; text-align: center; font-size: 20px; font-weight: 900; aspect-ratio: 1/1; position: absolute; inset: 0;}
#faq article h4 {margin-block-end: 1em;align-items: center;font-weight: 700;cursor: pointer;}
#faq article h4::before {content: "";height: 34px;background-color: #333333;mask-image: url("/direct/img/faq/q.svg");position: absolute;inset: 50% 0 0 0;transform: translateY(-50%);}
#faq article h4::after { content: ""; margin-left: auto; width: 24px; height: 24px; background-color: #E60021; mask-image: url("/direct/img/faq/plus.svg"); position: absolute; inset: 50% 16px auto auto; transform: translateY(-50%);}
#faq article h4.open::after { content: ""; height: 4px; mask-image: url("/direct/img/faq/minus.svg");}
#faq article h4 + p {margin-block: 0;display: none;text-align: justify;position: relative;padding: 0 calc(32px + 16px);}
#faq article h4 + p::before {content: "";height: 32px;background-color: #E60021;mask-image: url("/direct/img/faq/a.svg");position: absolute;inset: 0 0 0 0;}
#faq div.attention { text-align: center;}
#faq div.attention p { margin-block: 1em;}
#faq div.attention a { margin: 0 auto; padding: 8px 16px; width: fit-content; display: block; background: #E60021; color: #FFFFFF; border: 2px solid #E60021; font-weight: 700;}
.faq__anchor-links ul { padding: 0; display: flex; gap: 16px; justify-content: center;}
.faq__anchor-links ul li { display: flex; flex-direction: column; align-items: center; position: relative;}
.faq__anchor-links ul li::after { content: "▼"; transition: 0.3s;}
.faq__anchor-links ul li a { color: #333333;}
.faq__anchor-links ul li a::before { content: ""; display: block; position: absolute; inset: 0;}
@media (any-hover: hover){
	.faq__anchor-links ul li:hover::after { transform: translateY(4px);}
	.faq__anchor-links ul li a:hover { color: #E60021;}
	#faq div.attention a:hover  { color: #E60021; background-color: #FFFFFF;}
}
@media screen and (max-width:767px) {
	#faq :is(#vehicle01,#vehicle02,#vehicle03,#vehicle04,#vehicle05,#vehicle06) { margin: -57px 0 0 0; margin-block-end: 2em; padding: 57px 0 0 0; width: 100%;}
	#faq article { padding: 0; width: 100%;}
	#faq article :is(h4, h4 + p) {padding: 0 24px 0 32px; align-items: flex-start;}
	#faq article :is(h4, p)::before {width: 24px;height: 26px;inset: 0;transform: translateY(0);}
	#faq article h4::after { width: 16px; height: 16px; inset: 0 0 auto auto; transform: translate(-25%, 25%);}
	#faq article h4.open::after { height: 3px; transform: translate(-25%, 350%);}
	#faq article h4+p::before { height: 24px;}
	.faq__anchor-links ul { flex-wrap: wrap; gap: 8px;}
	.faq__anchor-links ul li { width: calc(50% - 4px); flex-direction: row; justify-content: space-between; align-items: flex-start;}
	#faq div.attention { margin: 0 8px;}
	#faq div.attention p {margin-block: 0 1em;}
	#faq div.attention p:last-child { margin-block: 0;}
}

/* ご利用ガイド */
#guide h4 + p { margin-block-start: 0;}
#gide__flow { padding: 0; list-style: none; display: flex; gap: 32px;}
#gide__flow li { padding: 8px; width: calc(100% / 5 - 8px); border: 1px solid #CCCCCC; position: relative;}
#gide__flow li::after {content: "▶"; position: absolute; inset: 50% auto auto calc(100% + 8px); transform: translateY(-50%);}
#gide__flow li:last-child::after { content: "";}
#gide__flow li p { margin-block: 0;}
#gide__flow li img { width: 100%;}
@media screen and (max-width:767px) {
	#gide__flow { flex-direction: column;}
	#gide__flow li { width: 100%;}
	#gide__flow li::after { content: "▼"; inset: 100% auto auto 50%; transform: translate(-50%, 0);}
}

/* お問合せフォーム */
#form-table { display: flex; flex-direction: column; font-weight: 500;}
#form-table dl { margin-block: 0; width: 100%; min-height: 45px; display: flex; gap: 8px; border-bottom: 1px dashed #CCCCCC;}
#form-table dl:last-child { border-bottom: none;}
#form-table dl :is(dt,dd) { padding: 8px;}
#form-table dl dt { width: 25%; text-align: right; font-weight: 700;}
#form-table dl dt.required { display: flex; gap: 4px; justify-content: flex-end; align-items: baseline;}
#form-table dl dt.required::after { content: "※必須"; padding: 0 8px; background-color: #E60021; border-radius: 3px; color: #FFFFFF; font: 700 14px/1.25 "Noto Sans JP", sans-serif;}
#form-table dl dd { width: 75%;}
#form-table dl dd p:first-child { margin-block: 0 1em;}
#form-table dl dd p:has(+input) { margin-block-end: 0!important;}
#form-table dl dd input:has(+input) { margin-bottom: 8px;}
#form-table dl dd dl { width: fit-content; display: inline-flex; border: none; min-height: auto; }
#form-table dl dd dl:first-child { margin-right: 1em;}
#form-table dl dd dl :is(dt, dd) { padding: 0; width: fit-content; }
#form-table dl dd dl dt { font-weight: 500;}
#form-table ul { list-style: none; padding: 0; display: flex; gap: 8px; align-items: baseline;}
#form-table ul li { margin: 0;}
#form-table ul li:has(label input[type="radio"]) { width: 20%;}
#form-table label:has(input[type="radio"]) { padding: 4px 8px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px; color: #CCCCCC;}
#form-table label:has(input[type="radio"]:checked) { border-color: #E60021; background-color: #E60021; color: #FFFFFF; font-weight: 700;}
#form-table input[type="radio"] { display: none;}
#form__birth-date ul { display: flex; gap: 8px;}
#form__birth-date ul li { width: fit-content;}
#form__birth-date ul li label { display: flex; gap: 4px; align-items: baseline;}
:is(#form__address, #form__hint, #shipping__address) ul { flex-direction: column;}
:is(#form__address, #shipping__address) ul li label { display: flex; flex-direction: column;}
:is(#form__address, #shipping__address) select { width: fit-content;}
#form-table .address-btn { padding: 0 8px; background-color: #E60021; border: 2px solid #E60021; border-radius: 3px; color: #FFFFFF; font-weight: 700;}
:is(#form__post-number, #shipping__post-number) dd { display: flex; flex-wrap: wrap; gap: 16px; align-items: baseline;}
:is(#form__post-number, #shipping__post-number) dd label { display: flex;gap: 8px;}
:is(#form__post-number, #shipping__post-number) dd label input { margin: 0!important;}
:is(#form-table,#form1) label:has(input[type="radio"].error) { border-color: #E6002166; background-color: #E600211A; color: #E6002166; font-weight: 700;}
:is(#form-table, #form1) :is(input,select,textarea).error { border-color: #E60021; background-color: #E600211A;}
:is(#form-table, #form1) p.error { margin-block: 0.05em 0; color: #E60021; font-weight: 700;}
input.error{ border-color: #E60021; background-color: #E600211A;}
#undercolumn_entry ul.btn_area { margin-block-start: 2em; padding: 0; display: flex; gap: 24px; justify-content: center; align-items: baseline;}
#undercolumn_entry ul.btn_area li { padding: 0;}
ul.form__thanks-link { padding: 0; list-style-type: none; display: flex; gap: 24px;}
ul.form__thanks-link li a,
a.form__thanks-link { width: fit-content; font-weight: 900; display: flex; gap: 4px;}
ul.form__thanks-link li a::after,
a.form__thanks-link::after { content: "≫"; transition: 0.3s;}

@media (any-hover: hover){
	#form-table .address-btn:hover { background-color: #FFFFFF; color: #E60021; transition: 0.3s;}
	ul.form__thanks-link li a:hover::after,
	a.form__thanks-link:hover::after { transform: translateX(4px);}
}
@media screen and (max-width:767px){
	#undercolumn_contact p { padding: 0 8px;}
	#form-table dl { flex-direction: column;}
	#form-table dl :is(dt, dd) { width: 100%;}
	#form-table dl dt { padding: 8px 8px 0; text-align: left;}
	#form-table dl dt.required {justify-content: flex-start;}
	#form-table dl dd { padding: 0 8px 8px;}
	#form-table dl dd input { width: 100%;}
	#form-table ul:has(li label input[type="radio"]) { flex-direction: column;}
	#form-table ul li:has(label input[type="radio"]) { width: 100%;}
	#form-table :is(#form__post-number,#shipping__post-number) div.box__quarter { width: calc(100% - 116px - 16px);}
	:is(#undercolumn_entry,#undercolumn_contact) ul.btn_area { padding: 0 8px; flex-direction: column; gap: 8px;}
	#undercolumn_entry ul.btn_area li { width: 100%; font-weight: 700;}
	ul.form__thanks-link { padding: 0 8px; flex-wrap: wrap; gap: 16px; margin-block: 2em 0;}
	ul.form__thanks-link li { width: calc(50% - 8px);}
	#form-table ul.list-col li label { justify-content: space-between;}
	#form-table ul.list-col li label input[type="text"] { width: calc(100% - 40px);}
	#form-table dl dd input#deliv_label { width: fit-content;}
	#form1 ul.list-col li  label:has(input[type="radio"]) { justify-content: center;}
}

/* 商品へのお問い合わせ */
div.contact_product { display: flex; flex-direction: column; align-items: center;}
div.contact_product a { width: 50%; display: block;}
div.contact_product img { width: 100%;}
div.photo ul.gallery { margin: 8px auto 0; width: 405px;}
div.photo ul.gallery img { border: #CCCCCC 1px solid; margin: 3px;}
@media screen and (max-width:767px) {
	div.contact_product a { width: 100%;}
}

/* カート */
span.price { font-weight: 700; color: #E60021;}
table#form__cart { border-collapse: collapse; border: 1px solid #CCCCCC;}
table#form__cart tr { border-bottom: 1px solid #CCCCCC;}
table#form__cart :is(th,td) { padding: 4px 8px;}
table#form__cart th { background-color: #F0F0F0; border-right: 1px solid #CCCCCC;}
table#form__cart td { border-right: 1px solid #CCCCCC;}
.cart__list { padding: 0; list-style-type: none; display: flex; flex-direction: column;}
.cart__item { padding: 16px 0; display: flex; flex-wrap: wrap; gap: 32px; border-bottom: 1px solid #CCCCCC;}
.cart__product-name {margin-bottom: auto; width: 100%; font-size: 24px;}
.cart__image-area { width: calc(25% - 16px); order: 1;}
.cart__image-area img { width: 100%;}
.cart__text-area { width: calc(75% - 16px); order: 2; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.cart__text-area dl { display: flex; gap: 8px;}
.cart__text-area dl dt { display: flex; gap: 8px;}
.cart__text-area dl dt::after { content: "：";}
.cart__text-area dl dd { min-width: 100px; text-align: right;}
.cart__price-area { margin-block: 1em 0; display: flex; gap: 24px; justify-content: flex-end;}
.cart__price-area dl { display: flex;gap: 8px;}
.caet__delete { padding: 0 8px; background-color: #E60021; border-radius: 3px; color: #FFFFFF; font-weight: 700; text-align: center;}
.cart__total-price dl {display: flex; gap: 8px; justify-content: flex-end; align-items: baseline;}
.cart__total-price dl dd {width: 200px;text-align: right;font-size: 24px;font-weight: 700;}
.cart__total-price dl:last-child dd { color: #E60021;}
#undercolumn_cart .search-btn-area { margin-block: 0 1em;}
#undercolumn_cart .search-btn-area p { margin-block: 0; width: 100%; display: block; text-align: center; line-height: 1.5;}
.button-area p { width: 100%;}
@media (any-hover: hover){
	.caet__delete:hover { color: #FFFFFF; opacity: 0.7;}
}
@media screen and (max-width:767px) {
	#undercolumn_cart p { padding: 0 8px;}
	.cart__item { margin: 8px; padding: 0; flex-direction: column; gap: 0;}
	.cart__product-name { margin-block: 0 1em; font-size: 20px; line-height: 1.25;}
	.cart__image-area{ width: 100%;}
	.cart__text-area { margin-block: 0 1em; width: 100%;}
	.cart__price-area { flex-direction: column; gap: 0;}
	.caet__delete { margin-block: 1em 0; order: 3;}
	.cart__total-price { margin: 8px;}
	#undercolumn_cart .stbox--scroll {margin: 0 8px; width: calc(100% - 16px); height: 300px;}	
}

/* お客様情報入力 */
p.login_memory { margin-block: 0.05em 1em;}
.formlist { display: flex; flex-direction: column; gap: 0.5em;}
.formlist dd input + .attention { margin-block: 0!important;}
.flow_area { padding: 0; display: flex; justify-content: space-around; list-style: none; font-size: 20px; font-weight: 900; font-feature-settings: "palt"; color: #606060;}
.flow_area li { display: flex; gap: 16px;}
.flow_area li::after {content: "▶"; color: #606060;}
.flow_area li:last-child:after { content: "";}
.flow_area li.current { color: #FF9600;}
input.deliv_label:checked + .destination {background-color: #CCCCCC;}
#payment-select { padding: 0; display: flex; gap: 16px; list-style: none;}
#payment-select li label:has(input[type="radio"]) { padding: 8px 0; min-width: 200px; display: flex; justify-content: center; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px; color: #CCCCCC;}
#payment-select li label:has(input[type="radio"]:checked) { border-color: #E60021; background-color: #E60021; font-weight: 700; color: #FFFFFF;}
#payment-select li label input[type="radio"] { display: none;}
.confirm-detail {width: 100%; display: flex; gap: 0; flex-direction: column;}
.confirm-detail dl {margin-block: 0; padding: 8px; border-bottom: 1px dashed #CCCCCC; display: flex;}
.confirm-detail dl dt { width: 25%; font-weight: 700;}
#undercolumn_shopping .banner { padding: 16px; width: 532px; display: flex; justify-content: center; align-items: center; border: 2px solid #04C3DF; border-radius: 3px; background-color: #FFFFFF; font-size: 20px; font-weight: 900; color: #04C3DF;}
@media (any-hover: hover){
	#undercolumn_shopping .banner:hover { opacity: 0.7;}
}
@media screen and (max-width:767px) {
	.information, 
	.flow_area { padding: 0 8px;}
	.flow_area,
	.flow_area li { flex-direction: column; gap: 4px; align-items: center;}
	.flow_area li::after { content: "▼";}
	.confirm-detail dl { flex-direction: column;}
	.confirm-detail dl :is(dt,dd) { width: 100%;}
	#undercolumn_shopping .banner { width: 100%;}
	#payment-select { flex-direction: column;}
	#payment-select li { width: 100%;}
}

/* パスワード再発行 */
#reissue > * { margin: 0 auto; margin-block-end: 1em; width: calc(600px - 16px);}
#main_column:has(#reissue) { width: 600px; padding: 0.5em 0 0 0;}
#reissue .stbox { margin-block-end: 0; display: flex; flex-direction: column; gap: 16px 0;}
#reissue .stbox dl { display: flex; gap: 16px}
#reissue .stbox dl dt { width: 120px; display: flex; gap: 8px;}
#reissue .stbox dl dt::after{ content: "：";}
#reissue .stbox .button-area { margin-block: 0;}

#forgot__mail dd { display: flex; flex-direction: column; gap: 4px;}
#forgot__name dd { display: flex; flex-direction: column; gap: 8px;}
#forgot__name dd label { display: flex; gap:8px}
.formlist dd .flex-container { flex-direction: column; gap: 4px;}

@media screen and (max-width:767px) {
	.formlist dd .flex-container { margin-bottom: 0;}
	#forgot__name dd input { width: 100%;}
}

/* 支払中断 */
:is(#stop,#complete) #order-number {color:#E60021; font-weight:bold; margin:20px 0; text-align: center;}
:is(#stop,#complete) #order-number span { font-size: 1.75em;}


/* マイページ */
#mypage-navi ul { padding: 0; display: flex; gap: 16px; justify-content: center; list-style: none;}
section:has(#mypage-navi) {margin-block-end: 0;}

@media screen and (max-width:767px){
	#mypage-navi ul { flex-wrap: wrap; gap: 8px 16px; justify-content: flex-start;}	
	#mypage-navi ul li { width: calc(50% - 8px ); display: flex; }	
}
/* 購入履歴 */
#history-list__table table { width: 100%;}

#history-detail__information dl { margin-block: 0; display: flex; justify-content: flex-end;}
#history-detail__information dl dt { width: 200px; text-align: right;}
#history-detail__information dl dd { width: 200px;}

#history-detail__product-detail { margin-block: 1em;}
#history-detail__product-detail table { width: 100%;}
#history-detail__product-detail table td:nth-child(1){ text-align: right;}
#history-detail__product-detail table td:nth-child(2){ text-align: left;}
#history-detail__product-detail table td:nth-child(3){ text-align: right;}
#history-detail__product-detail table td:nth-child(4){ text-align: right;}
#history-detail__product-detail table td:nth-child(5){ text-align: right;}
#history-detail__product-detail table td:nth-child(6){ text-align: right;}
#history-detail__product-detail table tr td:last-child { text-align: right;}

#history-detail__point-table { margin-block: 1em;}
#history-detail__point-table table { width: 50%;}
#history-detail__point-table table th { width: 200px; text-align: left;}
#history-detail__point-table table td { text-align: right;}

#history-detail__delivery-address-table table { width: 50%;}
#history-detail__delivery-address-table table th { width: 200px; text-align: left;}

#history-detail__mail-list-table table { width: 100%;}
#history-detail__mail-list-table th:nth-child(1) { width: 200px;}
#history-detail__mail-list-table th:nth-child(2) { width: 200px;}

@media screen and (max-width:767px){
	#history-detail__information dl { justify-content: flex-start;}
	#history-detail__information dl dt { width: 100px;}

	#history-list__table,
	#history-detail__product-detail,
	#history-detail__point-table,
	#history-detail__delivery-address-table,
	#history-detail__mail-list-table { width: 100%; overflow-x: auto;}

	#history-list__table table th:nth-child(1){ min-width: 200px;}
	#history-list__table table th:nth-child(2){ min-width: 100px;}
	#history-list__table table th:nth-child(3){ min-width: 100px;}
	#history-list__table table th:nth-child(4){ min-width: 150px;}
	#history-list__table table th:nth-child(5){ min-width: 100px;}
	#history-list__table table th:nth-child(6) { min-width: 85px;}

	#history-detail__product-detail table th:nth-child(1){ min-width: 150px;}
	#history-detail__product-detail table th:nth-child(2){ min-width: 400px;}
	#history-detail__product-detail table th:nth-child(3){ min-width: 150px;}
	#history-detail__product-detail table th:nth-child(4){ min-width: 150px;}
	#history-detail__product-detail table th:nth-child(5){ min-width: 100px;}
	#history-detail__product-detail table th:nth-child(6){ min-width: 100px;}
	#history-detail__product-detail table th:last-child{ min-width: 150px;}
	
	#history-detail__mail-list-table table { width: fit-content;}
	#history-detail__mail-list-table th:nth-child(1) { min-width: 200px;}
	#history-detail__mail-list-table th:nth-child(2) { min-width: 200px;}
	#history-detail__mail-list-table th:nth-child(3) { min-width: 400px;}

	#history-detail__point-table table { width: 100%;}
	#history-detail__point-table table th { width: 240px;}

	#history-detail__delivery-address-table table { width: 100%;}
	#history-detail__delivery-address-table table th { width: 120px;}
}

/* マイページ__お届け先一覧 */
#delivery-list__table { width: 100%; overflow-x: auto;}
#delivery-list__table table { width: 100%;}
table#tbl_delivery_address td:nth-child(3),
table#tbl_delivery_address td:nth-child(4){width:85px;}

@media screen and (max-width:767px) {
	#delivery-list__table table td:nth-child(1) { min-width: 150px;}
	#delivery-list__table table td:nth-child(2) { min-width: 300px;}
	#delivery-list__table table td:nth-child(3) { min-width: 100px;}
	#delivery-list__table table td:nth-child(4) { min-width: 100px;}

	table#tbl_delivery_address tr { display:flex; flex-wrap:wrap;}
	table#tbl_delivery_address tr:last-child { border-bottom: none;}
    table#tbl_delivery_address th {width:100%;border-right:none;}
    table#tbl_delivery_address td {width:100%;border-right:none;}
    table#tbl_delivery_address td:nth-child(3),
    table#tbl_delivery_address td:nth-child(4){width:50%;}
}