.c5-contents {
	max-width:1200px;
	margin:0 auto;
}
sup{
	vertical-align: super!important;
}
/* 
	main
*/
.c5-main {
	position:relative;
	height:auto;
	margin:0 auto;
}
.c5-main img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
@media screen and (max-width: 639px) {
	.c5-main {
		position:relative;
		height:auto;
		margin:4% auto 0;
	}
}
/* 
	block
*/
.c5-block{
	max-width:1200px;
	margin:0 auto;
	padding:0 0 3%;
}
.c5-block__main {
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__main img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__ttl{
	margin:0 9% 1.5%;
	line-height:1.5;
}
.c5-block__textWrap{
	max-width:950px;
	width:79.16%;
	margin:0 auto 5%;
}
@media screen and (max-width: 639px) {
	.c5-block__textWrap{
		max-width:950px;
		width:93%;
		margin:0 auto 5%;
	}
}
.c5-block__text{
	margin:0 auto 1.5%;
}
.c5-block__column{
	overflow: hidden;
	max-width:1141px;
	width:95%;
	margin:0 auto;
	padding:0 0 6%;
	border-radius: 30px;
}
@media screen and (max-width: 639px) {
	.c5-block__column{
		overflow: hidden;
		max-width:1141px;
		width:95%;
		margin:0 auto;
		padding:0 0 6%;
		border-radius: 15px;
	}
}
.c5-block__columnInner{
	
}
.c5-block__columnTitle{
	margin:0;
	padding:2% 4%;
	line-height:1.5;
}
.c5-block__columnSubTitle{
	padding-bottom:2%;
}
@media screen and (max-width: 639px) {
	.c5-block__columnSubTitle{
		padding-bottom:7%;
	}
}
.c5-block__columnSubTitle--B{
	background:url(../images/family_block1_image02.png) no-repeat center bottom;
}
.c5-block__columnSubTitle--Y{
	background:url(../images/family_block2_image02.png) no-repeat center bottom;
}
.c5-block__columnSubTitle--G{
	background:url(../images/family_block3_image02.png) no-repeat center bottom;
}
@media screen and (max-width: 639px) {
	.c5-block__columnSubTitle--B{
		background:url(../images/family_block1_image02.png) no-repeat center bottom;
		background-size:65%;
	}
	.c5-block__columnSubTitle--Y{
		background:url(../images/family_block2_image02.png) no-repeat center bottom;
		background-size:65%;
	}
	.c5-block__columnSubTitle--G{
		background:url(../images/family_block3_image02.png) no-repeat center bottom;
		background-size:65%;
	}
}
.c5-block__columnImage{
	margin:0 auto 2.5%;
}
.c5-block__columnImage--space1{
	margin:0 11.5% 2.5%;
}
.c5-block__columnImage--space2{
	margin:0 auto 2.5%;
}
@media screen and (max-width: 639px) {
	.c5-block__columnImage--space1{
		margin:0 4% 2.5%;
	}
	.c5-block__columnImage--space2{
		margin:0 4% 2.5%;
	}
}
.c5-block__columnImage img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__columnText{
	margin:0 auto 1.5%;
}
.c5-block__columnText--space{
	margin:0 8% 1.5%;
}
@media screen and (max-width: 639px) {
	.c5-block__columnText--space{
		margin:0 4% 1.5%;
	}
}
.c5-block__columnText--comment{
	margin:0 auto;
	line-height: 1.3;
}
.c5-block__product{
	font-size: 0;
	text-align: center;
}
.c5-block__productCol{
	position:relative;
	overflow: hidden;
	display: inline-block;
	max-width:450px;
	width:39.43%;
	margin-left:3.6%;
	box-shadow:3px 3px 21px -6px #343218;
}
.c5-block__productCol--first{
	margin-left:0;
}
.c5-block__productColInner{
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__productColInner img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__productBtn{
	position:absolute;
	left:48%;
	right:2%;
	bottom:4%;
	font-size: 16px;
	font-size: 1rem;
}
.s5-button{
	display: block;
}
@media screen and (max-width: 950px) {
	.s5-button{
		padding: 4px 18px;
		font-size: 12px;
		font-size: .75rem;
	}
}
@media screen and (max-width: 768px) {
	.c5-block__productCol{
		position:relative;
		overflow: hidden;
		display: block;
		max-width:450px;
		width:39.43%;
		margin:0 auto 3%;
		box-shadow:3px 3px 21px -6px #343218;
	}
}
@media screen and (max-width: 639px) {
	.c5-block__productCol{
		position:relative;
		overflow: hidden;
		display: block;
		max-width:100%;
		width:auto;
		margin:0 4% 5%;
		box-shadow:3px 3px 21px -6px #343218;
	}
	.s5-button{
		padding: 3px 18px;
		font-size: 16px;
		font-size: 1rem;
	}
}
.s5-storeButton{
	display: block;
}
.c5-block__movie{
	margin:0 auto;
	background:url(../images/family_movie_bg.jpg) no-repeat center top;
}
.c5-block__movieTitle{
	width: 83.83%;
	margin:0 auto;
	padding:5% 0 2%;
}
.c5-block__movieTitle img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__movieFrame {
	max-width: 854px;
	width: 83.38%;
	text-align: center;
	margin: 0 auto 4%;
}
.c5-block__movieFrameInner{
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.c5-block__movieFrame iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 850px;
	height: 100%;
	max-height: 478px;
}
.c5-block__movieBnr{
	max-width: 760px;
	width: 63.33%;
	text-align: center;
	margin: 0 auto;
	padding-bottom:4%;
}
.c5-block__movieBnr img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
@media screen and (max-width: 639px) {
	.c5-block__movie{
		margin:0 auto;
		padding:0 0 8%;
		background:url(../images/family_movie_bg.jpg) no-repeat center top;
	}
	.c5-block__movieFrame {
		max-width: 100%;
		width: auto;
		text-align: center;
		margin: 0 4% 4%;
	}
	.c5-block__movieBnr{
		max-width: 100%;
		width: auto;
		text-align: center;
		margin: 0 4%;
		padding-bottom:4%;
	}
	.c5-block__movieBnr img {
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
.c5-block__lineup{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.c5-block__lineuplist{
	list-style: none;
	padding: 0 0 50px;
	font-size:0;
}
.c5-block__lineuplistBox{
	position: relative;
	display: inline-block;
	max-width:392px;
	width: 32.66%;
	margin-right: .8%;
	padding:4%;
	background:#f2f2f2;
	box-sizing: border-box;
}
.c5-block__lineuplistBox--last{
	margin-right: 0;
}
.c5-block__lineupText{
	margin: 0 0 5%;
	line-height:1.3;
}
.c5-block__lineupName{
	margin: 0 0 5%;
	line-height:1;
}
.c5-block__lineupImage{
	width: 100%;
	margin: 0 auto 16%;
}
.c5-block__lineupImage img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}
.c5-block__lineupP_btn{
	margin: 0 auto 6%;
	font-size: 16px;
	font-size: 1rem;
}
.c5-block__lineupBtn{
	margin: 0 auto 5%;
	font-size: 16px;
	font-size: 1rem;
}

@media screen and (max-width: 639px) {
	.c5-block__lineuplistBox{
		position: relative;
		display: block;
		max-width:100%;
		width: auto;
		margin-right:0;
		margin:0 5% 5%;
		padding:4%;
		background:#f2f2f2;
		box-sizing: border-box;
	}
	.c5-block__lineuplistBox:last-child{
		margin:0 5% 5%;
	}
	.c5-block__lineupNameWrap{
		overflow: hidden;
		margin:0 0 5%;
	}
	.c5-block__lineupName{
		float:left;
		width:62%;
		margin:0;
		line-height:1;
	}
	.c5-block__lineupName img {
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.c5-block__lineupImage{
		float:right;
		width: 35%;
		margin:0;
	}
	.c5-block__lineupP_btn{
		margin: 0 5% 6%;
	}
	.c5-block__lineupBtn{
		margin: 0 5% 5%;
	}
}


/* 
	moudle
*/
/*********************
	margin
**********************/
.c5-mt0{
	margin-top:0;
}
.c5-mb0{
	margin-bottom:0;
}
.c5-mb--s{
	margin-bottom:1%;
}
.c5-mb--m{
	margin-bottom:2.5%;
}
.c5-mb--l{
	margin-bottom:5%;
}
/*********************
	fontsize
**********************/
.c5-fontSizeLL{
	font-size: 30px;
	font-size: 1.85rem;
}
.c5-fontSizeL2{
	font-size: 25px;
	font-size: 1.55rem;
}
.c5-fontSizeL{
	font-size: 20px;
	font-size: 1.4rem;
}
.c5-fontSizeML{
	font-size: 18px;
	font-size: 1.2rem;
}
.c5-fontSizeM{
	font-size: 16px;
	font-size: 1rem;
}
.c5-fontSizeS{
	font-size: 12px;
	font-size: .75rem;
}
@media screen and (max-width: 639px) {
	.c5-fontSizeLL{
		font-size: 24px;
		font-size: 1.5rem;
	}
}
/*********************
	fontweight
**********************/
.c5-fontBold{
	font-weight: bold;
}
/*********************
	textalign
**********************/
.c5-center{
	text-align: center;
}
.c5-left{
	text-align: left;
}
/*********************
	color
**********************/
.c5-colorW{
	color:#fff;
}
.c5-colorB{
	color:#00abf2;
}
.c5-colorY{
	color:#ee9f18;
}
.c5-colorG{
	color:#4bc625;
}
.c5-colorO{
	color:#ef5a22;
}
.c5-colorGR{
	color:#999;
}
/*********************
	background
**********************/
.c5-backGroundW{
	background:#fff;
}
.c5-backGroundB{
	background:#00abf2;
}
.c5-backGroundY{
	background:#ee9f18;
}
.c5-backGroundG{
	background:#4bc625;
}
.c5-backGroundO{
	background:#ef5a22;
}





























.c5-effect {
	display:block;
}
@media screen and (max-width: 639px) {
	.c5-effect {
		display:block;
	}
}

.c5-effect img {
	opacity:1;
	transition:opacity .3s;
}

.c5-effect img:hover {
	opacity:.8;
}

.c5-effect img:hover {
	filter:alpha(opacity=80);
	-ms-filter:alpha(opacity=80);
}

.pc {
	display:block;
}

.sp {
	display:none;
}

.br {
	display:none;
}

.tmp {
	display:none;
}

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