@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&@700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/* commmon */
html {  }
body { position:relative; color:##171717; line-height:1.5; font-family:"Noto Sans JP", sans-serif; font-size:16px; font-weight:normal; font-feature-settings:'palt'; -webkit-text-size-adjust:100%; letter-spacing:0.08125rem; overflow-wrap:break-word; word-wrap:break-word; }

* { margin:0; padding:0; border:0; position:relative; box-sizing:border-box; }

::selection { color:#fff; background:#A9CE52; }
::-moz-selection { color:#fff; background:#A9CE52; }
::placeholder { color:rgba(16,16,16,0.35); font-family:'Roboto', Arial, sans-serif; font-size:16px; }

body { background:#fff; }
a { color:#2B8EE5; text-decoration:underline; transition:1.0s; }
a:visited { color:#707070; }
a:hover { transition:1.0s; }
a img { border:0; }
img { width:100%; height:100%; object-fit:cover; vertical-align:top; }
div { word-break:break-all; }
.material-icons { position:relative; top:0.175em; margin-right:0.25rem; font-size:1.2em; }


/* .Wrap */
.Wrap { position:relative; max-width:100%; padding:0; overflow:hidden; }

/* headline */
.sectionHeadline { width:100%; max-width:1100px; margin:0 auto; padding:0 0 20px; border:0; color:; line-height:1; font-size:20px; font-weight:bolder; text-align:center; }
.sectionHeadline small { display:block; margin:15px 0 0; padding:0; border:0; color:; line-height:1; font-size:14px; font-weight:300; text-align:center; text-transform:uppercase; }
.sectionHeadline--borderbottom { width:100%; max-width:1100px; margin:0 auto 20px; padding:0 0 20px; border:0; border-bottom:#323232 1px solid; color:; line-height:1; font-size:20px; font-weight:bolder; text-align:center; }
.sectionHeadline--borderbottom small { display:block; margin:15px 0 0; padding:0; border:0; color:; line-height:1; font-size:14px; font-weight:300; text-align:center; text-transform:uppercase; }

/* blockHeadline */
.blockHeadline { margin:0 0 20px; padding:0 0 20px; border:0; border-bottom:#C4AD3B 1px solid; color:#C4AD3B; line-height:1.5; font-size:19px; font-weight:bold; text-align:left; }

/* btn--viremore */
.btnBox { width:100%; max-width:1100px; margin:0 auto; padding:50px 0 0; border:0; color:; line-height:1; font-size:30px; font-weight:bolder; text-align:center; }
.btnBox ul { display:flex; flex-flow:column wrap; justify-content:; align-items:; }
.btnBox a { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; cursor:pointer; }
.btnBox a::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#323232 1px solid; border-bottom:#323232 1px solid; transform:skew(45deg,0) translate(0,-50%); }

.btnBox .primary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#C4AD3B 1px solid; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; background:#C4AD3B; cursor:pointer; }
.btnBox .primary::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:skew(45deg,0) translate(0,-50%); }
.btnBox .secondary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; cursor:pointer; }
.btnBox .secondary::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#323232 1px solid; border-bottom:#323232 1px solid; transform:skew(45deg,0) translate(0,-50%); }

.btnBox button { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:0; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; background:#C4AD3B; cursor:pointer; }
.btnBox button::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:skew(45deg,0) translate(0,-50%); }

.btnBox-b--wh { width:100%; max-width:100%; margin:0 auto; padding:10px 0 0; border:0; color:; line-height:1; font-size:18px; font-weight:normal; text-align:center; }
.btnBox-b--wh a { display:inline-block; position:relative; min-width:80%; margin:0 auto; padding:0; border:#fff 1px solid; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; }
.btnBox-b--wh a::before { content:''; display:block; position:absolute; top:50%; right:20px; width:6px; height:6px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:rotate(-45deg) translate(0,-50%); }
.btnBox-b--wh i { display:inline-block; position:relative; top:3px; width:auto; height:20px; margin:0 4px 0 0; padding:0;border:0; }
.btnBox-b--wh i svg { width:auto; height:20px; }

.numsChangeBtn { display:inline-block; margin:0; padding:0; list-style:none; }
.numsChangeBtn li { display:inline-block; margin:0; padding:0; }
.numsChangeBtn li a { display:inline-block; width:20px; height:20px; margin:0 1px; padding:0; border:0; border-radius:20px; color:#fff; line-height:20px; font-size:14px; text-align:center; text-decoration:none; background:#aaa; }
.numsChangeBtn li a:hover { text-decoration:none; }

/*  */
.siteFrame { width:100%; margin:0; padding:30px 0; background:#F9F8F5; }
.siteFrameInner { width:90%; max-width:90%; margin:0 auto; padding:0; text-align:left; }
    .LC_Page_Products_Detail .siteFrame,
    .LC_Page_Products_List .siteFrame { width:100%; margin:0; padding:0; background:#F9F8F5; }
    .LC_Page_Products_Detail .siteFrameInner,
    .LC_Page_Products_List .siteFrameInner { width:90%; max-width:90%; margin:0 auto; padding:0; text-align:left; }

.noGap { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
.gapTop20 { margin-top:20px; }
.gapTop20.adjust0 { margin-top:0; }
.gapTop50 { margin-top:50px; }

.flex-row-center { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:20px; }

.contact--textarea { width:90%; min-height:20em; margin:0; padding:15px; border:#ccc solid 1px; }
#undercolumn_error { width:100%; margin:0; padding:0 0 40px; }
.bankInformation { margin:16px 0 0; padding:0 0 16px; }
.bankInformation dt { padding:0 0 8px; font-size:0.86em; font-weight:bold; }
.bankInformation dd { margin:0; padding:16px 24px; border:#ddd 1px solid; background:#fff; }
.bankInformation dd span { display:inline-block; padding:8px 0 0; font-size:0.86em; }
.bankInformation dd br.SP { display:inline; }

@media screen and (min-width:729px) {
    .Wrap { position:relative; max-width:100%; padding:0; overflow:hidden; }

    /* headline */
    .sectionHeadline { width:100%; max-width:1100px; margin:0 auto; padding:0 0 20px; border:0; color:; line-height:1; font-size:30px; font-weight:bolder; text-align:center; }
    .sectionHeadline small { display:block; margin:15px 0 0; padding:0; border:0; color:; line-height:1; font-size:16px; font-weight:300; text-align:center; text-transform:uppercase; }
    .sectionHeadline--borderbottom { width:100%; max-width:1100px; margin:0 auto 40px; padding:0 0 20px; border:0; border-bottom:#323232 1px solid; color:; line-height:1; font-size:30px; font-weight:bolder; text-align:center; }
    .sectionHeadline--borderbottom small { display:block; margin:15px 0 0; padding:0; border:0; color:; line-height:1; font-size:16px; font-weight:300; text-align:center; text-transform:uppercase; }

    /* blockHeadline */
    .blockHeadline { margin:0 0 20px; padding:0 0 20px; border:0; border-bottom:#C4AD3B 1px solid; color:#C4AD3B; line-height:1.5; font-size:19px; font-weight:bold; text-align:left; }

    /* btn--viremore */
    .btnBox { width:100%; max-width:1100px; margin:0 auto; padding:50px 0 0; border:0; color:; line-height:1; font-size:30px; font-weight:bolder; text-align:center; }
    .btnBox ul { display:flex; flex-flow:row wrap; justify-content:; align-items:; }
    .btnBox a { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; cursor:pointer; }
    .btnBox a::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#323232 1px solid; border-bottom:#323232 1px solid; transform:skew(45deg,0) translate(0,-50%); }

    .btnBox .primary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#C4AD3B 1px solid; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; background:#C4AD3B; cursor:pointer; }
    .btnBox .primary::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:skew(45deg,0) translate(0,-50%); }
    .btnBox .secondary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; cursor:pointer; }
    .btnBox .secondary::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#323232 1px solid; border-bottom:#323232 1px solid; transform:skew(45deg,0) translate(0,-50%); }

    .btnBox button { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:0; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; background:#C4AD3B; cursor:pointer; }
    .btnBox button::before { content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:5px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:skew(45deg,0) translate(0,-50%); }

    .btnBox-b--wh { width:100%; max-width:1100px; margin:0 auto; padding:30px 0 0; border:0; color:; line-height:1; font-size:30px; font-weight:normal; text-align:left; }
    .btnBox-b--wh a { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#fff 1px solid; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; }
    .btnBox-b--wh a::before { content:''; display:block; position:absolute; top:50%; right:20px; width:6px; height:6px; margin:0; padding:0; border-right:#fff 1px solid; border-bottom:#fff 1px solid; transform:rotate(-45deg) translate(0,-50%); }
    .btnBox-b--wh i { display:inline-block; position:relative; top:3px; width:auto; height:20px; margin:0 4px 0 0; padding:0;border:0; }
    .btnBox-b--wh i svg { width:auto; height:20px; }

    .numsChangeBtn { display:inline-block; margin:0; padding:0; list-style:none; }
    .numsChangeBtn li { display:inline-block; margin:0; padding:0; }
    .numsChangeBtn li a { display:inline-block; width:20px; height:20px; margin:0 1px; padding:0; border:0; border-radius:20px; color:#fff; line-height:20px; font-size:14px; text-align:center; text-decoration:none; background:#aaa; }
    .numsChangeBtn li a:hover { text-decoration:none; }

    /*  */
    .siteFrame { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
    .siteFrameInner { width:100%; max-width:1100px; margin:0 auto; padding:0; text-align:left; }
        .LC_Page_Products_Detail .siteFrame,
        .LC_Page_Products_List .siteFrame { width:100%; margin:0; padding:0; background:#F9F8F5; }
        .LC_Page_Products_Detail .siteFrameInner,
        .LC_Page_Products_List .siteFrameInner { width:100%; max-width:100%; margin:0; padding:0; text-align:left; }

    .noGap { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
    .gapTop20 { margin-top:20px; }
    .gapTop20.adjust0 { margin-top:0; }
    .gapTop50 { margin-top:50px; }

    .flex-row-center { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:20px; }

    .contact--textarea { width:90%; min-height:20em; margin:0; padding:15px; border:#ccc solid 1px; }
    #undercolumn_error { width:100%; margin:0; padding:0 0 80px; }
    .bankInformation { margin:16px 0 0; padding:0 0 16px; }
    .bankInformation dt { padding:0 0 8px; font-weight:bold; }
    .bankInformation dd { margin:0; padding:16px 24px; border:#ddd 1px solid; background:#fff; }
    .bankInformation dd span { font-size:1.0em; }
    .bankInformation dd br.SP { display:none; }
}



/* .Head */
.Head { width:100%; margin:0; padding:16px 0 0; }
.HeadInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; width:90%; max-width:90%; margin:0 auto; padding:0; }
.Head h1 { margin:0; padding:0; }
.Head h1 img { width:auto; height:48px; }
.Head .description { display:none; }
.HeadNav { width:100%; margin:0; padding:16px 0; border:0; }
.HeadMenu { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-end; width:100%; }
.HeadSearch { order:2; width:100%; margin:0; padding:0; }
.HeadSearch input { width:100%; margin:0; padding:0 1em 0 2.75em; border:#797979 1px solid; font-size:16px; line-height:35px; background:url('/user_data/packages/default/img/icon_head_search.svg') no-repeat 1.0em center; background-size:auto 15px; outline:0; }
.HeadMenu ul { order:1; display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-end; width:100%; margin:0; padding:0; list-style:none; }
.HeadMenu li { margin:0 0 0 8px; padding:0 0 8px; font-size:13px; }
.HeadMenu li:first-child { margin-left:0; }
.HeadMenu a { text-decoration:none; }
.HeadMenu svg { position:relative; top:0.1em; width:auto; height:14px; margin:0; fill:#171717; }

@media screen and (min-width:729px) {
    .Head { width:100%; margin:0; padding:16px 0; }
    .HeadInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; max-width:1100px; margin:0 auto; }
    .Head h1 { width:27%; margin:0; padding:0; }
    .Head h1 img { width:100%; height:auto; }
    .Head .description { display:block; width:calc(100% - 27% - 260px - 40px); margin:0; padding:0; color:#00437C; font-size:; text-align:left; }
    .HeadNav { display:flex; flex-flow:column wrap; justify-content:flex-end; align-items:flex-end; width:260px; margin:0; padding:0; border:0; }
    .HeadMenu { display:flex; flex-flow:column wrap; justtify-content:center; align-items:flex-end; width:260px; }
    .HeadSearch { order:2; width:100%; margin:0; padding:0; }
    .HeadSearch input { width:100%; margin:0; padding:0 1em 0 2.75em; border:#797979 1px solid; font-size:16px; line-height:35px; background:url('/user_data/packages/default/img/icon_head_search.svg') no-repeat 1.0em center; background-size:auto 15px; outline:0; }
    .HeadMenu ul { order:1; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-end; width:100%; margin:0; padding:0; list-style:none; }
    .HeadMenu li { margin:0 0 0 15px; padding:0 0 8px; font-size:14px; }
    .HeadMenu li:first-child { margin-left:0; }
    .HeadMenu a { text-decoration:none; }
    .HeadMenu svg { position:relative; top:0.1em; width:auto; height:14px; margin:0; fill:#171717; }
}


/* .homeSlide */
.homeSlide {  }
.homeSlideInner { width:100vw !important; }
.homeSlide .slick-slide { height:auto !important; }

@media screen and (min-width:729px) {
    .homeSlide {  }
    .homeSlideInner { width:900px !important; }
}


/* .siteNav */
.siteNav { padding:30px 0 30px; }
.siteNavTrigger { display:none; }
.siteNav ul { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; gap:15px; width:90%; max-width:90%; margin:0 auto; padding:0; list-style:none; }
.siteNav li { display:block; min-width:30%; height:auto; margin:5px 0; text-align:center; }
.siteNav li a { color:#171717; text-decoration:none; }
.siteNav li b { display:flex; justify-content:center; align-items:center; height:2lh; padding-top:20px; line-height:1.3; font-size:14px; font-weight:bolder; }
.siteNav li figure { text-align:center; }
.siteNav li img { width:auto; height:40px; }

@media screen and (min-width:729px) {
    .siteNav { padding:50px 0 30px; }
    .siteNavTrigger { display:none; }
    .siteNav ul { display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; gap:37px; width:100%; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
    .siteNav li { display:block; min-width:105px; height:auto; margin:5px 0; text-align:center; }
    .siteNav li a { color:#171717; text-decoration:none; }
    .siteNav li b { display:flex; justify-content:center; align-items:center; height:2lh; padding-top:20px; line-height:1.3; font-size:15px; font-weight:bolder; }
    .siteNav li figure { text-align:center; }
    .siteNav li img { width:auto; height:43px; }
}


/* .feature */
.feature { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
.featureInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
.featureList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; gap:0; margin:0; padding:0; list-style:none; }
.featureList li { width:90%; margin:0 5% 15px; padding:0; }
.featureList img { width:100%; height:100%; object-fit:cover; }

@media screen and (min-width:729px) {
    .feature { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
    .featureInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .featureList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; gap:55px; margin:0; padding:0; list-style:none; }
    .featureList li { width:30%; margin:0; padding:0; }
    .featureList img { width:100%; height:100%; object-fit:cover; }
}


/* .itemList */
.itemListWrap { width:100%; max-width:100%; margin:0 auto; padding:30px 0; }
    .LC_Page_Products_List .itemListWrap { padding:0; }
.itemList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; gap:20px; margin:0; padding:0; list-style:none; }
.itemList form { width:100%; }
.itemList li { position:relative; width:100%; max-width:calc(100% - 0px); margin:0; padding:0; }
    .itemListWrap .itemList li { max-width:calc(100% - 0px); text-align:left; }
.itemListText { line-height:1.4; font-size:16px; font-weight:300; }
.itemList h3 { padding:0 0 10px; line-height:1.4; font-size:16px; font-weight:300; }
.itemList figure { width:100%; margin:0 0 20px; text-align:center; }
.itemList img { width:auto; max-width:100%; height:auto; object-fit:contain; }

/* ranking */
.listRanking {  }
.listRanking li:nth-child(1)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank01.svg') no-repeat; }
.listRanking li:nth-child(2)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank02.svg') no-repeat; }
.listRanking li:nth-child(3)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank03.svg') no-repeat; }
.listRanking li:nth-child(4)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank04.svg') no-repeat; }
.listRanking li:nth-child(5)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank05.svg') no-repeat; }

@media screen and (min-width:729px) {
    .itemListWrap { width:100%; max-width:1100px; margin:0 auto; padding:50px 0; }
        .LC_Page_Products_List .itemListWrap { padding:0; }
    .itemList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:62px; margin:0; padding:0; list-style:none; }
    .itemList form { width:100%; max-width:170px; }
    .itemList li { position:relative; width:100%; max-width:calc(20% - 50px); margin:0; padding:0; }
        .itemListWrap .itemList li { max-width:170px; text-align:left; }
    .itemListText { line-height:1.4; font-size:16px; font-weight:300; }
    .itemList h3 { padding:0 0 10px; line-height:1.4; font-size:16px; font-weight:300; }
    .itemList figure { width:100%; margin:0 0 20px; padding:24px; text-align:center; background:#fff; box-sizing:border-box; }
    .itemList img { width:auto; height:126px; object-fit:contain; }

    /* ranking */
    .listRanking {  }
    .listRanking li:nth-child(1)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank01.svg') no-repeat; }
    .listRanking li:nth-child(2)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank02.svg') no-repeat; }
    .listRanking li:nth-child(3)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank03.svg') no-repeat; }
    .listRanking li:nth-child(4)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank04.svg') no-repeat; }
    .listRanking li:nth-child(5)::before { content:''; display:block; position:absolute; top:-10px; left:15px; z-index:2; width:28px; height:46px; background:url('/user_data/packages/default/img/label_rank05.svg') no-repeat; }
}


/* .pickup */
.pickup { width:100%; margin:0; padding:30px 0; }
.pickupInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.pickup .itemList {  }

@media screen and (min-width:729px) {
    .pickup { width:100%; margin:0; padding:50px 0; }
    .pickupInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .pickup .itemList {  }
}


/* .ranking */
.ranking { width:100%; margin:0; padding:30px 0; }
.rankingInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.ranking .itemList {  }

@media screen and (min-width:729px) {
    .ranking { width:100%; margin:0; padding:50px 0; }
    .rankingInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .ranking .itemList {  }
}


/* .recommend */
.recommend { width:100%; margin:0; padding:30px 0; }
.recommendInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.recommend .itemList {  }

@media screen and (min-width:729px) {
    .recommend { width:100%; margin:0; padding:50px 0; }
    .recommendInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .recommend .itemList {  }
}


/* .categorySelect */
.categorySelect { width:100%; margin:0; padding:30px 0; background:#F9F8F5; }
.categorySelectInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.categorySelectList { display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; width:100%; max-width:100%; margin:0 auto; padding:0; list-style:none; }
.categorySelectList li { display:block; width:85px; height:auto; margin:0 0 20px; text-align:center; }
.categorySelectList li a { color:#171717; text-decoration:none; }
.categorySelectList li b { display:flex; justify-content:center; align-items:center; height:2.5lh; padding-top:20px; line-height:1.3; font-size:13px; font-weight:bolder; }
.categorySelectList li figure { text-align:center; }
.categorySelectList li img { width:auto; height:60px; }

@media screen and (min-width:729px) {
    .categorySelect { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
    .categorySelectInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .categorySelectList { display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
    .categorySelectList li { display:block; width:85px; height:auto; margin:0; text-align:center; }
    .categorySelectList li a { color:#171717; text-decoration:none; }
    .categorySelectList li b { display:flex; justify-content:center; align-items:center; height:2lh; padding-top:20px; line-height:1.3; font-size:14px; font-weight:bolder; }
    .categorySelectList li figure { text-align:center; }
    .categorySelectList li img { width:auto; height:85px; }
}


/* .feature */
.tominCategory { width:100%; margin:0; padding:50px 0; background:#E8EBEF; }
.tominCategoryInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.tominCategoryBoard { padding:0 0 30px; }
.tominCategory .itemList {  }

@media screen and (min-width:729px) {
    .tominCategory { width:100%; margin:0; padding:50px 0; background:#E8EBEF; }
    .tominCategoryInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .tominCategoryBoard { padding:0 0 50px; }
    .tominCategory .itemList {  }
}


/* searchBrewary */
.searchBrewary { width:100%; margin:0; padding:30px 0; background-color:#F9F8F5;
    background-image:url('../images/bg_ptn01.png'), url('../images/bg_ptn02.png');
    background-repeat:no-repeat, no-repeat;
    background-position:right bottom, left top;
    background-size:auto 454px, auto 215px;
}
    .searchBrewary .sectionHeadline--borderbottom { max-width:90%; marin-right:auto; marin-left:auto; }
.searchBrewaryInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:90%; max-width:90%; margin:0 auto; padding:0; }
.searchBrewaryLabel { order:2; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:calc(100% - 0px); margin:0; padding:0; }
.searchBrewaryLabel dt { width:100%; margin:0 0 20px; padding:0 1em; border-radius:44px; line-height:44px; font-size:20px; font-weight:bold; text-align:center; }
    .searchBrewaryLabelArea00 { background:#d7cce8; }
    .searchBrewaryLabelArea01 { background:#C7D2E6; }
    .searchBrewaryLabelArea02 { background:#DCE6C8; }
    .searchBrewaryLabelArea03 { background:#E4F0B0; }
    .searchBrewaryLabelArea04 { background:#F5E6AA; }
    .searchBrewaryLabelArea05 { background:#F0DCC8; }
    .searchBrewaryLabelArea06 { background:#c7e6e5; }
    .searchBrewaryLabelArea07 { background:#f5c8c8; }
    .searchBrewaryLabelArea08 { background:#ebbed2; }
    .searchBrewaryLabelArea09 { background:#c2afcc; }
.searchBrewaryLabel dd { width:calc(100% - 0px); margin:0 0 15px; padding:0 0 0; }
.searchBrewaryLabel ul { margin:0; padding:0; list-style:none; }
.searchBrewaryLabel li { display:inline-block; margin:0 1em 10px 0; }
.searchBrewaryLabel a { color:#171717; text-decoration:none; }
.searchBrewaryMap { order:1; width:100%; margin:0 0 30px; padding:0; }
.searchBrewaryMap img { width:100%; height:auto; object-fit:cover; }

@media screen and (min-width:729px) {
    .searchBrewary { width:100%; margin:0; padding:50px 0; background-color:#F9F8F5;
        background-image:url('../images/bg_ptn01.png'), url('../images/bg_ptn02.png');
        background-repeat:no-repeat, no-repeat;
        background-position:right bottom, left top;
        background-size:auto 454px, auto 215px;
    }
        .searchBrewary .sectionHeadline--borderbottom { max-width:1100px; marin-right:auto; marin-left:auto; }
    .searchBrewaryInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .searchBrewaryLabel { order:1; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:calc(100% - 520px); margin:0; padding:0; }
    .searchBrewaryLabel dt { width:136px; margin:0 0 40px; padding:0 1em; border-radius:44px; line-height:44px; font-size:20px; font-weight:bold; text-align:center; }
        .searchBrewaryLabelArea01 { background:#C7D2E6; }
        .searchBrewaryLabelArea02 { background:#DCE6C8; }
        .searchBrewaryLabelArea03 { background:#E4F0B0; }
        .searchBrewaryLabelArea04 { background:#F5E6AA; }
        .searchBrewaryLabelArea05 { background:#F0DCC8; }
    .searchBrewaryLabel dd { width:calc(100% - 150px); margin:0 0 28px; padding:9px 0 0; }
    .searchBrewaryLabel ul { margin:0; padding:0; list-style:none; }
    .searchBrewaryLabel li { display:inline-block; margin:0 1em 10px 0; }
    .searchBrewaryLabel a { color:#171717; text-decoration:none; }
    .searchBrewaryMap { order:2; width:520px; margin:0; padding:0; }
    .searchBrewaryMap img { width:100%; height:auto; object-fit:cover; }
}


/* .news */
.news { width:100%; margin:0; padding:50px 0; }
.newsInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.newsList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; max-width:100%; margin:0 auto; padding:0; list-style:none; }
.newsList li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0; padding:0 0 10px; }
.newsDate { display:block; width:100%; }
.newsList h3 { overflow:hidden; width:calc(100% - 0px); font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.newsList li a { color:#171717; text-decoration:none; }
.news_rss { display:none; }

@media screen and (min-width:729px) {
    .news { width:100%; margin:0; padding:50px 0; }
    .newsInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .newsList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
    .newsList li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:1100px; margin:0; padding:0 0 10px; }
    .newsDate { display:block; width:150px; }
    .newsList h3 { overflow:hidden; width:calc(100% - 170px); font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
    .newsList li a { color:#171717; text-decoration:none; }
    .news_rss { display:none; }
}


/* .bannerArea */
.bannerArea { width:100%; margin:0; padding:0; }
.bannerAreaInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.bannerAreaList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; max-width:100%; margin:0 auto; padding:0; list-style:none; }
.bannerAreaList li { margin:0; padding:0 0 20px; }
.bannerAreaList a { color:#171717; text-decoration:none; }
.bannerAreaList img { width:100%; height:auto; object-fit:cover; }

@media screen and (min-width:729px) {
    .bannerArea { width:100%; margin:0; padding:0; }
    .bannerAreaInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .bannerAreaList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
    .bannerAreaList li { margin:0; padding:0 0 50px; }
    .bannerAreaList a { color:#171717; text-decoration:none; }
    .bannerAreaList img { width:100%; height:auto; object-fit:cover; }
}


/* .calendarArea */
.calendarArea { width:100%; margin:0; padding:30px 0; background:#F9F8F5; }
.calendarAreaInner { width:90%; max-width:90%; margin:0 auto; padding:0; }
.calendarAreaBody { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; }
.calendarAreaBodyInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:calc(100% - 0px - 0px); }
.calendarAreaTablewrap {  }
.calendarAreaTable, .calendarAreaTable tr, .calendarAreaTable th, .calendarAreaTable td { margin:0; padding:0; border:0; background:transparent; }
.calendarAreaTable { width:100%; margin:0 0 20px; padding:0; border:transparent 25px solid; border-style:inset; border-collapse:collapse; background:#fff; }
.calendarAreaTable caption { width:100%; margin:0; padding:0 0 10px; text-align:left; }
.calendarAreaTable tbody { position:relative; }
/*.calendarAreaTable tbody::before { content:''; display:block; position:absolute; top:6.15em; left:25px; width:calc(100% - 50px); height:1px; background:#323232; }*/
.calendarAreaTable th { padding:10px 0; line-height:1; text-align:center; }
.calendarAreaTable td { position:relative; z-index:2; padding:5px 0; line-height:26px; text-align:center; }
.calendarAreaTable td.off::after { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:26px; height:26px; border-radius:26px; background:#E8EBEF; transform:translate(-50%,-50%); }
.calendarAreaTable thead tr:nth-child(1) th { padding-bottom:30px; }
.calendarAreaTableNotice { width:100%; padding:0 0 20px; font-size:14px; }
.calendarAreaTableNotice p {  }
.calendarAreaTableNotice p::before { content:''; display:inline-block; position:relative; top:4px; width:20px; height:20px; margin-right:4px; border-radius:100%; background:#E8EBEF; }
.calendarAreaInformation { width:100%; }
.calendarAreaInformation p { margin:0; padding:0 0 1em; }

@media screen and (min-width:729px) {
    .calendarArea { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
    .calendarAreaInner { width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .calendarAreaBody { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; }
    .calendarAreaBodyInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:calc(100% - 192px - 118px); }
    .calendarAreaTablewrap {  }
    .calendarAreaTable, .calendarAreaTable tr, .calendarAreaTable th, .calendarAreaTable td { margin:0; padding:0; border:0; background:transparent; }
    .calendarAreaTable { width:370px; margin:0; padding:0; border:transparent 25px solid; border-style:inset; border-collapse:collapse; background:#fff; }
    .calendarAreaTable caption { width:100%; margin:0; padding:0 0 10px; text-align:left; }
    .calendarAreaTable tbody { position:relative; }
/*    .calendarAreaTable tbody::before { content:''; display:block; position:absolute; top:6.15em; left:25px; width:calc(100% - 50px); height:1px; background:#323232; }*/
    .calendarAreaTable th { padding:10px 0; line-height:1; text-align:center; }
    .calendarAreaTable td { position:relative; z-index:2; padding:5px 0; line-height:26px; text-align:center; }
    .calendarAreaTable td.off::after { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:26px; height:26px; border-radius:26px; background:#E8EBEF; transform:translate(-50%,-50%); }
    .calendarAreaTable thead tr:nth-child(1) th { padding-bottom:30px; }
    .calendarAreaTableNotice { width:100%; padding:10px 0 0; font-size:14px; }
    .calendarAreaTableNotice p {  }
    .calendarAreaTableNotice p::before { content:''; display:inline-block; position:relative; top:4px; width:20px; height:20px; margin-right:4px; border-radius:100%; background:#E8EBEF; }
    .calendarAreaInformation { width:192px; }
    .calendarAreaInformation p { margin:0; padding:0 0 2em; }
}


/* .Bread */
.Bread { display:none; width:90%; max-width:90%; margin:0 auto; padding:0; }
.Bread p { padding:0 0 20px; font-size:12px; text-align:left; }

@media screen and (min-width:729px) {
    .Bread { display:block; width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .Bread p { padding:0 0 20px; font-size:12px; text-align:left; }
}


/* .itemDetail */
.itemDetail { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
.itemDetailInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:90%; max-width:90%; margin:0 auto; padding:0; }
.itemDetailPhoto { width:100%; margin:0; padding:0; }
.itemDetailSpec { padding:20px 0 0; text-align:left; font-size:14px; }
.itemDetailSpec h3 { margin:0 0 15px; padding:0 0 15px; border-bottom:#323232 1px solid; font-size:16px; font-weight:bold; }
.itemDetailSpec .notice { display:block; margin:0; padding:20px 0 0; font-size:12px; }
.itemDetailText { width:calc(100% - 0px); text-align:left; }
.itemDetailText h2 { line-height:1.5; font-size:16px; }
.itemDetailPrice { margin:0; padding:10px 0 24px; color:#C4AD3B; line-height:1; font-size:24px; font-weight:bold; }
.itemDetailPrice .label_taxin { padding-left:0.5em; font-size:16px; }
.itemDetailStatus { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin:0; padding:20px 0; list-style:none; }
.itemDetailStatus li { margin:0 15px 0 0; padding:0; }
.itemDetailStatus img { width:130px; height:30px; }
.itemDetailComment { margin:0; padding:0 0 30px; font-size:15px; }
.itemDetailGift { margin:0; padding:0; }
.itemDetailGift dl { margin:0; padding:20px 0 20px; }
.itemDetailGift dt { margin:0; padding:0 0 10px; font-size:14px; }
.itemDetailGift dd { margin:0; padding:0; font-size:14px; }
.itemDetailGift select { width:246px; margin:0; padding:0 1em; border:#343434 1px solid; border-radius:11px; line-height:50px; background:transparent; outline:0; appearance:none; }
.itemDetailNums { margin:0; padding:0; }
.itemDetailNums dl { margin:0; padding:0; }
.itemDetailNums dt { margin:0; padding:0 0 10px; font-size:14px; }
.itemDetailNums dd { margin:0; padding:0; font-size:14px; }
.itemDetailNums input { width:100px; margin:0; padding:0 1em; border:#343434 1px solid; border-radius:11px; line-height:50px; text-align:center; background:transparent; outline:0; appearance:none; }
.itemDetailButton { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0; padding:30px 0 0; }
.itemDetailCartIn { width:100%; }
.itemDetailCartIn a { display:block; width:100%; margin:0; padding:0 1em; border:0; border-radius:11px; color:#fff; line-height:50px; text-align:center; background:#C4AD3B; }
.itemDetailCartIn i { display:inline-block; position:relative; top:1px; width:auto; height:18px; margin-left:4px; fill:#fff; }
.itemDetailCartIn svg { width:auto; height:16px; }
.itemDetailFavorite { width:48%; }
.itemDetailFavorite a { display:block; width:100%; margin:0; padding:0 1em; border:0; border-radius:11px; color:#fff; line-height:50px; text-align:center; background:#C4AD3B; }
.itemDetailFavorite .secondary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; border-radius:11px; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; }

.howtoTomin { margin:0; padding:40px 0 0; }
.howtoTomin h3 { margin:0; padding:0 0 20px; }
.howtoTomin ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; }
.howtoTomin li { width:48%; margin:0 0 20px; padding:0; font-size:13px; }
.howtoTomin figure { display:block; margin:0; padding:0 0 15px; }
.howtoTomin .notice { display:block; margin:0; padding:10px 0 0; font-size:12px; }

.itemDetailBanner { margin:0; padding:50px 0; }


/* listTominInfomation */
.listTominInfomation { width:100%; margin:0 0 32px; padding:80px 0 120px; background:#F9F8F5; }
.listTominInfomationWrap { width:100%; margin:0 auto; }
.listTominInfomationHead { width:100%; max-width:1100px; margin:0 auto; padding:0; text-align:center; }
.listTominInfomationHead h2 { margin:0 0 24px; padding:0 0 24px; border-bottom:#323232 1px solid; color:#625637; line-height:1; font-size:37px; font-weight:bold; }
.listTominInfomationHead small { display:block; padding:10px 0 0; color:#323232; font-size:16px; text-transform:uppercase; }
.listTominInfomationHead p {  }
.listTominInfomationWrap ul { max-width:920px; margin:0 auto; padding:0; list-style:none; }
.listTominInfomationWrap li { margin:80px 0 0; }
.listTominInfomationContent {  }
.listTominInfomationContentInner {  }
.listTominInfomationContentInner h3 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-end; position:relative; padding-left:160px; font-weight:normal; }
.listTominInfomationContentInner h3::before { content:''; display:block; position:absolute; top:56%; left:0; width:135px; height:1px; background:#000000; }
    .listTominInfomationContentInner h3.adjust { justify-content:flex-end; }
    .listTominInfomationContentInner h3.adjust::before { content:''; display:block; position:absolute; top:56%; left:auto; right:12.5em; width:135px; height:1px; background:#000000; }
.listTominInfomationContentInner h3 small { display:block; margin:0; padding:0 24px 16px 0; font-size:24px; }
.listTominInfomationContentInner h3 .listTominInfomationNums { color:#625637; line-height:1; font-family:serif; font-size:127px; }
.listTominInfomationPhoto01 { background:url('/upload/save_image/img_tomin_info01.png') no-repeat right top; background-size:400px auto; }
.listTominInfomationPhoto02 { padding-left:245px; background:url('/upload/save_image/img_tomin_info02.png') no-repeat left top; background-size:350px auto; }
.listTominInfomationPhoto03 { background:url('/upload/save_image/img_tomin_info03.png') no-repeat right top; background-size:400px auto; }
.listTominInfomationContentText { max-width:675px; margin:30px 0 0; padding:30px 190px 30px 30px; border:#625637 1px solid; text-align:left; box-sizing:border-box; }
    .listTominInfomationPhoto02 .listTominInfomationContentText {  padding:30px 30px 30px 190px; }
.listTominInfomationContentText h4 { margin:0; padding:0 0 16px; line-height:1; font-family:serif; font-size:40px; font-weight:normal; }
.listTominInfomationContentText p { line-height:1.7; }
.listTominInfomation + .siteFrame { background:#fff; }

/* listTominInfomationHowTo */
.listTominInfomationHowTo { width:100%; margin:0; padding:80px 0; background:#F9F8F5; }
.listTominInfomationHowToWrap { width:100%; margin:0 auto; }
.listTominInfomationHowToHead { width:100%; max-width:1100px; margin:0 auto; padding:0; text-align:center; }
.listTominInfomationHowToHead h2 { margin:0 0 40px; padding:0 0 24px; border-bottom:#323232 1px solid; color:#625637; line-height:1; font-size:37px; font-weight:bold; }
.listTominInfomationHowToHead small { display:block; padding:10px 0 0; color:#323232; font-size:16px; text-transform:uppercase; }
.listTominInfomationHowToWrap ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
.listTominInfomationHowToWrap li { width:20%; }
.listTominInfomationHowToWrap li h3 { min-height:3lh; padding:0 0 25px; color:#625637; font-weight:normal; }
.listTominInfomationHowToWrap li p { padding:25px 25px 0; font-size:14px; text-align:left; }
.listTominInfomationHowToNotice { max-width:1100px; margin:0 auto; font-size:12px; text-align:left; }


/* deliveryInformation */
.deliveryInformation {  }
.deliveryInformationInner { width:100%; max-width:1100px; margin:0 auto; padding:0; color:#323232; }
.deliveryInformationInner h2 { margin:0; padding:0 0 50px; color:; line-height:1; font-size:30px; text-align:left; }
.deliveryInformationInner h3 { margin:0 0 20px; padding:0 0 20px; border-bottom:#C4AD3B 1px solid; color:#C4AD3B; line-height:1; font-size:19px; text-align:left; }
.deliveryInformationInner h4. { margin:0 0 20px; padding:0; line-height:1; font-size:19px; font-weight:normal; text-align:left; }
.deliveryInformationSection { margin:0; padding:0 0 24px; }
.deliveryInformationSection p { padding:0 0 16px; line-height:1.5; font-size:14px; }
.deliveryInformationNotice { display:block; margin:0; padding:1em 0 0; line-height:1.4; font-size:12px; }
.deliveryInformationFee { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:16px 0 0; list-style:none; }
.deliveryInformationFee li { align-self:inherit; position:relative; width:100.0%; }
.deliveryInformationFee li::after { content:''; display:block; position:absolute; top:calc(50% - 36px); right:-48px; margin:0; padding:0; border:transparent 12px solid; border-left:#EFE9CB 12px solid; }
.deliveryInformationFee li:last-child::after { content:none; }
.deliveryInformationFee li figure { margin:0; padding:0; text-align:center; }
.deliveryInformationFee li figure img { width:70%; height:auto; objeft-fit:cover; }
.deliveryInformationFee li p { margin:20px 0 30px; padding:0; text-align:center; }
.deliveryInformationBox { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.deliveryInformationBox li { align-self:inherit; position:relative; width:100.0%; margin:0; padding:0 0 30px; }
.deliveryInformationBox h4 { margin:0 0 20px; padding:10px; border-radius:8px; color:#C4AD3B; font-size:19px; font-weight:normal; text-align:center; background:#F2EEE4; }
.deliveryInformationBoxInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.deliveryInformationPhoto { width:48%; margin:0; padding:0; }
.deliveryInformationPhoto img { width:100%; height:auto; objeft-fit:cover; }
.deliveryInformationText { width:48%; margin:0; padding:0; }
.deliveryInformationText a { display:block; margin:16px 0 0; padding:12px; border:#C4AD3B 1px solid; border-radius:8px; color:#C4AD3B; text-align:center; text-decoration:none; }
.deliveryInformationBox li .deliveryInformationNotice { margin-top:1em; font-size:12px; }
.deliveryInformationOption { margin:0 0 40px; padding:24px; border:#C4AD3B 1px solid; border-radius:11px; text-align:center; }
.deliveryInformationOption h5 { margin:0; padding:0 0 8px; color:#C4AD3B; line-height:1; font-size:19px; }
.deliveryInformationOption p { margin:0; padding:0; }
.deliveryInformationOption b { display:block; margin:0; padding:0; font-size:19px; font-weight:normal; text-align:center; }
.deliveryInformationNums { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:20px 0 0; list-style:none; }
.deliveryInformationNums li { align-self:inherit; position:relative; width:100.0%; margin:0; padding:0 0 30px; }
.deliveryInformationNums h4 { margin:0 0 20px; padding:10px; border-radius:8px; color:#C4AD3B; font-size:19px; font-weight:normal; text-align:center; background:#F2EEE4; }
.deliveryInformationNums dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; color:#5E5E5E; font-size:14px; }
.deliveryInformationNums dt { align-self:stretch; width:50%; margin:0 0 10px; padding:0 0 10px; border-bottom:#F2EEE4 1px solid; }
.deliveryInformationNums dd { align-self:stretch; width:50%; margin:0 0 10px; padding:0 0 10px; border-bottom:#F2EEE4 1px solid; }
@media screen and (min-width:729px) {
    .deliveryInformationFee { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:16px 0 0; list-style:none; }
    .deliveryInformationFee li { align-self:stretch; position:relative; width:30.0%; }
    .deliveryInformationFee li figure { margin:0; padding:0; text-align:center; }
    .deliveryInformationFee li figure img { width:100%; height:auto; objeft-fit:cover; }
    .deliveryInformationFee li p { margin:20px 0 0; padding:0; text-align:left; }
    .deliveryInformationBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
    .deliveryInformationBox li { align-self:stretch; position:relative; width:48.0%; margin:0; padding:0 0 30px; }
    .deliveryInformationNums { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:20px 0 0; list-style:none; }
    .deliveryInformationNums li { align-self:stretch; position:relative; width:48.0%; margin:0; padding:0 0 30px; }
}


/* usage */
.usageInformation {  }
.usageInformationInner { width:100%; max-width:1100px; margin:0 auto; padding:0; color:#323232; }
.usageInformationInner h2 { margin:0; padding:0 0 50px; color:; line-height:1; font-size:30px; text-align:left; }
.usageInformationInner h3 { margin:0 0 20px; padding:0 0 20px; border-bottom:#C4AD3B 1px solid; color:#C4AD3B; line-height:1; font-size:19px; text-align:left; }
.usageInformationInner h4 { margin:0 0 20px; padding:0; line-height:1; font-size:19px; font-weight:normal; text-align:left; }
.usageInformationSection { margin:0; padding:0 0 24px; }
.usageInformationSection p { padding:0 0 16px; line-height:1.5; font-size:14px; }
.usageInformationNotice { display:block; margin:0; padding:1em 0 0; line-height:1.4; font-size:12px; }
.usageInformationFee { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:20px 0 0; list-style:none; }
.usageInformationFee li { align-self:stretch; position:relative; width:100.0%; margin:0; padding:0 0 30px; }
.usageInformationFee h4 { margin:0 0 20px; padding:10px; border-radius:8px; color:#C4AD3B; font-size:19px; font-weight:normal; text-align:center; background:#F2EEE4; }
.usageInformationFee dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; color:#5E5E5E; font-size:14px; }
.usageInformationFee dt { align-self:stretch; width:25%; margin:0 0 10px; padding:0 0 10px; border-bottom:#F2EEE4 1px solid; color:#C4AD3B; }
.usageInformationFee dt + dd { align-self:stretch; width:50%; margin:0 0 10px; padding:0 0 10px; border-bottom:#F2EEE4 1px solid; }
.usageInformationFee dd + dd { align-self:stretch; width:25%; margin:0 0 10px; padding:0 0 10px; border-bottom:#F2EEE4 1px solid; text-align:right; }
@media screen and (min-width:729px) {
    .usageInformationFee { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:20px 0 0; list-style:none; }
    .usageInformationFee li { align-self:stretch; position:relative; width:48.0%; margin:0; padding:0 0 30px; }
}

@media screen and (min-width:729px) {
    .itemDetail { width:100%; margin:0; padding:50px 0; background:#F9F8F5; }
    .itemDetailInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .itemDetailPhoto { width:480px; height:480px; margin:0; padding:32px; text-align:center; background:#fff; }
    .itemDetailPhoto .photo { display:flex; flex-flow:wora wrap; justify-content:center; align-items:center; width:100%; height:100%; }
    .itemDetailPhoto img { max-width:480px; width:auto; height:100%; max-height:480px; object-fit:contain; }
    .itemDetailSpec { padding:40px 0 0; text-align:left; font-size:14px; }
    .itemDetailSpec h3 { margin:0 0 15px; padding:0 0 15px; border-bottom:#323232 1px solid; font-size:16px; font-weight:bold; }
    .itemDetailSpec .notice { display:block; margin:0; padding:20px 0 0; font-size:12px; }
    .itemDetailText { width:calc(100% - 520px); text-align:left; }
    .itemDetailText h2 { line-height:1.5; font-size:19px; }
    .itemDetailPrice { margin:0; padding:10px 0 24px; color:#C4AD3B; line-height:1; font-size:24px; font-weight:bold; }
    .itemDetailPrice .label_taxin { padding-left:0.5em; font-size:16px; }
    .itemDetailStatus { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin:0; padding:20px 0; list-style:none; }
    .itemDetailStatus li { margin:0 15px 0 0; padding:0; }
    .itemDetailStatus img { width:130px; height:30px; }
    .itemDetailComment { margin:0; padding:0 0 30px; font-size:15px; }
    .itemDetailGift { margin:0; padding:0; }
    .itemDetailGift dl { margin:0; padding:20px 0 20px; }
    .itemDetailGift dt { margin:0; padding:0 0 10px; font-size:14px; }
    .itemDetailGift dd { margin:0; padding:0; font-size:14px; }
    .itemDetailGift select { width:246px; margin:0; padding:0 1em; border:#343434 1px solid; border-radius:11px; line-height:50px; background:transparent; outline:0; appearance:none; }
    .itemDetailNums { margin:0; padding:0; }
    .itemDetailNums dl { margin:0; padding:0; }
    .itemDetailNums dt { margin:0; padding:0 0 10px; font-size:14px; }
    .itemDetailNums dd { margin:0; padding:0; font-size:14px; }
    .itemDetailNums input { width:100px; margin:0; padding:0 1em; border:#343434 1px solid; border-radius:11px; line-height:50px; text-align:center; background:transparent; outline:0; appearance:none; }
    .itemDetailButton { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0; padding:30px 0 0; }
    .itemDetailCartIn { width:48%; }
    .itemDetailCartIn a { display:block; width:100%; margin:0; padding:0 1em; border:0; border-radius:11px; color:#fff; line-height:50px; text-align:center; background:#C4AD3B; }
    .itemDetailCartIn i { display:inline-block; position:relative; top:1px; width:auto; height:18px; margin-left:4px; fill:#fff; }
    .itemDetailCartIn svg { width:auto; height:16px; }
    .itemDetailFavorite { width:48%; }
    .itemDetailFavorite a { display:block; width:100%; margin:0; padding:0 1em; border:0; border-radius:11px; color:#fff; line-height:50px; text-align:center; background:#C4AD3B; }
    .itemDetailFavorite .secondary { display:inline-block; position:relative; min-width:260px; margin:0; padding:0; border:#323232 1px solid; border-radius:11px; color:#323232; line-height:50px; font-size:16px; font-weight:300; text-align:center; text-decoration:none; }

    .howtoTomin { margin:0; padding:40px 0 0; }
    .howtoTomin h3 { margin:0; padding:0 0 20px; }
    .howtoTomin ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; }
    .howtoTomin li { width:22%; margin:0; padding:0; font-size:13px; }
    .howtoTomin figure { display:block; margin:0; padding:0 0 15px; }
    .howtoTomin .notice { display:block; margin:0; padding:10px 0 0; font-size:12px; }

    .itemDetailBanner { margin:0; padding:50px 0; }
}


/* list */
#page_navi_top { width:100%; margin-right:0; margin-left:0; }
.pagenumber_area { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:0; font-size:12px; background:none; }
.pagenumber_area .change { order:2; float:none; }
.pagenumber_area .navi { width:auto !important; float:none; }
#page_navi_bottom { width:100%; margin-right:0; margin-left:0; padding:50px 0; border-top:#343434 1px solid; }

@media screen and (min-width:729px) {
    #page_navi_top { width:100%; max-width:100%; margin-right:0; margin-left:0; }
    .pagenumber_area { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:0; font-size:14px; background:none; }
    .pagenumber_area .change { order:2; float:none; }
    .pagenumber_area .navi { width:auto !important; float:none; }
    #page_navi_bottom { width:100%; max-width:100%; margin-right:0; margin-left:0; padding:50px 0; border-top:#343434 1px solid; }
}

.undercolumn_shopping_table { margin-top:30px; }
.paymentnotice { margin:0; padding:16px; border:#f00 1px solid; color:#f00; text-align:center; }
.paymentnotice.positionBottom { margin-top:24px; }

@media screen and (min-width:729px) {
    .undercolumn_shopping_table { margin-top:30px; }
    .paymentnotice { margin:0; padding:16px; border:#f00 1px solid; color:#f00; text-align:center; }
    .paymentnotice.positionBottom { margin-top:40px; }
}

/* .Foot */
.Foot .pageTop { display:flex; justify-content:center; align-items:center; position:fixed; right:0; bottom:0; z-index:199; width:50px; height:50px; padding:0 0.75rem; color:rgba(255,255,255,1); line-height:30px; font-size:0.75rem; font-weight:bolder; text-align:center; text-decoration:none; background:rgba(0,0,0,0.9); cursor:pointer; }
.Foot .pageTop .material-icons { position:relative; top:0.02em; left:0.1em; font-size:1.75rem; transform:rotate(90deg); } 
.Foot { margin:0; padding:30px 0; background:#233A84; }
.FootInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; width:90%; max-width:90%; margin:0 auto; padding:0; }
.FootLogo { width:100%; margin:0; padding:0; color:#fff; text-align:center; }
.FootLogo figure { margin:0; padding:0 20% 15px; }
.FootCaution { margin:20px 0; padding:15px; border:#778CA5 1px solid; font-size:12px; text-align:left; }
.FootCopyright { font-size:11px; }
.FootLink { display:none; width:calc(100% - 420px); font-weight:normal; }
.FootLink dl { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0; padding:0; color:#fff; }
.FootLink dt { width:100%; margin:0 0 10px; padding:0 0 10px; border-bottom:#fff 1px solid; font-weight:bold; text-align:left; }
.FootLink dd { margin:0; padding:0 0 40px; font-size:14px; text-align:left; }
.FootLink a { color:#fff; text-decoration:none; }
.btnBox-b--wh a { color:#fff; text-shadow:none; }

@media screen and (min-width:729px) {
    .Foot .pageTop { display:flex; justify-content:center; align-items:center; position:fixed; right:0; bottom:0; z-index:199; width:50px; height:50px; padding:0 0.75rem; color:rgba(255,255,255,1); line-height:30px; font-size:0.75rem; font-weight:bolder; text-align:center; text-decoration:none; background:rgba(0,0,0,0.9); cursor:pointer; }
    .Foot .pageTop .material-icons { position:relative; top:0.02em; left:0.1em; font-size:1.75rem; transform:rotate(90deg); } 
    .Foot { margin:0; padding:50px 0; background:#233A84; }
    .FootInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; max-width:1100px; margin:0 auto; padding:0; }
    .FootLogo { width:370px; margin:0; padding:0; color:#fff; text-align:left; }
    .FootLogo figure { margin:0; padding:0 0 30px; }
    .FootCaution { margin:50px 0; padding:25px; border:#778CA5 1px solid; font-size:14px; text-align:left; }
    .FootCopyright { font-size:14px; }
    .FootLink { display:block; width:calc(100% - 420px); font-weight:normal; }
    .FootLink dl { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0; padding:0; color:#fff; }
    .FootLink dt { width:100%; margin:0 0 10px; padding:0 0 10px; border-bottom:#fff 1px solid; font-weight:bold; text-align:left; }
    .FootLink dd { margin:0; padding:0 0 40px; font-size:14px; text-align:left; }
    .FootLink a { color:#fff; text-decoration:none; }
}



/****************************************************/
/*                                                  */
/*    adjust SP                                     */
/*                                                  */
/****************************************************/

@media screen and (max-width:728px) {
    .PC { display:none; }

    #mycontents_area table { display:block; }
    #mycontents_area tr { display:block; }
    #mycontents_area th { display:block; }
    #mycontents_area td { display:block; }
    #mycontents_area td input { width:auto; max-width:4.5em; }
    #mycontents_area td input[name='company_name'],
    #mycontents_area td input[name='addr01'],
    #mycontents_area td input[name='addr02'],
    #mycontents_area td input[name='email'],
    #mycontents_area td input[name='email02'],
    #mycontents_area td input[name='email_mobile'],
    #mycontents_area td input[name='email_mobile02'],
    #mycontents_area td input[name='password'],
    #mycontents_area td input[name='password02'] { max-width:100%; }

    #undercolumn_aboutus table { display:block; }
    #undercolumn_aboutus tr { display:block; }
    #undercolumn_aboutus th { display:block; }
    #undercolumn_aboutus td { display:block; }
    #undercolumn_aboutus td input { width:auto; max-width:4.5em; }
    #undercolumn_aboutus td input[name='addr01'],
    #undercolumn_aboutus td input[name='addr02'],
    #undercolumn_aboutus td input[name='email'],
    #undercolumn_aboutus td input[name='email02'] { max-width:100%; }

    #undercolumn_contact table { display:block; }
    #undercolumn_contact tr { display:block; }
    #undercolumn_contact th { display:block; }
    #undercolumn_contact td { display:block; }
    #undercolumn_contact td input { width:auto; max-width:4.5em; }
    #undercolumn_contact td input[name='addr01'],
    #undercolumn_contact td input[name='addr02'],
    #undercolumn_contact td input[name='email'],
    #undercolumn_contact td input[name='email02'] { max-width:100%; }

    #undercolumn_order table { display:block; }
    #undercolumn_order tr { display:block; }
    #undercolumn_order th { display:block; }
    #undercolumn_order td { display:block; }
    #undercolumn_order td input { width:auto; max-width:4.5em; }
    #undercolumn_order td input[name='addr01'],
    #undercolumn_order td input[name='addr02'],
    #undercolumn_order td input[name='email'],
    #undercolumn_order td input[name='email02'] { max-width:100%; }

    #undercolumn_entry table { display:block; }
    #undercolumn_entry tr { display:block; }
    #undercolumn_entry th { display:block; }
    #undercolumn_entry td { display:block; }
    #undercolumn_entry td input { width:auto; max-width:4.5em; }
    #undercolumn_entry td input[name='company_name'],
    #undercolumn_entry td input[name='addr01'],
    #undercolumn_entry td input[name='addr02'],
    #undercolumn_entry td input[name='email'],
    #undercolumn_entry td input[name='email02'],
    #undercolumn_entry td input[name='password'],
    #undercolumn_entry td input[name='password02'] { max-width:100%; }

    #undercolumn_cart table { display:block; }
    #undercolumn_cart tr { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100%; }
    #undercolumn_cart tbody tr:nth-child(1) { display:none; }
    #undercolumn_cart th { display:block; }
    #undercolumn_cart td { display:block; width:100%; }
        #undercolumn_cart tr td:nth-child(1) { order:6; display:block; width:100%; }
        #undercolumn_cart tr td:nth-child(4) { display:none; }
        #undercolumn_cart tr td:nth-child(5),
        #undercolumn_cart tr td:nth-child(6) { width:50%; }
    #undercolumn_cart th.totalPrice,
    #undercolumn_cart th.totalPrice + td,
    #undercolumn_cart th.addPoint,
    #undercolumn_cart th.addPoint + td { display:block; width:100% !important; text-align:center; }
    #undercolumn_cart td img { max-width:270px !important; max-height:270px !important; }
    #undercolumn_cart td input { width:auto; max-width:4.5em; }
    #undercolumn_cart td input[name='company_name'],
    #undercolumn_cart td input[name='addr01'],
    #undercolumn_cart td input[name='addr02'],
    #undercolumn_cart td input[name='email'],
    #undercolumn_cart td input[name='email02'],
    #undercolumn_cart td input[name='password'],
    #undercolumn_cart td input[name='password02'] { max-width:100%; }

    #undercolumn_customer table { display:block; }
    #undercolumn_customer tr { display:block; }
    #undercolumn_customer th { display:block; }
    #undercolumn_customer td { display:block; }
    #undercolumn_customer td input { width:auto; max-width:4.5em; }
    #undercolumn_customer td input[name='order_company_name'],
    #undercolumn_customer td input[name='order_addr01'],
    #undercolumn_customer td input[name='order_addr02'],
    #undercolumn_customer td input[name='order_email'],
    #undercolumn_customer td input[name='order_email02'],
    #undercolumn_customer td input[name='password'],
    #undercolumn_customer td input[name='password02'],
    #undercolumn_customer td input[name='shipping_company_name'],
    #undercolumn_customer td input[name='shipping_addr01'],
    #undercolumn_customer td input[name='shipping_addr02'],
    #undercolumn_customer td input[name='shipping_email'],
    #undercolumn_customer td input[name='shipping_email02'] { max-width:100%; }

    .undercolumn_shopping_table { display:block; margin-top:30px; }
    .undercolumn_shopping_table tr { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100%; }
    .undercolumn_shopping_table tbody tr:nth-child(1) { display:none; }
    .undercolumn_shopping_table th { display:block; }
    .undercolumn_shopping_table td { display:block; width:100%; }
        .undercolumn_shopping_table tr td:nth-child(3) { display:none; }
        .undercolumn_shopping_table tr td:nth-child(4),
        .undercolumn_shopping_table tr td:nth-child(5) { width:50%; }
    .undercolumn_shopping_table th.totalPrice,
    .undercolumn_shopping_table th.totalPrice + td,
    .undercolumn_shopping_table th.addPoint,
    .undercolumn_shopping_table th.addPoint + td { display:block; width:100% !important; text-align:center; }
    .undercolumn_shopping_table td img { max-width:270px !important; max-height:270px !important; }
    .undercolumn_shopping_table td input { width:auto; max-width:4.5em; }
    .undercolumn_shopping_table td input[name='company_name'],
    .undercolumn_shopping_table td input[name='addr01'],
    .undercolumn_shopping_table td input[name='addr02'],
    .undercolumn_shopping_table td input[name='email'],
    .undercolumn_shopping_table td input[name='email02'],
    .undercolumn_shopping_table td input[name='password'],
    .undercolumn_shopping_table td input[name='password02'] { max-width:100%; }

    div#windowcolumn { width:100%; margin-right:0; margin-left:0; }
    div#window_area { width:90%; }
    div#window_area #forgot { width:100%; }

    div#window_area table { display:block; width:100%; }
    div#window_area tr { display:block; }
    div#window_area th { display:block; }
    div#window_area td { display:block; }
    div#window_area td input { width:auto; max-width:4.5em; }
    div#window_area td input[name='company_name'],
    div#window_area td input[name='addr01'],
    div#window_area td input[name='addr02'],
    div#window_area td input[name='email'],
    div#window_area td input[name='email02'],
    div#window_area td input[name='email_mobile'],
    div#window_area td input[name='email_mobile02'],
    div#window_area td input[name='password'],
    div#window_area td input[name='password02'] { max-width:100%; }
}


/* 20250425 add */
.itemDetailInner .itemDetailPhotoWrapper { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:absolute; top:0; left:0; white-space:nowrap; transition:.4s; }
.itemDetailInner .itemDetailPhoto .photo { justify-content:flex-start; position:relative; overflow:hidden; white-space:nowrap; }
.itemDetailInner .itemDetailPhoto .photo::after { content:''; display:table; clear:both; height:0; }
.itemDetailInner .itemDetailPhoto .photo .itemDetailPhotoList { float:left; width:416px; height:416px; }
.itemDetailInner .itemDetailPhoto .photo .itemDetailPhotoList img { max-width:416px; }
.detailSubImagesWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; left:-32px; width:calc(100% + 64px); margin:0; padding:40px 0 0; }
.detailSubImagesWrap .itemDetailSpec { display:block; width:19%; margin:0; padding:0; border:0; }
.detailSubImagesWrap .itemDetailSpec h3 { display:none; }
.detailSubImagesItems {  }
.detailSubImagesItems a { display:block; position:relative; overflow:hidden; width:100%; aspect-retio:1/1; }
.detailSubImagesItems img { width:100%; height:auto; object-fit:cover; }

@media screen and (max-width:728px) {
.itemDetailInner .itemDetailPhotoWrapper { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:absolute; top:0; left:0; width:500%; white-space:nowrap; transition:.4s; }
.itemDetailInner .itemDetailPhoto { width:80vw; height:auto; }
.itemDetailInner .itemDetailPhoto .photo { justify-content:flex-start; position:relative; overflow:hidden; width:80vw; aspect-ratio:1/1; white-space:nowrap; }
.itemDetailInner .itemDetailPhoto .photo::after { content:''; display:table; clear:both; height:0; }
.itemDetailInner .itemDetailPhoto .photo .itemDetailPhotoList { float:left; width:100%; max-width:80vw; height:auto; aspect-ratio:1/1; }
.itemDetailInner .itemDetailPhoto .photo .itemDetailPhotoList img { max-width:auto; width:auto; height:80vw; aspect-ratio:1/1; }
.detailSubImagesWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; left:0; width:calc(100% + 0px); margin:0; padding:8px 0 40px; }
.detailSubImagesWrap .itemDetailSpec { display:block; width:19%; margin:0; padding:0; border:0; }
.detailSubImagesWrap .itemDetailSpec h3 { display:none; }
.detailSubImagesItems {  }
.detailSubImagesItems a { display:block; position:relative; overflow:hidden; width:100%; aspect-retio:1/1; }
.detailSubImagesItems img { width:100%; height:auto; object-fit:cover; }

#colorbox { width:90% !important; margin:0 5% !important; }
#cboxLoadedContent { width:calc(90vw - 2px) !important; height:auto !important; }
#colorbox .cboxPhoto { width:100% !important; height:auto !important; margin:0 !important; }
/*
#cboxWrapper { width:100vw !important; max-width:100% !important; height:auto; }
#cboxContent { width:90vw !important; max-width:400px !important; height:auto; }
#cboxLoadedContent { width:100%; height:auto; }
.cboxPhoto { width:100%; height:auto; }
*/
}