@charset "utf-8";
/* ==================================================
contents
================================================== */
#tmp_topic {
    background: url(/shared/templates/chiba-kun_top/images/bg_topic.png) repeat;
    padding: 54px 0 96px;
	position:relative;
}
#tmp_topic .title {
    background: url(/shared/templates/chiba-kun_top/images/bg_topic_title.png);
    width: 993px;
    height: 143px;
    text-align: center;
    padding-top: 106px;
    margin: 0 auto 58px;
    font-size: 214.2%;
	position:relative;
	z-index:20;
}
#tmp_topic .title_bg {
    background: url(/shared/templates/chiba-kun_top/images/bg_topic_title02.png);
    width: 993px;
    height: 143px;
	position:absolute;
	top:0;
	left:50%;
	z-index:19;
	margin-left:-496px;
	animation: topic_bg01 3s ease-in-out;
	opacity:1;
}
#tmp_topic .title_bg:before {
	content:"";
    background: url(/shared/templates/chiba-kun_top/images/bg_topic_title03.png);
    width: 993px;
    height: 143px;
	position:absolute;
	top:0;
	left:0;
	z-index:19;
	opacity:1;
}
#tmp_topic .animate_appear .title_bg {
	animation: topic_bg01 3s ease-in-out;
}
#tmp_topic .animate_appear .title_bg:before {
	animation: topic_bg02 3.5s ease-in-out;
}

@keyframes topic_bg01 {
	0% {
		opacity: 0;
		transform:translateY(30px);
	}
	50% {
		opacity: 0;
		transform:translateY(30px);
	}
	100% {
		opacity: 1;
		transform:translateY(0);
	}
}

@keyframes topic_bg02 {
	0% {
		opacity: 0;
		transform:translateY(20px);
	}
	50% {
		opacity: 0;
		transform:translateY(20px);
	}
	100% {
		opacity: 1;
		transform:translateY(0);
	}
}

#tmp_topic ul {
    list-style: none;
}
#tmp_topic .topic_content {
    margin: 0 -5px;
}
#tmp_topic .topic_content .right_tp,
#tmp_topic .topic_content .left_tp {
    float: left;
    width: 50%;
    padding: 0 5px;
}
#tmp_topic .topic_content .left_tp .inner {
    background: #ffdada;
    padding: 22px 20px 28px 20px;
    border-radius: 4px;
}
.lft_top h3:before {
    content: " ";
    background: url(/shared/site_chiba-kun/images/icon/icons_featured.png);
    background-size: 100%;
    width: 63px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}
.topic_content h3 {
    font-size: 157.1%;
    font-weight: bold;
    float: left;
    padding-left: 10px;
}
#tmp_wrapper .btn_primary {
    color: #ffffff;
    min-width: 140px;
    text-decoration: none;
    display: block;
    border-radius: 4px;
    line-height: 2;
    padding: 0 10px;
    text-align: center;
    position: relative;
}
#tmp_wrapper .rss_tp {
    float: right;
}
#tmp_wrapper .btn_rss {
    background: #c31613;
    border: 1px solid #c31613;
    box-shadow: 0px 3px 1px 0px #7f1917;
    float: left;
    margin-top: 15px;
}
#tmp_wrapper .btn_sns {
    background: #1e5fa9;
    box-shadow: 0px 3px 1px 0px #1d4169;
    border: 1px solid #1e5fa9;
    float: left;
    min-width: 114px;
}
#tmp_wrapper .btn_rss:hover, 
#tmp_wrapper .btn_rss:focus {
    background: #D32623;
    border: 1px solid #D32623;
    box-shadow: 0px 3px 1px 0px #8f2927;	
}
#tmp_wrapper .btn_sns:hover, 
#tmp_wrapper .btn_sns:focus {
   background: #2e6fb9;
    border: 1px solid #2e6fb9;
    box-shadow: 0px 3px 1px 0px #2d5179;
}
#tmp_wrapper .btn_primary:before {
    content: " ";
    background: url(/shared/site_chiba-kun/images/icon/icons_arrow_white.png);
    background-size: 100%;
    width: 7px;
    height: 8px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
}
.lft_top .btn_primary {
    margin-top: 0;
}
.lft_top .btn_primary:last-child {
    margin-left: 15px;
}
.lft_content {
    border-top: 2px solid #c31613;
}
.lft_content li {
    background: #ffffff;
    position: relative;
}
.lft_content li:before {
    content: " ";
    position: absolute;
    right: 15px;
    left: 230px;
    bottom: 0;
    border-bottom: 1px solid #fb9ea7;
}
.lft_content li:last-child:before {
    display: none;
}
.lft_cnt_img {
    float: left;
}
.lft_cnt_summary {
    overflow: hidden;
    font-size: 114.2%;
    font-weight: normal;
    padding: 16px 15px;
}
#tmp_topic .topic_content .right_tp .inner {
	background:#d3e7fe;
    padding: 26px 18px 30px;
    border-radius: 4px;
}
.rgt_top h3:before {
    content: " ";
    background: url(/shared/site_chiba-kun/images/icon/icons_announ.png) no-repeat;
    background-size: 100% 100%;
    width: 66px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}
.rgt_top .social_tp {
    float: right;
}
.rgt_top .btn_sns, .rgt_top .btn_twitter, .rgt_top .btn_ins {
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
}
.rgt_top .btn_twitter, .rgt_top .btn_ins {
    color: transparent;
    text-indent: -9999px;
    width: 35px;
    height: 35px;
}
.rgt_top .btn_ins {
    background: url(/shared/site_chiba-kun/images/icon/icons_instagram.png) no-repeat;
    background-size: 100% 100%;
}
.rgt_top .btn_twitter {
    margin: 10px 10px 0;
    background: url(/shared/site_chiba-kun/images/icon/icons_twitter.png) no-repeat;
    background-size: 100% 100%;
}
.topic_social {
    background: #ffffff;
    border-radius: 4px;
}
.topic_social li {
    float: left;
    width: 50%;
    padding: 15px 12px;
}
.topic_social_img {
    float: left;
}
.topic_social_content {
    overflow: hidden;
    font-size: 114.2%;
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
}
.topic_social li > p {
    margin-bottom: 5px;
    font-size: 85.7%;
}
.topic_social li > p > span {
    width: 78px;
    line-height: 2;
    color: #ffffff;
    border-radius: 4px;
    display: block;
    text-align: center;
}
.topic_social li > p > span.twi{
    background: #3172a2;
}
.topic_social li > p > span.ins {
    background: #a51b67;
}
.rgt_twitter {
    margin-top: 20px;
    background: url(/shared/templates/chiba-kun_top/images/bg_announ.png) left bottom  no-repeat;
}
.rgt_twitter_anime {
	float:left;
	width:285px;
	position:relative;
}
.rgt_twitter_anime span {
	display:block;
	position:relative;
	z-index:-1;
	overflow:hidden;
}
.rgt_twitter_anime .anime {
	position:absolute;
	top:16px;
	right:0;
	width:158px;
	height:224px;
	transition:transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform:translateX(108px);
	z-index:10;
}
#tmp_topic .topic_content .right_tp .inner:hover .rgt_twitter_anime .anime {
	transform:translateX(0px);
}
.twitter_feed {
    float: right;
    width: 294px;
	position:relative;
	z-index:20;
}
/* 20181107 add */
#tmp_wrapper .btn_primary:before {
	content:inherit;
}
#tmp_wrapper .btn_primary span {
	padding-left:12px;
	background: url(/shared/site_chiba-kun/images/icon/icons_arrow_white.png) no-repeat left center;
}
.rgt_twi_content,
.rgt_ins_content {
	clear:both;
	padding:5px 10px;
	background-color:#FFFFFF;
	border-radius:0 0 4px 4px;
}
.rgt_twi_content {
	border-top:2px solid #3172a2;
	margin-bottom:20px;
}
.wrap_rgt_ins_content {
	background:url(/shared/templates/chiba-kun_top/images/ins_bg.png) no-repeat left top;
}
.rgt_ins_content {
	width:355px;
	min-height:305px;
	float:right;
	position:relative;
	z-index:20;
	border-top:2px solid #a51b67;
}
.rgt_twi_content h4,
.rgt_ins_content h4 {
	font-size: 142.8%;
	display: inline-block;
	vertical-align:middle;
}
.rgt_twi_content h4 {
	color:#3172a2;
}
.rgt_ins_content h4 {
	color:#a51b67;
}
.rgt_twi_content .rgt_twi_content_ttl p,
.rgt_ins_content .rgt_ins_content_ttl p {
	display: inline-block;
	vertical-align:middle;
	margin-left:10px;
}
.rgt_twi_content .btn_twitter,
.rgt_ins_content .btn_ins {
	display: inline-block;
	text-decoration: none;
	color: transparent;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
}
.rgt_twi_content .btn_twitter {
	background: url(/shared/site_chiba-kun/images/icon/icons_twitter.png) no-repeat;
	background-size: 100% 100%;
}
.rgt_ins_content .btn_ins {
	background: url(/shared/site_chiba-kun/images/icon/icons_instagram.png) no-repeat;
	background-size: 100% 100%;
}
.topic_social_twi li {
    float: left;
    width: 50%;
	padding:10px 5px;
}
.topic_social_twi li > p {
    margin-bottom: 5px;
}
.topic_social_ins {
	padding:10px 5px;
}
.topic_social_content {
	font-size:inherit;
}
.rgt_twi_content_btn,
.rgt_ins_content_btn {
	text-align:right;
	margin-bottom:10px;
}
.rgt_twi_content_btn a,
.rgt_ins_content_btn a {
	color: #ffffff;
	width: 125px;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	line-height: 2;
	text-align: center;
	position: relative;
}
.rgt_twi_content_btn a {
	background: #3172a2;
	border: 1px solid #3172a2;
	box-shadow: 0px 3px 1px 0px #1d4169;
}
.rgt_ins_content_btn a {
	background: #a51b67;
	border: 1px solid #a51b67;
	box-shadow: 0px 3px 1px 0px #5a1d69;
}
.rgt_twi_content_btn a:hover, 
.rgt_twi_content_btn a:focus {
	background: #407BA6;
	border: 1px solid #407BA6;
	box-shadow: 0px 3px 1px 0px #1d4169;
}
.rgt_ins_content_btn a:hover, 
.rgt_ins_content_btn a:focus {
	background: #AE3978;
	border: 1px solid #AE3978;
	box-shadow: 0px 3px 1px 0px #5a1d69;
}
.rgt_twi_content_btn a span,
.rgt_ins_content_btn a span {
	padding-left:12px;
	background: url(/shared/site_chiba-kun/images/icon/icons_arrow_white.png) no-repeat left center;
}
.rgt_sns_anime {
	float:left;
	width:225px;
	position:absolute;
}
.rgt_sns_anime span {
	display:block;
	position:relative;
	z-index:-1;
	overflow:hidden;
}
.rgt_sns_anime .anime {
	position:absolute;
	top:70px;
	right:0;
	width:158px;
	height:224px;
	transition:transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform:translateX(108px);
	z-index:10;
}
#tmp_topic .topic_content .right_tp .inner:hover .rgt_sns_anime .anime {
	transform:translateX(0px);
}


/*202503*/
#tmp_topic .topic_content{
    display: flex;
}
#tmp_topic .topic_content .right_tp, #tmp_topic .topic_content .left_tp{
    display: flex;
    flex-direction: column;
}
#tmp_topic .topic_content .left_tp .inner{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
#tmp_topic .topic_content .left_tp .inner .lft_content{
    flex-grow: 1;
}
#tmp_topic .topic_content .right_tp .inner{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
#tmp_topic .topic_content .right_tp .inner .rgt_twi_content{
    flex-grow: 1;
    margin: 0;
    padding: 30px 10px;
}
.rgt_twi_content .bnr_box{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    justify-content: center;
    height: 100%;
}
.rgt_twi_content .bnr_box .sns_bnr img{
	width: 100%;
	max-width: 520px;
}
.movie_slidewrap .slick-list{
	background: #F7FFE0;
	border: 6px solid #007238;
	border-radius: 30px;
    padding: 20px 14%;
}
.movie_slidewrap .slick-list .slick-slide{
	text-align: center;
}
.movie_slidewrap .slick-list .slick-slide .movie_title{
	margin-top: 0.5em;
}
.movie_slidewrap .slick-dots{
	list-style: none;
    display: flex;
    gap: 0.7em;
    justify-content: flex-end;
}
.movie_slidewrap .slick-dots li{
    height: 20px;
}
.movie_slidewrap .slick-dots button{
    text-indent: 500%;
    white-space: nowrap;
    overflow: hidden;
    background: #007238;
    border: 3px solid #007238;
    border-radius: 100%;
    width: 20px;
    height: 20px;
	cursor: pointer;
	padding: 0;
}
.movie_slidewrap .slick-dots .slick-active button{
    background: #fff;
}
.movie_slidewrap #tglBtn{
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
}
.movie_slidewrap #tglBtn #startBtn{
    text-indent: 500%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../images/btn-slide-start.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
	cursor: pointer;
    background-size: 32px;
}
.movie_slidewrap #tglBtn #stopBtn{
    text-indent: 500%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../images/btn-slide-stop.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
	cursor: pointer;
    background-size: 32px;
}
.movie_slidewrap .slide_btns{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    margin-top: 20px;
}
/* ==================================================
Main visual
================================================== */
#tmp_main_visual{
	overflow: hidden;
	position: relative;
	z-index: 5;
	height: 100%;
	background:url(/shared/templates/chiba-kun_top/images/mv_bg.jpg) center top no-repeat;
	height:764px;
}
#tmp_main_visual .container{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 50;
	height: 100%;
	width: 1200px;
}
#tmp_main_visual .slick-slider{
	z-index: 1;
}
#tmp_main_visual .balloon_list:before,
#tmp_main_visual .balloon_list:after{
	content: "";
	display: table;
}
#tmp_main_visual .balloon_list:after{
	clear: both;
}
#tmp_main_visual .balloon{
	border: 4px solid #f92430;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#tmp_main_visual .balloon .balloon_inner{
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#tmp_main_visual .balloon,
#tmp_main_visual .balloon .img_bear,
#tmp_main_visual .bear_large{
	position: absolute;
	z-index: 45;
}
#tmp_main_visual .bear_large{
	left: 360px;
	bottom: 12px;
	z-index: 10;
	width: 560px;
	height: 586px;
	background: url(/shared/templates/chiba-kun_top/images/bear_large.png) no-repeat;
}
#tmp_main_visual .balloon_caption{
	height: 85px;
	min-width: 135px;
	position: absolute;
	z-index: 100;
	color: #000000;
	background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #f3858f;
	display: none;
}
#tmp_main_visual .balloon_caption .balloon_middle{
	padding: 5px 0;
	height: 85px;
	min-width: 135px;
	text-align: center;
	font-size: 85.7%;
	display: table;
}
#tmp_main_visual .balloon_caption .balloon_middle p{
	padding: 0 10px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
}
#tmp_main_visual .balloon_caption .arrow{
	position: absolute;
	width: 19px;
	height: 15px;
}
#tmp_main_visual .balloon_caption .arrow_topic{
	right: 1px;
	bottom: 2px;
	background: url(/shared/templates/chiba-kun_top/images/arrow_topic.png) no-repeat;
}
#tmp_main_visual .balloon_caption .arrow_movie{
	width: 25px;
	height: 17px;
	left:1px;
	bottom:1px;
	background: url(/shared/templates/chiba-kun_top/images/arrow_movie.png) no-repeat;
}
#tmp_main_visual .balloon_caption .arrow_special{
	width: 22px;
	right: 6px;
	bottom: -1px;
	background: url(/shared/templates/chiba-kun_top/images/arrow_special.png) no-repeat;
}
#tmp_main_visual .balloon_topics{
	top: 259px;
	left: 142px;
	width: 209px;
	height: 209px;
	color: inherit;
	background: url(/shared/templates/chiba-kun_top/images/bg_topic_cnt.png) no-repeat center top;
}
#tmp_main_visual .balloon_topics .balloon_caption{
	top: 39px;
	right: 161px;
	border-color: #f3858f;
}
#tmp_main_visual .balloon_movie{
	top: 88px;
	right: 189px;
	width: 198px;
	height: 197px;
	color: inherit;
	background: url(/shared/templates/chiba-kun_top/images/bg_movie_cnt.png) no-repeat center top;
}
#tmp_main_visual .balloon_movie .balloon_caption{
	top: 51px;
	left: 172px;
	border-color: #b3cd6a;
}
#tmp_main_visual .balloon_special{
	top: 38%;
	right: 5px;
	width: 234px;
	height: 233px;
	color: inherit;
	background: url(/shared/templates/chiba-kun_top/images/bg_special_cnt.png) no-repeat center top;
}
#tmp_main_visual .balloon_special .balloon_caption{
	top: 60px;
	right: 171px;
	border-color: #f7982a;
}
#tmp_main_visual .img_bear{
	pointer-events: none;
	display: block;
}
#tmp_main_visual .balloon a{
	text-decoration:none;
}
#tmp_main_visual .balloon .txt{
	color:transparent;
	position:relative;
	z-index:-1;
}
#tmp_main_visual .balloon:hover .img_bear{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#tmp_main_visual .balloon_topics .img_bear{
	left: 84px;
	bottom: -77px;
	width: 127px;
	height: 168px;
	background: url(/shared/templates/chiba-kun_top/images/bg_bear_topic.png) no-repeat;
}
#tmp_main_visual .balloon_movie .img_bear{
	right: 16px;
	bottom: -44px;
	width: 103px;
	height: 128px;
	background: url(/shared/templates/chiba-kun_top/images/bg_bear_movie.png) no-repeat;
}
#tmp_main_visual .balloon_special .img_bear{
	left: 32px;
	bottom: -43px;
	width: 144px;
	height: 171px;
	background: url(/shared/templates/chiba-kun_top/images/bg_bear_special.png) no-repeat;
}
#tmp_main_visual .control_slider{
	position: absolute;
	right: 0;
	bottom: 75px;
	padding: 6px 13px;
	min-width: 84px;
	cursor: pointer;
	font-size: 100%;
	border: 0;
	color: #ffffff;
	background-color: #c21a17;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#tmp_main_visual .control_play{
	display: none;
}
#tmp_main_visual .control_play:before,
#tmp_main_visual .control_pause:before{
	margin-right: 7px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
#tmp_main_visual .control_play:before{
	content: "";
	display: inline-block;
	height: 14px;
	border-color: transparent transparent transparent #ffffff;
	-webkit-transition: 100ms all ease;
	-moz-transition: 100ms all ease;
	transition: 100ms all ease;
	will-change: border-width;
	border-style: solid;
	border-width: 7px 0 7px 14px;
}
#tmp_main_visual .control_pause:before{
	content: "";
	display: inline-block;
	height: 14px;
	border-color: transparent transparent transparent #ffffff;
	-webkit-transition: 100ms all ease;
	-moz-transition: 100ms all ease;
	transition: 100ms all ease;
	will-change: border-width;
	border-style: double;
    border-width: 0 0 0 10px;
}
#tmp_main_visual .navigation_bottom{
	position: absolute;
	left: 0;
	bottom: 6px;
	z-index: 50;
	padding: 16px 70px;
	width: 100%;
	color: inherit;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#tmp_main_visual .navigation_bottom ul{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#tmp_main_visual .navigation_bottom ul li{
	padding: 0 30px;
	float: left;
}
#tmp_main_visual .navigation_bottom ul li a{
	padding: 7px 5px 5px 39px;
	color: #000000;
	background-color: inherit;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
#tmp_main_visual .navigation_bottom ul li a:hover,
#tmp_main_visual .navigation_bottom ul li a:focus 
#tmp_main_visual .navigation_bottom ul li a:active {
	color: #C21A17;
}
#tmp_main_visual .navigation_bottom ul li .symbol_profile,
#tmp_main_visual .navigation_bottom ul li .symbol_gallery,
#tmp_main_visual .navigation_bottom ul li .symbol_download,
#tmp_main_visual .navigation_bottom ul li .symbol_design,
#tmp_main_visual .navigation_bottom ul li .symbol_costume{
	color: inherit;
	min-height: 31px;
	display: block;
}
#tmp_main_visual .navigation_bottom ul li .symbol_profile{
	padding-left: 35px;
	background: url(/shared/templates/chiba-kun_top/images/icons_profile.png) no-repeat left center;
}
#tmp_main_visual .navigation_bottom ul li .symbol_gallery{
	padding-left: 37px;
	background: url(/shared/templates/chiba-kun_top/images/icons_gallery.png) no-repeat left center;
}
#tmp_main_visual .navigation_bottom ul li .symbol_download{
	padding-left: 37px;
	background: url(/shared/templates/chiba-kun_top/images/icons_download.png) no-repeat left center;
}
#tmp_main_visual .navigation_bottom ul li .symbol_design{
	padding-left: 39px;
	background: url(/shared/templates/chiba-kun_top/images/icons_brush.png) no-repeat left center;
}
#tmp_main_visual .navigation_bottom ul li .symbol_costume{
	padding-left: 45px;
	background: url(/shared/templates/chiba-kun_top/images/icons_costume.png) no-repeat left center;
}
/* ======================================================
Special section
=======================================================*/
#tmp_special {
	background: url(/shared/templates/chiba-kun_top/images/spec_bg.jpg) repeat;
	position: relative;
}
#tmp_special .container {
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

#tmp_special .special_bg {
	display: inline-block;
	width: 650px;
	height: 600px;
	background: url(/shared/templates/chiba-kun_top/images/spec_bg_before03.png) top center no-repeat;
	position: absolute;
	top: 0;
	left: -400px;
	z-index: -1;
	opacity:1;
}
#tmp_special .special_bg:before {
	content: "";
	position:absolute;
	background: url(/shared/templates/chiba-kun_top/images/spec_bg_before01.png) top center no-repeat;
	width: 650px;
	height: 600px;
	z-index: -1;
	opacity:1;
}
#tmp_special .special_bg:after {
	content: "";
	position:absolute;
	background: url(/shared/templates/chiba-kun_top/images/spec_bg_before02.png) top center no-repeat;
	width: 650px;
	height: 600px;
	z-index: -1;
	opacity:1;
}
#tmp_special .animate_appear .special_bg {
	animation: special_bg01 3s ease-out;
}
#tmp_special .animate_appear .special_bg:before {
	animation: special_bg02 3.5s ease-out;
}
#tmp_special .animate_appear .special_bg:after {
	animation: special_bg03 4s ease-out;
}
@keyframes special_bg01 {
	0% { opacity: 0; transform:translateY(-30px); }
	50% { opacity: 0; transform:translateY(-30px); }
	100% { opacity: 1; transform:translateY(0); }
}
@keyframes special_bg02 {
	0% { opacity: 0; transform:translateY(-25px); }
	50% { opacity: 0; transform:translateY(-25px); }
	100% { opacity: 1; transform:translateY(0); }
}
@keyframes special_bg03 {
	0% { opacity: 0; transform:translateY(-20px); }
	60% { opacity: 0; transform:translateY(-20px); }
	100% { opacity: 1; transform:translateY(0); }
}

#tmp_special:after {
	content: " ";
    background: url(/shared/templates/chiba-kun_top/images/spec_bg_after.png) no-repeat;
    width: 138px;
    height: 203px;
    position: absolute;
    bottom: 54px;
    right: 195px;
}
#tmp_special .spec_ttl h2 {
	background: url(/shared/templates/chiba-kun_top/images/spec_ttl.png) no-repeat top center;
	text-align: center;
	padding-top: 100px; 
	font-size: 214.3%;
	font-weight: bold;
	margin:80px 0 35px 0;
}
#tmp_special .spec_cnt .spec_item {
	display: block;
	width: 31.4%;
	float:left;
}
#tmp_special .spec_cnt .spec_item:nth-child(3) {
	margin-right: 0;
}
#tmp_special .spec_cnt .spec_item:nth-child(4) {
	margin-bottom: 0;
}
#tmp_special .spec_cnt .spec_item {
	margin: 0 22px 27px 0;
}
#tmp_special .spec_cnt .spec_item .spec_sumary {
	background-color: #ffffff;
	text-align: center;
	width: 100%;
	padding: 0;
	position: relative;
	display:  table;
}
#tmp_special .spec_cnt .spec_item .spec_bg01 {
	background: url(/shared/templates/chiba-kun_top/images/special_bg01.png) center center no-repeat;
}
#tmp_special .spec_cnt .spec_item .spec_bg02 {
	background: url(/shared/templates/chiba-kun_top/images/special_bg02.png) center center no-repeat;
}
#tmp_special .spec_cnt .spec_item .spec_bg03 {
	background: url(/shared/templates/chiba-kun_top/images/special_bg03.png) center center no-repeat;
}
#tmp_special .spec_cnt .spec_item .spec_bg04 {
	background: url(/shared/templates/chiba-kun_top/images/special_bg04.png) center center no-repeat;
}
#tmp_special .spec_cnt .spec_item .spec_sumary .caption {
	font-size:123.4%;
}
#tmp_special .spec_cnt .spec_item .spec_sumary h3 {
	font-size: 171.4%;
	padding-top: 0;
	line-height: 1.3;
	font-weight: bold;
}
#tmp_special .spec_cnt .spec_item .spec_sumary_cnt {
	background-color: #ffffff;
	display:  table-cell;
	vertical-align:  middle;
	height:  113px;
	padding:10px 40px;
}
/* ==================================================
Movie section
================================================== */
#tmp_schedule_movie {
	padding: 65px 0 85px;
	overflow: hidden;
}

#tmp_schedule_movie .container {
	position: relative;
	z-index: 0;
}

#tmp_schedule_movie .schedule_bg {
	display: inline-block;
	width: 715px;
	height: 440px;
	background: url(/shared/templates/chiba-kun_top/images/bg_section_movie_1.png) top center no-repeat;
	position: absolute;
	top: -65px;
	right: -130px;
	z-index: -1;
	opacity:1;
}
#tmp_schedule_movie .schedule_bg:before {
	content: "";
	position:absolute;
	background: url(/shared/templates/chiba-kun_top/images/bg_section_movie_1_2.png) top center no-repeat;
	width: 715px;
	height: 440px;
	z-index: -1;
	opacity:1;
}
#tmp_schedule_movie .schedule_bg:after {
	content: "";
	position:absolute;
	background: url(/shared/templates/chiba-kun_top/images/bg_section_movie_1_3.png) top center no-repeat;
	width: 715px;
	height: 440px;
	z-index: -1;
	opacity:1;
}
#tmp_schedule_movie .animate_appear .schedule_bg {
	animation: schedule_movie_bg 3s ease-out;
}
#tmp_schedule_movie .animate_appear .schedule_bg:before {
	animation: schedule_movie_bg01 3.5s ease-out;
}
#tmp_schedule_movie .animate_appear .schedule_bg:after {
	animation: schedule_movie_bg02 4s ease-out;
}
@keyframes schedule_movie_bg {
	0% { opacity: 0; height:0; }
	50% { opacity: 0; height:0; }
	100% { opacity: 1; height:377px; }
}
@keyframes schedule_movie_bg01 {
	0% { opacity: 0; transform:translateY(20px); }
	70% { opacity: 0; transform:translateY(20px); }
	100% { opacity: 1; transform:translateY(0); }
}
@keyframes schedule_movie_bg02 {
	0% { opacity: 0; transform:translateY(30px); }
	70% { opacity: 0; transform:translateY(30px); }
	100% { opacity: 1; transform:translateY(0); }
}

#tmp_schedule_movie .container:after {
	content: "";
	display: inline-block;
	width: 147px;
	height: 88px;
	background: url(/shared/templates/chiba-kun_top/images/bg_section_movie_2.png) top center no-repeat;
	position: absolute;
	bottom: -68px;
	left: 195px;
	z-index: -1;
}

#tmp_schedule_movie .video_ttl {
    font-size: 214.3%;
    font-weight: bold;
    padding-top: 100px;
    background: url(/shared/templates/chiba-kun_top/images/bg_section_movie_ttl.png) top center no-repeat;
    text-align: center;
    color: #010101;
    margin-bottom: 70px;
    letter-spacing: 0.1em;
}

#tmp_schedule_movie .schedule,
#tmp_schedule_movie .movie {
    width: 50%;
    float: left;
}

#tmp_schedule_movie .schedule {
    padding-right: 22px;
}

#tmp_schedule_movie .schedule .schedule_header .schedule_ttl {
    font-size: 157.1%;
    padding-left: 50px;
    background: url(/shared/templates/chiba-kun_top/images/ico_schedule.png) left center no-repeat;
    -webkit-background-size: 34px;
    background-size: 34px;
    padding-top: 1px;
	float:left;
}

#tmp_schedule_movie .schedule_header,
#tmp_schedule_movie .movie_header {
	position: relative;
	margin-bottom: 40px;
}

#tmp_schedule_movie .schedule_header .appear_btn,
#tmp_schedule_movie .movie_header .movie_list_btn {
	color: #ffffff;
	display: block;
    border-radius: 4px;
	float:right;
}

#tmp_schedule_movie .schedule_header .appear_btn a,
#tmp_schedule_movie .movie_header .movie_list_btn a {
	color: #ffffff;
    min-width: 140px;
    text-decoration: none;
    display: block;
    line-height: 2;
    padding: 0 10px;
    text-align: center;
	position: relative;
}

#tmp_schedule_movie .schedule_header .appear_btn a:before,
#tmp_schedule_movie .movie_header .movie_list_btn a:before {
    content: " ";
    background: url(/shared/site_chiba-kun/images/icon/icons_arrow_white.png);
    background-size: 100%;
    width: 7px;
    height: 8px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
}

#tmp_schedule_movie .schedule_header .appear_btn {
	background: #c31613;
	box-shadow: 0 3px 1px 0px #7f1917;
}

#tmp_schedule_movie .schedule_header .appear_btn:hover,
#tmp_schedule_movie .schedule_header .appear_btn:focus,
#tmp_schedule_movie .schedule_header .appear_btn:active {
    background: #D32623;
    box-shadow: 0px 3px 1px 0px #8f2927;
}

#tmp_schedule_movie .movie_header .movie_list_btn {
	background: #007238;
	box-shadow: 0 3px 1px 0px #154b2f;
}

#tmp_schedule_movie .movie_header .movie_list_btn:hover {
	background: #108248;
	box-shadow: 0 3px 1px 0px #255b3f;
}


#tmp_schedule_movie .schedule .schedule_list {
    border-top: solid 2px #ffdada;
}

#tmp_schedule_movie .schedule_list .schedule_item {
    list-style: none;
}

#tmp_schedule_movie .schedule_list .schedule_item .post_time {
    background-color: #ffdada;
    font-size: 114.3%;
    float: left;
    width: 180px;
    padding: 20px 8px 35px;
    text-align: left;
    line-height: 1.9;
}

#tmp_schedule_movie .schedule_list .schedule_item .post_link {
    font-size: 114.3%;
    line-height: 1.9;
    color: #003377;
    font-weight: normal;
    overflow: hidden;
    padding: 20px 0 2px 17px;
}

#tmp_schedule_movie .post_link .external_site_btn {
    color: #ffffff;
    background-color: #c31613;
    padding: 2px 8px 1px;
    border-radius: 4px;
    font-size: 85.7%;
    margin-left: 10px;
    display: inline-block;
}

#tmp_schedule_movie .movie {
    padding-left: 40px;
}

#tmp_schedule_movie .movie_header .movie_ttl {
    font-size: 157.1%;
    padding-left: 56px;
    background: url(/shared/templates/chiba-kun_top/images/ico_movie.png) left center no-repeat;
    -webkit-background-size: 40px 30px;
    background-size: 40px 30px;
    padding-top: 1px;
	float:left;
}

#tmp_schedule_movie .movie_cnt {
    background-color: #efffc0;
}

#tmp_schedule_movie .movie_cnt .movie_iframe {
    width: 344px;
    float: left;
    position: relative;
    /*padding-bottom: 56.25%;*/
	padding-bottom: 45.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

#tmp_schedule_movie .movie_cnt .movie_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#tmp_schedule_movie .movie_cnt .movie_summary {
    overflow: hidden;
    padding: 17px 17px 10px;
}

#tmp_schedule_movie .movie_cnt .movie_summary .movie_ttl {
    margin-bottom: 22px;
}

#tmp_schedule_movie .movie_cnt .movie_summary .movie_ttl a {
    font-size: 128.6%;
    color: #003377;
}

#tmp_schedule_movie .movie_cnt .movie_summary .movie_cnt {
    margin-bottom: 38px;
    line-height: 1.4;
    font-size: 114.3%;
}

#tmp_schedule_movie .movie_cnt .movie_summary .view_more {
    text-align: right;
}

#tmp_schedule_movie .movie_cnt .movie_summary .view_more a {
    font-size: 114.3%;
    color: #003377;
}

/* ===============================================
animation 
================================================*/
#tmp_mv_anime3,
#tmp_mv_anime2,
#tmp_mv_anime {
	display:none;
}
/* animation 1 */
#tmp_anima {
	/* width:1240px; */
	position:relative;
	margin:0 auto;
}
#tmp_anima img {
	opacity:0;
	position:absolute;
	top:360px;
	left:-50px;
	z-index:49;
}
#tmp_anima img:nth-child(1) {
	animation: anima1 5s linear 0s 1 normal;
	transform:translateX(0px);
	visibility:hidden;
}
#tmp_anima img:nth-child(2) {
	animation: anima2 5s linear 0s 1 normal;
	transform:translateX(100px);
	visibility:hidden;
}
#tmp_anima img:nth-child(3) {
	animation: anima3 5s linear 0s 1 normal;
	transform:translateX(200px);
	visibility:hidden;
}
#tmp_anima img:nth-child(4) {
	animation: anima4 5s linear 0s 1 normal;
	transform:translateX(300px);
	visibility:hidden;
}
#tmp_anima img:nth-child(5) {
	animation: anima5 5s linear 0s 1 normal;
	transform:translateX(400px);
	visibility:hidden;
}
#tmp_anima img:nth-child(6) {
	animation: anima6 5s linear 0s 1 normal;
	transform:translateX(500px);
	visibility:hidden;
}
#tmp_anima img:nth-child(7) {
	animation: anima7 5s ease-out 0s 1 normal;
	transform:translateX(600px);
	visibility:hidden;
}
#tmp_anima img:nth-child(8) {
	animation: anima8 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal;
	transform:translateX(700px);
	visibility:hidden;
}
#tmp_anima img:nth-child(9) {
	animation: anima9 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal;
	transform:translateX(750px);
	visibility:hidden;
}
#tmp_anima img:nth-child(10) {
	animation: anima10 5s linear 0s 1 normal;
	transform:translateX(800px);
	visibility:hidden;
}
#tmp_anima img:nth-child(11) {
	animation: anima11 5s linear 0s 1 normal;
	transform:translateX(900px);
	visibility:hidden;
}
#tmp_anima img:nth-child(12) {
	animation: anima12 5s linear 0s 1 normal;
	transform:translateX(1000px);
	visibility:hidden;
}

@keyframes anima1 {
	0% { opacity:1; visibility:visible; }
	6% { opacity:1; visibility:visible; }
	8% { opacity:0; transform:translateX(80px); visibility:hidden; }
}
@keyframes anima2 {
	6% { opacity:0;	transform:translateX(80px); visibility:visible; }
	7% { opacity:1; }
	13% { opacity:1; }
	15% { opacity:0; transform:translateX(160px); visibility:hidden; }
}
@keyframes anima3 {
	13% { opacity:0; transform:translateX(160px); visibility:visible; }
	14% { opacity:1; }
	20% { opacity:1; }
	22% { opacity:0; transform:translateX(240px); visibility:hidden; }
}
@keyframes anima4 {
	20% { opacity:0; transform:translateX(240px); visibility:visible; }
	21% { opacity:1; }
	27% { opacity:1; }
	29% { opacity:0; transform:translateX(320px); visibility:hidden; }
}
@keyframes anima5 {
	27% { opacity:0; transform:translateX(320px); visibility:hidden; }
	28% { opacity:1; }
	34% { opacity:1; }
	36% { opacity:0; transform:translateX(400px); visibility:visible; }
}
@keyframes anima6 {
	34% { opacity:0; transform:translateX(400px); visibility:hidden; }
	35% { opacity:1; }
	41% { opacity:1; }
	43% { opacity:0; transform:translateX(480px); visibility:visible; }
}
@keyframes anima7 {
	41% { opacity:0; transform:translateX(480px); visibility:hidden; }
	42% { opacity:1; }
	48% { opacity:1; }
	50% { opacity:0; transform:translateX(540px); visibility:visible; }
}
@keyframes anima8 {
	48% { opacity:0; transform:translateX(540px); visibility:hidden; }
	49% { opacity:1; }
	53% { opacity:1; }
	55% { opacity:0; transform:translate(620px,50px) rotate(30deg); visibility:visible; }
}
@keyframes anima9 {
	53% { opacity:0; transform:translateX(600px); visibility:hidden; }
	54% { opacity:1; }
	75% { opacity:1; }
	77% { opacity:0; transform:translateX(800px); visibility:visible; }
}
@keyframes anima10 {
	75% { opacity:0; transform:translateX(800px); visibility:hidden; }
	76% { opacity:1; }
	84% { opacity:1; }
	86% { opacity:0; transform:translateX(850px); visibility:visible; }
}
@keyframes anima11 {
	84% { opacity:0; transform:translateX(850px); visibility:hidden; }
	85% { opacity:1; }
	92% { opacity:1; }
	94% { opacity:0; transform:translateX(900px); visibility:visible; }
}
@keyframes anima12 {
	92% { opacity:0; }
	93% { opacity:1; }
	100% { opacity:0; }
}

#tmp_anicen {
	width:1240px;
	margin:0 auto;
	overflow:hidden;
	height:542px;
	text-align:center;
}
#tmp_anicen img {
	animation: anicen 7s cubic-bezier(0, 0, 0.3, 1.0) 0s 1 normal;
}
@keyframes anicen {
	0% { transform:translateY(542px); }
	80% { transform:translateY(542px); }
	100% { 	transform:translateY(0px); }
}
#tmp_mv_anime.pause #tmp_anima img,
#tmp_mv_anime.pause #tmp_anicen img {
	animation-play-state: paused;
}
.anime_ctrl {
	position:absolute;
	right:0;
	bottom:75px;
	z-index:50;
}
/* animation 2 */
#tmp_mv_anime2_a img {
	opacity:0;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-208px;
	z-index:40;
}
#tmp_mv_anime2_a img:nth-child(1) {
	animation: mv_anime2_1 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(2) {
	animation: mv_anime2_2 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(3) {
	animation: mv_anime2_3 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(4) {
	animation: mv_anime2_4 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(5) {
	animation: mv_anime2_5 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(6) {
	animation: mv_anime2_6 5s linear 0s 1 normal;
}
#tmp_mv_anime2_a img:nth-child(7) {
	animation: mv_anime2_7 5s linear 0s 1 normal;
	opacity:1;
}
@keyframes mv_anime2_1 {
	0% { opacity:1; }
	10% { opacity:1; }
	12% { opacity:0; }
}
@keyframes mv_anime2_2 {
	10% { opacity:0; }
	11% { opacity:1; }
	20% { opacity:1; }
	22% { opacity:0; }
}
@keyframes mv_anime2_3 {
	20% { opacity:0; }
	21% { opacity:1; }
	30% { opacity:1; }
	32% { opacity:0; }
}
@keyframes mv_anime2_4 {
	30% { opacity:0; }
	31% { opacity:1; }
	40% { opacity:1; }
	42% { opacity:0; }
}
@keyframes mv_anime2_5 {
	40% { opacity:0; }
	41% { opacity:1; }
	50% { opacity:1; }
	52% { opacity:0; }
}
@keyframes mv_anime2_6 {
	50% { opacity:0; }
	51% { opacity:1; }
	60% { opacity:1; }
	62% { opacity:0; }
}
@keyframes mv_anime2_7 {
	0% { opacity:0; }
	60% { opacity:0; }
	61% { opacity:1; }
}
#tmp_mv_anime2.pause #tmp_mv_anime2_a img {
	animation-play-state: paused;
}
/* animation 3 */
#tmp_mv_anime3_a img {
	opacity:0;
	position:absolute;
	top:179px;
	left:50%;
	margin-left:-256px;
	z-index:40;
}
#tmp_mv_anime3_a img:nth-child(1) {
	animation: mv_anime3_1 5s linear 0s 1 normal;
}
#tmp_mv_anime3_a img:nth-child(2) {
	animation: mv_anime3_2 5s linear 0s 1 normal;
}
#tmp_mv_anime3_a img:nth-child(3) {
	animation: mv_anime3_3 5s linear 0s 1 normal;
}
#tmp_mv_anime3_a img:nth-child(4) {
	animation: mv_anime3_4 5s linear 0s 1 normal;
}
#tmp_mv_anime3_a img:nth-child(5) {
	animation: mv_anime3_5 5s linear 0s 1 normal;
}
@keyframes mv_anime3_1 {
	0% { opacity:1; }
	10% { opacity:1; }
	12% { opacity:0; }
}
@keyframes mv_anime3_2 {
	10% { opacity:0; }
	11% { opacity:1; }
	20% { opacity:1; }
	22% { opacity:0; }
}
@keyframes mv_anime3_3 {
	20% { opacity:0; }
	21% { opacity:1; }
	30% { opacity:1; }
	32% { opacity:0; }
}
@keyframes mv_anime3_4 {
	30% { opacity:0; }
	31% { opacity:1; }
	40% { opacity:1; }
	42% { opacity:0; }
}
@keyframes mv_anime3_5 {
	40% { opacity:0; }
	41% { opacity:1; }
	50% { opacity:1; }
	52% { opacity:0; }
}
#tmp_mv_anime3_m {
	position:absolute;
	top:179px;
	left:50%;
	margin-left:-256px;
	z-index:40;
	padding:165px 27px 142px 33px;
	width:512px;
	height:575px;
	background:url(/shared/templates/chiba-kun_top/images/mv_movie/06.png) center center no-repeat;
}
#tmp_mv_anime3_m {
	animation: mv_anime3_m 5s linear 0s 1 normal;
	opacity:1;
	visibility:visible;
}
@keyframes mv_anime3_m {
	0% { opacity:0; visibility:hidden; }
	50% { opacity:0; visibility:hidden; }
	52% { opacity:1; visibility:visible; }
}
#tmp_mv_anime3.pause #tmp_mv_anime3_a img,
#tmp_mv_anime3.pause #tmp_mv_anime3_m {
	animation-play-state: paused;
}
#tmp_mv_anime3_m .movie {
	position:relative;
	z-index:52;
}
#tmp_mv_anime3_m .image img {
	position:absolute;
	top:165px;
	left:33px;
	z-index:51;
}
#tmp_mv_anime3_m .image {
	max-width:100%;
	height:auto;
}
#tmp_sp_bear {
	display:none;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_schedule_movie .schedule_header:after,
#tmp_schedule_movie .movie_header:after,
.topic_social_twi li:after,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
/* ==================================================
print
================================================== */

@media print {
    /* for Firefox */
    #tmp_main:after,
    .col_nm:after {
        content: "";
        height: 1px;
    }
}