#fview_shopping_guide {
	background:url(../img/shopping_guide/bg_subf_shoppingguide.jpg) no-repeat center / cover;
	position:relative;
}

.guide_link {
	margin:50px auto 40px;
	/* max-width:1210px; */
	max-width:760px;
	padding:0 50px;
}

.guide_link ul li {
	margin:0 10px 20px;
}

.guide_link ul li a {
	display: block;
	padding:0 1em;
	min-width:200px;
	height:54px;
	line-height:52px;
	text-align:center;
	border:1px solid #f7ab00;
	border-radius: 4px;
}

.guide_link li a span {
	font-size:1.8rem;
	padding-right:0.5em;
	letter-spacing: 0.05em;
}

.guide_link ul li a:hover {
	color:#f7ab00;
	background:#fff;
}

.guide_link ul li a:hover span {
	color:#f7ab00;
}

/* guide wrap */

.guide_wrap h1 {
	font-size:2.4rem;
	margin-bottom:2em;
}

.guide_block {
	padding:0 50px;
}

.guide_block .inner  {
	max-width:874px;
	margin:0 auto;
	padding:50px 60px 80px;
	border:2px solid #e8e8e8;
}

.guide_block:not(last-of-type){
	margin-bottom:60px;
}

.guide_block h2 {
	font-size:2rem;
	margin-bottom:1.5em;
}

.guide_block h2 span {
	font-size:4.4rem;
	padding-right:0.2em;
}

.g_txt {
	width:65%;
	padding-right:1.5em;
}

.g_txt h3 {
	margin-bottom:1.5em;
	line-height:1.5em;
}

.g_txt p {
	font-size:1.4rem;
}

.g_img {
	width:35%;
	max-width:305px;
	min-width:305px;
}

.order_dl {
	margin:40px 0 0 0;
	padding-left:90px;
	padding-top:40px;
}

.order_dl dt {
	font-size:1.8rem;
	position:relative;
}

.order_dl dt::before {
	content:"";
	display:block;
	width:70px;
	height:70px;
	position:absolute;
	left:-90px;
	top:-23px;
}

.order_dl .order_mail::before {
	background:url(../img/common/icon_guide_mail.svg) no-repeat center / contain;
}

.order_dl .order_tel::before {
	background:url(../img/common/icon_guide_tel.svg) no-repeat center / contain;
}

.order_dl .order_fax::before {
	background:url(../img/common/icon_guide_fax.svg) no-repeat center / contain;
}

.order_dl dd {
	margin-bottom:2em;
}

.order_dl dd p.fw_bold,
.order_dl dd .order_tel_no {
	font-size:3rem;
	letter-spacing: 0.1em;
	line-height:1.75em;
}

.faxbtn_wrap {
	margin:20px 0 0 0;
}

.faxbtn_wrap a {
	width:200px;
	height:40px;
	line-height:38px;
	display: block;
	border:1px solid #0cd1f7;
	text-align:center;
	margin-right:1em;
}

.faxbtn_wrap a:hover {
	color:#0cd1f7;
	background:#fff;

}

.kome_wrap {
	margin-bottom:3em;
}

.guide_wrap .btn_orange {
	width:300px;
}

.chien_dl {
	margin-top:3em;
}

.chien_dl dt {
	width:152px;
	height:40px;
	line-height:38px;
	border:1px solid #0cd1f7;
	border-radius: 4px;
	margin-bottom:0.5em;
	text-align:center;
}

.chien_dl .chien_dt2 {
	width:202px;
}

.chien_dl .chien_dt3 {
	width:310px;
}

.chien_dl dd {
	margin-bottom:2em;
}

.delv_ul {
	margin-top:1em;
}

.delv_ul li {
	border-bottom:1px solid #e8e8e8;
	padding:0.5em 0 0.2em 0;
}

.more_than,
.less_than,
.less_than + p span {
	font-size:1.4rem;
}

.less_than + p span {
	padding-left:0.5em;
}

.more_than span.en,
.less_than span.en {
	font-size:2rem;
}

.more_than strong,
.less_than strong,
.more_than + p strong,
.less_than + p strong {
	font-size:2.2rem;
}

.more_than,
.less_than {
	padding-right:3em;
	margin-right:1.5em;
	position:relative;
}

.more_than::after,
.less_than::after {
	content:"";
	display:block;
	width:19px;
	height:11px;
	background:url(../img/common/icon_arrow.svg) no-repeat center / contain;
	right:0;
	top:0.5em;
	position:absolute;
}

.chien_dl dd figure {
	margin:1em 0 2em;
}

.chien_dl dd .kome a {
	border-bottom:1px solid #0cd1f7;
}

.chien_dl dd .kome a:hover {
	color:#0cd1f7;
	border:none;
}

#cancel .btn_orange {
	margin-top:3em;
}

.chien_list {
	margin-top:2em;
}

.chien_list li {
	padding-bottom:0.2em;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:0.75em;
}

.chien_list .kome::before {
	content:"";
	width:0.65em;
	height:0.85em;
	top:0.2em;
	background:url(../img/common/icon_sankaku.svg) no-repeat center / contain;
}

.point_bottom {
	margin:74px auto 0;
}

.point_bottom h3 {
	font-size:2rem;
	margin-bottom:1.5em;
}

.point_bottom_img {
	max-width:576px;
	margin:0 auto 1.5em;
}



/* --- ver sp --- */

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

	
	.guide_link {
		margin:10vw auto 10vw;
		max-width:100%;
		padding:0 5vw;
	}

	.guide_link ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.guide_link ul li {
		margin:0 auto 5vw ;
	}
	
	.guide_link ul li a {
		width:80vw;
		height:13.5vw;
		line-height:13vw;
		border-radius: 1vw;
	}
	
	.guide_link li a span {
		font-size:4.5vw;
	}
	
	/* guide wrap */
	
	.guide_wrap h1 {
		font-size:5vw;
	}
	
	.guide_block {
		padding:0 5vw;
	}
	
	.guide_block .inner  {
		max-width:100%;
		margin:0 auto;
		padding:10vw 5vw 15vw;
	}
	
	.guide_block:not(last-of-type){
		margin-bottom:10vw;
	}
	
	.guide_block h2 {
		font-size:5vw;
		position:relative;
		padding-left:2.25em;
	}
	
	.guide_block h2 span {
		font-size:8vw;
		position:absolute;
		left:0;
		top:0;
	}
	
	.g_txt {
		width:100%;
		padding-right:0;
	}
	
	.g_txt p {
		font-size:3.5vw;
	}
	
	.g_img {
		width:100%;
		max-width:100%;
		min-width:auto;
		height:50vw;
		-webkit-box-ordinal-group: -1;
		-ms-flex-order: -1;
		order: -1;
		margin-bottom:5vw;
	}
	
	.order_dl {
		margin:10vw 0 0 0;
		padding-left:14vw;
		padding-top:5vw;
	}
	
	.order_dl dt {
		font-size:4vw;
		position:relative;
	}
	
	.order_dl dt::before {
		content:"";
		display:block;
		width:12.5vw;
		height:12.5vw;
		position:absolute;
		left:-15vw;
		top:-4vw;
	}
	
	
	.order_dl dd {
		margin-bottom:2em;
	}
	
	.order_dl dd p.fw_bold,
	.order_dl dd .order_tel_no {
		font-size:6.5vw;
	}
	
	.faxbtn_wrap {
		margin:5vw 0 0 0;
	}
	
	.faxbtn_wrap a {
		width:50vw;
		height:10vw;
		line-height:9.5vw;
		margin-bottom:5vw;
	}
	
	.kome_wrap {
		margin-bottom:3em;
	}
	
	.guide_wrap .btn_orange {
		width:75vw;
	}
	

	.chien_dl dt {
		width:40vw;
		height:10vw;
		line-height:9.5vw;
		border-radius: 1vw;
	}
	
	.chien_dl .chien_dt2 {
		width:55vw;
	}
	
	.chien_dl .chien_dt3 {
		width:100%;
	}
	

	.more_than,
	.less_than,
	.less_than + p span {
		font-size:3.5vw;
	}
	

	.more_than span.en,
	.less_than span.en {
		font-size:4.5vw;
	}
	
	.more_than strong,
	.less_than strong,
	.more_than + p strong,
	.less_than + p strong {
		font-size:5vw;
	}
	
	.more_than,
	.less_than {
		padding-right:3em;
		margin-right:1.5em;
		position:relative;
	}
	
	.more_than::after,
	.less_than::after {
		width:4.75vw;
		height:2.75vw;
	}
	
	.chien_dl dd figure {
		margin:1em 0 2em;
	}

	.chien_dl dd figure img {
		width:79vw;
		height:10.15625vw;
	}
	

	.chien_list li {
		line-height:1.5em;
	}
	

	.point_bottom {
		margin:15vw auto 0;
	}
	
	.point_bottom h3 {
		font-size:4.5vw;
	}
	
	.point_bottom_img {
		max-width:100%;
		margin:0 auto 1.5em;
	}

	.point_bottom_img img {
		width:79vw;
		height:43.8875vw;
	}

}