@charset "utf-8";

/* ----------------------------------------------------------
▼ここからpointページ共通パーツ
---------------------------------------------------------- */

/* !header
---------------------------------------------------------- */
#g03 #header {
	background: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff')"; /* IE8 */
	-pie-background: 	linear-gradient(#ffffff, #ffffff);
	border: none;
}
#g03 #hd_inner02 {
	background-size: 100%;
}
#g03.lDef #header {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCE9F0), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #FCE9F0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #FCE9F0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #FCE9F0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #FCE9F0 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #FCE9F0 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#FCE9F0')"; /* IE8 */
	-pie-background: linear-gradient(#FCE9F0, #ffffff);
	position: relative;
	behavior: url(/common/others/PIE.htc);
	border: none;
	border-bottom: 1px solid #C8C8C8;
}
#g03.lDef #hd_inner02 {
	background: url("../img/contents/point/bg_point_mainimg01.png") no-repeat 0 bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
#g03.lDef #hd_inner02 {
	background: url("../img/contents/point/bg_point_mainimg01@2x.png") no-repeat 0 bottom;
	-moz-background-size: 100%;
	background-size: 100%;
}
}
	#g03.lDef #hd_inner02 #mainimg {
		margin: 15.3% 0 13.5% 0;
	}
		#g03.lDef #hd_inner02 #mainimg h1 {
			margin: 0 3.2% 15px 3.2%;
		}
			#g03.lDef #hd_inner02 #mainimg h1 img {
				max-width: 64%;
			}
		#g03.lDef #hd_inner02 #mainimg p {
			margin: 0 3.2% 27px 3.2%;
		}

/* !contents
---------------------------------------------------------- */
#g03 #main {
	line-height: 1.7;
}
#g03 #main .main_links {
	margin: -19% 0 0 0;
}
#g03.lDef #main .main_links {
	margin: 2% 0 0 0;
}

.section_point_sns01 {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 20px 0 20px 0;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	padding: 10px 0 10px 0;
	vertical-align: middle;
}
	.section_point_sns01 p {
		display: inline-block;
		margin-right: 10px;
	}
	.section_point_sns01 ul {
		display: inline-block;
	}
		.section_point_sns01 li {
			display: inline-block;
			padding: 3px;
		}
		.section_point_sns01 li img {
			max-width: 21px;
		}

/* !POINT main style
---------------------------------------------------------- */
/* !point_link_all */
.point_link_all {
	margin: 20px auto 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fcdde8));
	background: -webkit-linear-gradient(top, #ffffff 0%, #fcdde8 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #fcdde8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #fcdde8 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #fcdde8 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #fcdde8 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fcdde8')"; /* IE8 */
	-pie-background: linear-gradient(#fcdde8, #ffffff);
	position: relative;
	behavior: url(/common/others/PIE.htc);
}
	.point_link_all .point_bottom_inner {
	}
		.point_link_all .text {
			width: 96%;
			text-align: left;
			margin: 0 auto 5px;
		}
		.point_link_all .summary {
			background: url(../img/contents/point/bg_point_price_text01.png) no-repeat 8px center;
			background-size: 98%;
			width: 100%;
			margin: 0 auto 3%;
			padding: 0 0 42px 0;
			behavior: url(/common/others/PIE.htc);
		}
		@media only screen and (-webkit-min-device-pixel-ratio:2){
		.point_link_all .summary {
				background: url(../img/contents/point/bg_point_price_text01.png) no-repeat 0 center;
				-moz-background-size: 100%;
				background-size: 100%;
		}
		}
			.point_link_all .summary p {
				width: 50%;
				padding: 2.8% 14% 0 0;
				margin: 0 auto;
			}

			.point_link_all .point_bottom_btn {
				padding: 20px 20px 20px 20px;
			}
				.point_link_all .point_bottom_btn p {
					margin: 0 0 1.4% 0;
					text-align: center;
				}
				.point_link_all .point_bottom_btn p.arrow img {
					max-width: 42%;
				}
				.point_link_all .point_bottom_btn p.top5 img {
					max-width: 100%;
				}
				.point_link_all .point_bottom_btn .point_bottom_clear {
					width: 98.2%;
					margin: 0 auto;
				}
					.point_link_all .point_bottom_btn .point_bottom_clear p.left {
						max-width: 49.3%;
						float: left;
						margin: 0 0 1.4% 0;
					}
					.point_link_all .point_bottom_btn .point_bottom_clear p.right {
						max-width: 49.3%;
						float: right;
						margin: 0 0 1.4% 0;
					}

/* ----------------------------------------------------------
▲ここまでpointページ共通パーツ
---------------------------------------------------------- */

/* !Clearfix
---------------------------------------------------------*/
.outer01 section:after,
.map_points01:after,
.pickup_access01:after,
.in_link01:after {
	content: "";
	display: block;
	clear: both;
}

/* !h(n)eading
---------------------------------------------------------- */

#anchor01 h3 {
	margin-bottom: 20px;
}
#anchor03 h3 {
	color: #fff;
	font-size: 128.6%;
	background-color: #371d08;
	padding: 1% 3%;
	margin-bottom: 30px;
}
@media screen and (min-width: 600px){
	#sapporo01 h2 {
		margin: 40px 0 25px 0;
		font-size: 171%;
	}
	#sapporo01 h3 {
		margin: 0 auto 20px;
		width: 93.9394%;
	}
}
@media screen and (max-width: 600px){
	#sapporo01 h2 {
		margin: 20px 0 12px 0;
	}
	#anchor03 h3 {
		line-height: 1.3;
		padding: 2% 3%;
	}
	
}
/* !sapporo01 common
---------------------------------------------------------- */
#sapporo01 {
	font-size: 88%;
	text-align: left;
}
	.head01 p {
		margin: 0 0 10px 0;
		padding: 3.7% 3.7% 3.7% 3.7%;
		font-size: 86%;
		background: #fbefaf;
	}
	.outer01 {
		margin: 10px 0 0 0;
	}
	.inner01 {
		padding: 0 3.4% 0 3.4%;
	}
		.inner01 > p {
			margin: 0 0 25px 0;
		}
	.outer01 section .img01 {
		float: right;
		width: 47%;
		margin: 0 0 1.5% 3%;
	}
@media screen and (min-width: 769px){
#sapporo01 #contents {
	padding-bottom: 2.5%;
}
	.head01 p {
		margin: 0 0 40px 0;
	}
	.outer01 section:nth-of-type(1) {
		margin-bottom: 25px;
	}
	#anchor01 .outer01 section:nth-of-type(2) {
		margin-bottom: 95px;
	}
		.outer01 section .img01 {
			width: 290px;
			margin: 0 0 10px 20px;
		}
}

/* !in_link
---------------------------------------------------------- */
.in_link01 {
	
}
	.in_link01 li {
		float: left;
		width: 30.58%;
		margin: 0 1.375% 0;
		font-size: 0.875rem;
		font-weight: bold;
		
	}
	
	
	
		.in_link01 li a {
			display: block;
			position: relative;
			width: 100%;
			padding: 15px 0 20px 0;
			box-sizing: border-box;
			color: #371d08;
			background: #d1c0a5;
			text-decoration: none;
			text-align: center;
			line-height: 1.5;
			border-radius: 5px;
			box-shadow:0px 3px 0px 0px #887d6b;
			-moz-box-shadow:0px 3px 0px 0px #887d6b;
			-webkit-box-shadow:0px 3px 0px 0px #887d6b;
		}
		.in_link01 li:nth-child(2) a {
			padding: 25px 0 14px 0;
		}
		.in_link01 li a:after {
			content: "";
			display: inline-block;
			position: absolute;
			right: 5%;
			bottom: 2.3em;
			width: 0.5em;
			height: 0.5em;
		}
		.in_link01 li a:after{
			bottom: 5px;
			right: 50%;
			width: 13px;
			height: 12px;
			margin: 0 -6.5px 0 0;
			background-image: url(../img/contents/point/sapporo01/ico_arrow01.png);
			background-repeat: no-repeat;
			background-size: contain;
		}
@media screen and (min-width: 769px){
.in_link01 {
	margin-bottom: 40px;
	text-align: center;
	
}
	.in_link01 ul {
		text-align: center;
		font-size: 0;
	}
	.in_link01 li {
		float: none;
		display: inline-block;
		width: 31.5%;
		margin: 0 2.75% 0 0;
		line-height: 1;
		
	}
	.in_link01 li:nth-child(3) {
		margin: 0;
	}
	.in_link01 li a {
		padding: 20px 0 14px 0;
	}
	.in_link01 li a:after{
		bottom: inherit;
		top: 50%;
		right: 13px;
		margin: -6px 0 0;
	}
	
		.in_link01 li a,
		.in_link01 li:nth-child(2) a {
			padding: 20px 0 20px 0;
		}
		
}
/* !about
---------------------------------------------------------- */
#anchor01 {
	margin-bottom: 80px;
}

#anchor01 section:nth-of-type(1) {
	margin-bottom: 25px;
}
	#anchor01 .spot_list {
		margin-bottom: 20px;
	}
			#anchor01 .spot_list span {
				font-weight: bold;
			}
/* !shop
---------------------------------------------------------- */
.map_leage_wrap01 {
	margin: 5.1% 0 0 0;
	padding: 3% 3% 3% 3%;
	background: #efeae0;
}
	#map_canvas_lerge {
		height: 230px;
		margin: 0 0 3.4% 0;
	}
	.map_points01 {
		padding: 3% 3% 3% 3%;
		background: #ffffff;
	}
		.map_points01 dl {
			width: 48%;
			font-size: 86%;
		}
		.map_points01 .map_area01 {
			float: left;
		}
		.map_points01 .map_area02 {
			float: right;
		}
			.map_points01 .tit_spot {
				margin: 0 0 20px 0;
				padding: 5px 5px 4px 5px;
				font-size: 1rem;
				color: #ffffff;
				text-align: center;
				font-weight: bold;
				background: #371d08;
			}
			.map_points01 dl dt {
				margin: 0 0 3.4% 0;
				padding: 5px 5px 5px 5px;
				color: #ffffff;
				text-align: center;
				font-weight: bold;
				background: #4f76ba;
			}
			.map_points01 dl dd {
				margin: 0 0 0.5em 0;
				text-indent: -1.5em;
				padding: 0 0 0 1.5em;
			}
			.map_points01 dl dd.one_indent {
				text-indent: -1em;
				padding: 0 0 0 1em;
			}
				.map_points01 dl dd a {
					text-decoration: underline;
				}
				.map_points01 dl dd a:hover {
					text-decoration: none;
				}
				.map_points01 dl dd ul {
					margin: 0.5em 0 0 0;
					text-indent: 0;
				}
					.map_points01 dl dd ul li {
						margin: 0 0 0.5em 0;
					}
			.map_points01 p {
				font-size: 86%;
				text-align: right;
			}

@media screen and (min-width: 600px){
	.map_leage_wrap01 {
		margin: 25px 0 0 0;
		padding: 20px 20px 20px 20px;
	}
}
@media screen and (min-width: 769px){
	#anchor02 {
		margin-bottom: 95px;
	}
		#map_canvas_lerge {
			height: 330px;
			margin: 0 0 20px 0;
		}
		.map_points01 dl {
			font-size: 100%;
		}
			.map_points01 dl dt {
				margin: 0 0 20px 0;
			}
			.map_points01 dl dd {
				padding: 0 0 0 2.5em;
			}
			.map_points01 dl dd.one_indent {
				padding: 0 0 0 2em;
			}
}

/* !pickup
---------------------------------------------------------- */
.sec_pickup {
}
	.pickup_inner01 {
		border-bottom: 1px dotted #cccccc;
		padding-bottom: 25px;
	}
	.sec_pickup section {
		margin: 0 0 10% 0;
	}
	#bvlgari .inner01 {
		border-bottom: none;
		padding-bottom: 0;
	}
	.pickup_inner01 p img {
		float: left;
		width: 47%;
		margin: 0 3.4% 2% 0;
	}
	/* アクセス・地図 */
	.pickup_access01 {
		margin: 3.4% 0 0 0;
	}
		.pickup_access01 dl {
			padding: 3.4% 3.4% 3.4% 3.4%;
			font-size: 86%;
			background: #f5f3ef;
			box-sizing: border-box;
		}
			.pickup_access01 dl dt {
				float: left;
				font-weight: bold;
				vertical-align: top;
			}
		.pickup_map01 {
			margin: 5px 0 6% 0;
			border: 1px solid #cccccc;
		}
			.pickup_map01 .map_trigger01 {
				position: relative;
				padding: 10px 0 10px 0;
				color: #555555;
				font-size: 86%;
				font-weight: bold;
				text-align: center;
			}
			.pickup_map01 .map_trigger01:after {
				content: "";
				position: absolute;
				right: 0.8em;
				top: 1.1em;
				display: inline-block;
				width: 0.6em;
				height: 0.6em;
				border-top: 2px solid #555555;
				border-right: 2px solid #555555;
				-webkit-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			.pickup_map01 .map_wrapper01 {
				display: none;
				padding: 5px 5px 5px 5px;
			}
				.pickup_map01 .map_wrapper01 .map_canvas {
					height: 190px;
				}
			/* アコーディオン開 */
			.pickup_map01 .map_trigger01.open {
				border-bottom: 1px solid #cccccc;
			}
			.pickup_map01 .map_trigger01.open:after {
				top: 1.4em;
				-webkit-transform: rotate(315deg);
				-ms-transform: rotate(315deg);
				transform: rotate(315deg);
			}
	/* ボタン */
	.pickup_link01 {
		font-size: 1rem;
	}
		.pickup_link01 li {
			margin: 0 0 3.4% 0;
		}
		.pickup_link01 a {
			display: block;
			position: relative;
			padding: 10px 5px 8px 5px;
			border-radius: 5px;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
			line-height: 1.4;
		}
		.pickup_link01 .pickup_btn01 a {
			border-bottom: 3px solid #cc3c25;
			background-color: #e6543c;
		}
		.pickup_link01 .pickup_btn01 a:after {
			content: "";
			position: absolute;
			right: 0.8em;
			top: 50%;
			display: inline-block;
			width: 0.6em;
			height: 0.6em;
			margin: -0.3em 0 0 0;
			border-top: 2px solid #ffffff;
			border-right: 2px solid #ffffff;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.pickup_link01 .pickup_btn02 a {
			border-bottom: 3px solid #345599;
			background-color: #5968c1;
		}
		.pickup_link01 .pickup_btn02 a:after {
			content: "";
			display: inline-block;
			position: absolute;
			right: 0.8em;
			top: 50%;
			width: 15px;
			height: 12px;
			margin: -6px 0 0 0;
			background: url(../img/ico_window01@2x.png) no-repeat;
			background-size: 15px 12px;
		}

@media screen and (min-width: 600px){
	.pickup_map01 {
		margin: 5px 0 20px 0;
	}
	.pickup_link01 ul {
		text-align: center;
	}
		.pickup_link01 li {
			margin: 0 0 0 0;
			display: inline-block;
			width: 47%;
		}
		.pickup_link01 .pickup_btn01 {
			margin: 0 15px 0 0;
		}
}
@media screen and (min-width: 769px){
	.sec_pickup section {
		margin: 0 0 30px 0;
	}
	.sec_pickup section:last-of-type {
		margin: 0 0 80px 0;
	}
	.pickup_inner01 p img {
		width: 50%;
		margin: 0 20px 10px 0;
	}
	/* アクセス・地図 */
	.pickup_access01 {
		margin: 0 0 20px 0;
	}
		.pickup_access01 dl {
			float: right;
			width: 50%;
			height: 190px;
			border-left: 1px solid #ffffff;
		}
		.pickup_access01 .pickup_map01 {
			float: left;
			width: 50%;
			margin: 0 0 0 0;
			border: none;
		}
			.pickup_map01 .map_wrapper01 {
				padding: 0 0 0 0;
			}
			.pickup_map01 .map_trigger01 {
				display: none;
			}
			.pickup_map01 .map_wrapper01 {
				display: block;
			}
}

/* !ranking
---------------------------------------------------------- */
.h2_point02 {
	position: relative;
	margin: 0 20px 30px;
	padding: 0 0 26px;
	color: #333333;
	font-weight: bold;
	font-size: 114%;
	text-align: center;
}
.h2_point02::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	height: 17px;
	margin: 0 0 0 -10px;
	background-image: url(/common/img/contents/point/sapporo01/ico_arrow03.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: "";
}