body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }


body { margin:0; padding: 0rem 0 0; font-size:1rem; font-family:"Century Gothic",Arial,sans-serif; color:#333; }
@media screen and (max-width: 813px) {
body { margin:0; padding: 0rem 0 0; font-size:1rem; font-family:"Century Gothic",Arial,sans-serif; color:#333; -webkit-text-size-adjust:100%; position:relative; }
}



/************************************************************
 *  Contact StyleSeet *
 */

.contact-submit-area {
	width: 100%;
	padding: 3rem;
	text-align: center;
}
@media screen and (max-width: 813px) {
.contact-submit-area {
	padding: 3rem 0;
}
}


/************************************************************
 *  Side Area StyleSeet *
 */
.sidebar-area {
	width: 300px;
	float: left;
	padding: 50px 0;
}
.side-area-item {
	margin: 0 0 1rem;
}

.side-area-category-area {
	margin: 0 0 1rem;
}

/************************************************************
 *  Cart Area StyleSeet *
 */
.setitem-cart_body input[type="image"],
.single-item_area_cart input[type="image"],
.single-gift_area_cart input[type="image"],
.index-item-cart input[type="image"] {
	width: 100%;
	height: auto;
}


/************************************************************
 *  Header StyleSeet *
 */
#header_wrap { width:100%; min-width:1140px; }
#pc-header { width:1140px; height:123px; padding: 1rem 0 0; position:relative; margin:0 auto;}
#pc-header {
	background-image: url("./images/header-back.webp");
	background-repeat: no-repeat;
	background-position: right;
}
#pc-header_wrap { padding: 0 0 .5rem; overflow: hidden; }
#pc-header_wrap h1 { margin: 0 0 .5rem; font-size: .9rem; font-weight: normal; }
.pc-header_inner { 
	display: flex;
	justify-content: space-between;
	width: 990px;
}
.pc-header_inner_logo { width: 580px; }
.pc-header_inner_tel { width: 390px; }
#global_menu { width:100%; height:55px; margin:0; background-color:#fbb03b; }
#global_menu ul { display: table; margin: 0 auto; padding: 0 0 0; width: 1140px; text-align: center; box-sizing: border-box; }
#global_menu ul li { display: table-cell; min-width: 50px; border-right: 1px solid #fff; }pc-header-inner-tel
#global_menu ul li:first-child {border-left: 1px solid #fff;}
#global_menu ul li a { display: block; width: 100%; padding: 0 0; text-decoration: none; color: #fff; }


@media screen and (max-width: 813px) {
	.sp-wrap { overflow: hidden; }
	#header_wrap { width:100%;}
	#header {
		width:100%; min-height:32px;
		padding:7px 0 9px;
		position:fixed; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
		background:#fff; z-index:1000;
	}
	.sp-logo { margin:5px 0 0 15px;}
	.sp-header-btn {
		position: absolute;
		top: 12px;
		right: 50px;
	}
	.sp-header-btn img {
		width: 4rem;
		margin: .5rem 0 0 0;
	}
}


/************************************************************
 *  Footer StyleSeet *
 */
.footer-banner-area {
}
.footer-banner-area-flex {
	display: flex;
	justify-content: space-between;

}
.footer-banner-block {
	width: 18%;
}
.footer-banner-block img {
	width: 100%;
}
@media screen and (max-width: 813px) {
.footer-banner-area-flex
	display: block;
}
}


/************************************************************
 *  Side StyleSeet *
 */
.side-area-category-area {

}
@media screen and (max-width: 813px) {

}


/************************************************************
 *  Title StyleSeet *
 */
.page-title-h2 { margin-bottom:2rem; font-size: 2rem; overflow: hidden; text-align: center; }
.page-title-h2 span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: center; }
.page-title-h2 span::before, .page-title-h2 span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #000; }
.page-title-h2 span::before { right: 100%; }
.page-title-h2 span::after { left: 100%; }

.page-contact-subtitle-h3 { padding: 1rem 0; border: dotted 1px #000; text-align: center; }
.page-contact-teltitle-h3 { font-size: 200%; color: #f00; text-align: center; }

.headline1 { margin:0 0 .8rem; padding: .25em 0 .25em .75em; border-bottom: 1px solid #ccc; border-left: 6px solid #ccc; }
.headline2 { margin:0 0 .8rem; padding: .25rem 0 .5rem .75rem; border-left: 6px solid #fbb03b; }

@media screen and (max-width: 813px) {
.page-title-h2 { margin-bottom:2rem; font-size: 1.7rem; overflow: hidden; text-align: center; }
.page-title-h2 span { position: relative; display: inline-block; margin: 0 1.5em; padding: 0 1em; text-align: center; }
.page-title-h2 span::before, .page-title-h2 span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #000; }
.page-title-h2 span::before { right: 100%; }
.page-title-h2 span::after { left: 100%; }
}



/************************************************************
 *  PC or SP Display StyleSeet *
 */
.only_sp {
	display: block;
}
@media only screen and (min-width: 768px) {
	.only_sp {
		display: none;
	}
}
.only_pc {
	display: none;
}
@media only screen and (min-width: 768px) {
	.only_pc {
		display: block;
	}
}
br.only_sp {
	display: inline;
}
@media only screen and (min-width: 768px) {
	br.only_sp {
		display: none;
	}
}
br.only_pc {
	display: none;
}
@media only screen and (min-width: 768px) {
	br.only_pc {
		display: inline;
	}
}
span.only_sp {
	display: inline;
}
@media only screen and (min-width: 768px) {
	span.only_sp {
		display: none;
	}
}
span.only_pc {
	display: none;
}
@media only screen and (min-width: 768px) {
	span.only_pc {
		display: inline;
	}
}