@charset "utf-8";

#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

.pageTop {
	display: none;
}

#contents {
	background: url(../img/bg_sanrio01.png) repeat left top;
	background-size: 25px;
}

#ct_bg {
	color: #5a5153;
	font-size: 125%;
	line-height: 1.7;
}

#ct_bg a:link,
#ct_bg a:visited,
#ct_bg a:hover,
#ct_bg a:active {
	color: #41b8c9;
}

#ct_bg .onlySP {
	display: none;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg #contents01 {
	padding-bottom: 10px;
}

#ct_bg .header01 {
	position: relative;
	padding-top: 15px;
	height: 135px;
	background: url(../img/bg_sanrio02_pc.png) repeat-x left top;
}

#ct_bg .header01 .inner01 {
	margin: 0 auto;
	width: 960px;
}

#ct_bg .header01 .wrap01 {
	float: left;
	width: 500px;
}

#ct_bg .header01 .logo01 {
	float: left;
	margin-right: 10px;
	width: 170px;
}

#ct_bg .header01 .logo01 img {
	width: 100%;
}

#ct_bg .header01 .button01 {
	float: left;
	margin-top: 15px;
}

#ct_bg .snsBtn01 {
	float: right;
	margin-top: 20px;
}

#ct_bg .snsBtn01 li {
	float: left;
	margin-left: 10px;
}

#ct_bg .snsBtn01 li:first-child {
	margin-left: 0;
}

#ct_bg .contentsWrap01 {
	margin: 0 auto;
	width: 960px;
}

#ct_bg .footer01 {
	margin-top: 20px;
}

#ct_bg .footer01 .button01 {
	float: left;
	margin-top: 95px;
	width: 200px;
}

#ct_bg .footer01 .button02 {
	float: right;
	width: 145px;
}

#ct_bg .footer01 .button01 img,
#ct_bg .footer01 .button02 img {
	width: 100%;
}

#ct_bg .copyrighst01 {
	clear: both;
	padding-top: 30px;
	color: #5a5153;
	font-size: 74%;
}

#ct_bg .heading01 {
	float: left;
	margin: 25px 25px 0 0;
	width: 445px;
}

#ct_bg .txt01 {
	float: left;
	width: 490px;
}

#ct_bg .img01 {
	margin-top: 20px;
	text-align: center;
}

#ct_bg .mainArea01 {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

#ct_bg .mainArea01 .inner01 {
	position: relative;
	height: 169px;
	background: url(../img/bg_index01.png) no-repeat left top;
	z-index: 100;
}


@-webkit-keyframes kuma {
	0% { top: 15px; left: 545px; }
	100% { top: 15px; left: 555px; }
}
@keyframes kuma {
	0% { top: 15px; left: 545px; }
	100% { top: 15px; left: 555px; }
}

@-webkit-keyframes unicorn {
	0% { top: 106px; left: 747px; }
	100% { top: 96px; left: 752px; }
}
@keyframes unicorn {
	0% { top: 106px; left: 747px; }
	100% { top: 96px; left: 752px; }
}

@-webkit-keyframes shiro {
	0% { top: 461px; left: 34px; }
	100% { top: 451px; left: 34px; }
}
@keyframes shiro {
	0% { top: 461px; left: 34px; }
	100% { top: 451px; left: 34px; }
}

@-webkit-keyframes kikirara {
	0% { top: 483px; left: 573px; }
	100% { top: 493px; left: 560px; }
}
@keyframes kikirara {
	0% { top: 483px; left: 573px; }
	100% { top: 493px; left: 560px; }
}

@-webkit-keyframes usa {
	0% { top: 601px; left: 286px; }
	100% { top: 601px; left: 276px; }
}
@keyframes usa {
	0% { top: 601px; left: 286px; }
	100% { top: 601px; left: 276px; }
}

/* sp */
@-webkit-keyframes kumaSP {
	0% { top: 1%; left: 43%; }
	100% { top: 1%; left: 44%; }
}
@keyframes kumaSP {
	0% { top: 1%; left: 43%; }
	100% { top: 1%; left: 44%; }
}

@-webkit-keyframes unicornSP {
	0% { top: 5%; right: 1%; }
	100% { top: 4%; right: 0; }
}
@keyframes unicornSP {
	0% { top: 5%; right: 1%; }
	100% { top: 4%; right: 0; }
}

@-webkit-keyframes shiroSP {
	0% { top: 42%; left: 6%; }
	100% { top: 41%; left: 6%; }
}
@keyframes shiroSP {
	0% { top: 42%; left: 6%; }
	100% { top: 41%; left: 6%; }
}

@-webkit-keyframes kikiraraSP {
	0% { top: 42%; right: 0; }
	100% { top: 43%; right: 1%; }
}
@keyframes kikiraraSP {
	0% { top: 42%; right: 0; }
	100% { top: 43%; right: 1%; }
}

@-webkit-keyframes usaSP {
	0% { top: 44%; left: 29%; }
	100% { top: 44%; left: 28%; }
}
@keyframes usaSP {
	0% { top: 44%; left: 29%; }
	100% { top: 44%; left: 28%; }
}



#ct_bg .mainArea01 .image01 {
	position: relative;
	z-index: 100;
}

#ct_bg .mainArea01 .image02,
#ct_bg .mainArea01 .image03,
#ct_bg .mainArea01 .image04,
#ct_bg .mainArea01 .image05,
#ct_bg .mainArea01 .image06 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#ct_bg .mainArea01 .image02 {
	top: 15px;
	left: 545px;
	animation: kuma 2.5s ease-in-out infinite alternate;
	-webkit-animation: kuma 2.5s ease-in-out infinite alternate;
}
#ct_bg .mainArea01 .image03 {
	top: 106px;
	left: 747px;
	animation: unicorn 2s ease-in-out infinite alternate;
	-webkit-animation: unicorn 2s ease-in-out infinite alternate;
}
#ct_bg .mainArea01 .image04 {
	top: 461px;
	left: 34px;
	animation: shiro 2.7s ease-in-out infinite alternate;
	-webkit-animation: shiro 2.7s ease-in-out infinite alternate;
}
#ct_bg .mainArea01 .image05 {
	top: 483px;
	left: 573px;
	animation: kikirara 2.2s ease-in-out infinite alternate;
	-webkit-animation: kikirara 2s ease-in-out infinite alternate;
}
#ct_bg .mainArea01 .image06 {
	top: 601px;
	left: 286px;
	animation: usa 2.1s ease-in-out infinite alternate;
	-webkit-animation: usa 2.1s ease-in-out infinite alternate;
}

#ct_bg .mainImageArea01 {
	position: absolute;
	top: 72px;
	left: 176px;
	width: 560px;
	height: 622px;
	background-color: #fbe4ee;
	z-index: 1;
}

#ct_bg .mainImageArea01.select {
	z-index: 10 !important;
}

#ct_bg .localNavi01 {
	position: relative;
	padding: 39px 0 0 37px;
	z-index: 150;
}

#ct_bg .localNavi01 li {
	float: left;
	width: 177px;
}

#ct_bg .localNavi01 li.title01 {
	position: absolute;
	float: none;
	top: 7px;
	left: 292px;
	width: 378px;
}

#ct_bg .localNavi01 li img {
	width: 100%;
}

#ct_bg .col01 {
	float: left;
	margin-top: 22px;
	width: 460px;
}

#ct_bg .col02 {
	float: right;
	margin-top: 22px;
	width: 480px;
}

#ct_bg .heading01 img,
#ct_bg .txt01 img,
#ct_bg .col01 img,
#ct_bg .col02 img {
	width: 100%;
}

#ct_bg .infoSection01 {
	position: relative;
	margin-top: 47px;
	padding-left: 500px;
}

#ct_bg .infoSection01 img {
	width: 100%;
}

#ct_bg .infoSection01 .image01 {
	position: absolute;
	top: -19px;
	left: 0;
	width: 470px;
}

#ct_bg .infoSection01 .text01 {
	margin-top: 15px;
}

#ct_bg .infoSection01 .text02 {
	width: 460px;
}

#ct_bg .infoSection01 .text03 {
	margin: 15px auto 0;
	width: 332px;
}

#ct_bg .infoSection01 .button01 {
	margin-top: 20px;
	width: 460px;
}

#ct_bg .list01 dt {
	margin-top: 10px;
	padding: 0 0 0 23px;
	color: #ff6daf;
	font-size: 127%;
	font-weight: bold;
	border-bottom: #ff6daf solid 2px;
	background: url(../img/ico_index01.png) no-repeat 0 .5em;
	background-size: 17px;
}

#ct_bg .list01 dd {
	margin-top: 5px;
}

@media screen and (max-width: 639px) {
#ct_bg {
	font-size: 108%;
}

#ct_bg a:link,
#ct_bg a:visited {
	text-decoration: underline;
}

#ct_bg img {
	width: 100%;
	height: auto;
}

#ct_bg .onlyPC {
	display: none;
}
#ct_bg .onlySP {
	display: block;
}
#ct_bg img.onlySP {
	display: inline-block;
}

#ct_bg #contents01 {
	padding-bottom: 15px;
}

#ct_bg .header01 {
	padding: 10px 0 24px;
	height: auto;
	background: url(../img/bg_sanrio02_sp.png) repeat-x left top;
	background-size: auto 100%;
}

#ct_bg .header01 .inner01 {
	padding: 0 10px 15px;
	width: 100%;
}

#ct_bg .header01 .wrap01 {
	float: none;
	width: 100%;
}

#ct_bg .header01 .logo01 {
	float: left;
	margin-right: 0;
	width: 56%;
}

#ct_bg .header01 .button01 {
	float: right;
	margin-top: 5px;
	width: 40%;
}

#ct_bg .snsBtn01 {
	float: none;
	position: inherit;
	top: 0;
	width: 100%;
	height: auto;
	text-align: center;
	letter-spacing: -.4em;
}

#ct_bg .snsBtn01 li {
	display: inline-block;
	float: none;
	letter-spacing: normal;
}

#ct_bg .contentsWrap01 {
	padding: 0 10px;
	width: 100%;
}

#ct_bg .footer01 {
	margin-top: 30px;
}

#ct_bg .footer01 .button01 {
	float: none;
	margin: 0 auto;
	width: 66%;
}

#ct_bg .footer01 .button02 {
	float: none;
	margin: 15px auto 0;
	width: 47%;
}

#ct_bg .copyrighst01 {
	padding-top: 20px;
	text-align: center;
}

#ct_bg .heading01,
#ct_bg .txt01,
#ct_bg .col01,
#ct_bg .col02 {
	float: none;
	margin: 10px 0 0 0;
	width: 100%;
}

#ct_bg .txt01 {
	margin-top: 5px;
}

#ct_bg .col01 {
	margin-top: 15px;
}

#ct_bg .col02 {
	margin-top: 10px;
}

#ct_bg .img01 {
	margin-top: 15px;
}

#ct_bg .mainArea01 {
	position: relative;
	margin-top: 12px;
	padding-top: 0;
	background-color: #fbe4ee;
	border-radius: 0 0 10px 10px;
}

#ct_bg .mainArea01 .inner01 {
	margin-top: 6%;
	padding: 0 10px 10px;
	height: auto;
	background-image: none;
}

#ct_bg .mainArea01 .image01 {
	position: inherit;
	width: 100%;
}

#ct_bg .mainArea01 .image02 {
	top: 1%;
	left: 43%;
	width: 19%;
	animation-name: kumaSP;
	-webkit-animation-name: kumaSP;
}
#ct_bg .mainArea01 .image03 {
	top: 5%;
	left: auto;
	right: 0;
	width: 23%;
	animation-name: unicornSP;
	-webkit-animation-name: unicornSP;
}
#ct_bg .mainArea01 .image04 {
	top: 42%;
	left: 6%;
	width: 16%;
	animation-name: shiroSP;
	-webkit-animation-name: shiroSP;
}
#ct_bg .mainArea01 .image05 {
	top: 42%;
	left: auto;
	right: 0;
	width: 37%;
	animation-name: kikiraraSP;
	-webkit-animation-name: kikiraraSP;
}
#ct_bg .mainArea01 .image06 {
	top: 44%;
	left: 29%;
	width: 20%;
	animation-name: usaSP;
	-webkit-animation-name: usaSP;
}

#ct_bg .mainImageArea01 {
	position: absolute;
	top: 3%;
	left: 0;
	padding: 0 4%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#ct_bg .mainImageArea01 li {
	position: absolute;
	z-index: 1;
}

#ct_bg .localNavi01 {
	padding: 0;
}

#ct_bg .localNavi01 li {
	width: 50%;
}

#ct_bg .localNavi01 li:nth-child(odd) {
	padding-right: 5px;
}
#ct_bg .localNavi01 li:nth-child(even) {
	padding-left: 5px;
}

#ct_bg .localNavi01 li.title01 {
	position: inherit;
	float: left;
	top: 0;
	left: 0;
	width: 50%;
}

#ct_bg .infoSection01 {
	margin-top: 30px;
	padding-left: 0;
}

#ct_bg .infoSection01 .image01 {
	position: inherit;
	top: 0;
	margin-top: 4px;
	width: 100%;
}

#ct_bg .infoSection01 .text02 {
	margin-top: 10px;
	width: 100%;
}

#ct_bg .infoSection01 .text03 {
	margin-top: 20px;
	width: 100%;
}

#ct_bg .infoSection01 .button01 {
	margin-top: 15px;
	width: 100%;
}

}

/* Clearfix */
#ct_bg .wrap01:before,
#ct_bg .wrap01:after,
#ct_bg .header01:before,
#ct_bg .header01:after,
#ct_bg .footer01:before,
#ct_bg .footer01:after,
#ct_bg .snsBtn01:before,
#ct_bg .snsBtn01:after,
#ct_bg .localNavi01:before,
#ct_bg .localNavi01:after {
    content: " ";
    display: table;
}

#ct_bg .wrap01:after,
#ct_bg .header01:after,
#ct_bg .footer01:after,
#ct_bg .snsBtn01:after,
#ct_bg .localNavi01:after {
	clear: both;
}