@charset "UTF-8";
@import url("https://use.typekit.net/ztx7qwn.css?2");

/* --------------------------------------------------------
　
　初期設定
　
-------------------------------------------------------- */
*{
margin:0;
padding:0;
font-family:"Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
border:0;
}

table{border-collapse:collapse;}
ul li,ol li{list-style:none;margin:0;padding:0;}
a img{border-style:none;}
a{
text-decoration:none;
opacity:1;
transition:all.3s ease-in-out;
}
a:hover{opacity:.5;}

body,
#sysAll{
width:100%;
max-width:100%;
margin:0;
padding:0;
}
input[type="button"],
input[type="text"],
input[type="submit"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="reset"],
input[type="range"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="image"],
input[type="hidden"],
input[type="file"],
input[type="email"],
input[type="datetime-local"],
input[type="date"],
input[type="color"],
select,
textarea{
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
select{
background:#fff;
color:#000;
border-radius:0;
}
input:focus::-webkit-input-placeholder{
color:transparent !important;
}
input:focus::-moz-placeholder{
color:transparent !important;
}
input:focus::-ms-input-placeholder{
color:transparent !important;
}
input:focus::placeholder{
color:transparent !important;
}
body{
-webkit-text-size-adjust:none;
}
#sysHeader,
#sysWrap,
#sysMain,
#sysAside,
#sysFooter{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
float:unset !important;
}
#sysMain{
min-height:100px !important;
}
.sysContent{
padding:0 !important;
margin:0 !important;
}
#sysItemDetail #item-price-wrap > .sysSuggestedRetailPrice > sysSuggestedRetailPrice.sysSuggestedRetailPrice:before{
content:"（";
}
#sysItemDetail #item-price-wrap > .sysSuggestedRetailPrice > .sysSuggestedRetailPrice:after{
content:"）";
}
.all-commons-header a,
.all-commons-footer a{
color:black;
}

@media screen and (min-width:768px){
	.sp-only-view{display:none !important;}
}
@media screen and (max-width:768px),
@media screen and (width:768px){
	.pc-only-view{display:none !important;}
}
ion-icon.thin{
ionicon-stroke-width:16px;
--ionicon-stroke-width:16px;
}


/* --------------------------------------------------------
　
　フォントファミリー設定
　
-------------------------------------------------------- */
/*-- 英字：ゴシック --*/
.en-gothic-01{
font-family:poppins,sans-serif;
}

/*-- 英字：明朝体 --*/
.en-serif-01{
font-family:essonnes-display,serif;
}
.en-serif-02{
font-family:big-caslon-fb, serif;
}

/*-- 英字：筆記体 --*/
.en-cursive-01{
font-family:missrobertson-pro, sans-serif;
}

/* --------------------------------------------------------
　
　共通アイコン設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　ボタン装飾設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　共通ヘッダ設定
　
-------------------------------------------------------- */
/*-- レイアウト設定 --*/
#sysHeader{
position:relative;
z-index:889;
}
#commons-header-wrap{
width:100%;
position:static;
background:#fff;
}
#commons-header-wrap.flow-start{
position:fixed;
top:0;
}
#commons-header-wrap > #header-commons-attention-area{
background:#eee9e5;
}
#commons-header-wrap > #header-commons-attention-area > a{
width:100%;
height:32px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:13px;
}
#commons-header-wrap > #header-commons-flow-area{
width:1024px;
height:65px;
padding:0 1rem;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search{
display:flex;
align-items:center;
gap:0 10px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > .material-symbols-outlined,
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > a > .material-symbols-outlined{
font-size:30px;
font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 40;
display:block;
cursor:pointer;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search > form{
width:250px;
height:40px;
padding:0 10px;
background:#f0f0f0f0;
border-radius:30px;
display:flex;
align-items:center;
justify-content:space-between;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search > form > input.search-field{
width:calc(100% - 30px);
height:100%;
line-height:100%;
background:transparent;
outline:0;
border:0;
padding:0;
}
#commons-header-wrap > #header-commons-flow-area > h1,
#commons-header-wrap > #header-commons-flow-area > h1 > a{
width:auto;
height:65px;
margin:auto;
}
#commons-header-wrap > #header-commons-flow-area > h1 > a{
display:flex;
align-items:center;
}
#commons-header-wrap > #header-commons-flow-area > h1 > a > svg{
width:auto;
height:calc(100% - 20px);
}
#commons-header-wrap > #header-commons-flow-area > ul.members{
display:flex;
align-items:center;
margin:auto 0 auto auto;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li{
margin:auto 0 auto 15px;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a{
display:flex;
align-items:center;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > ion-icon{
font-size:25px;
--ionicon-stroke-width:16px;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > span{
font-size:12px;
margin-left:5px;
}

/*-- ハンバーガーメニュー設定 --*/
#commons-header-wrap > #header-commons-hamburger-area{
position:fixed;
top:0;
left:0;
width:332px;
min-height:100vh;
height:100%;
overflow-y:scroll;
background:#fff;
z-index:900;
transform:translate3d(-332px,0,0);
transition:all.3s ease-in-out;
}
#commons-header-wrap > #header-commons-hamburger-area.open{
transform:translate3d(0,0,0);
}
#commons-header-wrap > #header-commons-overray-area{
background:rgba(0,0,0,.4);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:899;
display:none;
cursor:pointer;
}
#commons-header-wrap > #header-commons-close-btn{
z-index:900;
position:fixed;
left:340px;
top:10px;
background:transparent;
color:#fff;
line-height:1;
transform:translate3d(-380px,0,0);
transition:all.3s ease-in-out;
cursor:pointer;
}
#commons-header-wrap > #header-commons-close-btn.open{
transform:translate3d(0,0,0);
}
#commons-header-wrap > #header-commons-close-btn > ion-icon{
font-size:50px;
}
#commons-header-wrap > #header-commons-hamburger-area > #members-menu-list{
border-bottom:1px solid #ddd;
z-index:900;
position:sticky;
top:0;
background:#fff;
}
#commons-header-wrap > #header-commons-hamburger-area > #members-menu-list > ul{
display:grid;
grid-template-columns:repeat(4,1fr);
}
#commons-header-wrap > #header-commons-hamburger-area > #members-menu-list > ul > li > a{
height:65px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
line-height:1;
}
#commons-header-wrap > #header-commons-hamburger-area > #members-menu-list > ul > li > a > ion-icon{
font-size:25px;
margin:auto auto 0 auto;
}
#commons-header-wrap > #header-commons-hamburger-area > #members-menu-list > ul > li > a > span{
display:block;
font-size:11px;
width:100%;
margin:5px auto auto auto;
text-align:center;
}
#commons-header-wrap > #header-commons-hamburger-area > section{
width:calc(100% - 40px);
margin:0 auto;
padding:20px 0;
}
#commons-header-wrap > #header-commons-hamburger-area > section > form{
width:100%;
height:40px;
padding:0 10px;
margin:0 auto 30px auto;
background:#f0f0f0f0;
display:flex;
align-items:center;
justify-content:space-between;
border-radius:5px;
}
#commons-header-wrap > #header-commons-hamburger-area > section > form > input.search-field{
width:calc(100% - 30px);
height:100%;
line-height:100%;
background:transparent;
outline:0;
border:0;
padding:0;
}
#commons-header-wrap > #header-commons-hamburger-area > section > nav.menu-container{
padding:0;
margin:0 auto 2rem auto;
}
#commons-header-wrap > #header-commons-hamburger-area > section > nav.menu-container > .title{
font-size:12px;
color:#999;
margin-bottom:.65rem;
font-weight:600;
}
#commons-header-wrap > #header-commons-hamburger-area > section > nav.menu-container > ul > li > a{
font-size:14px;
display:flex;
align-items:center;
justify-content:space-between;
height:40px;
width:100%;
}
#commons-header-wrap > #header-commons-hamburger-area > section > nav.menu-container > ul > li > a:after{
font-family:"Material Symbols Outlined";
content:"\e5cc";
font-size:18px;
margin-right:5px;
font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
}



/* --------------------------------------------------------
　
　共通フッタ設定
　
-------------------------------------------------------- */
footer#commons-footer-wrap{
margin:10rem auto 0 auto;
width:100%;
border-top:10px solid #eee;
background:#f9f9f9;
}
footer#commons-footer-wrap > article{
width:960px;
padding:6rem 1rem;
margin:auto;
display:grid;
grid-template-columns:100px 1fr;
gap:0 80px;
}
footer#commons-footer-wrap > article > #footer-logo-area > svg{
width:100px;
margin:auto;
display:block;
}
footer#commons-footer-wrap > article > #footer-logo-area > span{
font-size:10px;
text-align:center;
display:block;
margin:15px auto 0 auto;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main{
padding-bottom:30px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px 40px;
align-items:center;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a{
font-size:13px;
font-weight:600;
letter-spacing:.08em;
display:flex;
align-items:center;
justify-content:space-between;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a:after{
font-family:"Material Symbols Outlined";
content:"\e5df";
font-size:18px;
font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub{
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid #ddd;
top:20px;
padding-top:20px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul{
display:flex;
align-items:center;
line-height:1;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul > li > a{
font-size:13px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul > li > a > ion-icon{
font-size:20px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns > li{
margin:auto 10px auto 0;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns > li.title{
margin:auto 14px auto 0;
font-size:12px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li{
margin:auto 0 auto 20px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li > a{
display:block;
font-size:12px;
}




/* --------------------------------------------------------
　
　トップページ設定
　
-------------------------------------------------------- */
/*-- サイトトップ：キービジュアル設定 --*/
#site-index-key-visual{
width:100%;
height:calc(100vh - 97px);
min-height:730px;
margin:0;
overflow:hidden;
position:relative;
}
#site-index-key-visual > section#img{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
display:flex;
align-items:center;
}
#site-index-key-visual > section#img > .occasion,
#site-index-key-visual > section#img > .casual{
width:calc(100% / 2);
height:100%;
position:relative;
overflow:hidden;
}
#site-index-key-visual > section#img > div > figure > img{
position:absolute;
top:50%;
left:50%;
object-fit:cover;
aspect-ratio:1;
width:100%;
height:100%;
object-position:center;
transform:translate(-50%,-50%) scale(1.05);
filter:brightness(.7);
}
#site-index-key-visual > section#img > div.slide > figure{
display:block;
position:absolute;
width:100%;
height:100%;
opacity:0;
animation:keyVisualSlideAnimation 6s ease infinite;
}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(1){animation-delay:0s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(2){animation-delay:3s;}
@keyframes keyVisualSlideAnimation{
	0%{opacity:0;}
	8%{opacity:1;}
	53%{opacity:1;}
	58%{opacity:0;}
	100%{opacity:0;}
}

#site-index-key-visual > section#text{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#site-index-key-visual > section#text > .main-text{
width:max-content;
padding:0 1rem;
margin:0 auto;
text-align:center;
position:absolute;
top:calc(50% - 35px);
left:50%;
transform:translate(-50%,-50%);
}
#site-index-key-visual > section#text > .main-text > h2{
font-size:3.8rem;
font-weight:100;
color:#ffff;
text-align:center;
}
#site-index-key-visual > section#text > .main-text > h3{
font-size:1.8rem;
letter-spacing:.08em;
margin:5px auto 50px auto;
text-transform: uppercase;
text-align:center;
}
#site-index-key-visual > section#text > .main-text > h3 > span{
background:linear-gradient(19deg, #FAACA8 0%, #ffffff 33%, #fde3ff 53%, #ffffff 65%, #f5bfbd 83%, #ffffff 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:600;
}
#site-index-key-visual > section#text > .main-text > ul{
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center;
justify-content:center;
gap:0 10px;
width:650px;
margin:0 auto 60px auto;
}
#site-index-key-visual > section#text > .main-text > ul > li{
font-size:16px;
}
#site-index-key-visual > section#text > .main-text > ul > li > a{
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
font-weight:600;
letter-spacing:.09em;
background:rgba(255,255,255,.9);
filter:drop-shadow(0 0 2px rgba(0,0,0,.2));
height:60px;
border-radius:60px;
line-height:1;
color:#4e4b47;
padding:0 5px 0 0;
}
#site-index-key-visual > section#text > .main-text > ul > li > a > ion-icon{
margin:0 5px 0 0;
font-size:.9em;
}
#site-index-key-visual > section#text > .main-text > .last{
font-size:10px;
line-height:1.6;
color:#fff;
letter-spacing:.1em;
opacity:.98;
font-weight:100;
}

#site-index-key-visual > section#text > .brand-list{
width:100%;
background:rgb(255,255,255,.9);
position:absolute;
bottom:0;
left:0;
padding:0;
margin:0;
}
#site-index-key-visual > section#text > .brand-list > ul.autoplay-slider{
display:flex;
min-width:100%;
width:max-content;
animation:120s linear infinite siteTopBrandFlowAnimarion;
margin:0;
padding:0;
}
#site-index-key-visual > section#text > .brand-list > ul.autoplay-slider > .slide > a{
width:max-content;
height:65px;
display:flex;
align-items:center;
justify-content:center;
margin:0;
padding:0 30px;
letter-spacing:.08em;
font-size:16px;
color:#4e4b47;
}
@keyframes siteTopBrandFlowAnimarion{
	100%{
		transform:translateX(-50%);
	}
}

/*-- サイトトップ：インフォメーション設定 --*/
#site-index-information > ul{
width:540px;
margin:4rem auto 0 auto;
}
#site-index-information > ul > li:not(:last-child){
margin-bottom:.8rem;
}
#site-index-information > ul > li > a{
display:flex;
align-items:flex-start;
justify-content:space-between;
font-size:13px;
}
#site-index-information > ul > li > a > time{
width:100px;
}
#site-index-information > ul > li > a > p{
word-break:break-all;
width:420px;
}
#site-index-information > ul > li > a > p > span{
text-decoration:underline;
}



/*-- サイトトップ：新作商品一覧設定 --*/
.product-list-contents > h2{
font-family:essonnes-display,serif;
font-size:35px;
font-weight:300;
text-align:center;
margin:8rem auto .3rem auto;
}
.product-list-contents > a.more-link{
text-align:center;
text-decoration:underline;
display:block;
margin:0 auto;
}
.product-list-contents > div > div > ul{
width:1024px;
padding:0 1rem;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:30px 10px;
margin:2rem auto 4rem auto;
}
.product-list-contents > div > div > ul > li{
display:flex;
flex-wrap:wrap;
align-items:baseline;
float:unset !important;
width:unset !important;
padding:unset !important;
}
.product-list-contents > div > div > ul > li > .sysItemImage,
.product-list-contents > div > div > ul > li > .sysItemName{
width:100%;
}
.product-list-contents > div > div > ul > li > .sysItemImage{
line-height:0;
}
.product-list-contents > div > div > ul > li > .sysItemName > a{
font-size:12px;
letter-spacing:.05em;
color:#2c2c2c;
margin-top:.8rem;
margin-bottom:.35rem;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
text-align:left;
padding:0;
}
.product-list-contents > div > div > ul > li > .sysItemName > a > span{
display:none;
}
.product-list-contents > div > div > ul > li > .sysItemSuggestedPrice{
font-family:poppins,sans-serif;
letter-spacing:.05em;
font-size:12px;
}
.product-list-contents > div > div > ul > li > .sysItemSuggestedPrice > s{
margin:auto 10px auto 0;
}
.product-list-contents > div > div > ul > li > .sysItemPrice{
font-family:poppins,sans-serif;
letter-spacing:.05em;
font-size:13px;
font-weight:500;
}



/*-- サイトトップ：ブランド一覧設定 --*/
#site-index-brandlist{
margin:10rem auto 0 auto;
}
#site-index-brandlist > h3{
font-size:35px;
font-weight:300;
text-align:center;
margin-bottom:.35rem;
}
#site-index-brandlist > a{
text-align:center;
text-decoration:underline;
display:block;
margin:0 auto;
}
#site-index-brandlist > ul{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
width:1024px;
padding:0 1rem;
margin:2rem auto;
}
#site-index-brandlist > ul > li > a{
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
letter-spacing:.08em;
line-height:1.2;
height:100px;
border:1px solid #dfdfdf;
background:#fff;
}
#site-index-brandlist > ul > li > a.long{
font-size:12px;
}



/*-- サイトトップ：レンタル方法3ステップ設定 --*/
#site-index-rentalflow{
width:100%;
min-width:1024px;
min-height:calc(100vh - 65px);
background:#fafafa;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:0 60px;
margin:10rem auto 0 auto;
}
#site-index-rentalflow > figure{
height:100%;
overflow:hidden;
position:relative;
z-index:0;
}
#site-index-rentalflow > figure > img{
position:absolute;
top:50%;
left:50%;
object-fit:cover;
aspect-ratio:1;
width:100%;
height:100%;
object-position:center;
transform:translate(-50%,-50%) scale(1);
filter:brightness(.9) contrast(1.1) saturate(1);
transition:all 1s ease;
z-index:1;
}
#site-index-rentalflow > section{
padding:0 1rem 0 0;
margin:auto auto auto 0;
max-width:700px;
}
#site-index-rentalflow > section > h3{
font-size:4.5rem;
font-weight:300;
margin-bottom:3rem;
display:flex;
align-items:baseline;
}
#site-index-rentalflow > section > h3 > span{
font-size:.6em;
margin:0 20px 0 0;
}
#site-index-rentalflow > section > ul{
margin-bottom:4rem;
}
#site-index-rentalflow > section > ul > li{
display:grid;
grid-template-columns:50px 1fr;
gap:0 30px;
margin-bottom:2rem;
}
#site-index-rentalflow > section > ul > li > span{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
background:#333;
color:#fff;
border-radius:100%;
font-size:18px;
line-height:1;
}
#site-index-rentalflow > section > ul > li > div > .title{
font-size:18px;
letter-spacing:.05em;
font-weight:600;
margin-bottom:10px;
}
#site-index-rentalflow > section > a{
text-decoration:underline;
font-size:16px;
}



/*-- サイトトップ：Instagram設定 --*/
#site-index-instagram{
margin:10rem auto 0 auto;
}
#site-index-instagram > h3{
font-size:35px;
font-weight:300;
text-align:center;
margin-bottom:.35rem;
display:flex;
align-items:center;
justify-content:center;
}
#site-index-instagram > h3 > ion-icon{
margin-right:10px;
}
#site-index-instagram > a{
text-align:center;
text-decoration:underline;
display:block;
margin:0 auto;
}
#site-index-instagram > ul{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
width:1024px;
padding:0 1rem;
margin:2rem auto;
}
#site-index-instagram > ul > li > a,
#site-index-instagram > ul > li > a > img{
width:100%;
line-height:0;
display:block;
}




/* --------------------------------------------------------
　
　パンくず設定
　
-------------------------------------------------------- */
nav#sys-category-pankuzu-wrap{
margin-bottom:.5rem;
}
.sysCategoryPankuzu,
.sysItemCategoryPankuzu{
width:1024px;
padding:.5rem 1rem;
margin:0 auto;
font-size:11px;
overflow:hidden;
}
.sysCategoryPankuzu > br,
.sysItemCategoryPankuzu > br{
display:none;
}
.sysCategoryPankuzu > a,
.sysItemCategoryPankuzu > a{
text-decoration:underline;
}


/* --------------------------------------------------------
　
　商品一覧ページ設定（カテゴリ・検索共通）
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription{
padding:4rem 1rem 0 1rem;
width:1024px;
margin:auto;
}
#sysAll > #sysWrap > #sysMain > .sysItemListDisp{
text-align:center;
margin:1rem auto 0 auto;
font-size:13px;
}
#sysAll > #sysWrap > #sysMain > .sysItemListDisp > div{
float:unset;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
width:1024px;
padding:0 1rem;
margin:4rem auto 0 auto;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:30px 10px;
}

/*-- タイトル --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription > h1{
font-size:20px;
font-weight:600;
text-align:center;
font-weight:300;
}
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription > h1 > span{
font-size:.7em;
display:block;
margin:0 auto;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > h2{
font-size:25px;
font-weight:600;
text-align:center;
font-weight:300;
margin:4rem auto 0 auto;
}

/*-- メニュー --*/
#product-list-menu-wrap{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:0 10px;
width:450px;
margin:1rem auto 0 auto;
}
#product-list-menu-wrap > #sysItemCategory,
#product-list-menu-wrap > form{
width:calc(50% - 5px);
}
#product-list-menu-wrap > #sysItemCategory,
#product-list-menu-wrap > form > #sysItemSort{
background:#fff;
height:45px;
display:flex;
align-items:center;
padding:0;
border-radius:5px;
font-weight:300;
cursor:pointer;
position:relative;
font-size:14px;
border:1px solid #ddd;
}
#product-list-menu-wrap > #sysItemCategory > span,
#product-list-menu-wrap > form > #sysItemSort > span{
display:flex;
align-items:center;
width:100%;
font-weight:300;
position:relative;
padding:0 20px 0 35px;
}
#product-list-menu-wrap > #sysItemCategory > span:before,
#product-list-menu-wrap > form > #sysItemSort > span:before{
font-family:"Material Symbols Outlined";
transform:translateY(-50%);
position:absolute;
top:calc(50% - 2px);
left:10px;
font-size:18px;
}
#product-list-menu-wrap > #sysItemCategory > span:before{
content:"\e9b0";
}
#product-list-menu-wrap > form > #sysItemSort > span:before{
content:"\e8d5";
}
#product-list-menu-wrap > #sysItemCategory > span:after,
#product-list-menu-wrap > form > #sysItemSort > span:after{
font-family:"Material Symbols Outlined";
content:"\e5c5";
font-size:1.8em;
transform:translateY(-50%) rotate(0deg);
position:absolute;
top:calc(50% - 2px);
right:0;
}
#product-list-menu-wrap > #sysItemCategory.selected > span:after,
#product-list-menu-wrap > form > #sysItemSort.selected > span:after{
transform:translateY(-50%) rotate(180deg);
}
#product-list-menu-wrap > #sysItemCategory > ul,
#product-list-menu-wrap > form > #sysItemSort > ul{
width:100%;
position:absolute;
top:40px;
left:0;
z-index:1;
border:1px solid #ddd;
background:#fff;
font-size:13px;
padding:10px;
font-weight:400;
opacity:0;
display:none;
transition:all 0.2s ease;
}
#product-list-menu-wrap > #sysItemCategory.selected > ul,
#product-list-menu-wrap > form > #sysItemSort.selected > ul{
opacity:1;
display:block;
transition:all 0.2s ease;
}
#product-list-menu-wrap > #sysItemCategory.selected > ul > li,
#product-list-menu-wrap > form > #sysItemSort.selected > ul > li{
padding:10px;
}
#product-list-menu-wrap > #sysItemCategory.selected > ul > li > a,
#product-list-menu-wrap > form > #sysItemSort.selected > ul > li > a{
line-height:1.6;
display:block;
font-size:13px;
}

/*-- 検索結果ページ：コンテンツ構造順一部変更 --*/
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm{
padding:0 1rem;
width:1024px;
margin:auto;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > span#sysSeacrhkeywordPullDownBtn{
font-size:15px;
text-decoration:underline;
margin:20px auto 0 auto;
display:block;
text-align:center;
cursor:pointer;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea{
display:none;
width:100%;
max-width:400px;
margin:20px auto 0 auto;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea > .sysItemSearchFormWord{
display:flex;
align-items:center;
width:100%;
height:45px;
border-bottom:1px solid #dfdfdf;
background:#fff !important;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea > .sysItemSearchFormWord:before{
font-family:'Material Symbols Outlined';
content:"\e8b6";
font-variation-settings:'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
display:block;
font-size:20px;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea > .sysItemSearchFormWord > input{
font-size:15px;
background:#fff !important;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea > .sysItemSearchAndOr{
text-align:center;
font-size:13px;
margin-top:20px;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > #sysSearchKeywordArea > .sysSearchButton{
width:100%;
max-width:150px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#000;
color:#fff;
border-radius:30px;
margin:20px auto 0 auto;
cursor:pointer;
}

/*-- 検索結果ページ：コンテンツ構造順一部変更 --*/
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm{
width:100%;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > form.sysItemSearchForm > .sysItemSearchFormInput > span#sysSeacrhkeywordPullDownBtn{
font-size:13px;
}

/*-- 商品一覧 --*/
#sysAll > #sysWrap > #sysMain > .sysItemList > p.none-items{
text-align:center;
margin:60px auto;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > p.item-all-btn > a{
width:max-content;
background:#000;
color:#fff;
text-align:center;
padding:0 40px;
height:45px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin:0 auto;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li{
border:0;
padding:0;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .sysThumbnailImage{
width:100%;
float:unset;
margin:0;
line-height:0;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap{
display:flex;
align-items:baseline;
flex-wrap:wrap;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysItemName{
width:100%;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysItemName > a{
font-size:12px;
color:#2c2c2c;
margin-top:.8rem;
margin-bottom:.35rem;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysItemName > a > span{
display:none;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap{
line-height:1;
display:flex;
justify-content:flex-start;
align-items:baseline;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysRetailPrice{
font-family:poppins, sans-serif;
letter-spacing:.05em;
font-size:13px;
font-weight:500;
margin:auto 0;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysSuggestedRetailPrice{
font-family:poppins, sans-serif;
letter-spacing:.05em;
font-size:12px;
margin:auto 10px auto 0;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysItemPrArea{
display:block;
width:100%;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList > li > .itemDetailWrap > .sysItemPrArea > .sysItemPr{
font-size:10px;
color:#aaa;
}




/*-- ページャー --*/
.sysPagination > ul{
width:1024px;
padding:0 1rem;
margin:4rem auto 0 auto;
}
.sysPagination > ul > li{
width:max-content;
height:max-content;
padding:0;
margin:0;
}
.sysPagination > ul > li > a{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border:0;
border-radius:5px;
}
.sysPagination > ul > li > a.sysCurrent{
background:#f0f0f0;
}





/* --------------------------------------------------------
　
　商品詳細ページ設定
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#item-colum-fiex-wrap{
width:1024px;
padding:0 1rem;
margin:0 auto;
display:grid;
grid-template-columns:540px 1fr;
gap:0 60px;
}



/*-- 画像エリア --*/
#item-colum-fiex-wrap .sysItemImages .sysModal{
position:relative;
z-index:0;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #photoNum{
position:absolute;
bottom:15px;
right:10px;
width:max-content;
background:#fff;
color:#000;
display:flex;
align-items:center;
justify-content:center;
padding:5px 20px;
border-radius:5px;
font-size:11px;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalPreb,
#item-colum-fiex-wrap .sysItemImages .sysModal #modalNext{
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
width:30px;
height:30px;
border-radius:100%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalPreb:before,
#item-colum-fiex-wrap .sysItemImages .sysModal #modalNext:before{
font-family:"Material Symbols Outlined";
font-size:18px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalPreb{
left:10px;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalNext{
right:10px;
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalPreb:before{
content:"\e5cb";
}
#item-colum-fiex-wrap .sysItemImages .sysModal #modalNext:before{
content:"\e5cc";
}
#item-colum-fiex-wrap .sysItemImages .sysModal .sysMainImageModal{
line-height:0;
margin:0;
}
#item-colum-fiex-wrap .sysItemImages .sysModal .sysMainImageModal > a{
display:block;
}
#item-colum-fiex-wrap .sysItemImages .sysModal .sysMainImageModal > a:hover{
opacity:1;
}
#item-colum-fiex-wrap .sysItemImages .sysImageDescription{
font-size:13px;
padding:10px;
text-align:center;
line-height:1.8;
display:none;
}
#item-colum-fiex-wrap .sysItemImages .sysImageList{
width:100%;
display:grid;
grid-template-columns:repeat(6,1fr);
gap:10px;
margin-top:10px;
}
#item-colum-fiex-wrap .sysItemImages .sysImageList li{
float:unset;
height:unset;
width:unset;
margin:0;
line-height:1;
background:#fff;
cursor:pointer;
}
#item-colum-fiex-wrap .sysItemImages .sysImageList li.sysCurrent{
border:2px solid #000;
padding:4px;
}
#item-colum-fiex-wrap .sysItemImages .sysImageList li.sysCurrent img{
border:0;
}

/*-- 画像ポップアップ --*/
#sysItemDetail #sysModalWindow{
padding:0;
}
#sysItemDetail #sysModalWindow .sysModalContent{
width:calc(100vh + 60px);
height:calc(100vh - 60px);
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
padding:20px;
border:0;
border-radius:0;
box-shadow:unset;
filter:drop-shadow(0 0 2px rgba(0,0,0,.5));
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement{
position:fixed;
right:20px;
top:20px;
color:#fff;
cursor:pointer;
opacity:1;
width:50px;
height:50px;
background:rgba(0,0,0,.8);
border-radius:100%;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement:after,
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement:before{
display:block;
content:" ";
position:absolute;
top:14px;
left:23px;
width:4px;
height:22px;
border-radius:4px;
background:#fff;
-webkit-transition:background .2s ease-in-out;
transition:background .2s ease-in-out;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement:before{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement:after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody{
width:100%;
height:100%;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages{
display:grid;
grid-template-columns:95px 1fr;
gap:0 25px;
width:100%;
height:100%;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage{
order:2;
max-width:unset;
width:calc(100vh - 100px);
height:calc(100vh - 100px);
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage img{
max-width:unset;
min-width:unset;
width:auto;
height:100%;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul{
order:1;
height:calc(100vh - 100px);
overflow-y:scroll;
overflow-x:hidden;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul li{
width:80px;
height:80px;
line-height:1;
margin:0 0 15px 0;
cursor:pointer;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul li:last-child{
margin:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul li.sysCurrent img{
padding:5px;
border:3px solid #404040;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar{
width:5px;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-track{
background-color:#eee;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-thumb{
box-shadow:inset 0 0 6px rgba(0,0,0,.5);
}

/*-- お気に入りポップアップ --*/
#sysItemDetail .modaal-wrapper{
padding:0;
}
#sysItemDetail .modaal-wrapper .modaal-container{
position:fixed;
display:block;
width:max-content;
height:max-content;
max-height:calc(100vh - 80px);
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
#sysItemDetail .modaal-wrapper .modaal-container .modaal-content .modaal-content-container{
width:360px;
height:max-content;
padding:20px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistThumbnailGroup .sysWishlistThumbnail img{
max-width:unset;
width:100%;
height:auto;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMessageGroup .sysWishlistMessage{
padding:0;
margin:10px 0 20px 0;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMessageGroup .sysWishlistMessage .massage{
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
font-size:14px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistInformationGroup .sysWishlistInformation{
padding:0;
margin:10px 0 20px 0;
font-size:11px;
color:#ca0000;
text-align:center;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistLoginGroup,
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistShowGroup{
width:calc(100% - 40px);
margin:10px auto 0 auto;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistLoginGroup form input[type="submit"],
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistShowGroup form input[type="submit"]{
line-height:45px;
height:45px;
color:#fff;
width:100%;
text-align:center;
cursor:pointer;
background:#444;
border-radius:0;
font-weight:600;
font-size:14px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMemberRegisterGroup{
width:calc(100% - 40px);
margin:10px auto 0 auto;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMemberRegisterGroup form input[type="submit"]{
line-height:45px;
height:45px;
color:#333;
width:100%;
text-align:center;
cursor:pointer;
background:#fff;
border:1px solid #ddd;
border-radius:0;
font-weight:600;
font-size:14px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistCloseBottomButtonGroup{
width:calc(100% - 40px);
margin:10px auto 0 auto;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistCloseBottomButtonGroup button{
line-height:45px;
height:45px;
background:unset;
text-align:center;
width:100%;
letter-spacing:0;
text-decoration:underline;
font-weight:600;
color:#000;
}
#sysItemDetail .modaal-wrapper .modaal-container .modaal-close{
filter:drop-shadow(0 0 2px rgba(0,0,0,.2));
background:#fff;
}
#sysItemDetail .modaal-wrapper .modaal-container .modaal-close:after,
#sysItemDetail .modaal-wrapper .modaal-container .modaal-close:before{
width:2px;
background:#ddd;
}

/*-- PR・コード・タイトル・価格エリア --*/
#item-colum-fiex-wrap > #item-info-text-wrap > .sysItemId{
font-size:10px;
margin-bottom:1rem;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysItemName > h1{
font-size:16px;
font-weight:300;
margin-bottom:1.5rem;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap{
line-height:1;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysRetailPrice > .sysRetailPriceValue{
font-size:23px
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysRetailPrice > .sysRetailPriceValue:after{
content:"税込";
font-size:.55em;
margin-left:0;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysSuggestedRetailPrice.sysDisplayKeitaiNone{
font-size:13px;
margin:0 0 0 10px;
color:#666;
display:flex;
align-items:baseline;
justify-content:center;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysSuggestedRetailPrice.sysDisplayKeitaiNone.viewOriginalPrice > span{
margin-right:5px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysSuggestedRetailPrice.sysDisplayKeitaiNone.viewOriginalPrice:before{
content:"（";
}
#item-colum-fiex-wrap > #item-info-text-wrap > #item-price-wrap > .sysSuggestedRetailPrice.sysDisplayKeitaiNone.viewOriginalPrice:after{
content:"）";
}

/*-- レンタルカートエリア --*/
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form{
font-size:13px;
display:flex;
flex-wrap:wrap;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules{
margin-top:1.5rem;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalStartDate{
display:none;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalSchedulesCalendarArea > .sysRentalSchedulesCalendars{
width:100%;
position:relative;
z-index:0;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalSchedulesCalendarArea > .sysRentalSchedulesCalendars > .sysRentalSchedulesCalendarCtl{
margin-bottom:unset;
position:absolute;
top:8px;
left:0;
float:unset;
}
.sysRentalSchedulesCalendar caption{
text-decoration:underline;
font-size:15px;
}
.sysNextCalendar,
.sysPrevCalendar{
background:#fff;
//border:1px solid #ddd;
border:none;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
}
.sysPrevCalendar:after,
.sysNextCalendar:after{
font-family:"Material Symbols Outlined";
font-size:25px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.sysPrevCalendar:after{
content:"\e5de";
}
.sysNextCalendar:after{
content:"\e5df";
}
.sysRentalSchedulesCalendar th,
.sysRentalSchedulesCalendar td{
border:1px solid #ddd;
}
.sysRentalSchedulesValid .sysRentalSchedulesValidPrice{
display:none;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #seize-delivery-info-years,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #seize-delivery-info,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays{
margin-top:1rem;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px 0;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalSendDay,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReachDay,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalUseDays,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReturnDay{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReturnDay{
border-right:1px solid #ddd;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalSendDay > .sysRentalSendItemName,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReachDay > .sysRentalReachItemName,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalUseDays > .sysRentalUseItemName,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReturnDay > .sysRentalReturnItemName{
background:#f9f9f9;
font-weight:600;
text-align:center;
display:block;
padding:10px;
border-bottom:1px solid #ddd;
white-space:nowrap;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalSendDay > .sysRentalDate,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReachDay > .sysRentalDate,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalUseDays > .sysRentalDate,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalReturnDay > .sysRentalDate{
text-align:center;
display:block;
padding:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalSchedules > .sysRentalScheduleInfo > .sysRentalScheduleNotice{
grid-column:span 4;
font-size:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays{
display:flex;
align-items:center;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays > .sysRentalExtendItemName{
margin-right:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays > label{
border:1px solid #ddd;border-radius:0;
position:relative;
cursor:pointer;
display:block;
max-width:180px;
width:100%;
overflow:hidden;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays > label:after{
font-family:"Material Symbols Outlined";
content:"\e5c5";
font-size:25px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
background:#fff;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysRentalExtendDays > label > select{
cursor:pointer;
padding:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysNumber{
display:none;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysSubmit,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysWishlist{
width:100%;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysSubmit{
margin:1.5rem auto 0 auto;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysWishlist{
margin:.5rem auto 0 auto;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysSubmit > input[type="submit"]{
line-height:55px;
height:55px;
color:#fff;
width:100%;
text-align:center;
cursor:pointer;
background:#444;
border-radius:0;
font-weight:600;
font-size:15px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysWishlist > .sysWishListButtonFormAjax > button[type="submit"]{
line-height:55px;
height:55px;
color:#333;
width:100%;
text-align:center;
cursor:pointer;
background:#fff;
border:1px solid #ddd;
border-radius:0;
font-weight:600;
font-size:15px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > #sysWishlist > button.sysButton{
line-height:55px;
height:55px;
color:#999;
width:100%;
text-align:center;
cursor:pointer;
background:#f8f8f8;
border-radius:0;
font-weight:300;
font-size:15px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysForm > form > .sysShare{
margin-top:1.5rem;
}


/*-- 商品詳細説明 --*/
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription{
margin-top:1.5rem;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > ul.tab-group{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
height:50px;
padding:0 5px;
position:relative;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > ul.tab-group:before{
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
background:#ddd;
z-index:2;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > ul.tab-group > li.tab{
flex-grow:1;
padding:0;
margin:0 0 0 5px;
list-style:none;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
text-align:center;
cursor:pointer;
background:#f8f8f8;
width:100%;
height:50px;
line-height:50px;
font-size:16px;
z-index:1;
color:#a0a0a0;
font-weight:bold;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > ul.tab-group > li.tab.is-active{
background:#fff;
border-bottom:1px solid #fff;
color:#2d2d2d;
transition:all 0.2s ease-out;
z-index:3;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group{
border-top:none;
padding:0;
margin:0;
font-size:13px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel{
display:none;
padding:30px 8px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.is-show{
display:block;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > p{
margin-bottom:30px;
line-height:1.8em;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > p:last-child{
margin-bottom:0;
padding:0;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > dl,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 > dl{
margin-bottom:30px;
line-height:1.8em;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > dl > dt,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 > dl > dt{
margin-bottom:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > dl > dd > a,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 > dl > dd > a{
color:#23abdd;
display:block;
width:-moz-max-content;
width:-webkit-max-content;
width:max-content;
text-decoration:underline;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list{
width:100%;
border:1px solid #f3f3f3;
border-collapse:collapse;
border-spacing:0;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr{
border-bottom:1px solid #f3f3f3;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > th,
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td{
color:#a0a0a0;
vertical-align:middle;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > th{
background:#f8f8f8;
padding:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.img{
width:38%;
border-right:1px solid #f3f3f3;
text-align:center;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.img > img{
width:100%;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.img > span{
margin:0 auto 20px auto;
display:block;
font-size:10px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.link{
padding:20px 30px;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.link > div{
width:100%;
height:auto;
display:flex;
flex-wrap:wrap;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-01 > table.color-size-list > tbody >  tr > td.link > div > a{
background:#23abdd;
color:#fff;
padding:2px;
border-radius:30px;
display:block;
margin:0 5px 5px 0;
width:calc(50% - 5px);
font-size:13px;
text-align:center;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 table.item-info-table{
width:100%;
border:1px solid #ddd;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 table.item-info-table th{
background:#f8f8f8;
width:110px;
line-height:1.8em;
border:1px solid #ddd;
}
#item-colum-fiex-wrap > #item-info-text-wrap > .sysDescription > #sysDescription > .tab-panel > .panel-group > .panel.tab-item-info-02 table.item-info-table td{
width:calc(100% - 110px);
line-height:1.8em;
padding:10px;
border:1px solid #ddd;
}
#seize-delivery-info-years{
width:100%;
font-weight:600;
color:#ca0000;
background:#fefadd;
line-height:1.8em;
margin:10px 0 20px 0;
padding:20px;
}
#seize-delivery-info{
width:100%;
background:#f9f9f9;
border-radius:10px;
padding:20px;
line-height:1.8em;
}
#seize-delivery-info > strong{
display:block;
font-size:14px;
}
#seize-delivery-info > p{
margin:5px 0 0 0;
padding:0;
font-size:12px;
}
#seize-delivery-info > p > a{
text-decoration:underline;
margin:0 2px;
}
#seize-delivery-info > p > span{
margin:10px 0 0 0;
padding:0;
font-size:10px;
display:block;
}


/*-- レコメンド一覧エリア --*/
#recommend-item-list-wrap{
margin-top:4rem;
}
#recommend-item-list-wrap > .recommend-product-list-contents > h3.sysHeadline{
font-size:16px;
font-weight:600;
margin:0 0 20px 0;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul{
width:100%;
padding:0;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px 10px;
margin:0 auto;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li{
display:flex;
flex-wrap:wrap;
align-items:baseline;
float:unset;
width:unset;
padding:unset;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemImage,
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemName{
width:100%;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemImage{
line-height:0;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemName > a{
font-size:12px;
letter-spacing:.05em;
color:#2c2c2c;
margin-top:.8rem;
margin-bottom:.35rem;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
padding:0;
text-align:left;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemName > a > span{
display:none;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemSuggestedPrice{
font-family:poppins,sans-serif;
letter-spacing:.05em;
font-size:12px;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemSuggestedPrice > s{
margin:auto 10px auto 0;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemPrice{
font-family:poppins,sans-serif;
letter-spacing:.05em;
font-size:13px;
font-weight:500;
}



/* --------------------------------------------------------
　
　サイズガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（商品）物流ガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（SSL）共通設定
　
-------------------------------------------------------- */
#sysRegi .sysBox,
#sysBasket .sysBox,
#sysConfirm .sysBox,
#sysThanks .sysBox,
#sysBillingAddress .sysBox,
#sysCartError .sysBox{
box-shadow:unset;
margin:unset;
box-shadow:unset;
border:unset;
border-radius:unset;
padding:unset;
margin:unset;
}


/* --------------------------------------------------------
　
　（SSL）会員登録設定・会員情報編集・お届け先情報編集
　
-------------------------------------------------------- */
.sysMemberRegister > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > h2{
font-size:25px;
text-align:center;
margin-bottom:2rem;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress{
width:580px;
margin:3rem auto 0 auto;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form:last-child,
.sysMypage > #sysAll > #sysWrap > #sysMain > form:last-child{
margin:1rem auto 0 auto;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem{
display:flex;
align-items:center;
flex-wrap:wrap;
margin:0;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem > label{
font-weight:600;
width:100%;
margin-top:1.2rem;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysErrorMessage,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysErrorMessage,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem > .sysErrorMessage{
margin-top:.4rem;
font-weight:600;
width:100%;
color:#ca0000;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem > .sysFormField{
margin-top:.4rem;
width:100%;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > input,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > input,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem > .sysFormField > input{
width:100%;
height:40px;
display:flex;
flex-wrap:wrap;
align-items:center;
background:#f1f1f1;
padding:0 10px;
border-radius:0;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysCompanyName,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysDepartmentName,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysCompanyName,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysDepartmentName{
display:none;
}

/*-- 住所 --*/
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > label,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > label,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysZipcode > label{
width:100%;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysZipcode > .sysFormField{
display:flex;
align-items:center;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysZipcode > .sysFormField > input{
width:140px;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > button.sysButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > button.sysButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysZipcode > .sysFormField > button.btn{
width:100px;
height:40px;
background:#3e3e3e;
margin:0 0 0 5px;
color:#fff;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > button.sysButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > button.sysButton{
margin:.2rem 0 0 5px;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefStateId > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefStateId > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysPrefStateId > .sysFormField{
width:100px;
height:40px;
border:1px solid #ddd;
padding:0 5px 0 0;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefStateId > .sysFormField > select,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefStateId > .sysFormField > select,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress > .sysFormItem.sysPrefStateId > .sysFormField > select{
width:100%;
height:100%;
border-radius:2px;
appearance:auto;
padding:10px;
cursor:pointer;
}

/*-- 生年月日 --*/
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField{
display:grid;
grid-template-columns:100px 30px 60px 30px 60px 30px;
gap:0 5px;
align-items:baseline;
}
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField > .sysErrorMessage{
grid-column:span 6;
padding:0;
margin-bottom:.8em;
}

/*-- パスワード設定 --*/
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysMemberPassword > h3{
width:100%;
margin-top:2rem;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysMemberPassword > h4{
width:100%;
margin:.5rem 0 0 0;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
padding:15px 15px 0 15px;
font-size:14px;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysMemberPassword > .sysMemberPasswordDescription{
width:100%;
margin:0;
padding:5px 15px 15px 15px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
line-height:1.5;
font-size:14px;
}


/*-- 登録内容確認ページ --*/
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > div{
text-align:center;
}
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
display:grid;
grid-template-columns:140px 1fr;
gap:0 20px;
margin-bottom:1.2rem;
}
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label,
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
margin:0;
min-height:20px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
padding:10px 0;
}
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
background:#f9f9f9;
padding:10px 20px;
}

/*-- 仮登録完了ページ --*/
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > br,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > br,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul > br,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > p{
display:none;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
font-size:13px;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > p{
text-align:center;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow{
width:520px;
margin:5rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2{
text-align:center;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h3{
font-size:20px;
text-align:center;
display:grid;
grid-template-columns:25% calc(50% - 20px) 25%;
align-items:center;
gap:0 10px;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h3:after,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h3:before{
content:"";
height:1px;
border-top:2px dotted #6e6e6e;
display:block;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
width:100%;
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center;
gap:0 20px;
margin:1rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul > li > figure > figcaption{
text-align:center;
font-weight:600;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p{
margin:3rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > p > span,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p.ex > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > a{
width:max-content;
height:55px;
background:#3e3e3e;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:0 40px;
border-radius:5px;
margin:3rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p.attention{
font-size:12px;
border-top:1px solid #ddd;
padding-top:2.5rem;
}

/*-- 共通ボタン --*/
#sysMemberRegisterRegister form inpu.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input.sysButton,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysButton{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
}


/* --------------------------------------------------------
　
　（SSL）ログイン設定
　
-------------------------------------------------------- */
#sysMypageLogin > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > h2{
font-size:23px;
text-align:center;
margin-bottom:1rem;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > p.first{
font-size:13px;
text-align:center;
margin-bottom:2rem;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm{
width:350px;
margin:auto;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > .sysFormItem{
width:100%;
display:grid;
grid-template-columns:120px 1fr;
gap;0;
border:1px solid #ddd;
margin-top:1rem;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > .sysFormItem > label,
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > .sysFormItem > .sysFormField > input{
height:50px;
width:100%;
padding:0 10px;
display:flex;
align-items:center;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > .sysFormItem > .sysFormField > input{
float:unset !important;
position:unset !important;
background-color:#fff !important;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > .sysFormItem > label{
background:#f1f1f1;
font-weight:600;
justify-content:center;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > input.sysLoginButton{
background:#3e3e3e;
color:#fff;
font-size:16px;
font-weight:600;
height:50px;
width:100%;
margin-top:1rem;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > input.sysButton{
background:transparent !important;
padding:0 !important;
text-decoration:underline;
text-align:center;
margin:.5rem auto 0 auto;
height:50px;
width:100%;
font-size:12px;
cursor:pointer;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members{
margin:4rem auto 0 auto;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > h3{
font-size:18px;
text-align:center;
margin-bottom:1rem;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > p{
font-size:13px;
text-align:center;
margin-bottom:2rem;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > a{
background:#fff;
border:1px solid #3e3e3e;
color:#3e3e3e;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
#sysMypageLogout > #sysAll > #sysWrap > #sysMain > h3{
margin-bottom:2rem;
}
#sysMypageLogout > #sysAll > #sysWrap > #sysMain > p{
font-size:13px;
text-align:center;
margin-bottom:4rem;
}
#sysMypageLogout > #sysAll > #sysWrap > #sysMain > a{
background:#fff;
border:1px solid #3e3e3e;
color:#3e3e3e;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}


/* --------------------------------------------------------
　
　（SSL）退会手続き設定
　
-------------------------------------------------------- */
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain{
padding:0 1rem !important;
font-size:14px;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > h3{
font-size:23px;
text-align:center;
margin-bottom:2rem;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > p{
text-align:center;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form > input.sysButton{
background:#3e3e3e;
color:#fff;
font-size:16px;
font-weight:600;
height:50px;
width:350px;
margin:3rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form:last-child > input.sysButton{
background:#fff;
border:1px solid #3e3e3e;
color:#3e3e3e;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:1rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysFreeArea,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysWithdrawal{
width:550px;
padding:40px 20px;
margin:0 auto;
}


/* --------------------------------------------------------
　
　（SSL）会員ID・パスワード確認設定
　
-------------------------------------------------------- */
#sysMypageReminder > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > h2{
font-size:23px;
text-align:center;
margin-bottom:1rem;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > p.first{
font-size:13px;
text-align:center;
margin-bottom:2rem;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm{
width:350px;
margin:auto;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem{
width:100%;
display:grid;
grid-template-columns:140px 1fr;
gap:1rem 0;
margin-top:1rem;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > label,
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > .sysFormField{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:50px;
width:100%;
padding:0 10px;
display:flex;
align-items:center;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > label{
background:#f1f1f1;
font-weight:600;
justify-content:center;
border-left:1px solid #ddd;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > .sysFormField{
border-right:1px solid #ddd;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > .sysFormField > input{
height:100%;
width:100%;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm > form > .sysFormItem > input[type="submit"]{
grid-column:span 2;
background:#3e3e3e;
color:#fff;
font-size:13px;
font-weight:600;
height:50px;
width:100%;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}

/* --------------------------------------------------------
　
　（SSL）配布クーポン獲得設定
　
-------------------------------------------------------- */
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
text-align:center;
width:650px;
margin:0 auto;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > h2{
font-size:23px;
text-align:center;
margin-bottom:4rem;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > ul{
margin:0 auto;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > ul > li{
font-size:13px;
text-align:center;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > a{
background:#fff;
border:1px solid #3e3e3e;
color:#3e3e3e;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:4rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}



/* --------------------------------------------------------
　
　（SSL）マイページ設定
　
-------------------------------------------------------- */
/*-- マイページトップ --*/
#sysMypageIndex > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
margin:0 auto !important;
font-size:14px;
width:680px !important;
display:flex;
flex-wrap:wrap;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > h2.sysMypageMajorHeadLine{
font-size:23px;
text-align:center;
margin-bottom:2rem;
width:100%;
order:1;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > h2.sysMypageMajorHeadLine > span{
font-size:.6em;
display:block;
margin-top:.5rem;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav{
width:500px;
order:2;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px 0;
margin:0 auto;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form{
padding-bottom:1rem;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form > button{
width:100%;
height:100%;
background:transparent !important;
cursor:pointer;
font-size:13px;
color:#000;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_edit_member,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_edit_member{
order:2;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_edit_delivery,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_edit_delivery{
order:3;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_coupon,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_coupon{
order:4;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_orderhistory,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_orderhistory{
order:5;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_ashiato,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_ashiato{
order:6;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_wishlist,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_wishlist{
order:7;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_logout,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_logout{
order:8;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_withdrawal_confirm,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_withdrawal_confirm{
order:9;
}

#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form > button:before{
content:"";
background:#f5f5f5;
width:70px;
height:70px;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto .5rem auto;
font-family:"Material Symbols Outlined";
font-size:40px;
font-variation-settings:'FILL' 0, 'wght' 150, 'GRAD' 0, 'opsz' 24;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_orderhistory > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_orderhistory > button:before{
content:"\e54c";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_edit_member > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_edit_member > button:before{
content:"\f4fa";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_edit_delivery > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_edit_delivery > button:before{
content:"\e55e";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_coupon > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_coupon > button:before{
content:"\e8b1";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_ashiato > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_ashiato > button:before{
content:"\f4c9";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_wishlist > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_wishlist > button:before{
content:"\e87d";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_logout > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_logout > button:before{
content:"\e9ba";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form#action_front_mypage_withdrawal_confirm > button:before,
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav > form#action_front_mypage_withdrawal_confirm > button:before{
content:"\ef66";
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory{
width:100%;
order:3;
margin-top:4rem;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > h3{
font-size:18px;
text-align:center;
width:100%;
text-align:center;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > p{
text-align:center;
margin-top:1rem;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList{
width:500px;
margin:0 auto;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li{
width:100%;
margin-top:2rem;
font-size:13px;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section{
display:grid;
grid-template-columns:150px calc(100% - 150px);
gap:0;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section > .title{
padding:10px;
font-weight:600;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section > .content{
padding:10px;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section > .content > a{
text-decoration:underline;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > #mypage-orderhistory-btn{
width:300px;
height:45px;
margin:2rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border:2px solid #000;
font-weight:600;
}


/*-- マイページトップ以外のナビ --*/
.sysMypage > #sysAll > #sysWrap > #sysMain > #mypage-commons-nav-menu.sysMypageNav{
display:none;
}


/*-- マイページトップ以外のタイトル --*/
.sysMypage:not(#sysMypageIndex,#sysMypageLogin,#sysMypageReminder) > #sysAll > #sysWrap > #sysMain > h2{
display:none;
}
.sysMypage:not(#sysMypageIndex,#sysMypageLogin,#sysMypageReminder) > #sysAll > #sysWrap > #sysMain > h3{
text-align:center;
font-size:23px;
margin-top:6rem;
}
.sysMypage:not(#sysMypageIndex) > #sysAll > #sysWrap > #sysMain > form{
padding:0 1rem;
}
.sysMypage:not(#sysMypageIndex) > #sysAll > #sysWrap > #sysMain > form > p{
text-align:center;
font-size:13px;
}


/*-- 会員情報編集確認ページ --*/
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > div{
padding:0 1rem;
text-align:center;
font-size:13px;
margin-top:2rem;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:max-content;
margin:0 auto;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
margin-top:1rem;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > br{
display:none;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
width:180px;
margin:0;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
width:max-content;
border:0;
padding:0;
}


/*-- お届け先情報編集ページ --*/
#sysMypageEditDelivery > #sysAll > #sysWrap > #sysMain > form > h3.SysMypageMinorHeadLine{
font-size:16px;
text-align:center;
font-weight:300;
text-decoration:underline;
}


/*-- 会員情報編集完了ページ --*/
#sysMypageEditSave > #sysAll > #sysWrap > #sysMain > p,
#sysMypageEditSavedelivery > #sysAll > #sysWrap > #sysMain > p{
padding:0 1rem;
text-align:center;
font-size:13px;
margin:4rem auto;
}


/*-- 購入履歴ページ --*/
#sysMypageOrderHistory > #sysAll > #sysWrap > #sysMain > .sysOrderHistory{
width:630px;
padding:0 1rem;
margin:2rem auto 4rem auto;
}
#sysMypageOrderHistory > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > div{
text-align:center;
font-size:14px;
}
#sysMypageOrderHistory > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li:not(:last-child){
border-bottom:1px solid #ddd;
padding-bottom:2rem;
}


/*-- 商品チェック履歴 --*/
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemListDisp > .sysItemListViewType{
display:none;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px;
margin-bottom:4rem;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage{
position:relative;
margin:0 0 .5rem 0;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap{
position:absolute;
top:5px;
right:5px;
width:30px;
height:30px;
border-radius:100%;
background:#6b759e;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap > form{
width:100%;
height:100%;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap > form > button{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
border-radius:100%;
font-size:17px;
cursor:pointer;
color:#fff;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div:not(.sysThumbnailImage) > a{
font-size:12px;
margin:0 0 .5rem 0;
display:block;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div:not(.sysThumbnailImage) > br{
display:none;
}


/*-- お気に入り --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemListDisp > .sysItemListViewType{
display:none;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px;
margin-bottom:4rem;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage{
position:relative;
margin:0 0 .5rem 0;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap{
position:absolute;
top:5px;
right:5px;
width:30px;
height:30px;
border-radius:100%;
background:#fff;
border:2px solid #f3aeae;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap > form{
width:100%;
height:100%;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div.sysThumbnailImage > #cart-list-icon-wrap > form > button{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
border-radius:100%;
font-size:17px;
cursor:pointer;
color:#f3aeae;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div:not(.sysThumbnailImage) > a{
font-size:12px;
margin:0 0 .5rem 0;
display:block;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div:not(.sysThumbnailImage) > br,
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul > li > div:not(.sysThumbnailImage) > form{
display:none;
}


/*-- 利用可能クーポン一覧 --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > h3{
margin-bottom:1.5rem;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > div{
margin:1.5rem auto 0 auto;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysCoupon{
border:0;
margin:2rem auto;
text-align:center;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap{
width:600px;
margin:0 auto 2rem auto;
text-align:center;
border:1px solid #ddd;
font-size:13px;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap > tbody > tr > th,
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap > tbody > tr > td{
border:1px solid #ddd;
text-align:left;
padding:10px;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap > tbody > tr > th{
width:120px;
background:#f0f0f0;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap > tbody > tr > td{
width:calc(100% - 120px);
background:#fff;
}
#sysMypageReview > #sysAll > #sysWrap > #sysMain > form{
margin-top:4rem;
}




/* --------------------------------------------------------
　
　（SSL）お買い物カート設定
　
-------------------------------------------------------- */
.sysCart > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
margin:0 auto !important;
line-height:1.8;
font-size:14px;
}
.sysCart h2.sysCartTitle{
font-size:25px;
text-align:center;
margin:0 auto 2rem auto;
padding:0;
font-family:"Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
background:unset;
color:#000;
font-weight:600;
line-height:1;
}
.sysCart .sysNavImg{
width:450px;
margin:0 auto 4rem auto;
}
.sysTotal .sysTotalTxt,
.sysTotalAmount,
.sysCart .sysBox .sysProduct,
.sysCart .sysBox img.sysProductImg,
.sysCartAttention{
float:unset;
height:unset;
margin:unset;
width:unset;
text-shadow:unset;
-o-text-shadow:unset;
-ms-text-shadow:unset;
-moz-text-shadow:unset;
-webkit-text-shadow:unset;
color:#000;
}
.sysCart #sysMain select{
margin:unset;
text-overflow:unset;
-o-text-overflow:unset;
-ms-text-overflow:unset;
-moz-text-overflow:unset;
-webkit-text-overflow:unset;
white-space:unset;
width:unset;
display:initial;
}
.sysCartNote{
color:#000;
}


/*-- ショッピングカートトップ --*/
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysErrorMessage{
text-align:center;
margin:0 auto 2rem auto;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysErrorMessage > li{
text-align:center;
font-size:12px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > #shopping-total-cart-wrap{
width:850px;
margin:0 auto 2rem auto;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea{
margin:0 auto 2rem auto;
padding:0 1rem;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt{
display:flex;
align-items:center;
justify-content:center;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table{
width:max-content;
min-width:280px;
margin:0 auto;
font-size:18px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table > tbody > tr > th,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table > tbody > tr > td{
border:1px solid #ddd;
padding:15px;
line-height:1;
font-weight:300;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table > tbody > tr > th{
background:#f0f0f0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table > tbody > tr > td{
background:#fff;
text-align:right;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table > tbody > tr > td > span{
margin-left:5px;
font-size:12px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTaxService{
text-align:center;
font-size:12px;
margin-top:.8rem;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTaxService > span{
font-weight:600;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTaxService > span{
font-weight:600;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysNextSubmitArea > form > input.sysNextSubmit{
background:#3e3e3e;
color:#fff;
font-size:13px;
font-weight:600;
height:50px;
width:180px;
margin:2rem auto 0 auto;
padding:0 10px;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
display:none;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea{
width:750px;
margin:0 auto;
padding:0 1rem;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > .sysBox{
text-align:center;
font-size:12px;
margin:2rem auto;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > .sysCartItemAreaMessage{
display:none;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li{
padding:30px 0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div{
display:grid;
grid-template-columns:350px 1fr;
gap:20px 30px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > a{
grid-row:span 5;
display:block;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > hr,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > div > .sysNumArea{
display:none;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > .sysDeleteArea > form > .sysButton.sysDeleteArea{
background:#fff;
border:1px solid #aaa;
color:#3e3e3e;
font-size:12px;
font-weight:600;
height:35px;
width:max-content;
margin:0;
padding:0 40px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:35px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit{
background:#3e3e3e;
color:#fff;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:6rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton{
background:#fff;
border:1px solid #3e3e3e;
color:#3e3e3e;
font-size:14px;
font-weight:600;
height:50px;
width:350px;
margin:1rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:0;
}



/*-- カートページログイン --*/
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > h2{
font-size:23px;
margin-bottom:1rem;
padding:0;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > p.first{
font-size:13px;
text-align:center;
margin-bottom:2rem;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm{
width:350px;
margin:auto;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm > form > .sysFormItem:not(.sysSubmit){
width:100%;
display:grid;
grid-template-columns:120px 1fr;
border:1px solid #ddd;
margin-top:1rem;
line-height:1;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm > form > .sysFormItem:not(.sysSubmit) > label{
background:#f1f1f1;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm > form > .sysFormItem:not(.sysSubmit) > .sysFormField > input{
height:50px;
width:100%;
margin:0;
padding:0 10px;
display:flex;
align-items:center;
border:0;
background:#fff;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm > form > .sysFormItem.sysSubmit > input.sysLoginButton,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
background:#3e3e3e;
color:#fff;
font-size:16px;
font-weight:600;
height:50px;
width:100%;
min-width:unset;
max-width:unset;
margin:1rem auto 0 auto;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border:0;
border-radius:0;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
margin:4rem auto 0 auto;
width:350px;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer{
width:350px;
margin:4rem auto 0 auto;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm > h2,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer > h2{
font-size:18px;
text-align:center;
margin-bottom:1rem;
padding:0;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm > .sysBox > p,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer > .sysBox > p{
font-size:13px;
text-align:center;
padding:0;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm > .sysBox > .sysNextSubmitArea > form > input.sysNextSubmit,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer > .sysBox > .sysNextSubmitArea > form > input.sysNextSubmit{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:100%;
padding:0 20px;
margin:1rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
text-shadow:unset;
font-weight:300;
}


/*-- ご注文者情報の入力 --*/
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:580px;
margin:2rem auto 0 auto !important;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
font-weight:600;
width:100%;
margin-top:1.2rem;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
font-weight:600;
width:100%;
margin-top:1.2rem;
display:block;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > input{
width:100%;
height:40px;
display:flex;
flex-wrap:wrap;
align-items:center;
background:#f1f1f1;
padding:0 10px;
border:0;
border-radius:0;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > div{
width:100%;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > .sysFormField{
display:flex;
align-items:center;
flex-wrap:wrap;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > .sysFormField > input{
width:140px;
max-width:unset;
margin-left:0;
margin-right:0;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysZipcode > .sysFormField > button{
width:100px;
height:40px;
background:#3e3e3e;
margin:0 0 0 5px;
color:#fff;
border:0;
border-radius:0;
min-width:unset;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefState > .sysFormField{
width:100px;
height:40px;
border:1px solid #ddd;
padding:0 5px 0 0;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysPrefState > .sysFormField > select{
width:100%;
height:100%;
border-radius:2px;
appearance:auto;
padding:10px;
cursor:pointer;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > div > input.sysBtnChange{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
text-shadow:unset;
font-weight:300;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:1rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
border:0;
}


/*-- お支払い方法の入力 --*/
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div{
width:580px;
margin:0 auto;
padding:2rem 0 4rem 0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > h2{
font-size:17px;
margin:0 auto 2rem auto;
}
#sysPayment.sysCart #sysMain form input[type="radio"]{
margin:0 7px 0 0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li{
border:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > label{
padding:10px 15px;
border-radius:5px;
font-weight:600;
font-size:13px;
margin-bottom:1rem;
border:3px solid #ddd;
background:#fff;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > label > input[type="radio"]{
accent-color:#000;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentDescription{
display:none;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem{
padding:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > label{
cursor:pointer;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent{
padding:0 20px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem:not(.sysSbpsCredit) > .sysPaymentSubItemContent > div{
padding:0;
margin-bottom:8px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem.sysSbpsCredit > .sysPaymentSubItemContent > div{
padding:0;
margin-bottom:20px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > div > span{
font-weight:600;
margin:0 10px 0 0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > .new-card_input-card-number > p{
font-weight:600;
margin:0;
padding:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > .new-card_input-card-number > span{
width:100%;
display:block;
font-size:12px;
font-weight:300;
margin-bottom:5px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > div > label > input[type="text"]{
border:0;
outline:0;
padding:10px;
height:40px;
display:flex;
align-items:center;
background:#f6f6f6;
border-radius:0;
margin:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > div > label > select{
width:max-content;
height:40px;
border:1px solid #ccc;
padding:10px;
appearance:auto;
cursor:pointer;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > div > label > select#sbps_card_exp_month,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > div > label > select#sbps_card_exp_year{
margin-right:5px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem:not(.sysSbpsCredit) > .sysPaymentSubItemContent > .existing-card_input-sec-code{
margin-bottom:20px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > .new-card_next-check > label{
display:flex;
align-items:center;
font-weight:600;
cursor:pointer;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > div > .sysPaymentSubItem > .sysPaymentSubItemContent > .new-card_next-check > label > input[type="checkbox"]{
margin-right:8px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > .sysSelectHopeDelivery{
padding:0 1em;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > .sysSelectHopeDelivery > div > label{
font-weight:600;
margin-right:8px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > .sysSelectHopeDelivery > div > select{
width:max-content;
height:40px;
border:1px solid #ccc;
padding:10px;
appearance:auto;
cursor:pointer;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem{
border:0;
margin:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem > label{
display:none;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem > .sysFormField > div:nth-child(1){
text-align:center;
font-size:13px;
margin:0 auto .5rem auto;
padding:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem > .sysFormField > div > textarea{
background:#f6f6f6;
border:0;
border-radius:0;
margin:0;
padding:15px;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBtnChangeArea{
margin:0 auto;
padding:0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBtnChangeArea > input.sysBtnChange{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
text-shadow:unset;
font-weight:300;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:1rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
border:0;
}


/*-- お届け先を選択 --*/
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > h2,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:20px;
margin:0 auto 1rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > h2#sysDestinationOther,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > h2#sysDestinationOther{
margin:3rem auto 1rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress{
background:transparent;
border:0;
width:580px;
margin:0 auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysSubTitle,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysSubTitle{
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
margin:.5rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysSubTitle:before,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysSubTitle:after,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysSubTitle:before,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysSubTitle:after{
content:"";
width:30px;
height:1px;
background:#666;
display:block;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysSubTitle:before,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysSubTitle:before{
margin-right:10px;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysSubTitle:after,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysSubTitle:after{
margin-left:10px;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > ul.sysRegisteredData,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > ul.sysRegisteredData{
width:max-content;
margin:1.5rem auto 2rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > ul.sysRegisteredData > li,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > ul.sysRegisteredData > li{
display:grid;
grid-template-columns:60px 1fr;
gap:0 20px;
align-items:flex-start;
margin-bottom:.5rem;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > ul.sysRegisteredData > li > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > ul.sysRegisteredData > li > div{
padding:0;
margin:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > ul.sysRegisteredData > li > .title,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > ul.sysRegisteredData > li > .title{
display:flex;
align-items:center;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > ul.sysRegisteredData > li > .title:before,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > ul.sysRegisteredData > li > .title:before{
content:"";
width:7px;
height:7px;
border-radius:100%;
background:#999;
margin-right:5px;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > a.sysAccordion > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > a.sysAccordion > div{
font-size:13px;
text-align:center;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > .sysAccordionInitialHide,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > .sysAccordionInitialHide{
padding:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress{
padding:30px;
margin:2rem auto 0 auto;
background:#fff;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > .sysSubTitle,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > .sysSubTitle{
text-align:center;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > div:not(.sysSubTitle),
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > div:not(.sysSubTitle){
width:max-content;
margin:0 auto 1rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide{
border:1px solid #ddd;
padding:15px 30px 50px 30px;
margin:2rem auto 0 auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem{
padding:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > label,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > label{
font-weight:600;
width:100%;
margin-top:1.2rem;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > label,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > label{
font-weight:600;
width:100%;
margin-top:1.2rem;
display:block;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField{
padding:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField > input,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField > input{
width:100%;
height:40px;
display:flex;
flex-wrap:wrap;
align-items:center;
background:#f1f1f1;
padding:0 10px;
border:0;
border-radius:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem > .sysFormField > div{
width:100%;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField{
display:flex;
align-items:center;
flex-wrap:wrap;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField > input,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField > input{
width:140px;
max-width:unset;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField > button,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysZipcode > .sysFormField > button{
width:100px;
height:40px;
background:#3e3e3e;
margin:0 0 0 5px;
color:#fff;
border:0;
border-radius:0;
min-width:unset;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysPrefState > .sysFormField,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysPrefState > .sysFormField{
width:100px;
height:40px;
border:1px solid #ddd;
padding:0 5px 0 0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysPrefState > .sysFormField > select,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysPrefState > .sysFormField > select{
width:100%;
height:100%;
border-radius:2px;
appearance:auto;
padding:10px;
cursor:pointer;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysDeliveryAddress > .sysFormField > label,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysDeliveryAddress > .sysFormField > label{
cursor:pointer;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysDeliveryAddress > .sysFormField > label > input[type="checkbox"],
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > .sysFormItem.sysDeliveryAddress > .sysFormField > label > input[type="checkbox"]{
margin-right:8px;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
text-shadow:unset;
font-weight:300;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > input.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > input.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > input.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > .sysAccordionInitialHide > .sysSelectAddress > form > input.sysNextSubmit{
width:250px;
height:50px;
padding:0 20px;
margin:0 auto;
background:#ccc;
color:#fff;
border:0;
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
cursor:pointer;
text-shadow:unset;
font-weight:600;
text-decoration:none;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > a.sysAccordion > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > a.sysAccordion > div{
width:250px;
height:50px;
padding:0 20px;
margin:0 auto;
background:#fff;
color:#000;
border:1px solid #3e3e3e;
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
cursor:pointer;
text-shadow:unset;
font-weight:600;
text-decoration:none;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:1rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
border:0;
}


/*-- ご注文確認画面 --*/
#sysConfirm.sysCart #sysMain .sysConfirmButton input[type=submit],
#sysConfirm.sysCart #sysMain .sysUseCouponsButton input[type=submit]{
width:100%;
min-width:unset;
height:40px;
padding:0;
margin:0 auto;
background:#3e3e3e;
color:#fff;
border:0;
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
cursor:pointer;
text-shadow:unset;
font-weight:600;
text-decoration:none;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > input.sysNextSubmit,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit{
height:50px;
width:300px;
padding:0 20px;
margin:0 auto;
background:#fff;
color:#000;
border:1px solid #3e3e3e;
border-radius:0;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
text-shadow:unset;
font-weight:600;
text-decoration:none;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea#number1{display:none;}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea#number2{
margin-top:6rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:1rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
border:0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal{
width:580px;
margin:6rem auto 0 auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:20px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder > ul > li{
display:grid;
grid-template-columns:1fr 150px;
gap:0 20px;
align-items:center;
padding:0;
border:0;
margin-bottom:2rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li{
padding:30px 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox{
display:grid;
grid-template-columns:240px 1fr;
gap:20px 30px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox > img{
grid-row:span 5;
display:block;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox > hr,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox > div > .sysNumArea{
display:none;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox > .sysDeleteArea > form > .sysButton.sysDeleteArea{
background:#fff;
border:1px solid #aaa;
color:#3e3e3e;
font-size:12px;
font-weight:600;
height:35px;
width:max-content;
margin:0;
padding:0 40px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:35px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li{
display:grid;
grid-template-columns:1fr 150px;
gap:0 20px;
align-items:center;
padding:0;
border:0;
margin-bottom:2rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li > .sysConfirmButton > input[type=submit]{
background:#3e3e3e;
}


#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal{
width:580px;
margin:8rem auto 0 auto;
filter:drop-shadow(0 0 5px rgba(0, 0, 0, .2));
background:#fff;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > h2{
margin:0 auto;
padding:40px 0 0 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area{
padding:30px 40px 40px 40px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt{
display:flex;
align-items:baseline;
justify-content:center;
border-bottom:1px solid #ddd;
padding-bottom:20px;
margin:0 auto 20px auto;
width:max-content;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p{
padding:0;
margin:0;
line-height:1;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.title{
margin-right:10px;
font-size:18px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.price{
font-size:16px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.price > .sysCartAttention{
font-size:2rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul{
margin:0 auto;
width:max-content;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul > li{
display:flex;
align-items:center;
margin-bottom:.8rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul > li > p{
padding:0;
margin:0;
line-height:1;
font-size:15px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul > li > .title{
width:120px;
display:flex;
align-items:center;
justify-content:left;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul > li > .title:before{
content:"";
width:8px;
height:8px;
background:#ddd;
margin:auto 5px auto 0;
border-radius:100%;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > ul > li > .price{
text-align:right;
margin:0 0 0 auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area{
background:#f9f9f9;
padding:30px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > .sysUseCouponsExplanation{
font-weight:600;
text-decoration:underline;
margin-bottom:15px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form{
display:grid;
grid-template-columns:1fr 130px;
gap:0 60px;
align-items:center;
padding:0;
border:0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form > .sysUseCouponsSelect > ul > li{
padding:0;
border:0;
margin:1rem 0 0 0;
}

#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea{
margin-top:8rem;
padding-top:8rem;
border-top:1px solid #ddd;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > h3{
font-family:"Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
font-size:20px;
text-align:center;
margin:0 auto 1.8rem auto;
padding:0;
font-weight:600;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > div:not(#prevent-spam-emails,.success-msg){
margin:.5rem auto;
padding:0;
font-size:13px;
text-align:center;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > #prevent-spam-emails{
margin:2rem auto 0 auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > #prevent-spam-emails > p{
padding:0;
margin:0 auto;
font-weight:600;
font-size:16px;
text-align:center;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > #prevent-spam-emails > button{
width:max-content;
min-width:unset;
height:50px;
display:flex;
align-items:center;
margin:10px auto 0 auto;
padding:0 50px;
padding-block:0;
border-radius:50px;
background:#3e3e3e;
color:#fff;
border:0;
font-weight:600;
font-size:16px;
text-align:center;
cursor:pointer;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea > .success-msg{
display:none;
position:fixed;
width:300px;
height:40px;
line-height:40px;
background-color:#29aba4;
color:#fff;
top:100px;
left:0;
right:0;
margin:auto;
text-align:center;
border-radius:5px;
}


/*-- ご注文完了画面 --*/
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox{
width:460px;
margin:0 auto;
padding:0 1rem;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
width:620px;
margin:0 auto;
padding:0 1rem;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > h2{
font-size:22px;
margin:0 auto 1.5rem auto;
line-height:1.6;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote){
text-align:center;
margin:0 auto 1.5rem auto;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > p,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > span{
font-size:17px;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > p{
padding:0;
margin:0 auto;
text-decoration:underline;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow{
margin-top:6rem;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2{
font-size:18px;
text-align:center;
display:grid;
grid-template-columns:20% calc(60% - 20px) 20%;
align-items:center;
gap:0 10px;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:before,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:after{
content:"";
height:1px;
border-top:2px dotted #6e6e6e;
display:block;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
width:100%;
display:grid;
grid-template-columns:repeat(3, 1fr);
align-items:center;
gap:0 20px;
margin:1rem auto 0 auto;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul > li > figure > figcaption{
text-align:center;
font-weight:600;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p{
margin:3rem auto 0 auto;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > a{
width:max-content;
height:55px;
background:#3e3e3e;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:0 40px;
border-radius:5px;
margin:3rem auto 0 auto;
}



/*-- エラー --*/
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysErrorMessage.errorMessage{
width:400px;
margin:auto;
font-size:18px;
font-weight:600;
text-align:center;
margin:0 auto 2rem auto;
}
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox{
width:400px;
margin:auto;
}
#sysCartError.sysCart a.sysBack{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:2rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
border:0;
}



/* --------------------------------------------------------
　
　（SSL）お問い合わせ設定
　
-------------------------------------------------------- */
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
line-height:1.8;
font-size:14px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > h2{
font-size:25px;
text-align:center;
margin-bottom:2rem;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > p{
text-align:center;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:580px;
margin:3rem auto 0 auto;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
margin-top:2rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
font-weight:600;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
width:100%;
margin-top:.4rem;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > input{
width:100%;
height:40px;
display:flex;
flex-wrap:wrap;
align-items:center;
background:#f1f1f1;
padding:0 10px;
border-radius:0;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > br{
display:none;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > p{
margin-bottom:.5rem;
font-size:13px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField > textarea{
background:#f1f1f1;
padding:10px;
width:100%;
height:250px;
border-radius:0;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField > label,
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys9 > .sysFormField > label{
display:flex;
flex-wrap:wrap;
align-items:center;
letter-spacing:0;
cursor:pointer;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField > label{
padding:12px 10px;
border:1px solid #ddd;
border-radius:5px;
font-size:13px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField > label > input[type="radio"],
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys9 > .sysFormField > label > input[type="radio"]{
margin-right:5px;
}

/*-- 送信内容確認ページ --*/
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > h2{
text-align:center;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:580px;
margin:3rem auto 0 auto;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form:last-child{
margin:1rem auto 0 auto;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
display:grid;
grid-template-columns:200px 1fr;
gap:0 20px;
margin-bottom:1.2rem;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label,
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
margin:0;
min-height:20px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
font-weight:600;
padding:10px 0;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
background:#f9f9f9;
padding:10px 20px;
}

/*-- 送信完了ページ --*/
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain{
padding:6rem 1rem 0 1rem !important;
font-size:14px;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > h2{
text-align:center;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText{
width:580px;
margin:2rem auto 0 auto;
text-align:center;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText > h1{
font-size:18px;
text-decoration:underline;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText > p{
margin:1rem auto;
}

/*-- 共通ボタン --*/
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > input[type="submit"],
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit{
background:#fff;
color:#000;
border:1px solid #3e3e3e;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit{
margin:0 auto;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > button.sysButton,
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText > a{
background:#3e3e3e;
color:#fff;
height:50px;
width:300px;
padding:0 20px;
margin:3rem auto 0 auto;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
cursor:pointer;
border-radius:0;
}





/* --------------------------------------------------------
　
　（フリーページ）ABOUT US設定
　
-------------------------------------------------------- */
/*-- はじめに --*/
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us{
margin-bottom:8rem;
padding:0 1rem 0 0;
display:grid;
grid-template-columns:repeat(2,512px);
gap:0 50px;
justify-content:center;
align-items:center;
background:#fafafa;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > figure{
height:calc(100vh - 97px);
overflow:hidden;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > figure > img{
width:100%;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area{
padding-top:2rem;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > h2{
font-weight:300;
font-size:50px;
line-height:1;
margin:0 0 3rem 0;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp{
font-size:14px;
margin:0 0 3rem 0;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp > p{
margin-top:.5rem;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .en{
font-size:11px;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .en > br{
display:none;
}

/*-- インフォメーション --*/
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail{
width:500px;
margin:0 auto 10rem auto;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > h3{
font-size:20px;
margin-bottom:1.5rem;
grid-column:span 2;
text-align:center;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details{
width:100%;
margin-bottom:20px;
border-radius:5px;
background:#fff;
filter:drop-shadow(0 0 2px rgba(0,0,0,.2));
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary{
display:flex;
align-items:center;
position:relative;
padding:1em 1.5em;
color:#333;
font-weight:600;
cursor:pointer;
font-size:14px;
width:100%;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary > span{
font-size:.8em;
font-weight:300;
margin-left:10px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary::-webkit-details-marker{
display:none;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary::after{
width:7px;
height:7px;
border-bottom:3px solid #c2c2c2;
border-right:3px solid #c2c2c2;
content:"";
transition:transform .3s;
position:absolute;
transform:translateY(-50%) rotate(45deg);
top:50%;
right:1.5em;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details[open] > summary::after{
transform:translateY(-50%) rotate(225deg);
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > div{
transform:translateY(-10px);
opacity:0;
margin:0;
padding:1em 1.5em 1.5em;
line-height:1.7;
color:#333;
transition:transform .5s, opacity .5s;
font-size:14px;
border-top:1px solid #e0e0e0;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > div > p:not(last-child){
padding-bottom:1.5em;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > div > p > strong{
background:#f5f5f5;
padding:10px;
border-radius:5px;
display:block;
width:100%;
margin-bottom:10px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details[open] > div{
transform:none;
opacity:1;
}



/* --------------------------------------------------------
　
　（フリーページ）ブランド一覧設定
　
-------------------------------------------------------- */
#sysWrap > #sysMain > .brandlist-main{
width:1024px;
padding:6rem 1rem 0 1rem;
margin:0 auto;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > h2{
font-size:20px;
text-align:center;
margin-bottom:2rem;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search{
width:400px;
margin:0 auto 2rem auto;
background:#f0f0f0;
border-radius:30px;
height:45px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 20px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search > ion-icon{
font-size:25px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search > input{
width:calc(100% - 35px);
height:100%;
line-height:100%;
background:#f0f0f0;
border-radius:30px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul{
align-items:center;
width:550px;
display:grid;
grid-template-columns:repeat(10,1fr);
gap:5px;
margin:0 auto;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul > li{
border:1px solid #ddd;
border-radius:5px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul > li > a{
font-family:poppins,sans-serif;
width:100%;
height:46.5px;
display:flex;
justify-content:center;
align-items:center;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content{
width:780px;
margin:0 auto;
padding-top:calc(5rem + 97px);
height:max-content;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > .title{
font-size:25px;
font-family:poppins,sans-serif;
text-decoration:underline;
margin-bottom:1rem;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > ol{
display:grid;
grid-template-columns:repeat(4,1fr);
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > ol > li > a{
line-height:45px;
font-size:13px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > ol > li > #search-word-hidden{
display:none;
}


/* --------------------------------------------------------
　
　（フリーページ）レンタルの流れ設定
　
-------------------------------------------------------- */
:root{
--flowchart-border:2px;
--flowchart-dot-size:10px;
--flowchart-dot-color:rgb(89,89,89);
}
.how-to-rental-main > .sysContent > section{
width:800px;
margin:6rem auto 0 auto;
padding:0 1rem 6rem 1rem;
line-height:1.8;
}
.how-to-rental-main > .sysContent > section > h2{
font-size:16px;
margin-bottom:2rem;
text-align:center;
font-weight:300;
}
.how-to-rental-main > .sysContent > section > h2 > span{
font-size:32px;
display:block;
letter-spacing:.08em;
margin:0 auto;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap{
display:flex;
align-items:center;
justify-content:center;
margin-top:3rem;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a{
display:flex;
align-items:center;
justify-content:center;
background:#000;
width:250px;
height:60px;
margin:auto 2.5px;
padding:0 5px 0 20px;
font-size:14px;;
color:#fff;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a:after{
font-family:"Material Symbols Outlined";
content:"\e5df";
font-size:18px;
margin-right:5px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}



/*-- レンタルご利用の流れ --*/
.how-to-rental-main > .sysContent > #how-to-container{
width:100%;
height:max-content;
margin:0 auto;
padding:6rem 0;
position:relative;
z-index:0;
overflow:hidden;
background:#fbfbfb;
}
.how-to-rental-main > .sysContent > #how-to-container > figure{
position:absolute;
width:calc(50% - 60px);
height:100%;
}
.how-to-rental-main > .sysContent > #how-to-container > figure > img{
position:absolute;
top:50%;
right:0;
width:100%;
height:100%;
object-fit:cover;
object-position:top;
aspect-ratio:1;
transform:translateY(-50%);
filter:brightness(.98) saturate(1.4);
transition:all 1s ease;
opacity:.9;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap{
width:1024px;
margin:0 auto;
padding:0 1rem;
}

.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul{
width:512px;
margin:auto 0 0 auto;
padding-top:3rem;
counter-reset:flownum;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li{
position:relative;
padding:0 0 0 calc(var(--flowchart-dot-size) + 30px);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li::before{
content:"STEP " counter(flownum);
counter-increment:flownum;
color:var(--flowchart-dot-color);
font-weight:700;
font-size:13px;
line-height:1.3;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li::after{
content:"";
display:block;
position:absolute;
top:8px;
left:0;
width:var(--flowchart-dot-size);
height:var(--flowchart-dot-size);
border-radius:50%;
border:2px solid var(--flowchart-dot-color);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li:nth-of-type(odd)::after{
background:var(--flowchart-dot-color);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content{
position:relative;
padding:0 0 2em;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content::before{
content:"";
display:block;
position:absolute;
top:0;
left:calc(calc(calc(var(--flowchart-dot-size) / 2) + calc(var(--flowchart-border) / 2) + 28px) * -1);
width:3px;
height:100%;
background:rgba(0,0,0,.05);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li:last-of-type > .flowchart-content::before{
content:none;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > h3{
margin:0 0 .6em;
font-size:18px;
line-height:1.4;
font-weight:600;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section{
margin:1em 0 !important;
font-size:14px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section > a{
text-decoration:underline;
margin:auto 1px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section:last-of-type{
margin-bottom:0 !important;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section > ul > li > span{
padding:0 20px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section > h4{
margin:40px auto 20px auto;
font-size:18px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap{
width:512px;
margin:auto 0 0 auto;
padding-top:3rem;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap > a{
background:#000;
display:flex;
align-items:center;
justify-content:center;
width:250px;
height:60px;
margin:0 auto 0 0;
padding:0 5px 0 20px;
font-size:14px;;
color:#fff;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap > a:after{
font-family:"Material Symbols Outlined";
content:"\e5df";
font-size:18px;
margin-right:5px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


/*-- 初回ご注文時の注意 --*/
.how-to-rental-main > .sysContent > #order-container > h3{
font-size:14px;
text-align:center;
border:1px solid #ddd;
padding:2rem 6rem;
width:max-content;
margin:0 auto 2rem auto;
}
.how-to-rental-main > .sysContent > #order-container > h3 > span{
text-decoration:underline;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area{
width:500px;

display:grid;
grid-template-columns:repeat(2,1fr);
gap:0 30px;
margin:0 auto 4rem auto;
justify-content: center;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area > figure{
line-height:1;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area > figure > img{
width:100%;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area > figure > figcaption{
font-weight:600;
font-size:14px;
text-align:center;
}
.how-to-rental-main > .sysContent > #order-container > p{
font-size:14px;
}
.how-to-rental-main > .sysContent > #order-container > p.attention{
margin-top:2rem;
border-top:1px solid #ddd;
padding-top:2rem;
}
.how-to-rental-main > .sysContent > #order-container > p > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}


/*-- レンタル日の変更について --*/
.how-to-rental-main > .sysContent > #reschedule-container{
font-size:14px;
}
.how-to-rental-main > .sysContent > #reschedule-container > a{
text-decoration:underline;
margin:auto 2px;
}


/*-- ご使用上の注意 --*/
.how-to-rental-main > .sysContent > #use-container > ul{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin:0 auto 4rem auto;
}
.how-to-rental-main > .sysContent > #use-container > ul > li{
}
.how-to-rental-main > .sysContent > #use-container > ul > li > figure{
line-height:1;
margin:0 auto;
text-align:center;
}
.how-to-rental-main > .sysContent > #use-container > ul > li > figure > img{
width:calc(100% - 60px);
}
.how-to-rental-main > .sysContent > #use-container > ul > li > figure > figcaption{
font-weight:600;
font-size:14px;
text-align:center;
padding-top:10px;
display:block;
}
.how-to-rental-main > .sysContent > #use-container > ul > li > p{
font-size:12px;
margin-top:2rem;
}
.how-to-rental-main > .sysContent > #use-container > p{
padding-top:1rem;
font-size:14px;
}
.how-to-rental-main > .sysContent > #use-container > p > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}


/*-- ご返送方法 --*/
.how-to-rental-main > .sysContent > #return-container{
font-size:14px;
}
.how-to-rental-main > .sysContent > #return-container > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}



/* --------------------------------------------------------
　
　（フリーページ）サイズガイド設定
　
-------------------------------------------------------- */
.sizeguide-main > .sysContent > #size-guide-container{
width:600px;
margin:0 auto;
padding:6rem 1rem 0 1rem;
line-height:1.8;
}
.sizeguide-main > .sysContent > #size-guide-container > h2{
font-size:16px;
margin-bottom:4rem;
text-align:center;
font-weight:300;
}
.sizeguide-main > .sysContent > #size-guide-container > h2 > span{
font-size:32px;
display:block;
letter-spacing:.08em;
margin:0 auto;
}
.sizeguide-main > .sysContent > #size-guide-container > section{
font-size:14px;
}
.sizeguide-main > .sysContent > #size-guide-container > section:not(:last-child){
margin-bottom:12rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section#first{
margin-bottom:6rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section > h3{
font-size:18px;
padding:0 0 2rem 0;
margin:0 0 2rem 0;
text-align:center;
border-bottom:5px solid #f5f5f5;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box{
margin:0 auto 4rem auto;
padding:0;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > h4{
margin-bottom:2rem;
font-size:16px;
display:flex;
align-items:center;
flex-wrap:wrap;
font-weight:300;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > h4:before{
content:"";
width:10px;
height:10px;
border-radius:100%;
background:#ddd;
margin-right:8px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > img{
display:block;
margin:0 auto 2rem auto;
width:100%;
max-width:360px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl{
font-size:13px;
background:#f9f9f9;
padding:30px;
display:flex;
flex-wrap:wrap;
align-items:stretch;
border-radius:10px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dt{
padding:5px;
width:100px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dd{
padding:5px;
width:calc(100% - 100px);
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > p{
padding:20px 0;
font-size:12px;
}


/* --------------------------------------------------------
　
　（フリーページ）ショッピングガイド設定
　
-------------------------------------------------------- */
.shopping-guide-main > .sysContent > #shop-guide-container{
width:800px;
margin:0 auto;
padding:6rem 1rem 0 1rem;
line-height:1.8;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2{
font-size:16px;
margin-bottom:6rem;
text-align:center;
font-weight:300;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2 > span{
font-size:32px;
display:block;
letter-spacing:.08em;
margin:0 auto;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section{
font-size:14px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section:not(:last-child){
margin-bottom:6rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h3{
font-size:18px;
//text-decoration:underline;
line-height:1;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h4{
margin-top:2.5rem;
line-height:1;
font-size:15px;
display:flex;
align-items:center;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h4:before{
content:"";
width:10px;
height:10px;
background:#ddd;
border-radius:100%;
margin-right:10px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h5{
margin-top:2.5rem;
line-height:1;
font-size:15px;
text-decoration:underline;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > table{
width:max-content;
max-width:100%;
border-collapse:collapse;
margin-top:1.5rem;
font-size:12px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > table > tbody > tr > th,
.shopping-guide-main > .sysContent > #shop-guide-container > section > table > tbody > tr > td{
border:1px solid #ddd;
padding:10px 15px;
text-align:left;
font-weight:300;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > table > tbody > tr > th{
background:#fafafa;
vertical-align:top;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > table > tbody > tr > td{
background:#fff;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > p{
margin-top:1.5rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > p > a{
text-decoration:underline;
margin:auto .2rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > p > span{
background:linear-gradient(transparent 40%, #fff0b9 40%);
font-weight:600;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > ol{
margin-top:1.5rem;
font-weight:600;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > ol > li > p{
font-weight:300;
}

/*-- 4.商品の不良について --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #product-defect > ul{
margin-top:1rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #product-defect > ul > li{
display:flex;
align-items:center;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #product-defect > ul > li:before{
content:"";
background:#000;
width:5px;
height:5px;
margin-left:3px;
margin-right:13px;
}


/* --------------------------------------------------------
　
　（フリーページ）運営会社概要設定
　
-------------------------------------------------------- */
.corporate-main > .sysContent > #corporate-container{
width:800px;
margin:0 auto;
padding:6rem 1rem 0 1rem;
line-height:1.8;
}
.corporate-main > .sysContent > #corporate-container > h2{
font-size:16px;
text-align:center;
font-weight:300;
}
.corporate-main > .sysContent > #corporate-container > h2 > span{
font-size:32px;
display:block;
letter-spacing:.08em;
margin:0 auto;
}
.corporate-main > .sysContent > #corporate-container > section{
margin:4rem auto 0 auto;
font-size:14px;
}
.corporate-main > .sysContent > #corporate-container > section > h3{
font-size:18px;
display:block;
letter-spacing:.08em;
margin:0 auto 2rem auto;
padding-top:2rem;
text-align:center;
}
.corporate-main > .sysContent > #corporate-container > section > dl{
margin:0 auto;
width:600px;
display:grid;
grid-template-columns:200px 1fr;
gap:20px 40px;
}



/* --------------------------------------------------------
　
　（フリーページ）特定商取引法に基づく表記設定
　
-------------------------------------------------------- */
.law-main > .sysContent > #law-container{
width:800px;
margin:0 auto;
padding:6rem 1rem 0 1rem;
line-height:1.8;
}
.law-main > .sysContent > #law-container > h2{
font-size:25px;
text-align:center;
}
.law-main > .sysContent > #law-container > dl{
margin:6rem auto 0 auto;
width:680px;
display:grid;
grid-template-columns:200px 1fr;
gap:20px 40px;
font-size:14px;
}
.law-main > .sysContent > #law-container > dl > dd > a{
text-decoration:underline;
margin:auto 2px;
}



/* --------------------------------------------------------
　
　（フリーページ）個人情報保護法
　
-------------------------------------------------------- */
.privacy-policy-main > .sysContent > #privacypolicy-container{
width:800px;
margin:0 auto;
padding:6rem 1rem 0 1rem;
line-height:1.8;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > h2{
font-size:25px;
text-align:center;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > h2 > span{
font-size:.6em;
display:block;
letter-spacing:.08em;
margin:0 auto;
font-weight:300;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section{
margin-top:4rem;
font-size:14px;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > strong{
font-size:15px;
text-align:center;
display:block;
margin:auto auto 1rem auto;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > h3{
font-size:18px;
margin-bottom:1rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol,
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul{
margin:1rem auto;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol > li,
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li{
display:grid;
grid-template-columns:20px 1fr;
gap:0 5px;
align-items:center;
justify-content:start;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol > li:not(:last-child),
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li:not(:last-child){
margin-bottom:.5rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol > li:before,
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li:before{
align-self:start;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol{
counter-reset:flownum;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ol > li:before{
content:counter(flownum)".";
counter-increment:flownum;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li:before{
font-family:"Material Symbols Outlined";
content:"\e835";
font-size:18px;
font-variation-settings:'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > p.right{
text-align:right;
padding-top:1.5rem;
}
@media screen and (max-width:768px){
/* --------------------------------------------------------
　
　共通アイコン設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　ボタン装飾設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　共通ヘッダ設定
　
-------------------------------------------------------- */
/*-- レイアウト設定 --*/
#commons-header-wrap > #header-commons-flow-area{
width:100%;
height:60px;
padding:0 1rem 0 .8rem;
}
#commons-header-wrap > #header-commons-flow-area > h1,
#commons-header-wrap > #header-commons-flow-area > h1 > a{
height:60px;
}
#commons-header-wrap > #header-commons-flow-area > ul > li{
line-height:0;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li.favo,
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > span{
display:none;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > ion-icon{
font-size:24px;
--ionicon-stroke-width:30px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search{
gap:0 8px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > .material-symbols-outlined,
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > a > .material-symbols-outlined{
font-variation-settings:'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 40;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #view-search-box-btn > ion-icon{
font-size:22px;
--ionicon-stroke-width:30px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search{
width:100%;
padding:1rem 0;
border-radius:0;
position:absolute;
top:100%;
left:0;
display:none;
background:#f0f0f0;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search > form{
width:calc(100% - 2rem);
margin:auto;
background:#fff;
}

/*-- ハンバーガーメニュー設定 --*/
#commons-header-wrap > #header-commons-hamburger-area{
width:80vw;
}
#commons-header-wrap > #header-commons-hamburger-area > section{
padding-bottom:120px;
}
#commons-header-wrap > #header-commons-close-btn{
left:80vw;
transform:translate3d(-100vw,0,0);
}



/* --------------------------------------------------------
　
　共通フッタ設定
　
-------------------------------------------------------- */
footer#commons-footer-wrap{
margin:4rem auto 0 auto;
}
footer#commons-footer-wrap > article{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
padding:2rem 1.5rem;
}
footer#commons-footer-wrap > article > #footer-logo-area{
order:2;
}
footer#commons-footer-wrap > article > #footer-logo-area > svg{
width:60px;
}
footer#commons-footer-wrap > article > #footer-list-area{
order:1;
width:100%;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main{
margin:0 auto 1.5rem auto;
padding:1.5rem 0;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul{
grid-template-columns:repeat(2,1fr);
gap:20px 10px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub{
display:block;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a{
display:flex;
justify-content:space-between;
align-items:center;
letter-spacing:0;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a:after{
font-family:"Material Symbols Outlined";
content:"\e5df";
font-size:18px;
margin-right:5px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub{
padding-top:30px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns{
justify-content:center;
margin-bottom:1.5rem;
flex-wrap:wrap;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns > li.title{
font-size:15px;
width:100%;
text-align:center;
margin:0 auto 20px auto;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul > li > a > ion-icon{
font-size:30px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info{
justify-content:center;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li{
margin:0 10px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li > a{
font-size:12px;
}


/* --------------------------------------------------------
　
　トップページ設定
　
-------------------------------------------------------- */
/*-- サイトトップ：キービジュアル設定 --*/
#site-index-key-visual{
//min-height:calc((var(--vh, 1vh) * 100) - 92px);
min-height:unset;
height:max-content;
}
#site-index-key-visual > section#img{
position:unset;
}
#site-index-key-visual > section#img > div.slide{
width:100%;
height:100%;
}
#site-index-key-visual > section#img > div.slide > figure{
animation:keyVisualSlideAnimation 12s ease infinite;
width:100%;
position:absolute;
}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(1){animation-delay:0s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(2){animation-delay:3s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(3){animation-delay:6s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(4){animation-delay:9s;}
@keyframes keyVisualSlideAnimation{
	0%{opacity:0;}
	5%{opacity:1;}
	28%{opacity:1;}
	30%{opacity:0;}
	100%{opacity:0;}
}
#site-index-key-visual > section#text{
padding:11vh 0 0 0;
position:relative;
}
#site-index-key-visual > section#text > .main-text{
width:calc(100% - 1rem);
position:unset;
transform:unset;
top:unset;
left:unset;
}
#site-index-key-visual > section#text > .main-text > h2{
font-size:9.2vw;
}
#site-index-key-visual > section#text > .main-text > h3{
font-size:5.3vw;
margin:5px auto 30px auto;
letter-spacing:.02em;
line-height:1;
}
#site-index-key-visual > section#text > .main-text > ul{
width:calc(100% - 30px);
max-width:220px;
min-width:unset;
grid-template-columns:1fr;
gap:10px 0;
margin:0 auto 40px auto;
}
#site-index-key-visual > section#text > .main-text > ul > li > a{
font-size:15px;
height:50px;
}
#site-index-key-visual > section#text > .main-text > .last{
font-size:9px;
}
#site-index-key-visual > section#text > .brand-list{
position:unset;
margin-top:11vh;
background:rgb(0,0,0,.5);
}
#site-index-key-visual > section#text > .brand-list > ul.autoplay-slider > .slide > a{
font-size:13px;
height:50px;
padding:0 20px;
font-weight:600;
color:#fff;
}

@media screen and (max-width:321px){
	#site-index-key-visual > section#text > .main-text > h2{
	font-size:1.8rem;
	}
}


/*-- サイトトップ：インフォメーション設定 --*/
#site-index-information > ul{
width:calc(100% - 40px);
margin:2.5rem auto 0 auto;
}
#site-index-information > ul{
width:calc(100% - 2rem);
margin:2.5rem auto;
padding-bottom:2.5rem;
border-bottom:1px solid #ddd;
}
#site-index-information > ul > li > a{
font-size:12px;
letter-spacing:0;
}
#site-index-information > ul > li > a > time{
width:80px;
}
#site-index-information > ul > li > a > p{
width:calc(100% - 80px);
}


/*-- サイトトップ：新作商品一覧設定 --*/
.product-list-contents > h2{
font-size:30px;
margin:2.5rem auto .2rem auto;
}
.product-list-contents > a.more-link{
font-size:13px;
}
.product-list-contents > div > div > ul{
width:calc(100% - 2rem);
padding:0;
grid-template-columns:repeat(2,1fr);
gap:30px 5px;
margin:1.5rem auto 4rem auto;
}


/*-- サイトトップ：ブランド一覧設定 --*/
#site-index-brandlist{
margin:4rem auto 0 auto;
}
#site-index-brandlist > h3{
font-size:30px;
margin-bottom:.2rem;
}
#site-index-brandlist > a{
font-size:13px;
}
#site-index-brandlist > ul{
grid-template-columns:repeat(2,1fr);
gap:15px 10px;
width:calc(100% - 2rem);
padding:0;
margin:1.5rem auto;
}
#site-index-brandlist > ul > li > a{
height:80px;
}
#site-index-brandlist > ul > li > a.long{
font-size:10px;
}


/*-- サイトトップ：レンタル方法3ステップ設定 --*/
#site-index-rentalflow{
width:100%;
height:max-content;
min-width:unset;
min-height:unset;
background:rgba(0,0,0,.03);
position:relative;
margin:4rem auto 0 auto;
padding:0;
z-index:0;
display:block;
}
#site-index-rentalflow > figure{
position:absolute;
width:100%;
height:100%;
z-index:-1;
}
#site-index-rentalflow > figure > img{
opacity:.12;
}
#site-index-rentalflow > section{
padding:4rem 0;
margin:0 auto;
}
#site-index-rentalflow > section > h3{
font-size:40px;
justify-content:center;
margin-bottom:2rem;
}
#site-index-rentalflow > section > h3 > span{
margin:0 8px 0 0;
}
#site-index-rentalflow > section > ul{
width:calc(100% - 4rem);
margin:auto;
}
#site-index-rentalflow > section > ul > li{
display:block;
margin-bottom:1.5rem;
}
#site-index-rentalflow > section > ul > li > span{
margin:0 auto 10px auto;
width:35px;
height:35px;
font-size:15px;
}
#site-index-rentalflow > section > ul > li > div > .title{
text-align:center;
font-size:15px;
}
#site-index-rentalflow > section > ul > li > div > .text{
font-size:13px;
}
#site-index-rentalflow > section > a{
text-align:center;
font-size:13px;
margin:2rem auto 0 auto;
display:block;
}


/*-- サイトトップ：Instagram設定 --*/
#site-index-instagram{
margin:4rem auto 0 auto;
}
#site-index-instagram > h3{
font-size:30px;
}
#site-index-instagram > h3 > ion-icon{
margin-right:10px;
font-size:25px;
}
#site-index-instagram > ul{
grid-template-columns:repeat(2,1fr);
width:calc(100% - 2rem);
padding:0;
gap:1px;
}
#site-index-instagram > a{
font-size:13px;
margin:2rem auto 0 auto;
}



/* --------------------------------------------------------
　
　パンくず設定
　
-------------------------------------------------------- */
nav#sys-category-pankuzu-wrap{
background:#f9f9f9;
width:100%;
height:max-content;
margin-bottom:0;
overflow-x:scroll;
margin:0;
}
nav#sys-category-pankuzu-wrap > .sysCategoryPankuzu{
display:none;
}
nav#sys-category-pankuzu-wrap > .sysItemCategoryPankuzu{
max-width:unset;
min-width:unset;
width:max-content;
padding:10px;
margin:0;
font-size:10px;
}




/* --------------------------------------------------------
　
　商品一覧ページ設定（カテゴリ・検索共通）
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription{
width:100%;
padding:2rem 1rem 0 1rem;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
width:100%;
grid-template-columns:repeat(2,1fr);
margin:2rem auto 0 auto;
}

/*-- タイトル --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription > h1{
font-size:16px;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
margin:2rem auto 0 auto;
}


/*-- メニュー --*/
#product-list-menu-wrap{
width:100%;
gap:0 5px;
}
#product-list-menu-wrap > #sysItemCategory > span,
#product-list-menu-wrap > form > #sysItemSort > span{
font-size:13px;
}

/*-- ページャー --*/
.sysPagination > ul{
width:100%;
}



/* --------------------------------------------------------
　
　商品詳細ページ設定
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#item-colum-fiex-wrap{
width:100%;
padding:0;
margin:0 auto;
display:block;
grid-template-columns:unset;
gap:unset;
}

/*-- 画像エリア --*/
#item-colum-fiex-wrap .sysItemImages .sysImageList{
padding:0 1rem;
gap:5px;
}

/*-- 画像ポップアップ --*/
#sysItemDetail #sysModalWindow .sysModalContent{
width:calc(100% - 20px);
height:unset;
padding:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement{
top:5px;
right:5px;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody{
overflow:hidden;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages{
display:block;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage{
width:100%;
height:max-content;
line-height:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage img{
width:100%;
height:auto;
line-height:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul{
margin:15px auto 0 auto;
width:calc(100% - 30px);
height:80px;
overflow-y:hidden;
overflow-x:scroll;
display:flex;
gap:0 10px;
align-items:flex-start;
justify-content:flex-start;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul li{
width:70px;
height:70px;
margin:0;
flex-shrink:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar{
width:unset;
height:5px;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-track{
background-color:#eee;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-thumb{
box-shadow:inset 0 0 6px rgba(0,0,0,.5);
}

/*-- お気に入りポップアップ --*/
#sysItemDetail .modaal-wrapper .modaal-container{
width:calc(100% - 40px);
}
#sysItemDetail .modaal-wrapper .modaal-container .modaal-content .modaal-content-container{
width:100%;
padding:15px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMessageGroup .sysWishlistMessage .massage{
font-size:13px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistInformationGroup .sysWishlistInformation{
font-size:10px;
}


/*-- PR・コード・タイトル・価格エリア --*/
#item-colum-fiex-wrap > #item-info-text-wrap{
width:calc(100% - 2rem);
margin:2rem auto 0 auto;
}


/*-- レコメンド一覧エリア --*/
#recommend-item-list-wrap > .recommend-product-list-contents > h3.sysHeadline{
text-align:center;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul{
grid-template-columns:repeat(3,1fr);
gap:20px 5px;
padding:0 1rem;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul{
grid-template-columns:repeat(3,1fr);
gap:20px 5px;
padding:0 1rem;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemSuggestedPrice > s{
display:none;
}



/* --------------------------------------------------------
　
　サイズガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（商品）物流ガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（SSL）共通設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（SSL）会員登録設定・会員情報編集・お届け先情報編集
　
-------------------------------------------------------- */
.sysMemberRegister > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress{
width:100%;
margin:2rem auto 0 auto;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress{
font-size:13px;
}


/*-- 生年月日 --*/
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField{
grid-template-columns:80px 20px 50px 20px 50px 20px;
}

/*-- 登録内容確認ページ --*/
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
grid-template-columns:120px 1fr;
gap:0;
}

/*-- 仮登録完了ページ --*/
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
font-size:12px;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow{
width:100%;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h3{
font-size:16px;
grid-template-columns:20% calc(60% - 20px) 20%;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
gap:0;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > a{
margin:2rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p.attention{
padding-top:1.5rem;
}


/*-- ボタン --*/
#sysMemberRegisterRegister form inpu.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input[type="submit"],
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input.sysButton,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysButton{
font-size:14px;
}


/* --------------------------------------------------------
　
　（SSL）ログイン設定
　
-------------------------------------------------------- */
#sysMypageLogin > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm{
width:calc(100% - 20px);
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > input.sysLoginButton{
font-size:14px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > h3{
font-size:16px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > a,
#sysMypageLogout > #sysAll > #sysWrap > #sysMain > a{
width:calc(100% - 20px);
}


/* --------------------------------------------------------
　
　（SSL）退会手続き設定
　
-------------------------------------------------------- */
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain{
font-size:13px;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > h3{
font-size:18px;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form > input.sysButton,
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form:last-child > input.sysButton{
width:calc(100% - 20px);
}
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysFreeArea,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysWithdrawal{
width:100%;
}



/* --------------------------------------------------------
　
　（SSL）会員ID・パスワード確認設定
　
-------------------------------------------------------- */
#sysMypageReminder > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm{
width:calc(100% - 20px);
grid-template-columns:120px 1fr;
}



/* --------------------------------------------------------
　
　（SSL）配布クーポン獲得設定
　
-------------------------------------------------------- */
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
width:100%;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > ul{
padding:0 1rem;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > a{
width:calc(100% - 20px);
}


/* --------------------------------------------------------
　
　（SSL）マイページ設定
　
-------------------------------------------------------- */
/*-- マイページトップ --*/
#sysMypageIndex > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
width:100% !important;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > h2.sysMypageMajorHeadLine{
font-size:18px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav{
grid-template-columns:repeat(3,1fr);
margin:auto;
width:100%;
gap:30px 20px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form > button{
font-size:12px;
letter-spacing:0;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > h3{
font-size:18px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList{
width:100%;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li{
font-size:12px;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section{
grid-template-columns:100px calc(100% - 100px);
}


/*-- マイページトップ以外のタイトル --*/
.sysMypage:not(#sysMypageIndex) > #sysAll > #sysWrap > #sysMain > h3{
margin-top:4rem;
font-size:18px;
}


/*-- 会員情報編集確認ページ --*/
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:100%;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
width:140px;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
width:calc(100% - 140px);
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField{
grid-template-columns:unset;
}

/*-- お届け先情報編集ページ --*/
#sysMypageEditDelivery > #sysAll > #sysWrap > #sysMain > form > h3.SysMypageMinorHeadLine{
font-size:14px;
}


/*-- 会員情報編集完了ページ --*/
#sysMypageEditSave > #sysAll > #sysWrap > #sysMain > p,
#sysMypageEditSavedelivery > #sysAll > #sysWrap > #sysMain > p{
margin:2rem auto;
}


/*-- 購入履歴ページ --*/
#sysMypageOrderHistory > #sysAll > #sysWrap > #sysMain > .sysOrderHistory{
width:100%;
padding:0 calc(2rem - 10px);
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section{
grid-template-columns:80px calc(100% - 80px);
}


/*-- 商品チェック履歴 --*/
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px 10px;
}


/*-- お気に入り --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px 10px;
}


/*-- 利用可能クーポン一覧 --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap{
width:calc(100% - 2rem);
}




/* --------------------------------------------------------
　
　（SSL）お買い物カート設定
　
-------------------------------------------------------- */
.sysCart > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:13px;
}
.sysCart h2.sysCartTitle{
font-size:18px;
}
.sysCart .sysNavImg{
width:calc(100% - 2rem);
margin:0 auto 2rem auto;
}

/*-- ショッピングカートトップ --*/
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea{
width:100%;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton{
width:calc(100% - 2rem);
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table{
max-width:100%;
min-width:230px;
font-size:15px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li{
padding:2rem 0 1rem 0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div{
display:block;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > a,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > div{
margin:0 0 1rem 0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit{
margin-top:3rem;
}



/*-- カートページログイン --*/
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > h2{
font-size:18px;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm{
width:100%;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer{
width:100%;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm > h2,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer > h2{
font-size:16px;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
width:100%;
}

/*-- ご注文者情報の入力 --*/
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:100%;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea,
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > div > input.sysBtnChange{
font-size:14px;
}


/*-- お支払い方法の入力 --*/
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div{
width:100%;
padding:2rem 0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > h2{
font-size:16px;
text-align:left;
margin:0 auto 1rem auto;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > label{
margin-bottom:.5rem;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem > .sysFormField > div:nth-child(1){
text-align:left;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBtnChangeArea > input.sysBtnChange{
font-size:14px;
}


/*-- お届け先を選択 --*/
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > h2,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:18px;
margin:0 auto 1rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress{
width:100%;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div{
padding:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit{
width:100%;
padding:0;
font-size:14px;
}


/*-- ご注文確認画面 --*/
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:18px;
margin:0 auto 1rem auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea{
width:100%;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder > ul > li,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li{
display:block;
gap:0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder > ul > li > .sysConfirmButton,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form > .sysUseCouponsButton,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li > .sysConfirmButton{
width:230px;
margin:1rem auto;
display:block;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.title,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.price{
font-size:15px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area{
padding:20px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form > .sysUseCouponsButton{
margin-top:20px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li{
padding:0 0 30px 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > div > img,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > div > div{
margin:0 0 1rem 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea#number2{
margin-top:4rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
margin:0 auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea{
margin-top:4rem;
padding-top:3rem;
}


/*-- ご注文完了画面 --*/
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
width:100%;
padding:0;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > h2{
font-size:18px;
padding-top:2rem;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > p,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > span{
font-size:16px;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2{
font-size:16px;
display:block;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:before,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:after{
display:none;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
gap:0;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul > li > figure > figcaption{
font-size:12px;
}


/*-- エラー --*/
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysErrorMessage.errorMessage,
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox{
width:100%;
}


/* --------------------------------------------------------
　
　（SSL）お問い合わせ設定
　
-------------------------------------------------------- */
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:12px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:100%;
font-size:13px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField{
grid-template-columns:repeat(2,1fr);
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > input[type="submit"]{
font-size:14px;
}

/*-- 送信内容確認ページ --*/
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:13px;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:100%;
margin:2rem auto 0 auto;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
grid-template-columns:120px 1fr;
}

/*-- 送信完了ページ --*/
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:13px;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText{
width:100%;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText > h1{
font-size:16px;
}


/* --------------------------------------------------------
　
　（フリーページ）ABOUT US設定
　
-------------------------------------------------------- */
/*-- はじめに --*/
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us{
position:relative;
z-index:1;
padding:0;
display:flex;
height:calc((var(--vh, 1vh) * 100) - 92px);
margin-bottom:4rem;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > figure{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:.15;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area{
width:75vw;
padding:0;
margin:auto;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > h2{
font-size:40px;
text-align:center;
margin:0 0 2rem 0;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp{
font-size:13p;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp > p{
margin-top:1rem;
}

/*-- インフォメーション --*/
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail{
width:100%;
padding:0 1rem;
margin-bottom:4rem;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > h3{
font-size:18px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary,
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > div{
font-size:13px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary > span{
font-size:10px;
}


/* --------------------------------------------------------
　
　（フリーページ）ブランド一覧設定
　
-------------------------------------------------------- */
#sysWrap > #sysMain > .brandlist-main{
width:100%;
padding-top:4rem;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > h2{
font-size:18px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search > input{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul{
width:100%;
grid-template-columns:repeat(6,1fr);
border:0;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul > li > a{
height:45px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > ol{
grid-template-columns:repeat(2,1fr);
}



/* --------------------------------------------------------
　
　（フリーページ）レンタルの流れ設定
　
-------------------------------------------------------- */
.how-to-rental-main > .sysContent > section{
width:100%;
margin:4rem auto 0 auto;
padding:0 1rem 4rem 1rem;
}
.how-to-rental-main > .sysContent > section > h2{
font-size:13px;
}
.how-to-rental-main > .sysContent > section > h2 > span{
font-size:23px;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap{
flex-wrap:wrap;
width:calc(100% - 40px);
margin:3rem auto 0 auto;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a{
width:100%;
font-weight:600;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a:nth-child(2){
margin-top:.5rem;
}


/*-- レンタルご利用の流れ --*/
.how-to-rental-main > .sysContent > #how-to-container{
padding:3rem 0;
position:unset;
overflow:unset;
background:#fff;
}
.how-to-rental-main > .sysContent > #how-to-container > figure{
position:relative;
width:100%;
height:200px;
background:#f1f1f1;
overflow:hidden;
z-index:0;
}
.how-to-rental-main > .sysContent > #how-to-container > figure > img{
top:0;
transform:scale(1.2);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap,
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul,
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap{
width:100%;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap{
padding:2rem 2rem 0 2rem;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul{
padding:0;
margin:0;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li{
padding:0 0 0 calc(var(--flowchart-dot-size) + 20px);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li{
padding:0 0 0 calc(var(--flowchart-dot-size) + 20px);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content::before{
left:calc(calc(calc(var(--flowchart-dot-size) / 2) + calc(var(--flowchart-border) / 2) + 17px) * -1);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > h3{
font-size:15px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section{
font-size:12px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap{
padding-top:1rem;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap > a{
font-size:13px;
font-weight:600;
width:100%;
}



/*-- 初回ご注文時の注意 --*/
.how-to-rental-main > .sysContent > #order-container > h3{
width:100%;
padding:0 2rem;
border:0;
font-size:13px;
}
.how-to-rental-main > .sysContent > #order-container > h3 > br{
display:none;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area{
width:100%;
margin:0 auto 2.8rem auto;
gap:0;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area > figure > figcaption{
font-size:12px;
}
.how-to-rental-main > .sysContent > #order-container > p{
font-size:12px;
}


/*-- レンタル日の変更について --*/
.how-to-rental-main > .sysContent > #reschedule-container{
font-size:12px;
}


/*-- ご使用上の注意 --*/
.how-to-rental-main > .sysContent > #use-container > ul{
grid-template-columns:repeat(2,1fr);
gap:20px 15px;
padding:0;
margin:0 auto 2rem auto;
}
.how-to-rental-main > .sysContent > #use-container > ul > li > figure > figcaption{
font-size:12px;
}
.how-to-rental-main > .sysContent > #use-container > p{
font-size:12px;
}


/*-- ご返送方法 --*/
.how-to-rental-main > .sysContent > #return-container{
font-size:12px;
}




/* --------------------------------------------------------
　
　（フリーページ）サイズガイド設定
　
-------------------------------------------------------- */
.sizeguide-main > .sysContent > #size-guide-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.sizeguide-main > .sysContent > #size-guide-container > h2{
font-size:13px;
margin-bottom:2rem;
}
.sizeguide-main > .sysContent > #size-guide-container > h2 > span{
font-size:23px;
}
.sizeguide-main > .sysContent > #size-guide-container > section:not(:last-child){
margin-bottom:8rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section#first{
margin-bottom:4rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section#first > p{
font-size:13px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > h3{
font-size:16px;
padding-bottom:1rem;
margin-bottom:1rem;
border-bottom:2px solid #f5f5f5;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > h4{
margin-bottom:1rem;
font-size:14px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > img{
width:calc(100% - 110px);
max-width:unset;
min-width:260px;
margin-bottom:1rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl{
padding:20px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dt{
width:80px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dd{
width:calc(100% - 80px);
}



/* --------------------------------------------------------
　
　（フリーページ）ショッピングガイド設定
　
-------------------------------------------------------- */
.shopping-guide-main > .sysContent > #shop-guide-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2{
font-size:13px;
margin-bottom:4rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2 > span{
font-size:23px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section{
font-size:12px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section:not(:last-child){
margin-bottom:3rem;
padding-bottom:3rem;
border-bottom:1px solid #ddd;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h3{
font-size:16px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h4,
.shopping-guide-main > .sysContent > #shop-guide-container > section > h5{
font-size:14px;
}


/*-- 4.キャンセルについて --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #cancel > table > tbody > tr > td,
.shopping-guide-main > .sysContent > #shop-guide-container > #cancel > table > tbody > tr > th{
width:50%;
}


/*-- 5.配送について --*/
.sshopping-guide-main > .sysContent > #shop-guide-container > #delivery > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #delivery > table > tbody > tr > td{
width:25%;
}


/*-- 7.延滞について --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table > tbody > tr > th{
width:35%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table > tbody > tr > td{
width:65%;
}


/*-- 9.お客様側での商品破損・汚損について --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table > tbody > tr > th{
width:35%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table > tbody > tr > td{
width:65%;
}


/* --------------------------------------------------------
　
　（フリーページ）運営会社概要設定
　
-------------------------------------------------------- */
.corporate-main > .sysContent > #corporate-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1.5rem;
}
.corporate-main > .sysContent > #corporate-container > h2{
font-size:13px;
margin-bottom:0;
}
.corporate-main > .sysContent > #corporate-container > h2 > span{
font-size:23px;
}
.corporate-main > .sysContent > #corporate-container > section{
font-size:12px;
margin-top:3rem;
}
.corporate-main > .sysContent > #corporate-container > section > h3{
padding-top:2rem;
}
.corporate-main > .sysContent > #corporate-container > section > dl{
display:block;
width:100%;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dt{
margin-bottom:.3rem;
font-size:13px;
display:flex;
align-items:center;
font-weight:600;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dt:before{
content:"";
width:10px;
height:10px;
background:#ddd;
border-radius:100%;
margin-right:10px;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dd:not(last-child){
margin-bottom:1.5rem;
}





/* --------------------------------------------------------
　
　（フリーページ）特定商取引法に基づく表記設定
　
-------------------------------------------------------- */
.law-main > .sysContent > #law-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1.5rem;
}
.law-main > .sysContent > #law-container > h2{
font-size:18px;
}
.law-main > .sysContent > #law-container > dl{
display:block;
width:100%;
margin-top:3rem;
font-size:12px;
}
.law-main > .sysContent > #law-container > dl > dt{
margin-bottom:.3rem;
font-size:12px;
display:flex;
align-items:center;
font-weight:600;
}
.law-main > .sysContent > #law-container > dl > dt:before{
content:"";
width:10px;
height:10px;
background:#ddd;
border-radius:100%;
margin-right:10px;
}
.law-main > .sysContent > #law-container > dl > dd:not(last-child){
margin-bottom:1.8rem;
}
.law-main > .sysContent > #law-container > dl > dd > a{
text-decoration:underline;
margin:auto 2px;
}


/* --------------------------------------------------------
　
　（フリーページ）個人情報保護法
　
-------------------------------------------------------- */
.privacy-policy-main > .sysContent > #privacypolicy-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > h2{
font-size:18px;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section{
font-size:12px;
margin-top:3rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > h3{
font-size:15px;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li:before{
line-height:1.2;
}
}
@media screen and (min-width:769px) and (max-width:768px){
/* --------------------------------------------------------
　
　共通アイコン設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　ボタン装飾設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　共通ヘッダ設定
　
-------------------------------------------------------- */
/*-- レイアウト設定 --*/
#commons-header-wrap > #header-commons-flow-area{
width:100%;
height:60px;
padding:0 1rem 0 .8rem;
}
#commons-header-wrap > #header-commons-flow-area > h1,
#commons-header-wrap > #header-commons-flow-area > h1 > a{
height:60px;
}
#commons-header-wrap > #header-commons-flow-area > ul > li{
line-height:0;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li.favo,
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > span{
display:none;
}
#commons-header-wrap > #header-commons-flow-area > ul.members > li > a > ion-icon{
font-size:24px;
--ionicon-stroke-width:30px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search{
gap:0 8px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > .material-symbols-outlined,
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > a > .material-symbols-outlined{
font-variation-settings:'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 40;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #view-search-box-btn > ion-icon{
font-size:22px;
--ionicon-stroke-width:30px;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search{
width:100%;
padding:1rem 0;
border-radius:0;
position:absolute;
top:100%;
left:0;
display:none;
background:#f0f0f0;
}
#commons-header-wrap > #header-commons-flow-area > ul.item-search > li > #header-free-word-search > form{
width:calc(100% - 2rem);
margin:auto;
background:#fff;
}

/*-- ハンバーガーメニュー設定 --*/
#commons-header-wrap > #header-commons-hamburger-area{
width:80vw;
}
#commons-header-wrap > #header-commons-hamburger-area > section{
padding-bottom:120px;
}
#commons-header-wrap > #header-commons-close-btn{
left:80vw;
transform:translate3d(-100vw,0,0);
}



/* --------------------------------------------------------
　
　共通フッタ設定
　
-------------------------------------------------------- */
footer#commons-footer-wrap{
margin:4rem auto 0 auto;
}
footer#commons-footer-wrap > article{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
padding:2rem 1.5rem;
}
footer#commons-footer-wrap > article > #footer-logo-area{
order:2;
}
footer#commons-footer-wrap > article > #footer-logo-area > svg{
width:60px;
}
footer#commons-footer-wrap > article > #footer-list-area{
order:1;
width:100%;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main{
margin:0 auto 1.5rem auto;
padding:1.5rem 0;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul{
grid-template-columns:repeat(2,1fr);
gap:20px 10px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub{
display:block;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a{
display:flex;
justify-content:space-between;
align-items:center;
letter-spacing:0;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.main > ul > li > a:after{
font-family:"Material Symbols Outlined";
content:"\e5df";
font-size:18px;
margin-right:5px;
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub{
padding-top:30px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns{
justify-content:center;
margin-bottom:1.5rem;
flex-wrap:wrap;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.sns > li.title{
font-size:15px;
width:100%;
text-align:center;
margin:0 auto 20px auto;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul > li > a > ion-icon{
font-size:30px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info{
justify-content:center;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li{
margin:0 10px;
}
footer#commons-footer-wrap > article > #footer-list-area > nav.sub > ul.info > li > a{
font-size:12px;
}


/* --------------------------------------------------------
　
　トップページ設定
　
-------------------------------------------------------- */
/*-- サイトトップ：キービジュアル設定 --*/
#site-index-key-visual{
//min-height:calc((var(--vh, 1vh) * 100) - 92px);
min-height:unset;
height:max-content;
}
#site-index-key-visual > section#img{
position:unset;
}
#site-index-key-visual > section#img > div.slide{
width:100%;
height:100%;
}
#site-index-key-visual > section#img > div.slide > figure{
animation:keyVisualSlideAnimation 12s ease infinite;
width:100%;
position:absolute;
}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(1){animation-delay:0s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(2){animation-delay:3s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(3){animation-delay:6s;}
#site-index-key-visual > section#img > div.slide > figure:nth-of-type(4){animation-delay:9s;}
@keyframes keyVisualSlideAnimation{
	0%{opacity:0;}
	5%{opacity:1;}
	28%{opacity:1;}
	30%{opacity:0;}
	100%{opacity:0;}
}
#site-index-key-visual > section#text{
padding:11vh 0 0 0;
position:relative;
}
#site-index-key-visual > section#text > .main-text{
width:calc(100% - 1rem);
position:unset;
transform:unset;
top:unset;
left:unset;
}
#site-index-key-visual > section#text > .main-text > h2{
font-size:9.2vw;
}
#site-index-key-visual > section#text > .main-text > h3{
font-size:5.3vw;
margin:5px auto 30px auto;
letter-spacing:.02em;
line-height:1;
}
#site-index-key-visual > section#text > .main-text > ul{
width:calc(100% - 30px);
max-width:220px;
min-width:unset;
grid-template-columns:1fr;
gap:10px 0;
margin:0 auto 40px auto;
}
#site-index-key-visual > section#text > .main-text > ul > li > a{
font-size:15px;
height:50px;
}
#site-index-key-visual > section#text > .main-text > .last{
font-size:9px;
}
#site-index-key-visual > section#text > .brand-list{
position:unset;
margin-top:11vh;
background:rgb(0,0,0,.5);
}
#site-index-key-visual > section#text > .brand-list > ul.autoplay-slider > .slide > a{
font-size:13px;
height:50px;
padding:0 20px;
font-weight:600;
color:#fff;
}

@media screen and (max-width:321px){
	#site-index-key-visual > section#text > .main-text > h2{
	font-size:1.8rem;
	}
}


/*-- サイトトップ：インフォメーション設定 --*/
#site-index-information > ul{
width:calc(100% - 40px);
margin:2.5rem auto 0 auto;
}
#site-index-information > ul{
width:calc(100% - 2rem);
margin:2.5rem auto;
padding-bottom:2.5rem;
border-bottom:1px solid #ddd;
}
#site-index-information > ul > li > a{
font-size:12px;
letter-spacing:0;
}
#site-index-information > ul > li > a > time{
width:80px;
}
#site-index-information > ul > li > a > p{
width:calc(100% - 80px);
}


/*-- サイトトップ：新作商品一覧設定 --*/
.product-list-contents > h2{
font-size:30px;
margin:2.5rem auto .2rem auto;
}
.product-list-contents > a.more-link{
font-size:13px;
}
.product-list-contents > div > div > ul{
width:calc(100% - 2rem);
padding:0;
grid-template-columns:repeat(2,1fr);
gap:30px 5px;
margin:1.5rem auto 4rem auto;
}


/*-- サイトトップ：ブランド一覧設定 --*/
#site-index-brandlist{
margin:4rem auto 0 auto;
}
#site-index-brandlist > h3{
font-size:30px;
margin-bottom:.2rem;
}
#site-index-brandlist > a{
font-size:13px;
}
#site-index-brandlist > ul{
grid-template-columns:repeat(2,1fr);
gap:15px 10px;
width:calc(100% - 2rem);
padding:0;
margin:1.5rem auto;
}
#site-index-brandlist > ul > li > a{
height:80px;
}
#site-index-brandlist > ul > li > a.long{
font-size:10px;
}


/*-- サイトトップ：レンタル方法3ステップ設定 --*/
#site-index-rentalflow{
width:100%;
height:max-content;
min-width:unset;
min-height:unset;
background:rgba(0,0,0,.03);
position:relative;
margin:4rem auto 0 auto;
padding:0;
z-index:0;
display:block;
}
#site-index-rentalflow > figure{
position:absolute;
width:100%;
height:100%;
z-index:-1;
}
#site-index-rentalflow > figure > img{
opacity:.12;
}
#site-index-rentalflow > section{
padding:4rem 0;
margin:0 auto;
}
#site-index-rentalflow > section > h3{
font-size:40px;
justify-content:center;
margin-bottom:2rem;
}
#site-index-rentalflow > section > h3 > span{
margin:0 8px 0 0;
}
#site-index-rentalflow > section > ul{
width:calc(100% - 4rem);
margin:auto;
}
#site-index-rentalflow > section > ul > li{
display:block;
margin-bottom:1.5rem;
}
#site-index-rentalflow > section > ul > li > span{
margin:0 auto 10px auto;
width:35px;
height:35px;
font-size:15px;
}
#site-index-rentalflow > section > ul > li > div > .title{
text-align:center;
font-size:15px;
}
#site-index-rentalflow > section > ul > li > div > .text{
font-size:13px;
}
#site-index-rentalflow > section > a{
text-align:center;
font-size:13px;
margin:2rem auto 0 auto;
display:block;
}


/*-- サイトトップ：Instagram設定 --*/
#site-index-instagram{
margin:4rem auto 0 auto;
}
#site-index-instagram > h3{
font-size:30px;
}
#site-index-instagram > h3 > ion-icon{
margin-right:10px;
font-size:25px;
}
#site-index-instagram > ul{
grid-template-columns:repeat(2,1fr);
width:calc(100% - 2rem);
padding:0;
gap:1px;
}
#site-index-instagram > a{
font-size:13px;
margin:2rem auto 0 auto;
}



/* --------------------------------------------------------
　
　パンくず設定
　
-------------------------------------------------------- */
nav#sys-category-pankuzu-wrap{
background:#f9f9f9;
width:100%;
height:max-content;
margin-bottom:0;
overflow-x:scroll;
margin:0;
}
nav#sys-category-pankuzu-wrap > .sysCategoryPankuzu{
display:none;
}
nav#sys-category-pankuzu-wrap > .sysItemCategoryPankuzu{
max-width:unset;
min-width:unset;
width:max-content;
padding:10px;
margin:0;
font-size:10px;
}




/* --------------------------------------------------------
　
　商品一覧ページ設定（カテゴリ・検索共通）
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription{
width:100%;
padding:2rem 1rem 0 1rem;
}
#sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
width:100%;
grid-template-columns:repeat(2,1fr);
margin:2rem auto 0 auto;
}

/*-- タイトル --*/
#sysAll > #sysWrap > #sysMain > .sysItemCategoryInfo > .sysCategoryDescription > h1{
font-size:16px;
}
#sysItemSearch > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
margin:2rem auto 0 auto;
}


/*-- メニュー --*/
#product-list-menu-wrap{
width:100%;
gap:0 5px;
}
#product-list-menu-wrap > #sysItemCategory > span,
#product-list-menu-wrap > form > #sysItemSort > span{
font-size:13px;
}

/*-- ページャー --*/
.sysPagination > ul{
width:100%;
}



/* --------------------------------------------------------
　
　商品詳細ページ設定
　
-------------------------------------------------------- */
/*-- 基本レイアウト --*/
#item-colum-fiex-wrap{
width:100%;
padding:0;
margin:0 auto;
display:block;
grid-template-columns:unset;
gap:unset;
}

/*-- 画像エリア --*/
#item-colum-fiex-wrap .sysItemImages .sysImageList{
padding:0 1rem;
gap:5px;
}

/*-- 画像ポップアップ --*/
#sysItemDetail #sysModalWindow .sysModalContent{
width:calc(100% - 20px);
height:unset;
padding:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysRemoveElement{
top:5px;
right:5px;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody{
overflow:hidden;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages{
display:block;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage{
width:100%;
height:max-content;
line-height:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages .sysModalMainImage img{
width:100%;
height:auto;
line-height:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul{
margin:15px auto 0 auto;
width:calc(100% - 30px);
height:80px;
overflow-y:hidden;
overflow-x:scroll;
display:flex;
gap:0 10px;
align-items:flex-start;
justify-content:flex-start;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul li{
width:70px;
height:70px;
margin:0;
flex-shrink:0;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar{
width:unset;
height:5px;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-track{
background-color:#eee;
}
#sysItemDetail #sysModalWindow .sysModalContent .sysModalBody .sysModalItemImages ul::-webkit-scrollbar-thumb{
box-shadow:inset 0 0 6px rgba(0,0,0,.5);
}

/*-- お気に入りポップアップ --*/
#sysItemDetail .modaal-wrapper .modaal-container{
width:calc(100% - 40px);
}
#sysItemDetail .modaal-wrapper .modaal-container .modaal-content .modaal-content-container{
width:100%;
padding:15px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistMessageGroup .sysWishlistMessage .massage{
font-size:13px;
}
#sysItemDetail .modaal-wrapper .modaal-container .sysWishlistInformationGroup .sysWishlistInformation{
font-size:10px;
}


/*-- PR・コード・タイトル・価格エリア --*/
#item-colum-fiex-wrap > #item-info-text-wrap{
width:calc(100% - 2rem);
margin:2rem auto 0 auto;
}


/*-- レコメンド一覧エリア --*/
#recommend-item-list-wrap > .recommend-product-list-contents > h3.sysHeadline{
text-align:center;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul{
grid-template-columns:repeat(3,1fr);
gap:20px 5px;
padding:0 1rem;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul{
grid-template-columns:repeat(3,1fr);
gap:20px 5px;
padding:0 1rem;
}
#recommend-item-list-wrap > .recommend-product-list-contents > div > div > ul > li > .sysItemSuggestedPrice > s{
display:none;
}



/* --------------------------------------------------------
　
　サイズガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（商品）物流ガイド設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（SSL）共通設定
　
-------------------------------------------------------- */


/* --------------------------------------------------------
　
　（SSL）会員登録設定・会員情報編集・お届け先情報編集
　
-------------------------------------------------------- */
.sysMemberRegister > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress{
width:100%;
margin:2rem auto 0 auto;
}
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysOtherAddress{
font-size:13px;
}


/*-- 生年月日 --*/
#sysMemberRegisterIndex.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField{
grid-template-columns:80px 20px 50px 20px 50px 20px;
}

/*-- 登録内容確認ページ --*/
#sysMemberRegisterConfirm.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
grid-template-columns:120px 1fr;
gap:0;
}

/*-- 仮登録完了ページ --*/
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
font-size:12px;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow{
width:100%;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h3{
font-size:16px;
grid-template-columns:20% calc(60% - 20px) 20%;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
gap:0;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p,
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > a{
margin:2rem auto 0 auto;
}
#sysMemberRegisterRegister.sysMemberRegister > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > p.attention{
padding-top:1.5rem;
}


/*-- ボタン --*/
#sysMemberRegisterRegister form inpu.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input[type="submit"],
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > input.sysButton,
.sysMemberRegister > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysNextSubmit,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > .sysForm > input.sysBackButton,
.sysMypage > #sysAll > #sysWrap > #sysMain > form > input.sysButton{
font-size:14px;
}


/* --------------------------------------------------------
　
　（SSL）ログイン設定
　
-------------------------------------------------------- */
#sysMypageLogin > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm{
width:calc(100% - 20px);
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > .sysLoginForm > form > input.sysLoginButton{
font-size:14px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > h3{
font-size:16px;
}
#sysMypageLogin > #sysAll > #sysWrap > #sysMain > #none-members > a,
#sysMypageLogout > #sysAll > #sysWrap > #sysMain > a{
width:calc(100% - 20px);
}


/* --------------------------------------------------------
　
　（SSL）退会手続き設定
　
-------------------------------------------------------- */
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain{
font-size:13px;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > h3{
font-size:18px;
}
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form > input.sysButton,
#sysMypageWithdrawalConfirm > #sysAll > #sysWrap > #sysMain > .sysWithdrawal > form:last-child > input.sysButton{
width:calc(100% - 20px);
}
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysFreeArea,
#sysMypageWithdrawalDone > #sysAll > #sysWrap > #sysMain > .sysWithdrawal{
width:100%;
}



/* --------------------------------------------------------
　
　（SSL）会員ID・パスワード確認設定
　
-------------------------------------------------------- */
#sysMypageReminder > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMypageReminder > #sysAll > #sysWrap > #sysMain > .sysRemindForm{
width:calc(100% - 20px);
grid-template-columns:120px 1fr;
}



/* --------------------------------------------------------
　
　（SSL）配布クーポン獲得設定
　
-------------------------------------------------------- */
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
width:100%;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > ul{
padding:0 1rem;
}
#sysMemberCouponIndex > #sysAll > #sysWrap > #sysMain > a{
width:calc(100% - 20px);
}


/* --------------------------------------------------------
　
　（SSL）マイページ設定
　
-------------------------------------------------------- */
/*-- マイページトップ --*/
#sysMypageIndex > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:12px;
width:100% !important;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > h2.sysMypageMajorHeadLine{
font-size:18px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav{
grid-template-columns:repeat(3,1fr);
margin:auto;
width:100%;
gap:30px 20px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysMypageNav > form > button{
font-size:12px;
letter-spacing:0;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > h3{
font-size:18px;
}
#sysMypageIndex > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList{
width:100%;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li{
font-size:12px;
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section{
grid-template-columns:100px calc(100% - 100px);
}


/*-- マイページトップ以外のタイトル --*/
.sysMypage:not(#sysMypageIndex) > #sysAll > #sysWrap > #sysMain > h3{
margin-top:4rem;
font-size:18px;
}


/*-- 会員情報編集確認ページ --*/
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:100%;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > label{
width:140px;
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem > .sysFormField{
width:calc(100% - 140px);
}
#sysMypageEditConfirm > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sysBirthday > .sysFormField{
grid-template-columns:unset;
}

/*-- お届け先情報編集ページ --*/
#sysMypageEditDelivery > #sysAll > #sysWrap > #sysMain > form > h3.SysMypageMinorHeadLine{
font-size:14px;
}


/*-- 会員情報編集完了ページ --*/
#sysMypageEditSave > #sysAll > #sysWrap > #sysMain > p,
#sysMypageEditSavedelivery > #sysAll > #sysWrap > #sysMain > p{
margin:2rem auto;
}


/*-- 購入履歴ページ --*/
#sysMypageOrderHistory > #sysAll > #sysWrap > #sysMain > .sysOrderHistory{
width:100%;
padding:0 calc(2rem - 10px);
}
.sysMypage > #sysAll > #sysWrap > #sysMain > .sysOrderHistory > ul.sysOrderList > li > section{
grid-template-columns:80px calc(100% - 80px);
}


/*-- 商品チェック履歴 --*/
#sysMypageAshiato > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px 10px;
}


/*-- お気に入り --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > .sysItemList > ul.sysList{
gap:30px 10px;
}


/*-- 利用可能クーポン一覧 --*/
#sysMypageReview > #sysAll > #sysWrap > #sysMain > table#coupon-list-wrap{
width:calc(100% - 2rem);
}




/* --------------------------------------------------------
　
　（SSL）お買い物カート設定
　
-------------------------------------------------------- */
.sysCart > #sysAll > #sysWrap > #sysMain{
padding:3rem 1rem 0 1rem !important;
font-size:13px;
}
.sysCart h2.sysCartTitle{
font-size:18px;
}
.sysCart .sysNavImg{
width:calc(100% - 2rem);
margin:0 auto 2rem auto;
}

/*-- ショッピングカートトップ --*/
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea{
width:100%;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > form > input.sysBackButton{
width:calc(100% - 2rem);
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysInfoTotalArea > .sysTotal > .sysBox > .sysTotalTxt > table{
max-width:100%;
min-width:230px;
font-size:15px;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li{
padding:2rem 0 1rem 0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div{
display:block;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > a,
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysItemListArea > ul > li > div > div{
margin:0 0 1rem 0;
}
#sysBasket.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea > form > input.sysNextSubmit{
margin-top:3rem;
}



/*-- カートページログイン --*/
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > h2{
font-size:18px;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthMember > .sysBox > .sysForm{
width:100%;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer{
width:100%;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysRegisterForm > h2,
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > #sysPurchaseAuthCustomer > h2{
font-size:16px;
}
#sysRegi.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
width:100%;
}

/*-- ご注文者情報の入力 --*/
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysForm{
width:100%;
}
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea,
#sysBillingAddress.sysCart > #sysAll > #sysWrap > #sysMain > form > div > input.sysBtnChange{
font-size:14px;
}


/*-- お支払い方法の入力 --*/
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div{
width:100%;
padding:2rem 0;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > h2{
font-size:16px;
text-align:left;
margin:0 auto 1rem auto;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > div > ul > li > label{
margin-bottom:.5rem;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysRemarksArea > .sysFormItem > .sysFormField > div:nth-child(1){
text-align:left;
}
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysNextSubmitArea > input.sysNextSubmit,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea,
#sysPayment.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBtnChangeArea > input.sysBtnChange{
font-size:14px;
}


/*-- お届け先を選択 --*/
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > h2,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:18px;
margin:0 auto 1rem auto;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress{
width:100%;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div{
padding:0;
}
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit,
#sysDestination.sysCart > #sysAll > #sysWrap > #sysMain > div > .sysSelectAddress > form > .sysForm.sysOtherAddress.sysAccordionInitialHide > div > button.sysNextSubmit{
width:100%;
padding:0;
font-size:14px;
}


/*-- ご注文確認画面 --*/
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > div > h2{
font-size:18px;
margin:0 auto 1rem auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea{
width:100%;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder > ul > li,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > .sysBox,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li{
display:block;
gap:0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysOrder > ul > li > .sysConfirmButton,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form > .sysUseCouponsButton,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysDetail > ul > li > .sysConfirmButton{
width:230px;
margin:1rem auto;
display:block;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.title,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.price-area > .sysTotalTxt > p.price{
font-size:15px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area{
padding:20px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysTotal > .sysBox.coupon-area > .sysUseCoupons > form > .sysUseCouponsButton{
margin-top:20px;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li{
padding:0 0 30px 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > div > img,
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysProduct > ul > li > div > div{
margin:0 0 1rem 0;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysNextSubmitArea#number2{
margin-top:4rem;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > form > .sysBackSubmitArea > input.sysBackSubmitArea{
margin:0 auto;
}
#sysConfirm.sysCart > #sysAll > #sysWrap > #sysMain > .sysAcceptDomainArea{
margin-top:4rem;
padding-top:3rem;
}


/*-- ご注文完了画面 --*/
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea{
width:100%;
padding:0;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > h2{
font-size:18px;
padding-top:2rem;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > p,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox.order-number-container > div:not(.sysCartNote) > span{
font-size:16px;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2{
font-size:16px;
display:block;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:before,
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > h2:after{
display:none;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul{
gap:0;
}
#sysThanks.sysCart > #sysAll > #sysWrap > #sysMain > .sysFreeArea > #definitive-registration-flow > ul > li > figure > figcaption{
font-size:12px;
}


/*-- エラー --*/
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysErrorMessage.errorMessage,
#sysCartError.sysCart > #sysAll > #sysWrap > #sysMain > .sysBox{
width:100%;
}


/* --------------------------------------------------------
　
　（SSL）お問い合わせ設定
　
-------------------------------------------------------- */
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:12px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > h2{
font-size:18px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:100%;
font-size:13px;
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem.sys5 > .sysFormField{
grid-template-columns:repeat(2,1fr);
}
#sysFormIndex.form-inquiry > #sysAll > #sysWrap > #sysMain > form > input[type="submit"]{
font-size:14px;
}

/*-- 送信内容確認ページ --*/
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:13px;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form{
width:100%;
margin:2rem auto 0 auto;
}
#sysFormConfirm.form-inquiry > #sysAll > #sysWrap > #sysMain > form > .sysForm > .sysFormItem{
grid-template-columns:120px 1fr;
}

/*-- 送信完了ページ --*/
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain{
margin:3rem auto 0 auto !important;
padding:0 1rem !important;
font-size:13px;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText{
width:100%;
}
#sysFormThanks.form-inquiry > #sysAll > #sysWrap > #sysMain > .completeText > h1{
font-size:16px;
}


/* --------------------------------------------------------
　
　（フリーページ）ABOUT US設定
　
-------------------------------------------------------- */
/*-- はじめに --*/
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us{
position:relative;
z-index:1;
padding:0;
display:flex;
height:calc((var(--vh, 1vh) * 100) - 92px);
margin-bottom:4rem;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > figure{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:.15;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area{
width:75vw;
padding:0;
margin:auto;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > h2{
font-size:40px;
text-align:center;
margin:0 0 2rem 0;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp{
font-size:13p;
}
#sysWrap > #sysMain > .aboutus-keyvisual > .sysContent > #seize-about-us > .text-area > .jp > p{
margin-top:1rem;
}

/*-- インフォメーション --*/
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail{
width:100%;
padding:0 1rem;
margin-bottom:4rem;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > h3{
font-size:18px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary,
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > div{
font-size:13px;
}
#sysWrap > #sysMain > .aboutus-information > .sysContent > #seize-information-detail > details > summary > span{
font-size:10px;
}


/* --------------------------------------------------------
　
　（フリーページ）ブランド一覧設定
　
-------------------------------------------------------- */
#sysWrap > #sysMain > .brandlist-main{
width:100%;
padding-top:4rem;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > h2{
font-size:18px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #brand-keyword-free-search > input{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul{
width:100%;
grid-template-columns:repeat(6,1fr);
border:0;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > #alfabet-pagejump-nav > ul > li > a{
height:45px;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content{
width:100%;
}
#sysWrap > #sysMain > .brandlist-main > .sysContent > form > .brand-content > ul > li > ol{
grid-template-columns:repeat(2,1fr);
}



/* --------------------------------------------------------
　
　（フリーページ）レンタルの流れ設定
　
-------------------------------------------------------- */
.how-to-rental-main > .sysContent > section{
width:100%;
margin:4rem auto 0 auto;
padding:0 1rem 4rem 1rem;
}
.how-to-rental-main > .sysContent > section > h2{
font-size:13px;
}
.how-to-rental-main > .sysContent > section > h2 > span{
font-size:23px;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap{
flex-wrap:wrap;
width:calc(100% - 40px);
margin:3rem auto 0 auto;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a{
width:100%;
font-weight:600;
}
.how-to-rental-main > .sysContent > section > p.btn-wrap > a:nth-child(2){
margin-top:.5rem;
}


/*-- レンタルご利用の流れ --*/
.how-to-rental-main > .sysContent > #how-to-container{
padding:3rem 0;
position:unset;
overflow:unset;
background:#fff;
}
.how-to-rental-main > .sysContent > #how-to-container > figure{
position:relative;
width:100%;
height:200px;
background:#f1f1f1;
overflow:hidden;
z-index:0;
}
.how-to-rental-main > .sysContent > #how-to-container > figure > img{
top:0;
transform:scale(1.2);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap,
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul,
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap{
width:100%;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap{
padding:2rem 2rem 0 2rem;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul{
padding:0;
margin:0;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li{
padding:0 0 0 calc(var(--flowchart-dot-size) + 20px);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li{
padding:0 0 0 calc(var(--flowchart-dot-size) + 20px);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content::before{
left:calc(calc(calc(var(--flowchart-dot-size) / 2) + calc(var(--flowchart-border) / 2) + 17px) * -1);
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > h3{
font-size:15px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > ul > li > .flowchart-content > section{
font-size:12px;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap{
padding-top:1rem;
}
.how-to-rental-main > .sysContent > #how-to-container > #flowchart-wrap > .btn-wrap > a{
font-size:13px;
font-weight:600;
width:100%;
}



/*-- 初回ご注文時の注意 --*/
.how-to-rental-main > .sysContent > #order-container > h3{
width:100%;
padding:0 2rem;
border:0;
font-size:13px;
}
.how-to-rental-main > .sysContent > #order-container > h3 > br{
display:none;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area{
width:100%;
margin:0 auto 2.8rem auto;
gap:0;
}
.how-to-rental-main > .sysContent > #order-container > .certificate-images-area > figure > figcaption{
font-size:12px;
}
.how-to-rental-main > .sysContent > #order-container > p{
font-size:12px;
}


/*-- レンタル日の変更について --*/
.how-to-rental-main > .sysContent > #reschedule-container{
font-size:12px;
}


/*-- ご使用上の注意 --*/
.how-to-rental-main > .sysContent > #use-container > ul{
grid-template-columns:repeat(2,1fr);
gap:20px 15px;
padding:0;
margin:0 auto 2rem auto;
}
.how-to-rental-main > .sysContent > #use-container > ul > li > figure > figcaption{
font-size:12px;
}
.how-to-rental-main > .sysContent > #use-container > p{
font-size:12px;
}


/*-- ご返送方法 --*/
.how-to-rental-main > .sysContent > #return-container{
font-size:12px;
}




/* --------------------------------------------------------
　
　（フリーページ）サイズガイド設定
　
-------------------------------------------------------- */
.sizeguide-main > .sysContent > #size-guide-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.sizeguide-main > .sysContent > #size-guide-container > h2{
font-size:13px;
margin-bottom:2rem;
}
.sizeguide-main > .sysContent > #size-guide-container > h2 > span{
font-size:23px;
}
.sizeguide-main > .sysContent > #size-guide-container > section:not(:last-child){
margin-bottom:8rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section#first{
margin-bottom:4rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section#first > p{
font-size:13px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > h3{
font-size:16px;
padding-bottom:1rem;
margin-bottom:1rem;
border-bottom:2px solid #f5f5f5;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > h4{
margin-bottom:1rem;
font-size:14px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > img{
width:calc(100% - 80px);
max-width:unset;
min-width:320px;
margin-bottom:1rem;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl{
padding:20px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dt{
width:80px;
}
.sizeguide-main > .sysContent > #size-guide-container > section > .box > dl > dd{
width:calc(100% - 80px);
}



/* --------------------------------------------------------
　
　（フリーページ）ショッピングガイド設定
　
-------------------------------------------------------- */
.shopping-guide-main > .sysContent > #shop-guide-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2{
font-size:13px;
margin-bottom:4rem;
}
.shopping-guide-main > .sysContent > #shop-guide-container > h2 > span{
font-size:23px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section{
font-size:12px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section:not(:last-child){
margin-bottom:3rem;
padding-bottom:3rem;
border-bottom:1px solid #ddd;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h3{
font-size:16px;
}
.shopping-guide-main > .sysContent > #shop-guide-container > section > h4,
.shopping-guide-main > .sysContent > #shop-guide-container > section > h5{
font-size:14px;
}


/*-- 4.キャンセルについて --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #cancel > table > tbody > tr > td,
.shopping-guide-main > .sysContent > #shop-guide-container > #cancel > table > tbody > tr > th{
width:50%;
}


/*-- 5.配送について --*/
.sshopping-guide-main > .sysContent > #shop-guide-container > #delivery > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #delivery > table > tbody > tr > td{
width:25%;
}


/*-- 7.延滞について --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table > tbody > tr > th{
width:35%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #overdue > table > tbody > tr > td{
width:65%;
}


/*-- 9.お客様側での商品破損・汚損について --*/
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table{
width:100%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table > tbody > tr > th{
width:35%;
}
.shopping-guide-main > .sysContent > #shop-guide-container > #damage > table > tbody > tr > td{
width:65%;
}


/* --------------------------------------------------------
　
　（フリーページ）運営会社概要設定
　
-------------------------------------------------------- */
.corporate-main > .sysContent > #corporate-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1.5rem;
}
.corporate-main > .sysContent > #corporate-container > h2{
font-size:13px;
margin-bottom:0;
}
.corporate-main > .sysContent > #corporate-container > h2 > span{
font-size:23px;
}
.corporate-main > .sysContent > #corporate-container > section{
font-size:12px;
margin-top:3rem;
}
.corporate-main > .sysContent > #corporate-container > section > h3{
padding-top:2rem;
}
.corporate-main > .sysContent > #corporate-container > section > dl{
display:block;
width:100%;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dt{
margin-bottom:.3rem;
font-size:13px;
display:flex;
align-items:center;
font-weight:600;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dt:before{
content:"";
width:10px;
height:10px;
background:#ddd;
border-radius:100%;
margin-right:10px;
}
.corporate-main > .sysContent > #corporate-container > section > dl > dd:not(last-child){
margin-bottom:1.5rem;
}





/* --------------------------------------------------------
　
　（フリーページ）特定商取引法に基づく表記設定
　
-------------------------------------------------------- */
.law-main > .sysContent > #law-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1.5rem;
}
.law-main > .sysContent > #law-container > h2{
font-size:18px;
}
.law-main > .sysContent > #law-container > dl{
display:block;
width:100%;
margin-top:3rem;
font-size:12px;
}
.law-main > .sysContent > #law-container > dl > dt{
margin-bottom:.3rem;
font-size:12px;
display:flex;
align-items:center;
font-weight:600;
}
.law-main > .sysContent > #law-container > dl > dt:before{
content:"";
width:10px;
height:10px;
background:#ddd;
border-radius:100%;
margin-right:10px;
}
.law-main > .sysContent > #law-container > dl > dd:not(last-child){
margin-bottom:1.8rem;
}
.law-main > .sysContent > #law-container > dl > dd > a{
text-decoration:underline;
margin:auto 2px;
}


/* --------------------------------------------------------
　
　（フリーページ）個人情報保護法
　
-------------------------------------------------------- */
.privacy-policy-main > .sysContent > #privacypolicy-container{
width:100%;
margin:3rem auto 0 auto;
padding:0 1rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > h2{
font-size:18px;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section{
font-size:12px;
margin-top:3rem;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > h3{
font-size:15px;
}
.privacy-policy-main > .sysContent > #privacypolicy-container > section > ul > li:before{
line-height:1.2;
}
}
@media screen and (min-width:769px){

}
/* #END_OF_RESOURCE_FILE */