/* Birth Hospital Tmp Ver1.0 */
@charset "utf-8";
:root {
    --navy01: #333d4c;
	--navy01-selected: #535965;
	--navy02: #101828;
	--navy03: #1e2939;
	--navy-icon-sns: #3c424a;
	--navy-border01: #4a5565;
    --gray-icon01: #999ea6;
    --gray-icon-sns: #969faf;
	--gray-border01: #e5e7eb;
	--gray-border02: #dde4eb;
	--gray-txt01: #8e95a5;
	--gray-txt02: #b4b9c1;
	--gray-txt03: #6a7282;
	--gray-bg01: #f9fafb;	
	--gray-bg02: #e7ecf2;	
	--blue-a-hover: #c8d7f0;
	--red-eccube01: #de5d50;
	--red-icon01: #820606;
	--maxW01: 1400px;
	--maxW02: 1280px;
	--maxW03: 1130px;
	--wid_wrap_sp: 92%;
	--pad-inner01: 25px;
	--a-opacity: .7;
	--line-height-list: 1.2;
}

/* CSS Document */
html{font-size: 62.5%;}
*{margin:0; padding:0;}
body {
font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
-webkit-text-size-adjust: 100%;
font-size: 1.6rem;
color: #101828;
}
p{line-height: 2.0;}
p,a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {margin: 0;padding: 0;border-style: none; vertical-align:bottom; border:none; max-width: 100%; height: auto;}
p,a,li{word-break: break-all; word-wrap: break-word; line-break:strict;}
li{list-style:none;}
a{cursor:pointer;}
a:link,a:visited,a:hover{text-decoration:none; color: var(--navy02);}
.InnerBox img,header img,footer img{max-width: 100%; height: auto;}
.inline-block{display: inline-block;}
.inline{display: inline;}
.block{display: block;}
.indent-1em{padding-left: 1em; text-indent: -1em;}
a.txt-link{text-decoration: underline;}
a:active{filter: brightness(0.9);}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #525263;
}
ol, ul, dl{margin: 0;}
/* ---------------------------------------------------------------- */
/* clearfix 設定 */
/* ---------------------------------------------------------------- */

.clearfix:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}

* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}	
.anchorB{padding-top:80px !important;}
.anchorT{margin-bottom:-80px !important;}	
@media print, screen and (max-width: 830px) {
	a[href*="tel:"] {
pointer-events: inherit;
cursor: pointer;
text-decoration: underline;
color: var(--navy02);
}
	.txt_under-line_sp{text-decoration: underline !important; display: inline-block;}
}


/*header---------------------------------------------------------------------------------------------------------------------*/
.header{width: 100%; height:80px; background-color: var(--navy01); position:sticky; z-index:30;}
.header,.header a{color: #fff;}
.header_inner{ margin-left: auto;
margin-right: auto;
max-width: var(--maxW01);
width: 100%;
display: flex;
justify-content: space-between;}
.header_inner_l,.header_inner_r{flex-shrink: 0;}

.header_inner_l{
  width: 125px;
  height: 80px;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.header_home{margin-right: 20px;} 

.gtranslate_wrapper{
  position: relative; /* スライド背景の基準点 */
  width: 80px;
  height: 30px;
  display: flex;
  border-radius: 4px;
  overflow: hidden; 
  border: 1px solid var(--gray-border01); 
  box-sizing: border-box; 
  background-color: #fff;
  z-index: 1;
}

/* 左右にスライドする背景ブロック（座布団） */
.gtranslate_wrapper::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* ボタン1つ分の幅 */
  height: 100%;
  background-color: var(--navy02); /* ネイビーの色 */
  z-index: -1; /* 文字の後ろに配置 */
  /* 行きも帰りも滑らかに動かす設定 */
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* JAがアクティブなとき：左側に配置 */
.gtranslate_wrapper.is-ja::before
{
  transform: translateX(0);
}

/* ENがアクティブなとき：右側にスライド（枠線分を考慮して39px〜40pxで調整） */
.gtranslate_wrapper.is-en::before
{
  transform: translateX(39px); 
}

.gtranslate_wrapper a{
  color: var(--gray-txt01);
  font-size: 1.4rem;
  width: 50%; 
  height: 28px; 
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  background: transparent;
  transition: color 0.3s ease;
}

.gtranslate_wrapper a.active
{
  color: #fff;
}

.gtranslate_wrapper a:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

	.header_inner_m{display: flex; width: 100%;}
	.header_inner_m dl{width: 25%; min-width: 195px; height: 80px;}
	.header_inner_m dd{display: none;}
	.header_inner_m .as-sport dt img{width:106px;}
	.header_inner_m .la-buono dt img{width:121px;}
	.header_inner_m .quick-walls dt img{width:166px;}
	/*.header_inner_m .kreis5 dt img{width:81px;}*/
.header_inner_m .kreis5 dt img{width:150px;}
.header_inner_m dt{height: 80px; display: flex; justify-content: center; align-items: center; cursor: pointer; position:relative;}
.header_inner_m dt::after{  content: "\f0d7"; 
  font-family: "FontAwesome"; 
  font-weight: 900;
line-height: 1;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--gray-icon01);
display: inline-block;}
.header_inner_m dt:hover{background-color: var(--navy01-selected);}
.header_inner_m dt:active{filter: brightness(0.9);}
.header_inner_m dt.open::after {
transform: translateX(-50%) rotate(-180deg); transform-origin: center; 
	bottom: 3px;
}	
.header_inner_m dt.open{background-color: var(--navy01-selected);}


.header_inner_m dl.current dt{background-color: var(--navy01-selected);}
.header_inner_m dd{ background-color: rgba(0, 0, 0, 0.7); margin-top: 10px;  padding-top: 30px; padding-bottom: 30px;}	
ul.header_pc_page{width: 160px; margin:0 auto; padding-left:0;}
.header_pc_page a{display: block; color: #fff; line-height:var(--line-height-list); margin-bottom: 20px;}
.header_pc_page a:hover{color:var(--blue-a-hover);}
header .kreis5 .header_pc_page{width:180px;}
header .quick-walls .header_pc_page{width:180px;}
.header_pc_sns{width: 160px; margin:0 auto; display: grid; 
  grid-template-columns: repeat(3, 40px);
  gap: 20px;}
.header_pc_sns a{width: 40px; height: 40px; border:1px solid var(--gray-border01); display: flex; justify-content: center; align-items: center;  }
.header_pc_sns a:hover{color: var(--blue-a-hover); border-color:var(--blue-a-hover);}

.header_inner_r{height: 80px;}
ul.login-icon_area{height: 80px; display: flex; align-items: center; padding-left:0; margin-bottom:0;}
.ec-cartNavi {
        color: #fff;
        background: transparent;
        height: auto;
        width: auto;
        min-width: 0;
        padding: 0;
    } 
.ec-cartNavi .ec-cartNavi__icon{line-height:1; font-size:1.7rem; top: 3px;}
.ec-cartNavi .ec-cartNavi__badge{width: 24px; height: 24px; margin-left: 5px; border-radius: 50%; background-color: var(--red-eccube01); display: flex; justify-content: center; align-items: center; font-size:1.2rem; letter-spacing: 1px; line-height: 1; position: static;}
ul.login-icon_area li.cart a{display: flex; align-items: center;}
ul.login-icon_area li a{min-width: 40px; width: auto; height: 40px; display: flex; justify-content: center; align-items: center;}
ul.login-icon_area li a:hover{opacity: var(--a-opacity);}
ul.login-icon_area li:first-child{margin-right:10px;}


@media print, screen and (max-width: 1480px) {
	.header{padding-left: var(--pad-inner01); padding-right: var(--pad-inner01);}	
	
}
@media print, screen and (min-width: 1100px) {
	
	.header_inner_l{display: flex !important;}
	.header_inner_r{display: block !important;}
	.header_top_sp-only{display: none !important;}
}
@media print, screen and (max-width: 1099px) {
	
	.header{padding: 0; height:110px;}
	.header_top_sp-only{display: flex !important; justify-content: space-between; height: 55px; padding-left: var(--pad-inner01); padding-right: var(--pad-inner01); border-bottom:1px solid var(--navy-border01);}
	.header_top_sp-only_l{
  width: 80px;
  height: 55px;
  display: flex;
  align-items: center;
}
	ul.login-icon_area{height: 55px;}
	.header_inner_l{position: absolute; top: 0; left:25px; width: 125px;
  height: 55px;}
	.header_inner_r{position: absolute; top: 0; right:25px;
  height: 55px;}
	.header_inner_m dl{height: 55px;}
	.header_inner_m dt{height: 55px; padding-bottom: 2px;}
	.header_inner_m dt::after{bottom: 0;}
	.header_inner_m dt.open::after {bottom: 0;}
}
	
@media print, screen and (max-width: 830px) {
	.header{height:150px;}
	.header_top_sp-only{height: 50px;}
	.header_top_sp-only_l{height: 50px;}
	ul.login-icon_area{height: 50px;}
	.header_inner_l{height: 50px;}
	.header_inner_r{height: 50px;}
.header_inner_m{flex-wrap: wrap; justify-content: center;}
	.header_inner_m dl{width: 50%; min-width: 50%; height: 50px;}	
	.header_inner_m dt{height: 50px; padding: 5px; border-bottom:1px solid var(--navy-border01);}
	.header_inner_m dl:nth-child(2n-1) dt{border-right:1px solid var(--navy-border01);}
	.header_inner_m .as-sport dt img{width:84px;}
	.header_inner_m .la-buono dt img{width:96px;}
	.header_inner_m .quick-walls dt img{width:132px;}
	.header_inner_m .kreis5 dt img{width:132px;}
	/*.header_inner_m .kreis5 dt img{width:64px;}*/
	.header_inner_m dd{  width:100%; position: absolute; z-index: 5; margin-top: 0;}
	.header_inner_m .as-sport dd{ top: 150px;}
	.header_inner_m .la-buono dd{ left:0; top: 150px;}
	.header_inner_m .kreis5 dd{left:0;}
	header .kreis5 .header_pc_page{width:220px;}
header .quick-walls .header_pc_page{width:200px;}
	
}	
@media only screen and (max-width: 768px) {
	.ec-cartNavi {display: flex; align-items: center; justify-content: flex-start;}
	.ec-cartNavi .ec-cartNavi__badge{position: static;}
	.ec-cartNavi .ec-cartNavi__icon{top:0;}
}
	

/*headerここまで---------------------------------------------------------------------------------------------------------------------*/

.main_kari{height: 1000px;}
.slider_kari{display: block; width: 100%; height:465px; background: #ccc; }
.side_kari{width: 1400px; margin: 0 auto 120px;}

/* ======================================
common
==========================================*/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{line-height:1.3;}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea{font-size:1.6rem;}
.form-select-sm{font-size:1.6rem;}
.ec-rectHeading h1, .ec-rectHeading .h1, .ec-rectHeading h2, .ec-rectHeading .h2, .ec-rectHeading h3, .ec-rectHeading .h3, .ec-rectHeading h4, .ec-rectHeading .h4, .ec-rectHeading h5, .ec-rectHeading .h5, .ec-rectHeading h6, .ec-rectHeading .h6{background-color:#525263; color: #fff;}

a.ec-link{color:#0092C4;}
.ec-radio input{margin-right:5px;}
.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select,
.ec-zipInput select, .ec-telInput select,.form-select,.form-control{font-size:1.6rem;}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input,
.ec-zipInput input, .ec-telInput input{font-size:1.6rem;}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage{font-size:1.4rem;}
.ec-required{font-size:1.4rem;}
.ec-checkbox .ec-errorMessage, .ec-radio .ec-errorMessage{font-size:1.4rem;}
.ec-role{padding:0;}
.lower_padT{padding-top:20px;}
.lower_padB{padding-bottom:120px;}
.lower_ec-pageHeader{margin-top:40px;}   
.ec-off1Grid .ec-off1Grid__cell{width:100%;}
.ec-off1Grid .ec-off1Grid__cell{margin:0;}
.ec-borderedDefs{border-top:none;}
.ec-pageHeader h1, .ec-pageHeader .h1{margin:0 0 20px 0; padding:0 0 10px 0; font-size:2.8rem;}
.wrap03{max-width:var(--maxW03); margin: 0 auto;}

@media print, screen and (max-width: 1480px) {
	.ec-pageHeader,.ec-off1Grid{padding-left: var(--pad-inner01); padding-right: var(--pad-inner01);}	
	
}
@media print, screen and (max-width: 767px) {
    .lower_padB{padding-bottom:50px;}
    .lower_ec-pageHeader{margin-top:20px;} 
    .ec-pageHeader h1, .ec-pageHeader .h1{margin:0 0 15px 0; padding:15px 0; font-size:2.2rem; border-bottom: 1px solid #ccc; border-top:none;}
    
}

.TitleStyle01 {
  font-size: 2.8rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 1.3;
}

/* 下線 */
.TitleStyle01::after {
  content: "";
  display: block;
  width: 80px;
  height: 6px;
  border-radius: 6px;
  margin: 15px auto 40px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#820606+0,99a1af+100 */
background: linear-gradient(to right,  #820606 0%,#99a1af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
@media print, screen and (min-width: 768px) and (max-width: 830px){
	.TitleStyle01 {
  font-size: 2.5rem;
	letter-spacing: 3px;
}
}
@media print, screen and (max-width: 767px) {
.TitleStyle01 {
  font-size: 2.2rem;
	letter-spacing: 2px;
}
/* 下線 */
.TitleStyle01::after {
  width: 60px;
	height: 5px;
  margin: 14px auto 35px;
}
}
ul.ListStyle_circle{padding-left: 0;}
.ListStyle_circle li:not(:first-child){margin-top: 5px;}
.ListStyle_circle li{position: relative; padding-left: 12px;}
.ListStyle_circle li::before{ content: "\f111"; 
  font-family: "FontAwesome"; font-size: .7rem; 
  font-weight: 900;
line-height: 1;
  position: absolute;
  top: 12px;
  left: 0;
display: inline-block;}


ul.bread-crumbs{padding-left: 0;}
.bread-crumbs{padding-left: 0; display: flex;  margin-left: auto;
margin-right: auto;
max-width: var(--maxW01);
width: 100%;}
.bread-crumbs li span{display: inline-block; margin: 0 13px;}
.bread-crumbs li,.bread-crumbs li a{font-size: 1.5rem;}
.bread-crumbs li a:hover{opacity: var(--a-opacity);}
.bread-crumbs li:not(:last-child){flex-shrink: 0;}
@media print, screen and (max-width: 1480px) {
	ul.bread-crumbs{padding-left: var(--pad-inner01); padding-right: var(--pad-inner01);}	
	
}
/*footer---------------------------------------------------------------------------------------------------------------------*/
.footer{width: 100%; padding-top:45px; background-color:var(--navy03); text-align: center;}
.footer,.footer a{color: #fff;}
.footer_inner{margin-left: auto;
    margin-right: auto;
    max-width: var(--maxW02);
    padding-left: var(--pad-inner01);
    padding-right: var(--pad-inner01);
    width: 100%;}
ul.footer_nav{padding-left: 0;}
.footer_nav{padding-bottom:15px; display: flex; justify-content: center; border-bottom:1px solid var(--navy-border01); }
.footer_nav a{display: inline-block; padding: 10px 0;}
.footer_nav a:hover{color:var(--blue-a-hover);}
.footer_nav li:not(:first-child){margin-left: 55px;}
.footer_nav li:not(:last-child){flex-shrink: 0;}
.footer_corp a{line-height: 2;}
.footer_logo{width:182px; margin: 50px auto 20px; display: inline-block;}
a.footer_logo:hover{opacity: var(--a-opacity);}
.footer_corp_marB01{margin-bottom: 10px;}
.footer_tel-fax_area{display: flex; justify-content: center; gap:10px 25px; }
.footer_tel-fax_area p span{display: inline-block; margin-right: 15px;}
.footer_business{ margin:25px auto 0;}
.footer_business .ttl{padding-bottom: 5px; margin-bottom: 25px; border-bottom:1px solid var(--navy-border01);}
.footer_business_list{ display: grid; grid-template-columns: repeat(2, 1fr); gap:25px 40px; text-align: left;}
.footer_business_list dt{margin-bottom: 8px; position: relative; padding-left: 19px;}
.footer_business_list dt::before{content:""; display: block; width: 11px; height: 4px; background-color: var(--red-icon01); position: absolute; left: 0; top: 11px;}
.footer_business_list dd,.footer_business_list dd a{color: var(--gray-txt02);}
.footer_business_list .kreis5 dd > span{display: inline-block; margin-right:25px;}
.footer_business_list .kreis5 dd p{display: inline-block;}
.footer_business_list .kreis5 dd p span{display: inline-block; margin-right: 15px;}
.footer_brands{margin-top: 20px; padding-top: 30px; border-top:1px solid var(--navy-border01); display: flex; justify-content: space-between;}

.footer_brands dt{margin-bottom: 20px;}
.footer_brands dt a{width: 198px; height: 53px; border:1px solid var(--navy-border01); display: flex; justify-content: center; align-items: center;}
.footer_brands dt a:hover{border-color:var(--blue-a-hover);}


.footer_brands .as-sport dt img{width:106px;}
.footer_brands .la-buono dt img{width:121px;}
.footer_brands .quick-walls dt img{width:166px;}
/*.footer_brands .kreis5 dt img{width:81px;}*/
.footer_brands .kreis5 dt img{width:150px;}
ul.footer_brands_page{padding-left: 0;}
.footer_brands_page a{display: block; color: #fff; line-height:var(--line-height-list); margin-bottom: 20px; text-align: left; }
.footer_brands_page a:hover{color:var(--blue-a-hover);}

.footer_brands_sns{width: 160px; margin-bottom: 90px; display: grid; 
  grid-template-columns: repeat(3, 40px);
  gap: 20px;}

.footer dl.kreis5 dd:nth-child(2) .footer_brands_sns{margin-bottom: 30px;}



/*.header_pc_sns a{width: 40px; height: 40px; border:1px solid var(--navy-border01); display: flex; justify-content: center; align-items: center; color:var(--gray-icon-sns); background-color:var(--navy-icon-sns); }*/
.footer_brands_sns a{width: 40px; height: 40px; border:1px solid var(--navy-border01); display: flex; justify-content: center; align-items: center; color: var(--gray-icon-sns); }
.footer_brands_sns a:hover{color: var(--blue-a-hover); border-color:var(--blue-a-hover);}
.copy-right{font-size: 1.3rem; padding: 20px 0; color: var(--gray-txt02);}
@media print, screen and (max-width: 1099px) {
	.footer{padding-top: 30px;}
	.footer_nav{flex-wrap: wrap;}
	.footer_nav li,.footer_nav li:not(:first-child){margin-left: 20px; margin-right: 20px;}
	.footer_nav a{padding-top: 10px; padding-bottom: 10px;}
	.footer_logo{margin-top: 40px;}
	.footer_tel-fax_area{flex-wrap: wrap;}
	.footer_business_list{display: flex; flex-direction: column; gap:0; max-width:600px; margin-left: auto; margin-right: auto; padding-bottom:5px;}
	.footer_business_list dl{margin-bottom: 15px;}
	.footer_business_list .a-s-c-r{order: 6;}
	.footer_business_list .a-s-c-r dd{display: none;}
	.footer_brands{flex-wrap: wrap;}
	.footer_brands dl{flex-wrap: wrap;}
	.footer_brands dt a{width: 100%; padding: 5px;}
}
@media print, screen and (max-width: 830px) {
	.footer_nav li,.footer_nav li:not(:first-child){margin-left: 10px; margin-right: 10px;}
	.footer_brands{gap:10%;}
	.footer_brands dl{width: 45%;}
	.footer_brands .as-sport dt img{width:84px;}
	.footer_brands .la-buono dt img{width:96px;}
	.footer_brands .quick-walls dt img{width:132px;}
	/*.footer_brands .kreis5 dt img{width:64px;}*/
	.footer_brands .kreis5 dt img{width:132px;}
	.footer_brands_sns{width: 100%; margin-bottom: 50px; gap:10px;}
	}
@media print, screen and (max-width: 360px) {
	.footer_brands_sns{gap:5px;}	
	.footer_brands_sns a{width: 35px; height: 35px;}
}

/*footerここまで---------------------------------------------------------------------------------------------------------------------*/
/* ======================================
商品一覧・詳細
==========================================*/
.side_menu.side_menu_as-sport dl{display:none;}
.side_menu.side_menu_as-sport dl.side_dl_as-sport{display:block;}
.side_menu.side_menu_as-sport dl.side_dl_la-buono_abarth_fiat{display:none;}
.side_menu.side_menu_as-sport dl.side_dl_la-buono_mazda{display:none;}
.side_menu.side_menu_as-sport dl.side_dl_quick-walls{display:none;}

.side_menu.side_menu_la-buono dl{display:none;}
.side_menu.side_menu_la-buono dl.side_dl_as-sport{display:none;}
.side_menu.side_menu_la-buono dl.side_dl_la-buono_abarth_fiat{display:block;}
.side_menu.side_menu_la-buono dl.side_dl_la-buono_mazda{display:block;}
.side_menu.side_menu_la-buono dl.side_dl_quick-walls{display:none;}

.side_menu.side_menu_la-buono_abarth_fiat dl{display:none;}
.side_menu.side_menu_la-buono_abarth_fiat dl.side_dl_as-sport{display:none;}
.side_menu.side_menu_la-buono_abarth_fiat dl.side_dl_la-buono_abarth_fiat{display:block;}
.side_menu.side_menu_la-buono_abarth_fiat dl.side_dl_la-buono_mazda{display:none;}
.side_menu.side_menu_la-buono_abarth_fiat dl.side_dl_quick-walls{display:none;}

.side_menu.side_menu_la-buono_mazda dl{display:none;}
.side_menu.side_menu_la-buono_mazda dl.side_dl_as-sport{display:none;}
.side_menu.side_menu_la-buono_mazda dl.side_dl_la-buono_abarth_fiat{display:none;}
.side_menu.side_menu_la-buono_mazda dl.side_dl_la-buono_mazda{display:block;}
.side_menu.side_menu_la-buono_mazda dl.side_dl_quick-walls{display:none;}

.side_menu.side_menu_quick-walls dl{display:none;}
.side_menu.side_menu_quick-walls dl.side_dl_as-sport{display:none;}
.side_menu.side_menu_quick-walls dl.side_dl_la-buono_abarth_fiat{display:none;}
.side_menu.side_menu_quick-walls dl.side_dl_la-buono_mazda{display:none;}
.side_menu.side_menu_quick-walls dl.side_dl_quick-walls{display:block;}

.side_menu{width: 220px;}
.side_menu dl{border-bottom:1px solid var(--navy02);}
.side_menu{border-top:1px solid var(--navy02);}
.side_menu dt{height: 75px; cursor: pointer; font-weight: bold; display: flex; align-items: center; position: relative; }
.side_menu dt::after{content:""; display:block; width:6px; height:6px; transform: rotate(45deg); border-bottom:1px solid var(--navy02); border-right:1px solid var(--navy02); position: absolute; right:0; transition:.2s; transition-timing-function:linear;}
.side_menu dt.open::after{transform: rotate(-135deg); }
.side_menu dd{display: none;}
.side_menu dd ul li a{padding: 12px 20px; display: block;}
.side_menu dd ul{margin-bottom: 20px;}
.product_page_wrap{max-width: 1400px; margin:0 auto 120px; display:flex; justify-content:space-between; padding-top:60px;}
.product_index_name{font-weight: bold; line-height:1.3; margin:10px 0;}
.ec-shelfGrid__item-image > img{aspect-ratio: 550 / 412; object-fit: cover; object-offset: center;}
.price02-default,.product_item_inc_price,.ec-total-price,.ec-option-price,.ec-cartRole .ec-cartRole__totalAmount,.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel
{color:#ba2c2c; font-weight:bold;}
.ec-topicpath{padding-top: 0;}
.ec-secHeading .ec-secHeading__ja{font-size:1.5rem; color:#101828;}
.ec-shelfGrid .ec-shelfGrid__item{width: 25%;}
.ec-checkProductRole .ec-shelfGrid .ec-shelfGrid__item{width: 16.6%;}
.ec-secHeading{margin-bottom: 30px;}
.product_page_r{width:calc(100% - 220px); padding-left:6%;}
.ec-headingTitle{margin-top: 32px;}

/*商品検索*/
.search_area{max-width: 1400px; margin:20px auto 0;}
.ec-headerNaviRole__search{max-width: 550px;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
    border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
}
.ec-headerSearch .ec-headerSearch__keyword{
    border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
}
.ec-headerSearch .ec-headerSearch__keyword input[type=search]{font-size:1.6rem;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before{top:16px;}
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
        max-width: 236px;
		margin-bottom: 0;
    }
/*商品詳細*/
.ec-productRole .ec-productRole__tag{color:#fff; background-color:#DE5D50; border:none; border-radius:0;}
.ec-headingTitle{margin:20px 0 0;}
.ec-price .ec-price__tax{font-size:1.4rem;}
.ec-price{margin-top:10px;}
.ec-productRole .ec-productRole__priceRegularTax{font-size:1.4rem;}
.ec-productRole__priceRegularPrice{margin-top:15px; display:inline-block;}
.ec-productRole__description{margin-top:30px;}
.ec-productRole .ec-productRole__tags{padding:10px 0; margin:0;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before{
   top:16px;}
.slide-content{max-height:380px; background-color:#f8f8f8; text-align:center;}
.slide-content img{max-height:380px !important; width:auto !important; display:inline-block;}
    .ec-productRole .ec-productRole__tag{color:#fff; background-color:#DE5D50; border:none; border-radius:0;}
     .ec-headingTitle{margin:20px 0 0;}
    .ec-price .ec-price__tax{font-size:1.4rem;}
    .ec-price{margin-top:10px;}
    .ec-productRole .ec-productRole__priceRegularTax{font-size:1.4rem;}
    .ec-productRole__priceRegularPrice{margin-top:15px; display:inline-block;}
    .ec-productRole__description{margin-top:30px;}
    .ec-productRole .ec-productRole__tags{padding:10px 0; margin:0;}
    .item_visual .slide-item .slide-content{margin:0 0.5px;}
    .ec-productRole__description{line-height:2;}
.ec-productRole__btn{margin-top: 20px;}
.ec-numberInput{margin-top: 30px;}
.ec-select:has(img){text-align:center;}
.ec-select img {
    max-height: 380px !important;
    width: auto !important;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.ec-color-accent{color:inherit;}
textarea.form-control{min-height:100px;}
.ec-productRole__actions .row{margin-bottom:15px;}
.ec-select img{pointer-events:none !important;}

@media print, screen and (max-width: 1480px) {
    .side_menu{margin-left: var(--pad-inner01);}
    .product_page_r{padding-right: var(--pad-inner01);}
	.search_area{padding-left: var(--pad-inner01);}
}
@media print, screen and (max-width: 1280px) {
    .ec-shelfGrid .ec-shelfGrid__item{width: 25% !important;}
}
@media print, screen and (max-width: 1150px) {
    .ec-shelfGrid .ec-shelfGrid__item{width: 33.33% !important;}
     .side_menu{width: 195px;}
     .side_menu dt{height: 65px;}
     .side_menu dt,.side_menu dd,.side_menu dd a{font-size:1.4rem;}
     .side_menu dd ul li a{padding-left:10px; padding-right:10px;}
}
@media print, screen and (max-width: 1020px) {
    .product_page_wrap{flex-direction:column-reverse; margin-bottom: 70px;}
    .product_page_r{width: 100%; margin:0 auto; padding-left: var(--pad-inner01); padding-right: var(--pad-inner01);}
    .ec-topicpath{font-size:1.6rem;}
    .ec-topicpath{padding:12px 0;}
    .ec-searchnavRole .ec-searchnavRole__infos{padding:12px 0;}	
.side_menu{width: var(--wid_wrap_sp); margin:35px auto 0; padding: 0;}
.side_menu dl{border:none; margin-bottom: 7px;}
.side_menu dl:last-child{border-bottom:none;}
.side_menu dt{height: auto; font-weight: bold; display:block; align-items: center; position: relative; background-color:var(--navy03); color: #fff; padding: 7px 15px; font-size: 1.6rem;}
.side_menu dt::after{border-bottom:2px solid #fff; border-right:2px solid #fff; right:15px; z-index: 1; top: 14px;}	
.side_menu dt.open::after{top:17px;}	
.side_menu dd ul{display: flex; flex-wrap: wrap;}
	.side_menu dd ul li{margin-top: 8px; margin-right: 8px;}
.side_menu dd ul li a{display: inline-block; padding: 10px 15px; background-color: var(--gray-bg02); border-radius: 2px; font-size: 1.6rem;}
.side_menu dd ul{margin-bottom: 20px;}    
}
@media print, screen and (max-width: 830px) {
     .ec-shelfGrid .ec-shelfGrid__item{width: 50% !important;}
     .ec-select select{margin-bottom:5px;}
	}

@media print, screen and (max-width: 767px) {
	.ec-productRole{padding-left: 0; padding-right: 0;}
	.ec-shelfRole{padding-left: 0; padding-right: 0;}
    .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {border-top-right-radius: 3px;
    border-bottom-left-radius: 0;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before{top:16px;}
    .ec-headerNaviRole__search{max-width: 300px;}
	    .ec-headerSearch .ec-headerSearch__category .ec-select select {
			max-width: 300px;}
    .ec-headerSearch .ec-headerSearch__keyword{border-bottom-left-radius: 3px; border-top-right-radius: 0;}
    .ec-price .ec-price__price{font-size:2.2rem;}   
.slide-content{max-height:250px; background-color:#fff;}
.slide-content img{max-height:250px !important;}
.slick-dotted.slick-slider{margin-bottom:20px;}
.slick-dots{bottom:-35px;}
.ec-select img {max-height: 250px !important;}	
	
	
}
/*商品一覧・詳細ここまで---------------------------------------------------------------------------------------------------------------------*/
/* ======================================
当サイトについて　/help/about
==========================================*/
.ec-borderedDefs dl{margin:0; padding:15px 0;}
.ec-borderedDefs dt{margin:0; padding:0; line-height:2;}
.ec-borderedDefs dd{line-height:2; margin:0; padding:0;}
.Help-About_page .ec-borderedDefs dt{width:140px;}
.Help-About_page .ec-borderedDefs dd{width:calc(100% - 140px);}
@media print, screen and (max-width: 767px) {
    .Help-About_page  .ec-borderedDefs dt{width:105px; padding-right:10px; font-size:1.5rem;}
    .Help-About_page  .ec-borderedDefs dd{width:100%;}
}
/* ======================================
プライバシーポリシー　/help/privacy
==========================================*/
.ec-heading-bold{margin-top:25px;}
.Privacy_page .ec-heading-bold{border-top:1px dotted #ccc; padding-top:25px; margin-bottom:10px;}
ul.privacy_list{padding-left:0;}
ul.privacy_list li{margin-top:15px; text-indent:-1em; padding-left:1em;}
.Privacy_page .ec-heading-bold:first-child{margin-top:30px;}
@media print, screen and (max-width: 767px) {
.Privacy_page .ec-heading-bold:first-child{margin-top:15px;}
}
/* ======================================
特定商取引法に基づく表記　/help/tradelaw
==========================================*/
.Tradelaw_page .ec-borderedDefs dt{width:230px;}
.Tradelaw_page .ec-borderedDefs dd{width:calc(100% - 230px); padding-left:15px;}
.table_souryou{margin-bottom:10px;}
.table_souryou th{width:80px;}
.kouza{display:flex; flex-wrap:wrap; gap:0 15px;}
.kouza span:not(:last-child){flex-shrink:0;}
.table_henpin th{width:105px; vertical-align:top;}
.table_henpin th,.table_henpin td{padding:10px 0; border-bottom: 1px dotted #ccc;}
.table_henpin tr:first-child th,.table_henpin tr:first-child td{padding-top:0;}
.table_henpin tr:last-child th,.table_henpin tr:last-child td{padding-bottom:0; border-bottom:none;}
@media print, screen and (max-width: 767px) {
    .Tradelaw_page .ec-borderedDefs dt{width:100px;}
.Tradelaw_page .ec-borderedDefs dd{width:100%; padding-left: 0;}
.table_henpin,.table_henpin tr,.table_henpin th,.table_henpin td{display:block; width:100%;}
.table_henpin th{border-bottom:none; padding-bottom:0;}
.table_henpin td{padding-top:0;}
}

/* ======================================
home
==========================================*/
.ec-layoutRole .ec-layoutRole__contents{max-width: 100%;}
.ec-sliderRole{max-width: none; margin-bottom:10px;}
.slic-center{max-width:1400px;}
div.slick-slide{position: relative;}
.main_visual div.slick-slide:not(.slick-center)::after{content:""; display: block; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5); position:absolute; z-index:1;}
.slick-dots li button:before{background-color:#101828;}
.slick-dots li.slick-active button:before{background-color:#101828;}
.ec-sliderRole{padding-left: 0; padding-right: 0;}
.slick-prev{width:28px; height:30px; background-color:rgba(0, 0, 0, 30%) !important; z-index:4; left:calc(50% - 700px);}
.slick-next{width:28px; height:30px; background-color:rgba(0, 0, 0, 30%) !important; z-index:5; right:calc(50% - 700px);}
.side_menu ul{padding-left:0 !important;}
@media print, screen and (max-width: 1400px) {
.slick-prev{left:0;}
.slick-next{right:0;}	
}
@media print, screen and (min-width: 700px) {
	.slide_img_sp{display: none !important;}
	.slide_img_pc{display: block !important;}
}
@media print, screen and (max-width: 699px) {
	.slide_img_sp{display: block !important;}
	.slide_img_pc{display: none !important;}
}
@media print, screen and (max-width: 767px) {
	.ec-sliderRole{margin-bottom:20px;}
}
.ec-role{max-width:1400px;}
.ec-shelfGrid .ec-shelfGrid__item{width:20%;}
.ec-blockTopBtn{width:40px; opacity:0.6;}
/*新着情報*/
.ec-newsRole{padding-top: 80px;}
.ec-newsRole .ec-newsRole__news{border:none; padding: 0; max-width:1280px; margin:0 auto;}
.ec-newsRole .ec-newsRole__newsDate{font-size:1.5rem; color:#6a7282; line-height:29px;}
.ec-newsRole .ec-newsRole__newsTitle{color: inherit;}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type){border-color:#f3f4f6;}
.ec-newsRole .ec-newsRole__newsCloseBtn{background-color: transparent; color:#969faf; font-size:1.2rem; line-height:29px;}
.ec-newsRole .ec-newsRole__newsItem{padding-left: 20px; padding-right: 20px;}
.ec-newsRole__newsItem:hover{background-color:#fafbfb;}
.ec-newsRole .ec-newsRole__newsTitle{font-size:1.6rem;}
.ec-inlineBtn--top{font-size:1.5rem; letter-spacing:1px; width:190px; height:53px; 
display:flex; align-items: center; justify-content:center; padding:0; margin-left:auto; margin-top:40px;}
.ec-newsRole .ec-newsRole__newsDescription{font-size:1.6rem; color:#101828;}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription{margin:30px 0 0;}
.ec-newsRole .ec-newsRole__newsItem:last-of-type{border-bottom: 1px solid #f3f4f6;}
/* View more ボタン */
.ec-inlineBtn--top {
    font-size: 1.5rem;
  letter-spacing: 1px;
  width: 190px;
  height: 53px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: auto;
  margin-top: 40px;
  border: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#820606+0,99a1af+100 */
background: linear-gradient(to right,  #820606 0%,#99a1af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media print, screen and (max-width: 1480px) {
    .ec-newsRole .ec-newsRole__news{padding-right: 4%; padding-left:4%;}
}



@media print, screen and (max-width: 767px) {
  .ec-inlineBtn--top{width:150px !important; height:50px !important;}
  .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription{margin-bottom: 20px;}
  .ec-newsRole .ec-newsRole__newsItem{padding-left: 0; padding-right: 0;}
  .ec-newsRole .ec-newsRole__newsDate{margin-top:0; padding-top:15px;}
}
/*新着商品*/
.new_products .ec-role{max-width:100%; padding-left:4%; padding-right:4%;}
.ec-newItemRole__list{margin: 60px auto 30px;}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd){margin:0;}
.ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type){margin:0;}
.ec-newItemRole .ec-newItemRole__list{display:grid; grid-template-columns:repeat(6, 1fr); gap:50px 3%;}
.ec-newItemRole .ec-newItemRole__listItem{width:100%;}
.product-category span{display:block; color:#6a7282; font-size:1.4rem; margin:3px 0;}
span.new-products_logo_as-sport,span.new-products_logo_la-buono,span.new-products_logo_quick-walls{margin: 13px 0;}
.new-products_logo_as-sport{max-width:106px; width:100%;}
.new-products_logo_la-buono{max-width:121px; width:100%;}
.new-products_logo_quick-walls{max-width:166px; width:100%;}
.ec-newItemRole .ec-newItemRole__listItemTitle{margin-top:7px;}
.ec-newItemRole .ec-newItemRole__listItemTitle{font-size:1.6rem;}
.ec-newItemRole__listItem > a > img{aspect-ratio: 550 / 412; object-fit: cover; object-offset: center;}


@media print, screen and (max-width: 1400px) {
    .ec-newItemRole .ec-newItemRole__list{display:grid; grid-template-columns:repeat(5, 1fr); gap:50px 3%;}
}
@media print, screen and (max-width: 1140px) {
    .ec-newItemRole .ec-newItemRole__list{display:grid; grid-template-columns:repeat(4, 1fr); gap:50px 3%;}
}
@media print, screen and (max-width: 900px) {
    .ec-newItemRole .ec-newItemRole__list{display:grid; grid-template-columns:repeat(3, 1fr); gap:50px 3%;}
    .ec-newItemRole__list{margin-top: 45px}
}
@media print, screen and (max-width: 630px) {
.ec-newsRole{padding:10px 0;}
.ec-newItemRole .ec-newItemRole__list{display:grid; grid-template-columns:repeat(2, 1fr); gap:50px 3%;}
}

/* ======================================
La Buono
==========================================*/
.EvenBox,.OddBox{padding: 95px 0;}
.EvenBox{background-color: var(--gray-bg01);}
.InnerBox01{max-width: var(--maxW01); margin: 0 auto;}
ul.category_list {padding-left: 0;}
.category_list {display: grid; grid-template-columns: repeat(6, 1fr); gap:20px 2%;}
.category_list_center{display: flex; justify-content: center;}
.category_list_center li{width: calc(90%/6);}
.category_list li a{height: 60px; padding-right: 10px; display: flex; flex-direction: column; justify-content: center; border:1px solid var(--gray-border02); position: relative; background-color: #fff; line-height: 1.2;}
.category_list li a:hover{background-color: var(--gray-bg02);}
/*パスがローカル　消さない
.comp-kit a::before{content:url("../images/icon_comp-kit_s.svg"); width: 34px; position: absolute; left: 10px; top:15px;}
.comp-kit a{padding-left: 55px;}
.wheel a::before{content:url("../images/icon_wheel_s.svg"); width: 30px; position: absolute; left: 10px; top:15px;}
.wheel a{padding-left: 50px;}
.footwork a::before{content:url("../images/icon_footwork_s.svg"); width: 22px; position: absolute; left: 15px; top:13px;}
.footwork a{padding-left: 48px;}
.engine a::before{content:url("../images/icon_engine_s.svg"); width: 28px; position: absolute; left: 11px; top:17px;}
.engine a{padding-left: 54px;}
.exterior a::before{content:url("../images/icon_exterior_af_s.svg"); width: 38px; position: absolute; left: 10px; top:17px;}
.exterior a{padding-left: 57px;}
.interior a::before{content:url("../images/icon_interior_s.svg"); width: 23px; position: absolute; left: 14px; top:11px;}
.interior a{padding-left: 48px;}
.carbon a::before{content:url("../images/icon_3dc-carbon_s.svg"); width: 30px; position: absolute; left: 10px; top:12px;}
.carbon a{padding-left: 50px;}
.accessory a::before{content:url("../images/icon_accessory_s.svg"); width: 30px; position: absolute; left: 10px; top:17px;}
.accessory a{padding-left: 47px;}
.other a::before{content:url("../images/icon_other_s.svg"); width: 25px; position: absolute; left:12px; top:16px;}
.other a{padding-left: 48px;}*/
.comp-kit a::before{content:url("/html/user_data/assets/img/common/icon_comp-kit_s.svg"); width: 34px; position: absolute; left: 10px; top:15px;}
.comp-kit a{padding-left: 55px;}
.wheel a::before{content:url("/html/user_data/assets/img/common/icon_wheel_s.svg"); width: 30px; position: absolute; left: 10px; top:15px;}
.wheel a{padding-left: 50px;}
.footwork a::before{content:url("/html/user_data/assets/img/common/icon_footwork_s.svg"); width: 22px; position: absolute; left: 15px; top:13px;}
.footwork a{padding-left: 48px;}
.engine a::before{content:url("/html/user_data/assets/img/common/icon_engine_s.svg"); width: 28px; position: absolute; left: 11px; top:17px;}
.engine a{padding-left: 54px;}
.exterior a::before{content:url("/html/user_data/assets/img/common/icon_exterior_af_s.svg"); width: 38px; position: absolute; left: 10px; top:17px;}
.exterior a{padding-left: 57px;}
.exterior_roadster a::before{content:url("/html/user_data/assets/img/common/icon_exterior_m_s.svg"); width: 38px; position: absolute; left: 10px; top:19px;}
.exterior_roadster a{padding-left: 57px;}
.interior a::before{content:url("/html/user_data/assets/img/common/icon_interior_s.svg"); width: 23px; position: absolute; left: 14px; top:11px;}
.interior a{padding-left: 48px;}
.carbon a::before{content:url("/html/user_data/assets/img/common/icon_3dc-carbon_s.svg"); width: 30px; position: absolute; left: 10px; top:12px;}
.carbon a{padding-left: 50px;}
.accessory a::before{content:url("/html/user_data/assets/img/common/icon_accessory_s.svg"); width: 30px; position: absolute; left: 10px; top:17px;}
.accessory a{padding-left: 47px;}
.other a::before{content:url("/html/user_data/assets/img/common/icon_other_s.svg"); width: 25px; position: absolute; left:12px; top:16px;}
.other a{padding-left: 48px;}
.all-item a::before{content:url("/html/user_data/assets/img/common/icon_all_s.svg"); width: 25px; position: absolute; left: 12px; top:15px;}
.all-item a{padding-left: 47px;}

@media print, screen and (max-width: 1480px) {
	.InnerBox01{padding-left: var(--pad-inner01); padding-right: var(--pad-inner01); /*max-width: var(--wid_wrap_sp); margin-left: auto; margin-right: auto;*/}	
	
}
@media print, screen and (max-width: 1245px) {
	.category_list {grid-template-columns: repeat(5, 1fr);}	
	.category_list_center li{width: calc(92%/5);}
	
}
@media print, screen and (max-width: 1035px) {
	.category_list {grid-template-columns: repeat(4, 1fr);}
	.category_list_center li{width: calc(94%/4);}
}
@media print, screen and (max-width: 830px) {
	.category_list {grid-template-columns: repeat(3, 1fr);}	
	.category_list_center li{width: calc(96%/3);}
}
@media print, screen and (max-width: 767px) {
	
	.EvenBox,.OddBox{padding: 60px 0;}
}
@media print, screen and (max-width: 610px) {
	.category_list {grid-template-columns: repeat(2, 1fr); gap:10px 2%;}
	.category_list_center li{width: calc(98%/2);}
	.category_list li a{height: 55px;}
	.comp-kit a::before{width: 26px; left: 8px; top:17px;}
.comp-kit a{padding-left: 45px;}
.wheel a::before{width: 23px; left: 10px; top:16px;}
.wheel a{padding-left: 45px;}
.footwork a::before{width: 18px; left: 13px; top:12px;}
.footwork a{padding-left: 45px;}
.engine a::before{width: 25px; left: 11px; top:15px;}
.engine a{padding-left: 45px;}
.exterior a::before{ width: 30px; left: 8px; top:19px;}
.exterior a{padding-left: 45px;}
.exterior_roadster a::before{ width: 30px; left: 8px; top:19px;}
.exterior_roadster a{padding-left: 45px;}	
.interior a::before{width: 19px; left: 14px; top:11px;}
.interior a{padding-left: 45px;}
.carbon a::before{width: 25px; left: 10px; top:12px;}
.carbon a{padding-left: 45px;}
.accessory a::before{width: 25px; left: 10px; top:17px;}
.accessory a{padding-left: 45px;}
.other a::before{width: 20px; left:14px; top:16px;}
.other a{padding-left: 45px;}
.all-item a::before{width: 25px; left: 10px; top:13px;}
.all-item a{padding-left: 45px;}	
}
/* ======================================
Quick Walls
==========================================*/
.disc{max-width: 900px; margin: 0 auto; font-size: 1.8rem;}
.disc p{margin-bottom: 18px;}
.popup-gallery_area{max-width: 1315px; margin: 60px auto 0;}
.popup-gallery{ display: grid; grid-template-columns: repeat(5, 1fr); gap:10px;}
.popup-gallery a{position: relative;}
.popup-gallery a::after{ content: "\f00e"; 
  font-family: "FontAwesome"; 
  font-weight: 900;
line-height: 1;
  position: absolute;
  bottom: 5px;
  right: 5px;
	z-index: 1;
  color: #fff;
display: inline-block;}
.popup-gallery a:hover{opacity: var(--a-opacity);}
.ec-inlineBtn--top {
    font-size: 1.5rem;
    letter-spacing: 1px;
    width: 190px;
    height: 53px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto;
    margin-top: 40px;
    border: none;
    background: linear-gradient(to right, #820606 0%, #99a1af 100%);
}
.popup-gallery > a:nth-child(n + 11) {
	display: none;
}

.view-more, a.view-more{
	cursor: pointer;
	color: #fff !important;
	font-weight: bold;
}

.quick-walls_btns{display: flex; justify-content: center; gap:2%; margin-top: 80px;}

.quick-walls_btns a{height: 60px; padding: 0 10px; display: flex; justify-content: center; align-items: center; border:1px solid var(--gray-border02); background-color: #fff; line-height: 1.2; max-width: 300px; width: calc(98%/2);}
.quick-walls_btns li a:hover{background-color: var(--gray-bg02);}
.quick-walls_btns a img{width: 20px; margin-right: 5px;}
.quick-walls_btns a i{font-size: 1.8rem; color: #597891; margin-right: 5px;}

@media print, screen and (max-width: 1100px) {
	.popup-gallery{grid-template-columns: repeat(4, 1fr);}
	.popup-gallery_area{margin-top: 50px;}
}
@media print, screen and (max-width: 830px) {
	.popup-gallery{grid-template-columns: repeat(3, 1fr);}
	.popup-gallery_area{margin-top: 40px;}
	.quick-walls_btns{margin-top: 60px;}
		
}	
@media print, screen and (max-width: 570px) {
	
	.popup-gallery{grid-template-columns: repeat(2, 1fr);}
	.popup-gallery_area{margin-top: 36px;}
	.quick-walls_btns{margin-top: 50px;}
}	
/*PUMA---------------*/
.puma_list{display:flex; justify-content:center; max-width:900px; gap:10%; margin-right:auto; margin-left:auto;}
.puma_list a{width:45%; display:block; max-width:340px; text-align: center; font-weight: bold;}
.puma_list a img{margin-bottom: 10px;}
.puma_slides_area .puma_slides .slick-slide{padding-left:3px; padding-right:3px;}

.puma_slides_area .prev-arrow,.puma_slides_area .next-arrow{position: absolute; bottom:-60px; font-size: 2rem;
	color: #fff; z-index: 50;  cursor: pointer; width: 40px; height: 40px; background-color: var(--navy03); display: flex; justify-content: center; align-items: center;}
.puma_slides_area .prev-arrow{left:0;}
.puma_slides_area .next-arrow{right:0;}
.puma_slides_area .slick-slide a{font-weight:bold;}
.puma_slides_area .slick-slide a img{margin-bottom: 10px;}
.puma_view-more{margin-top:100px;}
@media print, screen and (max-width: 767px) {
	.puma_view-more{margin-top:80px;}
}





/* -------------------------------------------------- */
/* block item Width */
@media print, screen and (min-width: 768px) {
.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid30_pc {width: 30px !important;}
.wid40_pc {width: 40px !important;}
.wid50_pc {width: 50px !important;}
.wid60_pc {width: 60px !important;}
.wid70_pc {width: 70px !important;}
.wid80_pc {width: 80px !important;}
.wid90_pc {width: 90px !important;}
.wid100_pc {width: 100px !important;}
.wid110_pc {width: 110px !important;}
.wid120_pc {width: 120px !important;}
.wid130_pc {width: 130px !important;}
.wid140_pc {width: 140px !important;}
.wid150_pc {width: 150px !important;}
.wid200_pc {width: 200px !important;}
.wid250_pc {width: 250px !important;}
.wid300_pc {width: 300px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}

	
/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}

/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}	
/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}	
	
	
/*on off------------------------------------------------------------*/	
.PcNodisplay{ display:none !important;}	
}
@media print, screen and (max-width: 767px) {
.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid30_sp {width: 30px !important;}
.wid40_sp {width: 40px !important;}
.wid50_sp {width: 50px !important;}
.wid60_sp {width: 60px !important;}
.wid70_sp {width: 70px !important;}
.wid80_sp {width: 80px !important;}
.wid90_sp {width: 90px !important;}
.wid100_sp {width: 100px !important;}
.wid110_sp {width: 110px !important;}
.wid120_sp {width: 120px !important;}
.wid130_sp {width: 130px !important;}
.wid140_sp {width: 140px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}

	
/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB16_sp {margin-bottom: 16px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}

.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}	
/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}	
	
	
/*on off------------------------------------------------------------*/	
.SpNodisplay{ display:none !important;}	
}