@charset "utf-8";
/* CSS Document */
button:focus { outline:0; }
@font-face {
  font-family:'twfont';
  src:url('../font/twfont.eot');
  src:url('../font/twfont.eot?#iefix') format('embedded-opentype'),
      url('../font/twfont.woff') format('woff'), 
      url('../font/twfont.ttf') format('truetype'),
      url('../font/twfont.otf') format('opentype');
}
.clearfix::after {
	content: "";
	clear: both;
	overflow: hidden;
}
.left {
	float: left;
}
* {
	box-sizing: border-box;
}
header {
	background-color: #fff;
}
main{
	clear:both;
	overflow:hidden;
}
footer{
	clear:both;
	overflow:hidden;
}
#pagetop {
	width: 50px;
	height: 60px;
	position: fixed;
	right: 10px;
	bottom: 0px;
	cursor: pointer;
	z-index: 100;
}
.pagetop_sp {
	display: none;
}
a:hover {
    text-decoration: none !important;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ここからメインコンテンツ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.main_visual{
	width:100%;
	height:600px;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/gift10000_cp/gift10000_cp_main2.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}


.heading {
	font-family: "M PLUS Rounded 1c";
	transform: scale(0.9, 1);
}
.heading span {
	color:orangered; 
}
.heading h3{
    text-align: center;
    font-size: 25px;
	line-height: 50px;
    color: #002145;
}
.explanation {
	text-align: center;
}
.contents {
	width: 1000px;
	margin: 0 auto;
}
.wrapper {
	float: left;
}
.wrapper h5 {
	background-color: green;
	height: 50px;
	width: 170px;
	padding-left: 13px;
	font-size: 35px;
	color: white;
	border-radius: 10px;
}
.wrapper p {
	font-weight: bold;
	font-size: 20px;
	margin-top: -15px;
}
.wrapper span {
	color: orangered;
}


.price-list {
	text-align: center;
}


@media (min-width:981px) {
	.spview{
		display: none;
	}
}
@media (max-width:980px) {
	.pcview{
		display: none;
	}
	.explanation img {
		max-width:980px;
		width: 100%;
	}
	.price-list img {
		max-width: 980px;
		width: 95%;
		margin: 0 auto;
	}
	.heading h3{
    text-align: center;
    font-size: 22px;
	line-height: 30px;
    color: #002145;
	}
	.contents {
	width: 95%;
	margin: 0 auto;
}
	
.wrapper p {
	font-weight: bold;
	font-size: 19px;
	margin-top: -15px;
	}
	.notes p {
		width: 95%;
		margin: 0 auto;
		font-size: 18px;
	}
}
@media(max-width: 480px) {
	.heading h3{
    text-align: center;
    font-size: 16px;
	line-height: 30px;
    color: #002145;
	}
	.contents {
	width: 95%;
	margin: 0 auto;
}
	.wrapper h5 {
	background-color: green;
	height: 28px;
	width: 90px;
	padding-left: 8px;
	font-size: 18px;
	color: white;
	border-radius: 6px;
}
	.wrapper p {
	font-weight: bold;
	font-size: 15px;
	margin-top: -15px;
	}
	
}