@charset "utf-8";


/*--------------------------link*/

#bodyZoneA p a:hover{
	background-color: #ea7fb1;
	transition-duration: 0.3s;
}

/*---------------------------pc*/

#sapporo-special-contents-area{
	background-color: #e85298;
}

#bodyZoneA{
	width: 950px;
	margin: 0 auto;
}

.sp{
	display: none;
}

h1,
.productImg{
	text-align: center;
}

h1{
	padding-top: 40px;
}

.productImg{
	height: 675px;
	padding-top: 90px;
	background: url(../img/bg.png) no-repeat center;
}

#bodyZoneA p{
	padding-bottom: 40px;
}

#bodyZoneA p a{
	display: block;
	width: 290px;
	margin: 0 auto;
	-webkit-transition: color 0.3s, background-color 0.3s;
	transition: color 0.3s, background-color 0.3s;
}

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

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

html,
body{
	width: 100%;
	overflow-x: hidden;
}
	
body{
	min-width: initial;
	min-width: auto;
}
	
#sapporo-topicpath-area,
.pc{
	display: none;	
}
	
.sp{
	display: block;
}
	
img{
	max-width: 100%;
	height: auto;
}
	
#bodyZoneA{
	width: 100%;
}
	
h1,
.productImg{
	margin: 0 auto;
	text-align: center;
}

h1{
	width: 288px;
	padding-top: 40px;
}

.productImg{
	width: 100%;
	max-width: 375px;
	height: auto;
	padding: 52px 0 41px;
	background: none;
}

#bodyZoneA p{
	padding-bottom: 54px;
}

#bodyZoneA p a{
	width: 218px;
}
	
}