@charset "utf-8";
/* CSS Document */

div#cart-footer, footer {
    background-color: #fffdf3;
    clear: both;
    margin: 0 auto;
    line-height: 100%;
    position: relative;
    height: auto;
    margin-top: 0;
    width: 100%;
}

/*ご利用案内*/
.f-guide {
	padding: 70px 0 50px;
}
.f-guide .w1200, .f-contact .w1200 {
    width: 1200px;
    margin: 0 auto;
}
.guide-area {
	display: flex;
	justify-content: space-between;
}
.guide-column {
	width: 30%;
}
.guide-column, .guide-sub-column {
    position: relative;
}
.guide-column.nest-parent {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.accordion-title {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05rem;
    margin-bottom: 15px;
}
.accordion-content {
	display: block; 
}
.accordion-content b {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    margin-bottom: 5px;
}
.accordion-content p {
    font-size: 13px !important;
    font-weight: normal;
    line-height: 1.8!important;
    letter-spacing: 0.1rem;
    margin-bottom: 20px!important;
}
.accordion-content p.note {
    font-size: 10px;
    padding-left: 1em;
    text-indent: -1em;
	margin: -15px 0 20px;
}
.accordion-content ul {
	display: grid;
    grid-template-columns: repeat(6, 1fr); 
    gap: 2%;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	margin: -10px 0 20px;
}
.accordion-content ul li {
	font-size: 10px;
	letter-spacing: 0.03rem;
    border: 1px solid #333;
    box-sizing: border-box;
    padding: 2px 1%; 
    text-align: center;
    white-space: nowrap;
}
.shipping-list {
    margin: 0 auto;
    font-size: 13px;
    border-top: 1px solid #DCDCDC;
}
.shipping-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid #DCDCDC;
}
.shipping-row.head {
    font-weight: bold;
}
.shipping-list dt {
    width: 60%; 
    color: #333333;
}
.shipping-dd-group {
    width: 40%;
    text-align: right;
}
.shipping-list dd {
    margin: 0; 
    color: #333333;
}
a.more-link {
	color: #333;
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    text-align: right;
    font-size: 10px;
    letter-spacing: 0.05rem;
    border-bottom: 1px solid currentColor;
    padding: 0 3px;
    padding-bottom: 0.3em;
	text-decoration: none;
}

/*CONTACT US*/
.f-contact {
	padding: 50px 0;
	border-top: 1px solid #E0E0E0;
	box-sizing: border-box;
}
.contact-ttl {
    display: flex;
    align-items: center;
	margin-bottom: 20px;
}
.contact-ttl h2 {
	font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.1rem;
}
.contact-ttl h2::after {
	content: "お問い合わせ";
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    border-top: none;
    letter-spacing: 0.05em;
    margin-left: 20px;
}
.contact-ttl p {
    font-size: 13px;
    text-align: right;
}
.contact-box {
    width: 31%;
}
.contact-box.ext-link {
    position: relative;
}
.contact-box.ext-link::after {
    content: "";
    position: absolute;
    right: 20px; 
    top: 50%;
    transform: translateY(-50%);
    background-image: url('https://www.estore-test88.com/pic-labo/icon-ext-link.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.contact-box a {
    color: #333;
	background: #fffdf3;
    display: flex;
    align-items: center;
    border: 1px solid #333;
    box-sizing: border-box;
    padding: 20px 7%;
    min-height: 90px;
	text-decoration: none;
}
.contact-box.tel a, .contact-box.fax a {
    pointer-events: none;
}
.contact-box a:hover {
	background: #fff;
}
.contact-box a img {
	width: 30px;
	vertical-align: bottom;
	margin-right: 7%;
}
.contact-box p {
    text-align: left;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 1 !important;
	letter-spacing: 0.1rem;
}
.contact-box.ext-link p {
    font-size: 16px !important;
}
.contact-box p span {
    font-size: 50%;
    font-weight: normal;
}

/*フッタ*/
div#footer {
    width: 100%;
    background: #333;
    padding: 30px 2%;
    box-sizing: border-box;
}
.f-logo {
    margin-bottom: 20px;
}
.f-logo img {
    width: 90px;
	vertical-align: bottom;
}
.f-sns {
    display: flex;
    align-items: center;
}
.f-sns a {
	margin-left: 20px;
}
.f-sns a img {
	width: 25px;
	vertical-align: bottom;
}
.f-alcohol-alert p {
    color: #fff;
    font-size: 13px;
    line-height: 2.3;
    letter-spacing: 0.1rem;
}
.f-alcohol-alert p br.new-line {
    display: none;
}
.f-navi ul {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.f-navi ul li {
    margin-left: 30px;
}
.f-navi ul li a {
    color: #fff;
    font-size: 13px;
	text-decoration: none;
}
.f-navi p.copyright {
    color: #fff;
    text-align: right;
    font-size: 10px;
}

@media (max-width: 1440px) {
/*フッタ*/
.f-alcohol-alert p, .f-navi ul li a {
    font-size: 11px;
}
.f-navi p.copyright {
    font-size: 8px;
}	
}

@media (max-width: 1200px) {
/*ご利用案内*/	
.f-guide .w1200, .f-contact .w1200 {
    width: 94%;
    margin: 0 auto;
}

/*CONTACT US*/
.contact-ttl h2 {
    font-size: 23px;
}	
.contact-ttl h2::after {
    font-size: 11px;
    margin-left: 15px;
}
.contact-box a {
    padding: 15px 7%;
    min-height: 80px;
}	
.contact-box a img {
    width: 25px;
}	
.contact-box p {
    font-size: 18px !important;
}	
.contact-box.ext-link p {
    font-size: 14px !important;
}	
	
/*フッタ*/
div#footer .flex-area {
    flex-wrap: wrap;
}
div#footer .flex-area:nth-of-type(1), .f-navi .flex-area {
	margin-bottom: 30px;
}		
.f-logo {
	width: 100%;
	text-align: center;
}	
.f-sns {
	width: 100%;
	justify-content: center;
}	
.f-sns a:first-child {	
	margin-left: 0;
}	
.f-sns a img {
    width: 20px;
}
.f-alcohol-alert, .f-navi {
    width: 100%;
}	
.f-alcohol-alert p, .f-navi ul li a {
	font-size: 13px;
	text-align: center;
}	
.f-navi .flex-area {
    justify-content: center;
}	
.f-navi ul {
    justify-content: center;
    margin-top: 30px;
	margin-bottom: 0;
}
.f-navi ul:nth-of-type(1) li:first-child {	
	margin-left: 0;
}	
.f-navi ul li a {	
	border-bottom: 1px solid currentColor;
    padding: 0 3px;
	padding-bottom: 0.3em;
}
.f-navi p.copyright {
	font-size: 10px;
	text-align: center;
}	
}

@media (max-width:960px){
/*ご利用案内*/	
	
/*CONTACT US*/
.contact-box a {
    min-height: 70px;
}	
.contact-box p {
    font-size: 16px !important;
}	
.contact-box.ext-link p {
    font-size: 12px !important;
}
}

@media screen and (max-width: 768px) {
/*ご利用案内*/
.f-guide {
    padding: 20px 0 50px;
}	
.f-guide .w1200, .f-contact .w1200 {
	width: 75%;
	margin: 0 auto;
}	
.guide-area {
	display: block;
}
.guide-column {
	width: 100%;
}
.guide-column.nest-parent {
    gap: 0;
}	
.accordion-title {
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	border-bottom: 1px solid #333;
	box-sizing: border-box;
	padding: 25px 3%;
	margin-bottom: 0;
	position: relative;
}
.accordion-title::before,
.accordion-title::after {
	content: "";
	position: absolute;
	top: 32px;
	right: 25px;
	width: 14px;
	height: 1px;
	background-color: #333; 
	transition: transform 0.4s ease;
}
.accordion-title::after {
	transform: translateY(-50%) rotate(90deg); 
}	
.accordion-title.is-open::after {
	opacity: 0;
}	
.accordion-content {
	display: none; 
	margin-top: 20px;
	margin-bottom: 20px;
}
a.more-link {
	position: relative;
	display: block;
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.1rem;
	border-bottom: 0;
	border: 1px solid #333;
	padding: 15px 5%;
	margin-top: 20px;
}
a.more-link::after {	
	content: '';
	width: 5px;
	height: 5px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	display: block;
	position: absolute;
	right: 30px;
	top: 45%;
	transform: rotate(-45deg);
	transition: all 0.2s ease-out;	
}
	
/*CONTACT US*/
.f-contact {
    padding: 50px 0 35px;
}
.f-contact .flex-area {
	flex-wrap: wrap;
}	
.contact-ttl p {
    margin-top: 10px;
}	
.contact-box {
    width: 100%;
	margin-bottom: 15px;
}
.contact-box a {
	min-height: 80px;
}
.contact-box p {
	font-size: 20px !important;
}	
.contact-box.ext-link p {
	font-size: 16px !important;
}	
.contact-box a img {
	width: 30px;
}	
	
/*フッタ*/
div#footer {
    padding: 40px 5% 20px;
}	
div#footer .flex-area {
    flex-wrap: wrap;
}
.f-logo img {
    width: 80px;
}
.f-alcohol-alert p br.new-line {
    display: block;
}
.f-alcohol-alert p, .f-navi ul li a {
	font-size: 12px;
}
	
}

@media (max-width:580px){
/*ご利用案内*/	
.f-guide .w1200, .f-contact .w1200 {
	width: 90%;
	margin: 0 auto;
}
	
/*フッタ*/
.f-alcohol-alert p br {
    display: block;
}	
.f-navi ul {
	margin-top: 20px;
	margin-bottom: 0;
	width: 100%;
}	
.f-navi ul:nth-of-type(2) li:first-child {	
	margin-left: 0;
}	
}

@media (max-width:480px){
/*ご利用案内*/	
.accordion-title {
	font-size: 16px;
	padding: 20px 3%;
}
.accordion-title::before, .accordion-title::after {
	top: 27px;
	right: 20px;
	width: 12px;
}	
	
/*CONTACT US*/
.contact-ttl p {
    font-size: 11px;
}	
.contact-box a {
    padding: 15px 7%;
    min-height: 50px;
}	
.contact-box.tel a, .contact-box.fax a {
    pointer-events: auto;
}	
.contact-box a img {
    width: 25px;
}	
.contact-box p {
    font-size: 16px !important;
}	
.contact-box.ext-link p {
    font-size: 12px !important;
}
	
/*フッタ*/
}