@charset "UTF-8";
.c5-contents {
	margin: 0 auto;
	background: #6cb7f1;
	border-radius: 0 0 20px 20px;
	font-size: 18px;
	font-size: 1.1rem;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

 /*-----------------------------------------------------
 	キービジュアル
 -----------------------------------------------------*/
.main {
	background: #6cb7f1;
}

.main__visual {
	width: auto;
	margin: 0 auto;
}

.main__visual img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

 @media screen and (max-width: 639px) {
	.main__visual {
		width: auto;
		margin: 5% auto 20px;
	}

}

 /*-----------------------------------------------------
 	コンテンツ部分
 -----------------------------------------------------*/
.c5-postBlockWrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0 3.1%;
	background-color: #6cb7f1;
	border-radius: 0 0 20px 20px;
	background-size: contain;
}

.c5-postBlock {
	width:100%;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px 20px 0 0;
}
.c5-paddingTop{
	padding:5% 0 0;
}

.c5-postBlock--bottom {
	border-radius: 20px;
}

.c5-postBlock--gray {
	margin: 0 auto;
	background: #f7f7f7;
}

.c5-postBlockTtl {
	margin: 0 auto;
}

.prizettl {
	width: 100%;
	margin: 0 auto;
}

.prizettl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-postBlockTtl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-post1Col img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-postBlock h2 {
	margin: 0 auto;
}

.c5-postBlock h3 {
	margin: 0 auto;
}

.endBanner img{
  display: block;
	max-width: 100%;
	width: auto;
	height: auto;
  margin: 0 auto 15px;
}

@media screen and (max-width: 639px) {
	.c5-postBlockWrap {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		background: #6cb7f1;
		border-radius: 0 0 20px 20px;
		background-size: contain;
	}
	.c5-postBlock {
		margin: 0 auto;
		background: #fff;
		border-radius: 29px 29px 0 0;
	}
	.c5-postBlock--gray {
		margin: 0 auto;
		background: #f7f7f7;
	}
	.c5-postBlock--bottom {
		border-radius: 29px 29px 20px 20px;
	}
	.prizettl {
		max-width: 670px;
		margin: 0 auto;
	}
}

.c5-prize {
	overflow: hidden;
	position: relative;
	width: 91.96428571428571%;
	margin: 0 auto 60px;
	padding: 0 0 15px;
	background-size: auto;
}
.c5-prize--newcomer {
	overflow: hidden;
	position: relative;
	width: 94.64285714285714%;
	margin: 0 auto;
	padding: 0 0 15px;
	background-size: auto;
}
.c5-prize__catch {
	margin: 3% 0 0;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
.c5-prize__inner {
	overflow: hidden;
	max-width: 1060px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}
.c5-prize__thankyou{
	margin: 3% auto 5%;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

.c5-mainttl{
	width: 76.79611650485437%;
	margin: 0 auto 2%;
}
.c5-mainttl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-mainttl--prize{
	width: 76.79611650485437%;
}
.c5-mainttl--newcomer{
	width: 79.70873786407768%;
}
.c5-grandprize img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
@media screen and (max-width: 639px) {

	.c5-prize__thankyou{
		margin: 10% auto ;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
	}
	.c5-mainttl{
		width: 73.125%;
		margin: 0 auto 5%;
	}
}
.c5-prize__col {
	width: 48.54368932038835%;
	padding: 3.5% 0 0;
}
.c5-prize__col--col3{
	width: 31%;
	margin-right: 3.5%;
}
.col--margin{
	margin-left: 17.4%;
}
.c5-prize__col--col3:nth-child(3){
	margin-right: 0;
}
.c5-prize__col--col3:last-child{
	margin-right: 0;
}
@media screen and (max-width: 880px) {
	.c5-prize__col--col3{
		width: 48%;
		margin-right: 3.5%;
	}
	.c5-prize__col--col3:nth-child(even){
		margin-right: 0;
	}
	.col--margin{
		margin-left: 0;
	}


}
.c5-prize__caution {
	margin: 1.5% 0 0;
	text-align: center;
	color: #f00;
	font-size: 1.1rem;
	font-weight: bold;
}
.c5-prize__image{
	width: 80.60606060606061%;
	margin: 0 auto 4%;
}
.c5-prize__image--middle{
	width: 65.5%;
	margin: 0 auto 4%;
}
.c5-prize__image--small{
	width: 73.5%;
	margin: 0 auto 4%;
}
.c5-prize__image img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-prize__ttlwrap {
	margin: 0 auto 20px;
}
.c5-prize__ttl{
	position: relative;
	width: auto;
	margin: 0 auto 0;
	padding: 10% 0 0 5px;
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom:solid 2px #f05a23;
	clear: both;
	line-height: 1.3;
}
.c5-prize__ttl--special{
	padding: 11% 0 0 5px;
}
.c5-prize__ttl--new{
	padding: 10% 0 10% 5px;
}
.c5-prize__ttl span{
	position: absolute;
	bottom: 0;
}
@media screen and (max-width: 1060px) {
	.c5-prize__ttl{
		padding: 10% 0 0 5px;
		font-size: 1.2rem;
	}
	.c5-prize__ttl--special{
		padding: 15% 0 0 5px;
	}
	.c5-prize__ttl--new{
		padding: 13% 0 10% 5px;
	}
}
@media screen and (max-width: 880px) {
	.c5-prize__ttl{
		padding: 15% 0 0 5px;
		font-size: 1.2rem;
	}
	.c5-prize__ttl--special{
		padding: 8% 0 10% 5px;
	}
	.c5-prize__ttl--new{
		padding: 7% 0 10% 5px;
	}
	.c5-prize__col--col3:nth-child(3){
		margin-right: 3.5%;
	}
}
@media screen and (max-width: 768px) {
	.c5-prize__ttl{
		padding: 20% 0 0 5px;
		font-size: 1.2rem;
	}
	.c5-prize__ttl--special{
		padding: 18% 0 10% 5px;
	}
	.c5-prize__ttl--special2{
		padding: 18% 0 0 5px;
	}
	.c5-prize__ttl--new{
		padding: 7% 0 10% 5px;
	}
}

.c5-prize__ttlwrap img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-prize__name{
	width: auto;
	margin: 0 1%;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: right;
}

.c5-prize__movie01 {
	width: 100%;
	margin: 0 auto 20px;
}
.c5-prize__movie01--90{
	width: 90%;
	margin: 0 auto 20px;
}

.c5-prize__movie01 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-prize__commentWrap {
	width: 100%;
	margin: 0 auto;
}

.c5-prize__comment {
	margin: 0 0 5%;
	font-size: 1rem;
}

.c5-prize__commenttag{
	position: relative;
	max-width: 276px;
	width:55.2%;
	height: 40px;
	margin: 0 0 10px 12px;
	padding: 0 33px 0 12px;
	background: #f05a23;
	line-height: 40px;
	color:#fff;
	font-weight: bold;
	font-style: italic;
	box-sizing: border-box;
}
.c5-prize__commenttag:before{
	position: absolute;
	left: -12px;
	content: "";
	width:12px;
	height: 40px;
	background: url(../images/comment_before.png) no-repeat left top;
	background-size: contain;
}
.c5-prize__commenttag:after{
	position: absolute;
	right: -33px;
	content: "";
	width:33px;
	height: 40px;
	background: url(../images/comment_after.png) no-repeat left top;
	background-size: contain;
}

.c5-grandprize__commenttag{
	position: relative;
	max-width: 100%;
	width:80%;
	height: 40px;
	margin: 0 0 10px 12px;
	padding: 0 ;
	background: #f05a23;
	line-height: 40px;
	color:#fff;
	font-weight: bold;
	font-style: italic;
	box-sizing: border-box;
}
.c5-grandprize__commenttag:before{
	position: absolute;
	left: -11.3px;
	content: "";
	width:12px;
	height: 40px;
	background: url(../images/comment_before.png) no-repeat left top;
	background-size: contain;
}
.c5-grandprize__commenttag:after{
	position: absolute;
	right: -32.7px;
	content: "";
	width:33px;
	height: 40px;
	background: url(../images/comment_after.png) no-repeat left top;
	background-size: contain;
}

.c5-prize__commenttag{
	position: relative;
	max-width: 100%;
	width:80%;
	height: 36px;
	margin: 0 0 10px 11px;
	padding: 0;
	background: #f07a23;
	line-height: 36px;
	color:#fff;
	font-weight: bold;
	font-style: italic;
	box-sizing: border-box;
}
.c5-prize__commenttag--new{
	font-size:.8rem;
}
.c5-prize__commenttag:before{
	position: absolute;
	left: -10.3px;
	content: "";
	width:11px;
	height: 36px;
	background: url(../images/comment_type2_before.png) no-repeat left top;
	background-size: contain;
}
.c5-prize__commenttag:after{
	position: absolute;
	right: -28.9px;
	content: "";
	width:30px;
	height: 36px;
	background: url(../images/comment_type2_after.png) no-repeat left top;
	background-size: contain;
}
.c5-prize__commenttext {
	width: auto;
	margin: 0 auto;
	font-size: 1.15rem;
}

.c5-prize__commenttext--camp{
	width: 80%;
	margin: 0 auto 5%;
	font-size: 1.15rem;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 1060px) {
	.c5-prize__name{
		font-size: 1.1rem;
	}
	.c5-prize__commenttext {
		font-size: .8rem;
	}
}
@media screen and (max-width: 880px) {
	.c5-prize__commenttag{
		font-size: .9rem;
	}
	.c5-prize__ttl{
		font-size: 1.1rem;
	}
	.c5-prize__name{
		font-size: 1rem;
	}
	.c5-prize__comment {
		margin: 0 0 5%;
		font-size: .9rem;
	}
	.c5-prize__commenttext {
		width: auto;
		margin: 0 auto;
		font-size: .9rem;
	}
}

.c5-prizeblock{
	overflow: hidden;
}
.c5-newcomerblock{
	margin: 0 auto;
}
.c5-newcomerblock--col2{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.c5-newcomerblock--col3{
	overflow: hidden;
	margin: 0 auto;
}
.col--l {
	float: left;
}

.col--r {
	float: right;
}
@media screen and (max-width: 768px) {
	.c5-prize__commenttag--new{
		font-size:.7rem;
	}
}
@media screen and (max-width: 639px) {
	.c5-prize {
		overflow: hidden;
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 25px;
		background-size: auto;
	}
	.c5-prize--mb {
		margin: 0 auto 15px;
	}
	.c5-prize__catch {
		margin: 5% 5% 0;
		font-size: 1rem;
		font-weight: bold;
		text-align: left;
	}
	.c5-prize__inner {
		overflow: hidden;
		max-width: 1060px;
		margin: 0 5%;
		padding: 0;
		border-bottom: 1px solid #ccc;
	}
	.c5-prize--newcomer {
		overflow: hidden;
		position: relative;
		width: 94.64285714285714%;
		margin: 0 auto;
		padding: 15px 0 0;
		background-size: auto;
	}
	.c5-prize__col {
		width: 100%;
		padding: 4% 0 0;
	}
	.c5-prize__caution {
		width: 87%;
		margin: 4% auto 0;
		padding-left: 1em;
		text-indent: -1em;
		text-align: left;
		font-size: 1rem;
		font-weight: bold;
	}
	.c5-prize__ttl{
		width: auto;
		margin: 0 auto 0;
		padding: 0 0 0 5px;
		font-size: 1.2rem;
		font-weight: bold;
		border-bottom:solid 2px #f05a23;
		clear: both;
		text-align: center;
	}
	.c5-prize__ttl span{
		position: static;
		bottom: 0;
	}
	.c5-prize__name{
		width: auto;
		margin: 0 1%;
		font-size: 1rem;
		font-weight: bold;
		text-align: center;
	}
	.c5-prize__ttlwrap {
		width: 90%;
		margin: 0 auto 10px;
	}
	.c5-prize__ttlwrap img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-prize__movie01 {
		width: auto;
		margin: 0 auto 15px;
	}
	.c5-prize__movie01 img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-prize__movie01Inner--90{
		width: 90%;
		margin: 0 auto 15px;
	}
	.c5-prize__movie01Inner--70{
		width: 70%;
		margin: 0 auto 15px;
	}
	.c5-prize__commentWrap {
		width: 90%;
		margin: 0 auto;
	}
	.c5-prize__comment {
		margin: 0 0 5%;
		font-size: 1rem;
	}
	.c5-prize__commenttag{
		width: 68%;
		margin: 0 0 10px;
	}
	.c5-prize__commenttext {
		width: auto;
		margin: 0 auto;
		font-size: 1rem;
	}
	.c5-prize__commenttext:first-child {
		width: auto;
		margin: 0 auto 5%;
		font-size: 1rem;
		text-indent: -1em;
		padding-left: 1em;
	}
	.c5-newcomerblock--col2{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}
	.c5-newcomerblock--col3{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}
	.c5-prize__image--small{
		width: 57%;
		margin: 0 auto 4%;
	}
	.col--l {
		float: none;
		margin: 0 auto;
	}
	.col--r {
		float: none;
		margin: 0 auto;
	}
}

.c5-postBlockInner {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 3%;
	border-radius: 20px 20px 0 0;
}

.c5-postBlockText {
	margin: 0;
	padding: 3% 2% 5%;
	font-weight: bold;
}

.c5-postBlockText--s {
	font-size: 16px;
	font-size: 1rem;
}

.c5-postBlockText--center {
	text-align: center;
}

.c5-postBlockText--mb0 {
	padding: 3% 0 0;
}

.c5-postBlockText--orange {
	color: #ff5a00;
}

 @media screen and (max-width: 639px) {
	.c5-postBlockInner {
		position: relative;
		max-width: 1120px;
		margin: 0 auto;
		padding: 0 4% 4%;
		border-radius: 20px 20px 0 0;
	}
	.c5-postBlockText--sp {
		margin: 0;
		padding: 5%;
		font-size: 1rem;
		font-weight: bold;
		text-align: left;
	}
	.c5-postBlockText--center {
		text-align: left;
	}
	.c5-postBlockText--s {
		font-size: 1rem;
	}
}

 /*-----------------------------------------------------
 	景品
 -----------------------------------------------------*/
 /*-----------------------------------------------------
 	審査基準
 -----------------------------------------------------*/
.c5-post5Col {
	list-style: none;
	overflow: hidden;
	max-width: 95%;
	margin: 0 auto;
	padding: 0 0 3%;
	font-weight: bold;
}

.c5-post5Col li {
	float: left;
	width: 17%;
	padding: 0 1.45%;
	background: url(../images/border_vertical.png) no-repeat right 50px;
}

.c5-post5Col li:last-child {
	float: left;
	background: none;
}

.c5-post5ColtitleWrap {
	overflow: hidden;
}

.c5-post5ColImage {
	width: 80%;
	margin: 0 auto 6%;
}

.c5-post5ColImage img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-post5ColText {
	font-weight: normal;
}

 @media screen and (max-width: 639px) {
	.c5-post5Col {
		list-style: none;
		overflow: hidden;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 0 5%;
		font-weight: bold;
	}
	.c5-post5Col li {
		overflow: hidden;
		float: none;
		width: 90%;
		margin: 0 auto 5%;
		background: none;
	}
	.c5-post5Col li:last-child {
		overflow: hidden;
		float: none;
		width: 90%;
		margin: 0 auto 5%;
	}
	.c5-post5ColtitleWrap {
		float: right;
		width: 71%;
		overflow: hidden;
	}
	.c5-post5ColImage {
		float: left;
		width: 23%;
		margin-bottom: 0;
	}
	.c5-post5ColImage img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-post5Coltitle {
		width: 90%;
	}
	.c5-post5Coltitle img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-post5ColText {
		font-size: 1rem;
		font-weight: normal;
		margin: 0;
	}
}

 /*-----------------------------------------------------
 	応募要項
 -----------------------------------------------------*/
.c5-postList {
	list-style: none;
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
	padding: 3% 3% 5%;
	font-weight: bold;
}

.c5-postList--pd0 {
	padding: 3% 0;
}

.c5-postList li {
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.c5-postList li.ft16 {
	font-size: 16px;
	font-size: 1rem;
}

.c5-postList li a {
	color: #ff5a00;
}

.c5-postList li a:hover {
	color: #ff5a00;
}

.c5-postBlockSubTtl {
	width: auto;
}

.c5-postBlockSubTtl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.c5-postBlockInner2colWrap {
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
	padding: 3% 2% 5%;
	font-weight: bold;
}

.c5-postBlockInner2col {
	float: left;
	width: 48.07692307692308%;
	margin: 0;
}

.c5-postBlockInner2col--left {
	margin: 0 3.8% 0 0;
}

.c5-postBlockDate {
	margin: 0;
	padding: 4% 0 5%;
	color: #ff5a00;
	font-size: 1rem;
	text-align: center;
}

.c5-postBlockComment {
	width: 95%;
	margin: 0 auto;
	padding-left: 1em;
	font-size: 14px;
	font-size:.85rem;
	text-indent: -1em;
}

.c5-postBlockComment--red {
	color: #f00;
}

 @media screen and (max-width: 639px) {
	.c5-postList {
		list-style: none;
		overflow: hidden;
		max-width: 1040px;
		margin: 0 auto;
		padding: 3% 5% 5%;
		font-weight: bold;
	}
	.c5-postList li {
		margin: 0;
		padding-left: 1em;
		font-size: 13px;
		font-size: 1rem;
		text-indent: -1em;
	}
	.c5-postList--sp li {
		margin: 0;
		padding-left: 0;
		font-size: 13px;
		font-size: 1rem;
		text-indent: 0;
	}
	.c5-postList li a {
		color: #ff5a00;
	}
	.c5-postList li a:hover {
		color: #ff5a00;
	}
	.c5-postBlockSubTtl {
		width: auto;
	}
	.c5-postBlockSubTtl img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-postBlockInner2colWrap {
		overflow: hidden;
		max-width: 1040px;
		margin: 0 auto;
		padding: 3% 2% 5%;
		font-weight: bold;
	}
	.c5-postBlockInner2col {
		float: none;
		width: 100%;
		margin: 0;
	}
	.c5-postBlockInner2col--left {
		margin: 0;
	}
	.c5-postBlockDate {
		margin: 0;
		padding: 4% 0 2%;
		color: #ff5a00;
		font-size: 1rem;
		text-align: center;
	}
	.c5-postBlockComment {
		margin: 0 0 10%;
		color: #f00;
		font-size: 1rem;
	}
	.c5-postList--pd0 {
		padding: 3% 5% 5%;
	}
}

 /*-----------------------------------------------------
 	応募方法
 -----------------------------------------------------*/
.c5-postBlockInnerWrap {
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 2% 3%;
	font-weight: bold;
}

.c5-postBlockTextWrap {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
}

.c5-end {
	width: 75%;
	margin: 5% auto 8%;
}

.c5-end img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.postBanner{
  width: auto;
  height: auto;
  padding: 40px 0 ;
}
.postBanner img{
  display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .postBanner{
    padding: 20px 0;
  }
}

 /*-----------------------------------------------------
 	商品情報
 -----------------------------------------------------*/
.product {
	padding: 0;
}

.productImage {
	max-width: 800px;
	margin: 4% auto 0;
}

.productImage img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.productList {
	overflow: hidden;
	list-style: none;
	max-width: 680px;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
}

.productList li {
	float: left;
	width: 31%;
	margin: 0 2% 0 0;
	padding: 0;
	font-weight: normal;
	text-align: center;
}

.productList li:last-child {
	float: left;
	width: 31%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.c5-bnr {
	width: 94.64285714285714%;
	margin: 0 auto 7%;
}

.c5-bnr img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width: 639px) {
	.productImage {
		max-width: 50%;
		margin: 6% auto;
	}
	.productList li {
		float: none;
		width: 100%;
		margin: 0 auto 20%;
		padding: 0;
		font-weight: normal;
		text-align: center;
	}
	.productList li:last-child {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 639px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

.mod-effect img:hover {
	opacity:.8;
	transition: opacity 0.3s;
}

.mod-effect img:hover {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	transition: opacity 0.3s;
}