@charset "UTF-8";

/* ご利用ガイド ---------------------------------------------- */

/* 共通 */
#guideContainer {
padding: 0 2.5rem 12.5rem;
}
#guideContainerInner {
max-width: 1280px;
margin: 0 auto;
}
#guideContainer .guideConTtlWrap {
margin: 0 0 4.5rem;
}
#guideContainer .guideConTtlWrap .ttl {
letter-spacing: 0.2rem;
font-size: 2.5rem;
}
#guideContainer .guideConTtlWrap .txt {
margin: 2rem 0 0 0;
}

#guideContainer #guideContent {
max-width: 1024px;
margin: 0 auto;
}
#guideContainer #guideContent .guideSection01:not(:last-child) {
margin: 0 0 4.5rem;
}
#guideContainer #guideContent .guideSection02 {
margin: 3rem 0 3rem;
}
#guideContainer #guideContent .guideSectTtl01+.guideSection02 {
margin-top: 0;
}
#guideContainer #guideContent .guideSection02 h5 {
margin: 0 0 1rem;
}
#guideContainer #guideContent .guideSectTtl01 {
padding: 0 0 0.5rem 0;
margin: 0 0 2rem 0;
position: relative;
}
#guideContainer #guideContent .guideSectTtl01::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #472427;
}
#guideContainer #guideContent .guideSectTtl02 {
padding: 2rem 0 2rem 0;
}
#guideContainer #guideContent .guideImg {
margin: 1.5rem auto 1rem;
padding: 0;
}

#guideContainer #guideContent .guideSectList li {
text-indent: -1em;
padding-left: 1em;
margin: 0.25rem 0;
}
#guideContainer #guideContent .guideSectList li::before {
content: "・";
}

@media screen and (max-width: 768px) {
#guideContainer {
padding: 0 20px 7.5rem;
}
#guideContainer .guideConTtlWrap .ttl {
font-size: 2rem;
}
}

/* ボーダー */
#guideContainer #guideContent .bdrBlock {
border: 1px solid #eee;
padding: 1.5rem;
margin: 1.5rem 0 0 0;
}

/* リンク */
#guideContainer #guideContent .linkWrap {
margin: 1rem 0;
display: flex;
flex-wrap: wrap;
gap: 1rem 1.5rem;
}
#guideContainer #guideContent .iconWrap ul {
display: flex;
gap: 1.5rem;
align-items: center;
}
#guideContainer #guideContent .iconWrap ul li {
width: 4.5rem;
}
#guideContainer #guideContent .iconWrap ul li:first-child {
width: 6rem;
}

/* アンカーリンク */
#guideContainer .ankerLinkBlock ul {
display: flex;
flex-wrap: wrap;
gap:1.5rem 2rem;
}
#guideContainer .ankerLinkBlock ul li {
width: calc((100% - 4rem) / 3);
}
#guideContainer .ankerLinkBlock ul li a {
position: relative;
display: block;
color: #472427;
text-align: center;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
padding: 0.5rem 2rem;
}
#guideContainer .ankerLinkBlock ul li a svg {
height: 1rem;
width: 1rem;
fill: #D0010E;
position: absolute;
right: 0.5rem;
top: 0.75rem;
transform: rotate(90deg);
}
#guideContainer .ankerLinkBlock ul li a::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #472427;
right: 0;
bottom: 0;
}
#guideContainer .ankerLinkBlock ul li a:hover {
color: #D0010E;
transition: .3s ease-out;
}
#guideContainer .ankerLinkBlock ul li a:hover::after {
width: 0;
transition: .3s ease-out;
}

@media screen and (max-width: 768px) {
#guideContainer .ankerLinkBlock ul li {
width: 100%;
}
}


/* ご注文の流れ --------------------------------------------- */

#guideContainer.flow #guideContent .iconList dt {
display: flex;
align-items: baseline;
gap: 1.5rem;
margin: 0 0 0.25rem 0;
}
#guideContainer.flow #guideContent .iconList dt span {
display: block;
}
#guideContainer.flow #guideContent .iconList dt .ttl {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
}
#guideContainer.flow #guideContent .iconList dt .ttl::before {
content: "・";
}

#guideContainer.flow #guideContent .tab .tabNav {
display: flex;
width: 100%;
padding:0 1rem;
gap: 0.5rem;
}
#guideContainer.flow #guideContent .tab .tabNav button {
appearance: none;
width: 100%;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-size: 1.25rem;
font-weight: 700;
border: none;
padding: 1rem;
color: #472427;
}
#guideContainer.flow #guideContent .tab .tabNav button.is-active {
background: #472427;
color: #fff;
}

#guideContainer.flow #guideContent .tab .tabContent {
display: none;
border: 1px solid #472427;
padding: 3rem 2.5rem 4.5rem;
}
#guideContainer.flow #guideContent .tab .tabContent.is-active {
display: block;
}
#guideContainer #guideContent .bdrBlock .iconList{
margin:1rem 0;
}


@media screen and (max-width: 768px) {
#guideContainer.flow #guideContent .tab .tabNav button {
font-size: 1rem;
padding: 0.75rem;
}
#guideContainer.flow #guideContent .tab .tabNav {
padding: 0 0.5rem;
}
#guideContainer.flow #guideContent .tab .tabContent {
border: none;
border-top: 1px solid #472427;
padding: 3rem 0px 0rem;
}
}

/* お支払い方法 --------------------------------------------- */
#guideContainer.payment #guideContent.pay .payIntro {
margin: 0 0 4.5rem;
}
#guideContainer.payment #guideContent.pay .comm {
border-spacing: 0.25rem;
margin: 1rem 0 0 0;
}
#guideContainer.payment #guideContent.pay .comm th {
background: #F9F5F4;
padding: 0.5rem 1rem;
}
#guideContainer.payment #guideContent.pay .comm td {
border-bottom: 1px solid #ccc;
padding: 0.5rem 1rem;
font-weight: 700;
}
#guideContainer.payment #guideContent.pay .accWrap dl {
display: flex;
gap:0.25rem;
margin: 0;
}
#guideContainer.payment #guideContent.pay .accWrap dl dt {
width: 100%;
max-width: 126px;
text-align: center;
}
#guideContainer.payment #guideContent.pay .accWrap dl dd {
width: 100%;
max-width: 254px;
}
#guideContainer.payment #guideContent.pay .accWrap dl dt,
#guideContainer.payment #guideContent.pay .accWrap dl dd {
border-bottom: 1px solid #ccc;
padding:0.75rem 1rem;
font-weight: 700;
}
#guideContainer.payment #guideContent.pay .accWrap dl:first-child dt,
#guideContainer.payment #guideContent.pay .accWrap dl:first-child dd {
border-top: 1px solid #ccc;
}
#guideContainer #guideContent .iconWrap{
margin:1.5rem 0;
}
#guideContainer.payment #guideContent .bdrBlock h5{
margin:0 0 1rem 0;
}
#guideContainer.payment #guideContent.pay .accWrap {
margin:0 0 1rem 0;
}

/* 送料 --------------------------------------------- */
#guideContainer.shipping #guideContent .shippingWrap {
width: 100%;
}
#guideContainer.shipping #guideContent .shippingWrap table {
border-spacing: 0.25rem;
width: 100%;
}
#guideContainer.shipping #guideContent .shippingWrap table th {
background: #F9F5F4;
padding: 0.5rem;
text-align: left;
}
#guideContainer.shipping #guideContent .shippingWrap{
margin:2rem 0 0 0;
}

@media screen and (min-width: 769px) {
#guideContainer.shipping #guideContent .shippingWrap table .area {
width: 8rem;
}
#guideContainer.shipping #guideContent .shippingWrap table .fee {
width: 7rem;
}
#guideContainer.shipping #guideContent .shippingWrap table .date {
width: 8rem;
}
#guideContainer.shipping #guideContent .shippingWrap table .fee,
#guideContainer.shipping #guideContent .shippingWrap table .date {
text-align: center;
}
#guideContainer.shipping #guideContent .shippingWrap table td {
border-bottom: 1px solid #ccc;
padding: 0.75rem 0;
}
}
@media screen and (max-width: 768px) {
#guideContainer.shipping #guideContent .shippingWrap table,
#guideContainer.shipping #guideContent .shippingWrap table thead,
#guideContainer.shipping #guideContent .shippingWrap table tbody,
#guideContainer.shipping #guideContent .shippingWrap table tr,
#guideContainer.shipping #guideContent .shippingWrap table tbody td {
width: 100%;
display: block;
}
#guideContainer.shipping #guideContent .shippingWrap table {
border-spacing: 0;
}
#guideContainer.shipping #guideContent .shippingWrap table thead {
background: #F9F5F4;
}

#guideContainer.shipping #guideContent .shippingWrap table tbody tr {
border-bottom: 1px solid #ccc;
padding: 1rem 0.5rem;
}
#guideContainer.shipping #guideContent .shippingWrap table .area {
display: none;
}
#guideContainer.shipping #guideContent .shippingWrap table td.pref {
font-weight: 700;
}
}
/* ギフトオプション --------------------------------------------- */
#guideContainer.option .giftContent {
margin: 5.5rem auto;
}
#guideContainer.option .giftContent:last-child {
margin-bottom: 0;
}
#guideContainer.option .giftContent .giftIntro {
padding: 2rem 0 0 0;
margin: 0rem auto 2.5rem;
}
#guideContainer.option .giftContent .giftIntro .giftTtlWrap h4 {
font-size: 2rem;
}
#guideContainer.option .giftContent .giftIntro .fzS {
margin: 0;
}
#guideContainer.option .giftContent .giftWrap {
margin: 0 auto 2.5rem;
max-width: 768px;
}
#guideContainer.option .giftContent .giftWrap .giftTtlWrap {
margin: 0 0 2rem;
padding: 2rem 0 0.5rem 0;
position: relative;
}
#guideContainer.option .giftContent .giftWrap .giftTtlWrap::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
display: block;
width: 100%;
height: 1px;
background: #472427;
}
#guideContainer.option .giftContent .giftWrap .giftTtlWrap h5 {
font-size: 1.5rem;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dt{
margin: 0 0 0.5rem;
}


/* のし */
#guideContainer.option .giftContent .giftWrap .noshiWrap {
display: flex;
gap:1.5rem 2rem;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap:not(:last-child) {
margin: 0 0 3rem 0;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .imgBlock {
width: 50%;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .imgBlock img {
border: 1px solid #ccc;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock {
width: 50%;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .ttl {
font-size: 1.5rem;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .detailBlock {
margin: 2rem 0 0 0;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .detailBlock dl {
border-top: 1px solid #ccc;
font-size: 0.875rem;
margin: 0;
padding: 1rem 0;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .detailBlock dl:last-child {
border-bottom: 1px solid #ccc;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .detailBlock dl dt {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#guideContainer.option .giftContent .giftIntro .giftTtlWrap,
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .ttl{
margin:0 0 1rem 0;
}


@media screen and (max-width: 768px) {
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock .ttl {
font-size: 1.25rem;
}
}

@media screen and (max-width: 440px) {
#guideContainer.option .giftContent .giftWrap .noshiWrap {
flex-direction: column;
}
#guideContainer.option .giftContent .giftWrap .noshiWrap .imgBlock,
#guideContainer.option .giftContent .giftWrap .noshiWrap .txtBlock {
width: 100%;
}
}


/* メッセージカード */

#guideContainer.option .giftContent .giftWrap .cardtypeList h6 {
font-size: 1.5rem;
margin: 2rem 0;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList:first-of-type h6{
margin: 0 0 2rem;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap {
display: flex;
gap: 1rem 2rem;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap:not(:last-child) {
margin: 0 0 2rem 0;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .imgBlock {
width: 50%;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .imgBlock img {
border: 1px solid #ccc;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock {
width: 50%;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl {
margin: 0;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dt {
font-size: 1.25rem;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dd span {
display: block;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dd .season {
margin: 0.5rem 0 1rem 0;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dd .season::before {
content: "- ";
}
@media screen and (max-width: 768px) {
#guideContainer.option .giftContent .giftWrap .cardtypeList h6 {
font-size: 1.25rem;
margin: 1.5rem 0;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList:first-of-type h6{
margin: 0 0 1.5rem;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock dl dt {
font-size: 1.0rem;
}
}
@media screen and (max-width: 440px) {
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap {
flex-direction: column;
}
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .imgBlock,
#guideContainer.option .giftContent .giftWrap .cardtypeList .cardWrap .txtBlock {
width: 100%;
}
}

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

#guideContainer.option .giftContent .giftWrap .cardsizeWrap {
display: flex;
gap: 2rem 4rem;
}
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock:nth-child(1) {
width: 60%;
}
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock:nth-child(2) {
width: 40%;
}
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock img {
border: 1px solid #ccc;
}
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock p {
font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
#guideContainer.option .giftContent .giftWrap .cardsizeWrap {
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 440px) {
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock:nth-child(1) {
width: 100%;
}
#guideContainer.option .giftContent .giftWrap .cardsizeWrap .imgBlock:nth-child(2) {
width: 72%;
}
}


/* ------------------ */
#guideContainer.option .giftContent .giftWrap .exWrap {
margin: 3rem 0 0 0;
}
#guideContainer.option .giftContent .giftWrap .exWrap details:not(:last-child) {
margin: 0 0 2rem 0;
}
#guideContainer.option .giftContent .giftWrap .exWrap summary {
list-style: none;
background: #F6F4EE;
padding: 0.5rem 3rem 0.5rem 0.5rem;
display: flex;
gap: 0.75rem;
position: relative;
}
#guideContainer.option .giftContent .giftWrap .exWrap summary::before,
#guideContainer.option .giftContent .giftWrap .exWrap summary::after {
content: "";
display: block;
position: absolute;
width: 1rem;
height: 2px;
background: #D0010E;
right: 0.5rem;
top: 50%;
transition: .3s ease-in-out;
}
#guideContainer.option .giftContent .giftWrap .exWrap details summary::before {
transform: rotate(-90deg);
}
#guideContainer.option .giftContent .giftWrap .exWrap details[open] summary::before {
transform: rotate(0deg);
}
#guideContainer.option .giftContent .giftWrap .exWrap summary .category {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
}
#guideContainer.option .giftContent .giftWrap .exWrap .ex {
padding:1rem 0 1rem 1rem;
}
#guideContainer.option .giftContent .giftWrap .exWrap .ex ul li {
text-indent: -1em;
padding-right: 1em;
}
#guideContainer.option .giftContent .giftWrap .exWrap .ex ul li::before {
content: "・";
}
/* ------------------ */
#guideContainer.option .giftContent .bagWrap {
display: flex;
max-width: 768px;
margin: 0 auto 0;
padding: 2rem 0 0 0;
flex-wrap: wrap;
gap: 3rem 1.5rem;
}
#guideContainer.option .giftContent .bagWrap .bagBlock {
width: calc((100% - 3rem) / 3);
}
#guideContainer.option .giftContent .bagWrap .bagBlock figure {
margin: 0;
padding: 0;
}
#guideContainer.option .giftContent .bagWrap .bagBlock figure figcaption span {
display: block;
}
#guideContainer.option .giftContent .bagWrap .bagBlock figure figcaption .name {
margin: 0.5rem 0 0.25rem;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
}
@media screen and (max-width: 768px) {
#guideContainer.option .giftContent .bagWrap {
padding: 0.5rem 0 0 0;
gap: 2rem 1.5rem;
}
#guideContainer.option .giftContent .bagWrap .bagBlock {
width: calc((100% - 1.5rem) / 2);
}
}

/* よくある質問 --------------------------------------------- */
#guideContainer.faq #guideContent .ankerLinkBlock ul {
flex-wrap: wrap;
}
#guideContainer.faq #guideContent .faqWrap {
margin: 4.5rem auto 0;
}
#guideContainer.faq #guideContent details:not(:last-child) {
margin: 0 0 2rem 0;
}
#guideContainer.faq #guideContent summary {
list-style: none;
background: #F6F4EE;
padding: 0.5rem 3rem 0.5rem 0.5rem;
display: flex;
gap: 0.75rem;
position: relative;
}
#guideContainer.faq #guideContent summary::before,
#guideContainer.faq #guideContent summary::after {
content: "";
display: block;
position: absolute;
width: 1rem;
height: 2px;
background: #D0010E;
right: 0.5rem;
top: 50%;
transition: .3s ease-in-out;
}
#guideContainer.faq #guideContent details summary::before {
transform: rotate(-90deg);
}
#guideContainer.faq #guideContent details[open] summary::before {
transform: rotate(0deg);
}
#guideContainer.faq #guideContent summary span {
display: block;
}
#guideContainer.faq #guideContent summary .mark {
font-weight: 700;
color: #BBA883;
}
#guideContainer.faq #guideContent summary .question {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
}
#guideContainer.faq #guideContent .answerWrap {
display: flex;
gap: 0.75rem;
padding:1rem 0 1rem 1rem;
}
#guideContainer.faq #guideContent .answerWrap .mark {
font-weight: 700;
color: #aaa;
}
#guideContainer.faq #guideContent .answerWrap p {
margin: 0;
}

@media screen and (max-width: 1024px) {
#guideContainer.faq #guideContent .ankerLinkBlock ul li {
width: calc((100% - 2rem) / 2);
}
}
@media screen and (max-width: 440px) {
#guideContainer.faq #guideContent .ankerLinkBlock ul li {
width: 100%;
}
#guideContainer.faq #guideContent summary {
padding: 0.5rem 2rem 0.5rem 0.5rem;
}
}
/* 特商法 --------------------------------------------- */
#guideContainer.legal .legalBlock {
border-top: 1px solid #472427;
border-bottom: 1px solid #472427;
padding: 1rem 1.5rem;
}
#guideContainer.legal .legalBlock dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap:0.25rem 1rem;
}
#guideContainer.legal .legalBlock dl dt {
font-weight: 700;
}
#guideContainer.legal .legalBlock dl dd {
width: calc(100% - 144px);
}
#guideContainer.legal .legalBlock dl dd a,
#guideContainer.legal .legalBlock dl dd a[tel] {
color: #472427;
text-decoration: none;
}
#guideContainer.legal section {
margin: 4.5rem 0;
}
#guideContainer.legal section:last-child {
margin-bottom: 0;
}
#guideContainer.legal .legalBlock dl{
margin:1rem 0;
}
#guideContainer.legal section h5{
margin:0 0 1rem 0;
}
#guideContainer.legal section ul{
margin:1rem 0;
}


@media screen and (max-width: 440px) {
#guideContainer.legal .legalBlock {
padding: 1rem 0rem;
}
#guideContainer.legal .legalBlock dl {
flex-direction: column;
}
#guideContainer.legal .legalBlock dl dd {
width: 100%;
}
}




/* 個人情報保護方針・利用規約 --------------------------------------------- */

#guideContainer.policy .policyWrap {
margin: 4.5rem 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#guideContainer.policy .policyWrap section {
margin: 4.5rem 0;
}
#guideContainer.policy .policyWrap section ul li::before {
content: "・";
}
#guideContainer.policy .policyWrap section ul li {
text-indent: -1em;
padding: 0 0 0 1em;
}
#guideContainer.policy .enact {
text-align: right;
}

#guideContainer.policy .policyWrap section h4{
margin:0 0 1rem 0;
}
#guideContainer.policy .policyWrap section p{
margin:1rem 0;
}


@media screen and (max-width: 768px) {
#guideContainer.policy .policyWrap section h4 {
font-size: 1.25rem;
}
}


dd a {
  pointer-events: none !important;
  cursor: default !important; 
  text-decoration: none !important;
  color: #472427!important; 
}