@charset "utf-8";

.fAddressFlex {
    margin: 24px 0 0 0;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fAddressItem01 {
    max-width: 212px;
    width: 100%;
}

.fAddressItem02 {
	margin: 20px;
    max-width: 179px;
    width: 100%;
}

.fAddressBox .fAddressText01 {
	color: #3C3C3C;
	transition: all .5s;
}

.fAddressBox:hover .fAddressText01 {
	color: #E6A4A9;
}

/*-----------------------------------------------------------
お問い合わせ
-----------------------------------------------------------*/

.fContactLink01 {
    margin: 20px 0 0 0;
    max-width: 320px;
    width: 100%;
    height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #3C3C3C;
    background: #fff;
    position: relative;
    border-radius: 10px;
    transition: all .5s;
    font-weight: 400;
    box-shadow: 0.1px 0.1px 10px 0 rgba(0, 0, 0, 0.16);
}

.fContactLink01:first-child {
    margin: 0;
}

.fContactLink01 p {
	margin-top: 6px;
}

.fContactLink01:hover {
    color: #3C3C3C;
}

.fContactLink01:hover {
    transform: translateY(-8px);
    transition: all .5s;
}

.fContactWr:before {
    content: "";
    display: block;
    position: absolute;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, rgba(253, 248, 249, 91%), rgba(248, 241, 237, 91%) 60%, rgba(233, 251, 253, 91%) 130%);;
}

.fContactLinkArea:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-size: 6px 10px;
    background-image: linear-gradient(to right, #3C3C3C 1px, transparent 1px);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.fContactLinkBox02 {
    max-width: 320px !important;
}

.fContactLinkBox02 .fContactIconBox {
    max-width: 32px;
    height: 27px;
    width: 100%;
}

.fContactLinkText02 {
    margin-top: 10px !important;
    font-size: 16px !important;
}

/*-----------------------------------------------------------
ナビエリア
-----------------------------------------------------------*/

.fNavLink {
	transition: all .5s;
}

.fNavLink:hover {
	color: #E6A4A9;
}

.tradelawLink {
	transition: all .5s;
}

.tradelawLink:hover {
	color: #E6A4A9;
}

.fSnsLink {
	position: relative;
	transition: all .5s;
}

.fSnsLink:hover {
	transform: translateY(-8px);
}

/*-----------------------------------------------------------
お問い合わせ　オンラインショップ　リンク
-----------------------------------------------------------*/

.fContactLinkBox {
    padding: 23px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 196px;
    width: 100%;
    background: #3C3C3C;
    border: 1px solid #3C3C3C;
    border-radius: 10px;
    transition: all .5s;
}

.fContactIconBox {
    max-width: 28px;
    width: 100%;
    height: 23px;
    background: url(/system_panel/uploads/images/mail_white.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.fContactLinkText {
    margin-top: 15px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0.05em;
}

.fContactLinkBox:hover {
    background: #FFF;
}

.fContactLinkBox:hover .fContactLinkText {
    color: #3C3C3C;
}

.fContactLinkBox:hover .fContactIconBox {
    background: url(/system_panel/uploads/images/mail_black.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.fOnlineLink {
    padding: 22px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 196px;
    width: 100%;
    background: #DDC9A3;
    border: 1px solid #DDC9A3;
    border-radius: 10px;
    transition: all .5s;
}

.fBraIconBox {
    max-width: 30px;
    width: 100%;
    height: 30px;
    background: url(/system_panel/uploads/images/logo_black.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.fBraLinkText {
    margin-top: 15px;
    font-size: 14px;
    color: #3C3C3C;
    letter-spacing: 0.05em;
}

.fOnlineLink:hover {
    background: #FFF;
}

.fOnlineLink:hover .fBraLinkText {
    color: #3C3C3C;
}

/*-----------------------------------------------------------
コピーライト
-----------------------------------------------------------*/

.copyrightArea {
	background-image: linear-gradient(to right, #000 1px, transparent 1px);
    background-size: 3px 1px;
    background-repeat: repeat-x;
    background-position: right top;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------

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

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 544px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ 

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

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

.fAddressFlex {
	flex-direction: row;
	align-items: flex-start;
    justify-content: space-between;
}
  
.fAddressItem01 {
    max-width: 182px;
    width: 100%;
	margin-right: 10px;
}

.fAddressItem02 {
  	margin: 0;
    max-width: 154px;
    width: 100%;
	margin-right: 10px;
}

.fContactLinkBox {
    width: 48.1%;
}
  
.fOnlineLink {
    width: 48.2%;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.fAddressItem01 {
    max-width: 212px;
}

.fAddressItem02 {
    max-width: 179px;
}

/*-----------------------------------------------------------
お問い合わせ
-----------------------------------------------------------*/

.fContactLink01 {
    margin: 0;
    width: 30.8%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------

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

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------

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

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1520px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */