/*style.css*/
.c5-campaign {
	margin:0 auto;
	max-width:1200px;
	position:relative;
}
.c5-campaign .c5-pc {
	display:block;
}
.c5-campaign .c5-sp {
	display:none !important;
}


.c5-campaign img {
	display: block;
}
.c5-campaign h2 {
	font-size:1.5em;
	margin:26px 0;
}

.c5-header {
	max-width: 100%;
}
.c5-header img {
	max-width: 100%;
	height: auto;
}
.c5-goldFonts div {
	color: #9e7800;
}

.c5-measureTitle{
	position: relative;
	max-width: 1200px;
}
.c5-measureTitle .background {
	max-width: 100%;
	height: auto;
}
.c5-measureTitle p {
	margin: 0;
}

.c5-measureTitleHeader {
	font-size: 1.25em;
	line-height: 1.5;
	padding: 4.5% 0 0;
	letter-spacing: -0.5px;
	height: 90px;
	font-weight: bold;;
}

.c5-measureTitlePC {
	position: absolute;
	top: 0;
	left: 6.666%;
	width: 86.666%;
}
.c5-measureTitlePC .lineTitle {
	width: 100%;
	height: auto;
	padding: 0 0 2%;
}
.c5-measureTitlePC .lineTitleSP {
	display: none;
}
.c5-measureTitlePCUL {
	margin: 0;
	padding: 0;
}
.c5-measureTitlePCUL li {
	list-style-type: none;
	margin: 0 0 0 5%;
	padding: 0;
	width: 21.25%;
	float: left;
}
.c5-measureTitlePCUL li:first-child {
	margin: 0 0 0 0;
}
.c5-measureTitlePCUL .c5-fkds {
	width: 100%;
	height: auto;
	padding: 0 0 2.0%;
}
.c5-measureTitlePCUL .c5-pkgs {
	width: 73.3031%;
	height: auto;
	margin: 0 13.34845%;
	display: inline-block;
}
.c5-measureTitlePCUL li > p {
	text-align: center;
	display: table;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	font-size: .875em;
}
.c5-measureTitlePCUL li > p > span {
	text-align: center;
	height: 55px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	letter-spacing: -1px;
	line-height: 1.22;
	font-weight: bold;
}
.c5-measureTitleOver {
	color: #666;
	font-size: .75em;
	position: absolute;
	left: 9%;
	bottom: 5.0%;
}
.c5-campaignAbout {
	border: 2px solid #9e7800;
}
.c5-campaignAboutTitle {
	background: #9e7800;
	margin: 0;
	padding: 0 0;
}
.c5-campaignAboutTitle img {
	margin: 0 auto;
	padding: 20px 0;
	width: 822px;
	height: auto;
}
.c5-section {
	border-bottom: #cbb777 2px dashed;
	clear: both;
	max-width: 100%;
	margin: 0px 78px;
	padding: 25px 0;
	position: relative;
}
.c5-withTablet {
	position: absolute;
	top: 11%;
	right: 4.5192%;
}
.c5-bottom {
	border-bottom: 0;
}
.c5-h4 {
	font-size: 1.5em;
	margin: 0 0 15px;
	padding: 0;
	line-height: 1.11;
}

.c5-section-detail {
	margin:0px 0;
	padding:0px;
	line-height:1.7;

}
.c5-section-detailUL {
	margin: 0;
	padding: 0
}
.c5-section-detailUL li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 0px	
}
.c5-section-detailULUnder {
	color: #666;
	font-size:.75em;
	margin:5px 15px;
}

.c5-tri {
	display:inline-block;
	margin:0px 0 0 10px;
}
.c5-tri:before {
	content:url(../images/blkArrow.png);
	position:relative;
	left:-4px;
	top:-2px;
}
.c5-max1200 {
	width: 100%;
	height: auto;
	padding: 38px 0 10px;
	border-top: dashed 2px #d4d4d4;
	margin-top: 40px;
}
.c5-firstImage {
	border-top: none;
	margin-top: 0px;
}
.c5-campaignNote {
	border-top:2px solid #9e7800;
}

.c5-buttonsArea {
	border-top:2px solid #9e7800;
	background: #f1e7d2;
}
.c5-buttonsAreaH4 {
	font-size: 1.5em;
	text-align: center;
	margin: 15px 0 0px;
	padding: 0;
}
.c5-buttonsAreaH4 br {
	display: none;
}
.c5-buttonsAreaUL {
	width: 75.5852%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
.c5-buttonsAreaUL a {
	text-decoration: none;
}
.c5-buttonsAreaUL li {
	list-style-type: none;
	float: left;
	position: relative;
	padding: 3.5% 0 0;
}
.c5-buttonBlue {
	width:43.14159%;
}
.c5-buttonBlue .c5-buttonFace {
	background: #5784f4;
}
.c5-buttonUpper {
	color: #000;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 1.33;
	margin: 0.5% 0 2%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.c5-buttonUpper br {
	display: none;
}
.c5-buttonUnder {
	color: #000;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 1.33;
	margin: 2% 0 4%;
}
.c5-buttonUnder br {
	display: none;
}
.c5-buttonBlank {
	width:13.7168%;
}
.c5-buttonBlank img {
	width:20.9677%;
	height: auto;
	margin: 15% auto;
}
.c5-buttonOrange {
	width:43.14159%;
}
.c5-buttonOrange .c5-buttonFace {
	background: #f5683a;
}
.c5-buttonFace {
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
	padding: 25px 0;
	margin: 0;
}
.c5-buttonFace:before {
	content:url(../images/btnArrow.png);
	position:relative;
	left:-8px;
	top:0px;

}
.c5-extra {
	display: none !important;
}
@media (min-width: 641px) and (max-width: 1024px){
	.c5-measureTitlePCUL .c5-fkds {
		padding: 0 0 1%;
	}
	.c5-measureTitleHeader {
		font-size: 16px;
		line-height: 1.22;
		padding: 4.0% 0 0;
		letter-spacing: -0.5px;
		height: 60px;;
	}
	.c5-measureTitlePCUL li > p {
		text-align: center;
		display: table;
		vertical-align: middle;
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
	}
	.c5-measureTitlePCUL li > p > span {
		text-align: center;
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		margin: 0 auto;
		/*font-size: 100%;*/
		letter-spacing: -0.5px;
		line-height: 1.11;
	}
	.c5-measureTitleOver {
		font-size: .67em;
		position: absolute;
		left: 9%;
		bottom: 4.0%;
	}
	.c5-buttonUpper {
		font-size: .875em;
	}
	.c5-buttonUnder {
		font-size: .875em;
	}
	.c5-buttonBlank img {
		margin: 30% auto;
	}
	.c5-section {
		max-width: 100%;
		margin: 0px 3.219%;
	}
	.c5-section-detailUL li {
		letter-spacing: -1px;
		font-size: .875em;
		margin-left: 0;
	}
	.c5-campaignAboutTitle img {
		width: 90%;
	}
}

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

@media screen and (max-width: 640px) {
	.c5-measureTitle{
		position: relative;
		max-width: 100%;
	}
	.c5-measureTitle .background {
		display: none;
	}
	.c5-measureTitleHeader {
		font-size: 1.25em;
		line-height: 1.5;
		padding: 6% 0 2%;
		letter-spacing: -0.5px;
		height: auto;
	}
	.c5-measureTitlePC {
		position: relative;
		top: 0;
		left: 0;
		width: 88%;
		background: url(../images/productsBGSP.jpg) no-repeat;
		background-size: 100%;
		overflow: hidden;
		padding:0 6% 7%;
	}
	.c5-measureTitlePC .lineTitle {
		display: none;
	}
	.c5-measureTitlePC .lineTitleSP {
		display: block;
		width: 280px;
		height: auto;
		padding: 3% 0 6%;
		margin: 0 auto;
	}
	.c5-measureTitlePCUL {
		margin: 0;
		padding: 0;
	}
	.c5-measureTitlePCUL a {
		overflow: hidden;
	}


	.c5-measureTitlePCUL li {
		clear: both;
		list-style-type: none;
		margin: 0 auto !important;
		padding: 0;
		width: 222px;
		float: none;
	}
	.c5-measureTitlePCUL .c5-fkds {
		width: 222px;
		height: auto;
		padding: 0 0 1%;
		margin: 0 auto;
	}
	.c5-measureTitlePCUL .c5-pkgs {
		width: 162px !important;
		height: auto;
		margin: 0 30px;
		display: inline-block;
		padding: 0;
	}
	.c5-measureTitlePCUL li > p {
		text-align: center;
		display: table;
		vertical-align: top;
		width: 100%;
		margin: 5px auto 15px;
		font-size: .875em;
	}
	.c5-measureTitlePCUL li > p > span {
		text-align: center;
		height: auto;
		display: table-cell;
		vertical-align: top;
		width: 100%;
		margin: 0 auto;
		letter-spacing: -0.5px;
		line-height: 1.44;
	}
	.c5-extra {
		display: block !important;
		width: 100%;
		height: auto;
	}
	.c5-measureTitleOver {
		font-size: .75em;
		position: absolute;
		left: 0%;
		bottom: 1.3%;
		text-align: center;
		width: 100%
	}
	.c5-campaignAboutTitle {
		margin: 0;
		padding: 0 0%;
	}
	.c5-campaignAboutTitle img {
		width: 300px !important;
		margin: -1% auto 0%;
	}

	.c5-section {
		/*border-bottom: #cbb777 2px dashed;
		clear: both;
		max-width: 100%;
		position: relative;*/
		margin: 0% 2.0%;
		padding: 5% 0 4%;
	}
	.c5-withTablet {
		position: relative;
		top: 0%;
		right: 0%;
		margin: 1% auto;
	}

	.c5-section-detailUL li {
		margin: 0 0 0 0px;
	}
	.c5-h4 {
		font-size: 1.5em;
		margin: 0 0 1%;
	}

	.c5-extraBorder {
		border-top: dashed 2px #d4d4d4;
	}

	.c5-max1200 {
		width: 300px !important;
		height: auto;
		padding: 18px 0 10px;
		margin:0px auto 0;
		border-top: none;
	}
	.c5-firstImage {
		margin-top: 0px;
	}

	.c5-buttonsAreaH4 {
		font-size: 1.25em;
		padding: 0 4%;
		line-height: 1.33;
	}
	.c5-buttonsAreaH4 br {
		display: inline;
	}

	.c5-buttonsAreaUL {
		width: 75.5852%;
		margin: 0 auto;
		padding: 0 0 6%;
	}

	.c5-buttonsAreaUL li {
		clear: both;
		margin: 0 auto;
		/*padding: 0;*/
		float: none;
	}
	.c5-buttonBlue {
		width:234px;
	}
	.c5-buttonBlank {
		width:13.7168%;
		padding: 0 0 6% !important;
		margin: 0 auto !important;
	}
	.c5-buttonBlank img {
		width: 27px !important;
		height: auto;
		margin: 15% auto 30%;
	}
	.c5-buttonOrange {
		width:234px;
	}

	.c5-buttonFace {
		font-size: 1.375em;
		padding: 15px 0;
		margin: 0 auto;
	}
	.c5-buttonFace:before {
		content:url(../images/btnArrowSP.png);
		left: -10px;
		top:-2px;
	}

	.c5-buttonUpper {
		margin: -10% 0 2%;
		position: relative;
		top: 0;
		left: 0;
	}

	.c5-buttonUpper br {
		display: inline;
	}
	.c5-buttonUnder br {
		display: inline;
	}





	.c5-campaign {
		margin-left: -20px !important;
    	margin-right: -20px !important;
	}
	.c5-campaign .c5-pc {
		display:none;
	}
	.c5-campaign .c5-sp {
		display:block !important;
		width:100%;
		height:auto;
	}

	.c5-campaign-header {
		width:100%;
	}
	.c5-campaign h2 {
		line-height:1.33;
		padding:0 20px;
		margin-bottom:10px;
	}
}

.c5-buttonsAreaUL a .c5-buttonFace:hover,.c5-measureTitlePCUL li > a > img:hover {
	filter: alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
     -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}
.c5-buttonsAreaUL a .c5-buttonFace,.c5-measureTitlePCUL li > a > img {
     -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}