@CHARSET "UTF-8";

/* =====================================
	コンテンツ
======================================= */

/*
header
------------------------------------------ */
#header{
	border-bottom: solid 4px #abdd8c;
}
#header .header_box{
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	padding: 1.2rem 0;
}

#header .header_box .open-time{
	width: 22rem;
}
#header .header_box .open-time tr:first-of-type td:last-of-type{
	padding-left: 1rem;
}
#header .header_box .open-time tr:last-of-type td{
	padding-top: .6em;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: .1em;
	line-height: 1em;
}

@media screen and (min-width:600px) and (max-width:1024px){
	#header .header_box .logo-area{
		width: 42vw;
	}
}
@media screen and (max-width: 599px) {
	#header .header_box .logo-area{
		width: 42vw;
	}
}




/*
	発送元
------------------------------------------ */
/*
発送元
------------------------------------------ */
#shipment-area{
	padding: 2.4rem 0;
	background: #edf9e5;
}
/* 地域色変更 */
#shipment-area.area1{
	background: #e6f9fb;
}
#shipment-area.area2{
	background: #fef6ef;
}
#shipment-area .shipment-area_inner{
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 1.5rem;
	background: #fff;
	border-radius: 1rem;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
/* 発送元　緑 */
#shipment-area .shipment-area_inner::before{
	content: '発送元';
	display: block;
	width: 100%;
	padding: .6em 0 .3em;
	border-bottom: solid 2px #fff;
	background: #98d175;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 0;
}
/* 地域色変更 */
#shipment-area.area1 .shipment-area_inner::before{
	background: #18afbc;
}
#shipment-area.area2 .shipment-area_inner::before{
	background: #e4822c;
}
#shipment-area .shipment-area_main,
#shipment-area .shipment-area_packing{
	margin: 0 2.4rem;
}
/* 発送元 ----------------------------- */
#shipment-area .shipment-area_main{
	margin-top: 1.3em;
	margin-bottom: 2.4rem;
	font-size: 5rem;
	line-height: 1.2em;
	letter-spacing: .1em;
}
#shipment-area .shipment-area_main .main_intro{
	display: block;
	font-size: .8em;
	letter-spacing: 0;
}
/* 支社名 */
#shipment-area .shipment-area_main .main_branch-office{
	border-bottom: solid 4px #b54d2d;
	color: #b54d2d;
	font-size: 1.12em;
}

/* 同梱 ---------------------------------- */
#shipment-area .shipment-area_packing{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.2rem 2.4rem;
	background: #f2f2f2;
	border-top: solid 4px #fff;
}
#shipment-area .shipment-area_packing .packing_ttl{
	display: block;
	margin-bottom: 1.2rem;
	width: 100%;
	font-size: 2.2rem;
	line-height: 1em;
	text-align: center;
}
#shipment-area .shipment-area_packing .packing_detail{
	width: 56%;
}
#shipment-area .shipment-area_packing .packing_detail th{
	vertical-align: middle;
	width: 8.4em;
	padding: 1.2rem;
	background: #b4aa8f;
	color: #fff;
	font-weight: normal;
	font-size: 2.2rem;
	text-align: left;
	line-height: 1.3em;
}
#shipment-area .shipment-area_packing .packing_detail td{
	vertical-align: middle;
	padding: .8rem 1.2rem;
	font-size: 2.6rem;
	text-align: center;
	background: #fff;
}
/* 同梱可 */
#shipment-area .shipment-area_packing .packing_detail td .set-true{
	display: inline-block;
	padding: .6rem 0;
	color: #b54d2d;
	font-weight: bold;
}
#shipment-area .shipment-area_packing .packing_detail td .set-true:first-of-type{
	margin-right: .6em;
	padding-right: .6em;
	border-right: solid 1px #b4aa8f;
}
#shipment-area .shipment-area_packing .packing_detail td .set-true .item1,
#shipment-area .shipment-area_packing .packing_detail td .set-true .item2{
	margin-right: .4rem;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
}
/* 同梱不可 */
#shipment-area .shipment-area_packing .packing_detail td .set-false{
	padding: .6rem 0;
	text-align: center;
}

/* 電話 ------------------------------------ */
#shipment-area .shipment-area_packing .packing_tel{
	width: 40%;
}
#shipment-area .shipment-area_packing .packing_tel .tel_ttl{
	display: block;
	margin: .6rem 0;
	width: 100%;
	font-size: 2rem;
	line-height: 1em;
}
#shipment-area .shipment-area_packing .packing_tel .tel_number{
	display: block;
	padding: 0 0 0 1rem;
	background: url(../img/guide/icon_tel.svg) no-repeat center left / 1em auto;
	color: #544c37;
	font-size: 4.3rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: .04em;
	text-align: right;
	text-decoration: none;
	word-break:keep-all;
}
#shipment-area .shipment-area_packing .packing_tel .tel_number a{
	display: block;
}

/* 画像 --------------------------------- */
#shipment-area .shipment-area_img{
	width: 30%;
	position: absolute;
	top: 2%;
	right: 0;
	z-index: -1;
}

@media screen and (min-width:1080px){
	#shipment-area .shipment-area_packing .packing_detail{
		width: 60%;
	}
	#shipment-area .shipment-area_packing .packing_tel{
		width: 36%;
	}
}


/* tab */
@media screen and (min-width:600px) and (max-width:1024px){
	#shipment-area .shipment-area_main{
		margin-top: 1.6em;
		font-size: 6vw;
	}
	#shipment-area .shipment-area_packing .packing_ttl{
		font-size: 3vw;
	}
	#shipment-area .shipment-area_packing .packing_detail{
		width: 49%;
	}
	#shipment-area .shipment-area_packing .packing_detail th,
	#shipment-area .shipment-area_packing .packing_detail td{
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	#shipment-area .shipment-area_packing .packing_detail th{
		padding: .8rem;
		line-height: 1em;
		font-size: 2.4vw;
		text-align: center;
	}

	/* 同梱可 */
	#shipment-area .shipment-area_packing .packing_detail td .set-true{
		display: inline-block;
		padding: .6rem 0;
		color: #b54d2d;
		font-weight: bold;
	}
	#shipment-area .shipment-area_packing .packing_detail td .set-true:first-of-type{
		margin-right: 2.2vw;
		padding-right: 2.2vw;
		border-right: solid 1px #b4aa8f;
	}
	#shipment-area .shipment-area_packing .packing_detail td .set-true .item1,
	#shipment-area .shipment-area_packing .packing_detail td .set-true .item2{
		margin-right: .4rem;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1em;
	}
	/* 同梱不可 */
	#shipment-area .shipment-area_packing .packing_detail td .set-false{
		text-align: center;
	}

	/* 電話 ------------------------------------ */
	#shipment-area .shipment-area_packing .packing_tel{
		width: 48%;
	}
	#shipment-area .shipment-area_packing .packing_tel .tel_ttl{
		display: block;
		margin: 0 0 1.1rem;
		width: 100%;
		font-size: 2.6vw;
		line-height: 1.2em;
	}
	#shipment-area .shipment-area_packing .packing_tel .tel_number{
		display: block;
		padding: 0 0 0 1.2em;
		background: url(../img/guide/icon_tel.svg) no-repeat center left / 1em auto;
		color: #544c37;
		font-size: 4.6vw;
		font-weight: bold;
		line-height: 1em;
		letter-spacing: 0;
		text-align: center;
	}
	/* 画像 --------------------------------- */
	#shipment-area .shipment-area_img{
		width: 29vw;
		position: absolute;
		top: 2%;
		right: 0;
		z-index: -1;
	}
}

/* sp */
@media screen and (max-width: 599px) {
	#shipment-area{
		padding: 1.2rem 0;
	}

	/* 発送元　緑 */
	#shipment-area .shipment-area_inner::before{
		font-size: 3vw;
	}

	#shipment-area .shipment-area_main,
	#shipment-area .shipment-area_packing{
		margin: 0 1.2rem;
	}

	/* 発送元 ----------------------------- */
	#shipment-area .shipment-area_main{
		margin-top: 4.6rem;
		margin-bottom: 1.6rem;
		font-size: 6.8vw;
		letter-spacing: 0;
		line-height: 1.4em;
	}

	/* 同梱 ---------------------------------- */
	#shipment-area .shipment-area_packing{
		padding: 1.2rem .6rem;
	}
	#shipment-area .shipment-area_packing .packing_ttl{
		margin-bottom: .6rem;
		font-size: 3.2vw;
	}
	#shipment-area .shipment-area_packing .packing_detail{
		width: 100%;
	}
	#shipment-area .shipment-area_packing .packing_detail th{
		padding: .6rem 1.2rem;
		font-size: 3vw;
		text-align: left;
	}
	#shipment-area .shipment-area_packing .packing_detail td{
		padding: .6ren 1.2rem;
		font-size: 3.6vw;
	}
	#shipment-area .shipment-area_packing .packing_detail td .set-true{
		padding: 0;
	}
	/* 同梱不可 */
	#shipment-area .shipment-area_packing .packing_detail td .set-false{
		padding: 0;
		text-align: center;
	}

	/* 電話 ------------------------------------ */
	#shipment-area .shipment-area_packing .packing_tel{
		margin: 1.2rem 0 0;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#shipment-area .shipment-area_packing .packing_tel .tel_ttl{
		margin: 0 1em 0 0;
		width: auto;
		font-size: 2.6vw;
		line-height: 1.2em;
	}
	#shipment-area .shipment-area_packing .packing_tel .tel_number{
		padding: 0 0 0 1.2em;
		font-size: 5.2vw;
		letter-spacing: 0;
	}
	/* 画像 --------------------------------- */
	#shipment-area .shipment-area_img{
		width: 36vw;
		position: absolute;
		top: .8rem;
		right: -1rem;
		z-index: -1;
	}
}

@media screen and (max-width: 340px) {
	#shipment-area .shipment-area_packing .packing_tel .tel_number{
		font-size: 4.5vw;
	}
}




/*
ページタイトル
------------------------------------------ */
.wrap_ttl{
	box-sizing: border-box;
	margin: 1em 0 2em;
	width: 100%;
	border-bottom: solid 2px #d1c9b4;
	font-size: 3.6rem;
	line-height: 1.2em;
	text-align: center;
	position: relative;
}
.wrap_ttl::before{
	content: '';
	display: block;
	width: 100%;
	height: 1em;
	background: url(../img/guide/ttl_pattern.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.wrap_ttl .wrap_ttl_box{
	box-sizing: border-box;
	display: block;
	padding: 2em 0 .8em;
	font-size: inherit;
	line-height: inherit;
	position: relative;
}
.wrap_ttl .wrap_ttl_box.deli::before{
	content: '';
	display: block;
	width: 100%;
	height: 1.4em;
	background: url(../img/guide/delivery_ttl_icon.svg) no-repeat center / contain;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-23%);
}
.wrap_ttl::after{
	content: '';
	display: block;
	width: 100%;
	height: .8em;
	background: url(../img/guide/arrow_double.svg) no-repeat center / contain;
	position: absolute;
	bottom: -1em;
	left: 0;
}

@media screen and (min-width:600px) and ( max-width:1024px){
	.wrap_ttl{
		font-size: 4.6vw;
	}
}

@media screen and (max-width: 599px) {
	.wrap_ttl{
		margin: 1.2em 0 1.6em;
		font-size: 6.2vw;
	}
	.wrap_ttl .wrap_ttl_box{
		padding: 2em 0 .6em;
	}
	.wrap_ttl::after{
		height: 1em;
	}
	.wrap_ttl::after{
		height: .6em;
	}
}


/*
見出し・小見出し
------------------------------------------ */
/* コンテンツタイトル ---------- */
.container_ttl-gr-i{
	box-sizing: border-box;
	display: block;
	margin-bottom: 2.4rem;
	padding: 1rem 2.4rem .8rem;
	width: 100%;
	background: #98d175;
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.2em;
}
.container_ttl-gr-i .ttl-gr-i_inner{
	display: block;
}
.container_ttl-gr-i .ttl-gr-i_inner.i-truck{
	background: url(../img/guide/icon_truck.svg) no-repeat center left / 1.8em auto #98d175;
	padding-left: 2.4em;
	font-size: inherit;
}
.container_ttl-gr-i .ttl-gr-i_inner.i-shop{
	background: url(../img/guide/icon_shop.svg) no-repeat center left / 1.8em auto #98d175;
	padding-left: 2.4em;
	font-size: inherit;
}
.container_ttl-gr-i .ttl-gr-i_inner.i-box{
	background: url(../img/guide/icon_box.svg) no-repeat center left / 1.8em auto #98d175;
	padding-left: 2.4em;
	font-size: inherit;
}
.container_ttl-gr-i .ttl-gr-i_inner.i-break{
	background: url(../img/guide/icon_break.svg) no-repeat center left / 1.8em auto #98d175;
	padding-left: 2.4em;
	font-size: inherit;
}
.container_ttl-gr-i .ttl-gr-i_inner.i-envelope{
	background: url(../img/guide/icon_envelope.svg) no-repeat center left / 1.8em auto #98d175;
	padding-left: 2.4em;
	font-size: inherit;
}

/* サブタイトル ----------------- */
.container_subttl{
	font-size: 2rem;
	margin-bottom: 1.2rem;
	line-height: 1.2em;
}

@media screen and (min-width:600px) and ( max-width:1024px){
	
}
@media screen and (max-width: 599px) {
	.container_ttl-gr-i{
		margin-bottom: 1.2rem;
		padding: 0 .6rem;
		font-size: 4.8vw;
	}
	.container_ttl-gr-i .ttl-gr-i_inner{
		padding: 1rem 0 .8rem;
	}
	.container_subttl{
		font-size: 4.2vw;
	}
}


/*
フォームへ
------------------------------------------ */
#contact{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 2.4rem 2.4rem 3.6rem;
	background: #f2f2f2;
	text-align: center;
}

#contact .contact_ttl{
	box-sizing: border-box;
	display: inline-block;
	margin: 0 auto 1.8rem;
	padding: 0 1em.6rem;
	border-bottom: solid 2px #98d175;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	letter-spacing: .08em;
	line-height: 1em;
	position: relative;
}
#contact .contact_ttl::before{
	content: '';
	display: inline-block;
	margin-right: .4em;
	width: 1em;
	height: 1em;
	background: url(../img/guide/icon_balloonq.svg) no-repeat center / contain;
}

#contact .contact-btn{
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 2rem 3.6rem 2rem 2rem;
	width: 600px;
	border: solid 1px #b54d2d;
	border-radius: 1rem;
	background: #b54d2d;
	overflow: hidden;
	position: relative;
	transition: all ease 200ms;
}
#contact .contact-btn:active,
#contact .contact-btn:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}
#contact .contact-btn img{
	opacity: 1;
}
#contact .contact-btn::before{
	content: '';
	display: block;
	background: #fff;
	width: 2rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#contact .contact-btn::after{
	content: '';
	display: block;
	border-top: solid .6rem transparent;
	border-left: solid .6rem #b54d2d;
	border-right: solid .6rem transparent;
	border-bottom: solid .6rem transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translate(2rem,-46%);
}

@media screen and (min-width: 1025px) {
	#contact .contact-btn img{
		margin: 0 auto;
		width: 50%;
	}
}
@media screen and (max-width:1024px){
	#contact .contact_ttl{
		width: 100%;
		font-size: 2.8vw;
	}
	#contact{
		width: 100%;
	}
	#contact .contact_ttl{
		display: block;
		width: auto;
	}
	#contact .contact-btn{
		padding: 2.4rem 3.6rem 2.4rem 2rem;
		width: 60vw;
	}
}
@media screen and (max-width: 599px) {
	#contact .contact_ttl{
		font-size: 4.2vw;
		line-height: 1.3em;
	}
	#contact .contact-btn{
		padding: 1.2rem 3.6rem 1.2rem 2rem;
		width: 80vw;
	}
}


/*
お問い合わせ先
------------------------------------------ */
#company .company_info{
	border: solid 4px #d1c9b4;
}
#company .container_subttl{
	padding-bottom: .6rem;
	border-bottom: solid 4px #98d175;
}
#company .company_info dl{
	display: table;
	width: 100%;
}
#company .company_info dl dt,
#company .company_info dl dd{
	box-sizing: border-box;
	display: table-cell;
	padding: 1.2rem 2.4rem;
	font-size: 1.5rem;
	line-height: 1.2em;
	overflow: hidden;
}

#company .company_info dl dt{
	width: 16%;
	position: relative;
}
#company .company_info dl:not(:last-of-type) dt::after{
	content: '';
	display: block;
	width: calc(100% - 1.2rem);
	border-bottom: solid 1px #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}
#company .company_info dl dd{
	width: 84%;
	position: relative;
}
#company .company_info dl dd a{
	color: #544c37;
}
#company .company_info dl:not(:last-of-type) dd::after{
	content: '';
	display: block;
	width: calc(100% - 1.2rem);
	border-bottom: solid 1px #d1c9b4;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

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

@media screen and (max-width: 599px) {
	#company .company_info dl,
	#company .company_info dl dt,
	#company .company_info dl dd{
		display: block;
	}
	#company .company_info dl dt,
	#company .company_info dl dd{
		width: 100%;
	}
	#company .company_info dl:not(:last-of-type) dt::after,
	#company .company_info dl:not(:last-of-type) dd::after{
		content: none;
		display: none;
	}
	#company .company_info dl dt{
		padding: .6rem 1.2rem;
	}
	#company .company_info dl dd{
		padding: 1rem 1.2rem;
		font-size: 1.4rem;
		line-height: 1.4em;
	}
}


/*
footer
------------------------------------------ */
#footer{
	background: #eee;
}
#footer .footer_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2.4rem 0;
}
#footer .footer_inner .back-auc-btn{
	text-align: center;
}
#footer .footer_inner .back-auc-btn a{
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: .6rem 2.4rem .6rem 1.2rem;
	border-radius: .75rem;
	background: #948a70;
	color: #fff;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	position: relative;
}
#footer .footer_inner .back-auc-btn a::after{
	content: '';
	display: block;
	border-top: solid .6rem transparent;
	border-left: solid .6rem #fff;
	border-right: solid .6rem transparent;
	border-bottom: solid .6rem transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 2.2rem;
	transform: translate(2rem,-48%);
}
#footer .footer_inner .back-auc-btn a:hover,
#footer .footer_inner .back-auc-btn a:active{
	opacity:.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* コピーライト */
#footer .copy-right{
	padding: .6em 0 .4rem;
	background: #abdd8c;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.2em;
}

@media screen and (min-width: 1025px) {
	#footer .footer_inner{
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	#footer .footer_inner .footer-logo{
		width: 20rem;
	}
	#footer .footer_inner .back-auc-btn{
		width: 16rem;
		margin-left: 2rem;
	}
	#footer .footer_inner .back-auc-btn{
		font-size: 1.4rem;
	}
}
@media screen and (max-width:1024px){
	#footer .footer_inner{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#footer .footer_inner .footer-logo{
		width: 30vw;
	}
	#footer .footer_inner .back-auc-btn{
		width: 28vw;
		margin-left: 2rem;
	}
	#footer .footer_inner .back-auc-btn{
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 599px) {
	#footer .footer_inner{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 1.2rem 0;
	}
	#footer .footer_inner .footer-logo{
		width: 46vw;
		margin: 0 auto;
	}
	#footer .footer_inner .back-auc-btn{
		width: 40vw;
		margin: 0 auto;
	}
	#footer .footer_inner .back-auc-btn{
		font-size: 3.4vw;
	}
}