@charset "utf-8";
/* ---------------------------------------------------------------------- */
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
ul,ol,dd {
list-style: none;
margin: 0;
padding: 0;
}
button,input,textarea,select {
font: inherit;
}
.fzS {
font-size: 0.75rem;
}

/* ---------------------------------------------------------------------- */
body {
color: #472427;
font-size: 1rem;
line-height: 1.75;
font-family: "Zen Kaku Gothic New", YuGothic,'Yu Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
margin: 0;
}
h1,h2,h3,h4,h5,h6 {
line-height: 1.5;
font-weight: 700;
margin: 0;
padding: 0;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
h2 {font-size: 2.5rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.25rem;}
h6 {font-size: 1rem;}

p,li {
font-size: 1.0rem;
line-height: 1.75;
}
a {
color: #D0010E;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a[href^="tel:"] {
pointer-events: none;
}
@media screen and (max-width: 768px) {
a[href^="tel:"] {
pointer-events:all;
}
}
/* ---------------------------------------- */
.wrap {
position: relative;
}
.pc {display: block;}
.sp{display: none;}
@media screen and (max-width: 768px) {
.pc {display: none;}
.sp{display: block;}
}

/* 汎用パーツ ------------------------------------------------------------ */

/* ページヘッダー ------------------------------------------------ */
/*汎用ヘッダーA */
#pageHdrA {
width: 100%;
}
#pageHdrA #pageHdrAInner {
background: url(/img/bg_ftr_001.webp) left center no-repeat;
background-size: cover;
}
#pageHdrA .pageTtlWrap {
padding: 4.5rem;
}
#pageHdrA .pageTtlWrap .pageTtl {
letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
#pageHdrA .pageTtlWrap {
padding:6rem 1.25rem 3rem;
}
}

/*汎用ヘッダーB */
#pageHdrBOuter {
width: 100%;
background-image: linear-gradient(#f9f5f4, transparent);
background-size: 100% 720px;
background-repeat: no-repeat;
}
#pageHdrB .pageTtlWrap {
padding: 4.5rem 4.5rem 1rem 4.5rem;
}
#pageHdrB .pageTtlWrap .pageTtl {
letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
#pageHdrB .pageTtlWrap {
padding:6rem 1.25rem 3rem;
}
}


/*汎用ヘッダーC */
#pageHdrCOuter {
width: 100%;
background-image: linear-gradient(#f9f5f4, transparent);
background-size: 100% 720px;
background-repeat: no-repeat;
}
#pageHdrC #pageHdrCInner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap:1rem 2rem;
padding: 4.5rem 4.5rem 1rem 4.5rem;
}
#pageHdrC .pageTtlWrap .pageTtl {
font-size: 2rem;
font-weight: normal;
letter-spacing: 0.1rem;
}
#pageHdrC .breadcrumbWrap {
margin: 0;
padding: 0;
}
#pageHdrC #pageNav {
padding: 0 4.5rem 6rem;
}
#pageHdrC #pageNav .pageNavWrap {
max-width: 1280px;
margin:2rem auto 0;
overflow-x: scroll;
cursor: grab;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
#pageHdrC #pageNav .pageNavWra :active {
cursor: grabbing;
user-select: none;
}
#pageHdrC #pageNav .pageNavWrap::-webkit-scrollbar {
display: none;
}
#pageHdrC #pageNav .pageNavWrap ul {
display: flex;
gap: 1rem;
overflow-x: auto;
width: max-content;
position: relative;
}
#pageHdrC #pageNav .pageNavWrap ul::after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 4px;
background: #ccc;
border-radius: 2px;
}
#pageHdrC #pageNav .pageNavWrap ul li a {
color: #472427;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
padding: 0.5rem 0.5rem 0.75rem;
display: block;
}
#pageHdrC #pageNav .pageNavWrap ul li.current a {
position: relative;
}
#pageHdrC #pageNav .pageNavWrap ul li.current a::after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 4px;
background: #D0010E;
border-radius: 2px;
z-index: 1;
}
@media screen and (max-width: 768px) {
#pageHdrC #pageHdrCInner {
padding:6rem 1.25rem 0rem;
}
#pageHdrC .pageTtlWrap .pageTtl {
font-size: 1.5rem;
}
#pageHdrC #pageNav {
padding: 0 0 6rem 1.25rem;
}
}

/* パンくず */
.breadcrumbWrap {
margin: 1rem auto 0;
padding: 0 2.5rem;
position: relative;
z-index: 1;
}
.breadcrumbWrap .breadcrumb {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.breadcrumbWrap .breadcrumb li {
display: flex;
align-items: center;
}
.breadcrumbWrap .breadcrumb li:not(:last-child) {
padding: 0 0.5rem 0 0;
}
.breadcrumbWrap .breadcrumb li:not(:last-child)::after {
content: "";
display: block;
margin: 0 0 0 0.5rem;
width: 0.75rem;
height: 1px;
background: #aaa;
}
.breadcrumbWrap .breadcrumb li a {
font-size: 0.75rem;
color: #aaa;
}
@media screen and (max-width: 768px) {
.breadcrumbWrap {
display: none;
}
}


/* ボタン ------------------------------------------------ */
.primaryBtn a {
width: 100%;
max-width: 375px;
display: block;
background-image: linear-gradient(to right, #000 0%, #000 50%, #D0010E 50%, #D0010E 100%);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 200% auto;
transition: background-position ease-out 0.3s;
color: #fff;
text-align: center;
font-weight: 700;
padding: 1rem;
}
.primaryBtn a:hover {
background-position: 0 0;
}
/* ---------------- */
.secondaryBtn {
display: flex;
justify-content: center;
}
.secondaryBtn a {
width: 100%;
max-width: 480px;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
color: #472427;
font-size: 1.5rem;
text-align: center;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
padding:1.25rem 1.5rem;
position: relative;
border-top: 1px solid #472427;
border-bottom: 1px solid #472427;
}
.secondaryBtn a svg {
fill-rule:evenodd;
fill: #D0010E;
width: 1.6rem;
height: 1.6rem;
}
.secondaryBtn a:hover {
color: #D0010E;
transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
.secondaryBtn a {
font-size: 1.25rem;
}
}
/* ---------------- */
.tertiaryBtn a {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0 0 0.25rem 0;
position: relative;
}
.tertiaryBtn a::after {
position: absolute;
bottom: 0;
right: 0;
content: "";
display: block;
background: #D0010E;
width: 100%;
height: 1px;
transition: .3s ease-out;
}
.tertiaryBtn a:hover::after {
width: 0;
}
.tertiaryBtn a .text {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
color: #472427;
}
.tertiaryBtn a:hover .text {
color: #D0010E;
}
.tertiaryBtn a svg {
height: 0.75rem;
width: 0.75rem;
fill: #D0010E;
}
.tertiaryBtn.newT a svg {
height: 1.25rem;
width: 1.25rem;
fill: #D0010E;
}

/* 背景 ------------------------------------------------ */
/* 和紙白 */
.bg001 {
background: url(/img/bg_ptn_001.webp) left top repeat;
}
/* ベージュ */
.bg002 {
background: url(/img/bg_ptn_002.webp) left top repeat;
}
/* 和紙赤 */
.bg003 {
background: url(/img/bg_ptn_003.webp) left top repeat;
}
/* しましま */
.bg004 {
background: url(/img/bg_ptn_004.webp) left top repeat;
}


/* アイコン ------------------------------------------------ */
.ico_del, .icon_str, .icon_ltd, .icon_odr, .icon_column, .sysItemPr, .new_item, .end{
font-size: 11px;
font-weight: 700;
text-align: center;
padding:0 0.5rem;
border-radius: 2px;
}
.sysItemPr{
  padding: 0;
}
.ico_del {
background: #FFF2D8;
color: #CE7133;
}
.icon_str {
background: #E9F6D9;
color: #2D9438;
}
.icon_ltd {
background: #FFE1E1;
color: #C93939;
}
.icon_odr {
background: #F3E4F8;
color: #6E3084;
}
.icon_column {
background: #F6F4EE;
color: #472427;
}

/* タイトル ------------------------------------------------ */
.ttlWrapA {
position: relative;
margin: 0 0 2rem 0;
}
.ttlWrapA::before {
position: absolute;
width: 1.5rem;
height: 1px;
background: #BBA883;
content: "";
left: -40px;
top: 50%;
}

/* 目的から選ぶ ------------------------------------------------ */
#choose ul {
display: flex;
gap: 2rem;
margin: 0 0 6rem 0;
}
#choose ul li {
background: #fff;
}
#choose ul li:hover img {
opacity: 0.6;
transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
#choose ul {
gap: 1.5rem;
}
}
@media screen and (max-width: 440px) {
#choose ul {
flex-direction: column;
}
}
/* ご利用ガイド ------------------------------------------------ */
#gaidArea {
max-width: 1280px;
margin: 0 auto;
}
#gaidArea .ttlWrapA .ttl {
font-size: 1.5rem;
}
#gaid ul {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
#gaid ul li {
width: calc((100% - 4rem) / 3);
}
#gaid ul li a {
text-align: center;
display: block;
background-image: linear-gradient(to right, #D0010E 0%, #D0010E 50%, #fff 50%, #fff 100%);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 200% auto;
color: #472427;
border: #ccc 1px solid;
font-size: 1.25rem;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
padding: 1.5rem 0.5rem;
position: relative;
transition: background-position ease-out 0.3s;
}
#gaid ul li a::after {
position: absolute;
right: -2px;
bottom: 1px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #D0010E;
border-top: 0;
transform: rotate(135deg);
}
#gaid ul li a:hover {
background-position: 0 0;
color: #fff;
}
@media screen and (max-width: 768px) {
#gaid ul {
gap: 1.5rem;
}
#gaid ul li {
width: calc((100% - 1.5rem) / 2);
}
}
@media screen and (max-width: 440px) {
#gaid ul {
flex-direction: column;
}
#gaid ul li {
width: 100%;
}
}

/* header --------------------------------------------------------------- */
#header {
width: 100%;
padding: 1.5rem 1.5rem 1.75rem;
position: relative;
}
#header #logoBlock {
max-width: 160px;
margin: 0 auto 0;
}
#header #cartBtn {
position: fixed;
top: 1rem;
right: 8.5rem;
z-index: 100;
}
#header #cartBtn a {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
background: #D0010E;
padding:0.5rem 1rem;
height: 48px;
border-radius: 1.5rem;
font-size: 0.75rem;
color: #fff;
font-weight: 700;
letter-spacing: 0.05rem;
}
#header #cartBtn a svg {
fill-rule:evenodd;
fill: #fff;
width: 1.4rem;
height: 1.25rem;
}
#header #cartBtn a:hover {
background: #FB8990;
transition: .3s ease-out;
}
#header #gnav {
position: fixed;
top: 1rem;
right: 1.5rem;
z-index: 90;
}
#header #gnav .gnavBtn {
position: relative;
z-index: 90;
background: #000;
padding:0.5rem 1rem;
height: 48px;
border-radius: 1.5rem;
font-size: 0.75rem;
letter-spacing: 0.05rem;
display: flex;
justify-content: center;
}
#header #gnav .gnavBtn span {
font-size: 0.75rem;
color: #fff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
#header #gnav .gnavBtn span.on svg {
fill-rule:evenodd;
fill: #fff;
width: 1.75rem;
height: 1.75rem;
}
#header #gnav .gnavBtn:hover {
background: #ccc;
transition: .3s ease-out;
}
#header #gnav .gnavBtn:hover span{
color: #000;
}
#header #gnav .gnavBtn:hover span.on svg,
#header #gnav .gnavBtn:hover span.off svg {
fill: #000;
}
#header #gnav .gnavBtn span.off {
display: none;
}
#header #gnav .gnavBtn span.off svg {
fill-rule:evenodd;
fill: #fff;
width: 1.75rem;
height: 1.5rem;
}
#header #gnav.is-open .gnavBtn span.on {
display: none;
color: #000;
}
#header #gnav.is-open .gnavBtn span.off {
display: flex;
}
#header #gnav .gnavMenuWrap .cover {
opacity: 0;
visibility: hidden;
position: fixed;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
transition: .4s ease-in-out;
}
#header #gnav.is-open .gnavMenuWrap .cover {
opacity: 1.0;
visibility:visible;
background: rgba(255, 255, 255, 0.5);
transition: .3s ease;
}
#header #gnav .gnavMenu {
visibility: hidden;
position: fixed;
transform: translateX(100%);
top: 0;
right: 0;
padding: 7rem 1.5rem 3rem;
width: 100%;
max-width: 375px;
height: 100%;
margin: 0;
background: #F6F4EE;
transition: all 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
#header #gnav.is-open .gnavMenu {
visibility:visible;
transform: translateX(0%);
transition: all 0.65s cubic-bezier(0.16, 1, 0.3, 1);
overflow-y: auto;
scrollbar-width: none;
}
#header #gnav .gnavMenu .menuListBlock:nth-child(3) {
border-bottom: 1px solid #472427;
margin:0 0 1px 0;
}
#header #gnav .gnavMenu .menuListBlock:nth-child(7) {
border-bottom: 1px solid #472427;
}
#header #gnav .gnavMenu .menuListBlock.is-open {
padding: 0 0 1rem 0;
}
#header #gnav .gnavMenu .menuListBlock .menuTtl {
appearance: none;
color: #472427;
text-align: left;
line-height: 1.75;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
background: none;
padding:1rem 0 1rem 0;
border: none;
border-top: 1px solid #472427;
width: 100%;
position: relative;
}
#header #gnav .gnavMenu .menuListBlock .menuTtl::after,
#header #gnav .gnavMenu .menuListBlock .menuTtl::before {
content: "";
display: block;
background: #D0010E;
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 0.5rem;
}
#header #gnav .gnavMenu .menuListBlock .menuTtl::before {
transform: rotate(-90deg);
transition: .3s ease-in-out;
}
#header #gnav .gnavMenu .menuListBlock.is-open .menuTtl::before {
transform: rotate(0deg);
}
#header #gnav .gnavMenu .menuListBlock .menuList {
display: none;
margin: 0;
padding: 0;
}
#header #gnav .gnavMenu .menuListBlock.is-open .menuList {
display: block;
}
#header #gnav .gnavMenu .menuListBlock .menuList li {
margin: 0 1rem 1rem 1rem;
}
#header #gnav .gnavMenu .menuListBlock .menuList li a {
display: flex;
align-items: center;
gap: 1rem;
color: #472427;
}
#header #gnav .gnavMenu .menuListBlock .menuList li a svg {
height: 0.75rem;
width: 0.75rem;
fill: #D0010E;
}
#header #gnav .gnavMenu .menuListBlock:nth-child(3) .menuList li:nth-child(8) a .txt {
letter-spacing: -0.05rem;
}

#header #gnav .gnavMenu .menuBtmBlock {
margin: 3rem 0 0 0;
}
#header #gnav .gnavMenu .menuBtmBlock .sns {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
margin: 2rem 0 0 0;
}
#header #gnav .gnavMenu .menuBtmBlock .sns li {
max-width: 1.5rem;
}
#header #gnav .gnavMenu .menuBtmBlock .sns li:first-child {
width: 100%;
max-width: 100%;
text-align: center;
}
#header #gnav .gnavMenu .menuBtmBlock .sns li:first-child a img {
max-width: 12rem;
}

@media screen and (max-width: 768px) {
#header {
padding: 1.25rem 1.5rem 1.75rem 1rem;
}
#header #logoBlock {
margin: 0 auto 0 0;
}
#header #cartBtn {
right: 5rem;
}
#header #cartBtn a {
padding: 0;
width: 48px;
}
#header #cartBtn a span {
display: none;
}
#header #gnav .gnavBtn {
padding: 0;
width: 48px;
}
#header #gnav .gnavBtn span span {
display: none;
}
#header #gnav .gnavMenu {
padding: 5.25rem 1.5rem 3rem;
}
}
@media screen and (max-width: 440px) {
#header #cartBtn {
top: 1rem;
right: 4rem;
}
#header #gnav {
top: 1rem;
right: 0.5rem;
}
}

/* footer --------------------------------------------------------------- */
#footer {
width: 100%;
position: relative;
}
/* ----------------------- */
#footer #ftrItem {
padding: 4.5rem 2.5rem 7.5rem;
}
#footer #ftrItem #ftrItemArea {
max-width: 1280px;
margin: 0 auto;
}
#footer #ftrItem #ftrItemArea .ttlWrapA .ttl {
font-size: 1.5rem;
}

#footer #ftrItem #ftrItemArea .ftrItemWrap {
display: flex;
flex-wrap: wrap;
gap: 3rem;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock {
width: calc((100% - 9rem) / 4);
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock a {
display: flex;
justify-content: space-between;
align-items: flex-start;
color: #472427;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock span {
display: block;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .img {
aspect-ratio: 1 / 1;
overflow: hidden;
flex-shrink: 0;
width: calc(100% - 2.5rem);
background: #fff;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .img img {
object-fit: cover;
width: 100%;
height: 100%;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .txt {
writing-mode: vertical-rl;
font-size: 1.25rem;
letter-spacing: 0.2rem;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock:hover .img img {
opacity: 0.7;
transition: .3s ease-out;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock:hover .txt {
color: #D0010E;
transition: .3s ease-out;
}

@media screen and (max-width: 1024px) {
#footer #ftrItem #ftrItemArea .ftrItemWrap {
gap:2rem;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock {
width: calc((100% - 6rem) / 4);
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .img {
width: calc(100% - 2rem);
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .txt {
font-size: 1.0rem;
}
}

@media screen and (max-width: 768px) {
#footer #ftrItem #ftrItemArea .ftrItemWrap {
gap:1.5rem 2rem;
}
#footer #ftrItem #ftrItemArea .ttlWrapA .ttl {
font-size: 1.25rem;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock {
width: calc((100% - 2rem) / 2);
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock a {
flex-direction: column;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .img {
width: 100%;
}
#footer #ftrItem #ftrItemArea .ftrItemWrap .ftrItemBlock .txt {
writing-mode:horizontal-tb;
letter-spacing: 0.1rem;
margin: 0.25rem 0 0 0;
}
}

@media screen and (max-width: 440px) {
#footer #ftrItem {
padding: 3rem 20px 4.5rem;
}
#footer #ftrItem #ftrItemArea .ttlWrapA::before { 
left: -20px;
}
#footer #ftrItem #ftrItemArea .ttlWrapA .ttl {
padding: 0 0 0 1rem;
}
}

/* ----------------------- */
#footer #ftrGuide {
padding: 4.5rem 2.5rem 7.5rem;
}
@media screen and (max-width: 440px) {
#footer #ftrGuide {
padding: 3rem 20px 4.5rem;
}
#footer #ftrGuide #gaidArea .ttlWrapA {
margin: 0 auto 1rem;
}
#footer #ftrGuide #gaidArea .ttlWrapA.gaidToggle {
cursor: pointer;
}
#footer #ftrGuide #gaidArea .ttlWrapA::before {
content: none;
}
#footer #ftrGuide #gaidArea .ttlWrapA .ttl {
font-size: 1.25rem;
position: relative;
padding: 1rem 2rem 1rem 0.25rem;
border-top: 1px solid #472427;
border-bottom: 1px solid #472427;
}
#footer #ftrGuide #gaidArea .ttlWrapA .ttl::before,
#footer #ftrGuide #gaidArea .ttlWrapA .ttl::after {
content: "";
display: block;
position: absolute;
background: #D0010E;
top: 50%;
right: 0.75rem;
width: 1rem;
height: 2px;
}
#footer #ftrGuide #gaidArea .ttlWrapA .ttl::after {
transform: rotate(-90deg);
}
#footer #ftrGuide #gaidArea .ttlWrapA.is-open .ttl::after {
transition: .3s ease-in-out;
transform: rotate(0deg);
}

#footer #ftrGuide #gaidArea ul {
display: none;
}
#footer #ftrGuide #gaidArea ul.is-open {
display: block;
}
#footer #ftrGuide #gaidArea ul li a {
text-align: left;
background: none;
border: none;
font-size: 1.0rem;
padding: 1.0rem 0.5rem;
}
#footer #ftrGuide #gaidArea ul li a:hover {
color: #D0010E;
}
#footer #ftrGuide #gaidArea ul li a::after {
right: 0.75rem;
bottom: 1.75rem;
transform: rotate(225deg);
width: 8px;
height: 8px;
border-bottom: 1px solid #D0010E;
border-left: 1px solid #D0010E;
border-right: none;
}
}

/* ----------------------- */
#footer #ftrCmn #ftrImg {
display: none;
overflow: hidden;
aspect-ratio: 16 / 9;
}
#footer #ftrCmn #ftrImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
#footer #ftrCmn {
background: url(/img/bg_ftr_001.webp) center center no-repeat;
background-size: cover;
}
#footer #ftrCmn .ftrCmnWrap {
padding: 4.5rem 2.5rem 10rem;
max-width: 1920px;
margin: 0 auto;
}
#footer #ftrCmn .ftrCmnWrap #ftrLogo {
max-width: 17rem;
margin: 0 0 4.5rem;
}
#footer #ftrCmn .ftrCmnWrap .ftrList {
margin:0 0 3rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#footer #ftrCmn .ftrCmnWrap .ftrList li.tertiaryBtn a::after {
background: #fff;
}
#footer #ftrCmn .ftrCmnWrap .ftrList li.tertiaryBtn .txt {
color: #fff;
}
#footer #ftrCmn .ftrCmnWrap .ftrList li.tertiaryBtn svg {
fill: #fff;
}
@media screen and (max-width: 440px) {
#footer #ftrCmn #ftrImg {
display: block;
}
#footer #ftrCmn {
background: none;
}
#footer #ftrCmn .ftrCmnWrap {
padding: 3rem 30px 3.5rem;
}
#footer #ftrCmn .ftrCmnWrap .ftrList {
display: none;
}
#footer #ftrCmn .ftrCmnWrap #ftrLogo {
max-width: 17rem;
margin: 0 auto 3rem;
}
}
/* ----------------- */
#footer #ftrBtm {
padding: 1rem 2.5rem 3rem;
}
#footer #ftrBtm .ftrBtmWrap {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
#footer #ftrBtm .ftrBtmWrap .sns {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
}
#footer #ftrBtm .ftrBtmWrap .sns li img {
width: 1.5rem;
}
#footer #ftrBtm .ftrBtmWrap .sns li:nth-child(1) img {
width: 12rem;
}
#footer #ftrBtm .ftrBtmWrap .sns li:nth-child(2) img {
width: 2rem;
}
#footer #ftrBtm .ftrBtmWrap .sns li a:hover {
opacity: 0.6;
transition: .3s ease-out;
}
#footer #ftrBtm .ftrBtmWrap .copyright {
font-size:0.75rem;
}
@media screen and (max-width: 440px) {
#footer #ftrBtm .ftrBtmWrap .sns {
justify-content: center;
}
#footer #ftrBtm .ftrBtmWrap .sns li:nth-child(1) {
width: 100%;
text-align: center;
}
#footer #ftrBtm .ftrBtmWrap .copyright {
width: 100%;
margin: 3rem 0 0 0;
text-align: center;
}
}
/* ----------------- */


/* flexwrap*/
.pc_flex_wrap,
.flex_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.w30{
  width: 30%;
}
.w40{
  width: 40%;
}
.w50{
  width: 50%;
}
.w60{
  width: 60%;
}
.w70{
  width: 70%;
}
.pdr{
  padding-right: 2rem;
}
.pdl{
  padding-left: 2rem;
}
@media(max-width:768px){
  .pc_flex_wrap .w30,
  .pc_flex_wrap .w40,
  .pc_flex_wrap .w50,
  .pc_flex_wrap .w60,
  .pc_flex_wrap .w70{
    width: 100%;
  }
  .pc_flex_wrap .pdr{
    padding-right: 0;
  }
  .pc_flex_wrap .pdl{
    padding-left: 0;
  }
}

/* common.css reset */
#sysFooter,
#sysAside,
#sysMain,
.sysFuncText,
.sysContent,
#sysHeader,
#sysAll{
  margin:0!important;
  padding: 0!important;
  background-color: transparent!important;
  width: 100%!important;
  max-width: 20000px!important;
}

/* gmenu非表示分 */
#gnav > div.gnavMenuWrap > div.gnavMenu > div:nth-child(2),
#gnav > div.gnavMenuWrap > div.gnavMenu > div:nth-child(6) > ul > li:nth-child(1), 
#gnav > div.gnavMenuWrap > div.gnavMenu > div.menuListBlock:nth-child(6) > ul > li:nth-child(4),
#gnav > div.gnavMenuWrap > div.gnavMenu > div.menuListBlock:nth-child(6) > ul > li:nth-child(3),
#gnav > div.gnavMenuWrap > div.gnavMenu > div.menuListBlock:nth-child(5) > ul > li:nth-child(2),
#gnav > div.gnavMenuWrap > div.gnavMenu > div.menuListBlock:nth-child(5) > ul > li:nth-child(3),
#gnav > div.gnavMenuWrap > div.gnavMenu > div.menuListBlock:nth-child(5) > ul > li:nth-child(4){
display: none;
} 
/* side menu非表示分 */
#sysAside > div.sysFuncItemCategory.aside-category-03.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(6),
#sysAside > div.sysFuncItemCategory.aside-category-03.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(8),
#sysAside > div.sysFuncItemCategory.aside-category-03.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(7),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(3),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(4),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(6),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(7),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(8),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(9),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(10),
#sysAside > div.sysFuncItemCategory.aside-category-01.aside-category > div.sysContent.sysAccordionInitialHide > nav > ul > li:nth-child(11){
  display: none;
}


#itemDetailArea .movie {
aspect-ratio: 16 /9;
position: relative;
width: 100%;
}
#itemDetailArea .movie iframe {
width: 100%;
height: 100%;
border: 0;
max-width: 100%;
}
@media screen and (max-width:750px){

}
@media screen and (min-width:751px) and (max-width:960px){

}
@media screen and (min-width:961px){

}
/* #END_OF_RESOURCE_FILE */