@charset "utf-8";
/* CSS Document */

body {
	background: url(../../../images/bb_app/body_bg.png) no-repeat 50% 0;
}
#logo2 a {
	width: 108px;
	height: 21px;
	margin-left: 71px;
}
/*============================
#page
============================*/
#page {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
#page .for_sp {
	display: none;
}
#page .lay_iblock {
	display: inline-block;
}
/*============================
#cts_mainvisual
============================*/
#cts_mainvisual h1 {
	padding: 3% 0 3.7% 0.2%;
}
#cts_mainvisual .announce {
	color: #1276db;
	border: solid 1px;
	display: inline-block;
	font-size: 1.25em;
	line-height: 1.6;
	font-weight: bold;
	padding: 0.85em 1.45em;
	margin: 0 0 3%;
}
#cts_mainvisual .announce small {
	font-size: 0.7em;
	font-weight: 400;
}
#cts_mainvisual .lead {
	font-size: 100%;
	line-height: 1.75;
}
/*============================
#cts_mvideo
============================*/
#cts_mvideo {
}
#cts_mvideo .yt_embed {
	margin: 2.3% auto -3%;
}
#cts_mvideo .stl1 {
	padding: 0 0 3.35% 0.7%;
	margin: 0 auto;
	/* position: relative; */
	/* z-index: 1; */
}
#cts_mvideo .logo_bb {
	display: inline-block;
}
#cts_mvideo .lay_left {
	display: inline-block;
	text-align: left;
	width: 45%;
	font-size: 87.5%;
	line-height: 1.79;
	margin: -0.4% -2.9% 6.4% 2.2%;
	white-space: nowrap;
}
#cts_mvideo .lay_left li {
	background: url(../../../images/bb_app/enjoy_disc.png) no-repeat left 0.4em;
	padding: 0 0 0 0.8em;
}
#cts_mvideo .caption {
	/* font-size: 93.3%; */
	/* line-height: 1; */
	/* padding: 0.3em 0 0; */
}
/*============================
#cts_search
============================*/
#cts_search {
	background: #1276db;
	color: #fff;
	padding: 6.25% 11.17% 4.9%;
}
#cts_search h2 {
	border-bottom: solid 1px #fff;
	padding: 0 0 3.1%;
	margin: 0 0 3.3%;
}
#cts_search p {
	line-height: 1.625;
}
#cts_search h3 {
	padding: 0 1.7% 2.8% 0%;
	margin: 0 auto;
}
#cts_search .lay_img {
	margin: 2.4% 0 0 -0.2%;
}
#cts_search .caption {
	font-size: 75%;
	text-align: right;
	margin: 1.3% 8.4% 0 0;
}
#cts_search .bnr1 {
	display: inline-block;
	background: #fff;
}
#cts_search .bnr1 img {
	-ms-transition: opacity 0.15s ease 0s;
	-webkit-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}
#cts_search .bnr1:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*============================
#cts_special_movie
============================*/
#cts_special_movie {
	border: solid #fff 2px;
	border-radius: 14px;
	padding: 0 0 6.3%;
}
#cts_special_movie h2 {
	border-bottom: none;
	margin: -4.1% 0 0;
	padding-bottom: 3.9%;
}
#cts_special_movie h3 {
	padding: 4.7% 0 3.4%;
}
#cts_special_movie .wrap_movie {
	position: relative;
	width: 83.5%;
	margin: 0 auto;
	padding-bottom: 46.97%;
}
#cts_special_movie .wrap_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*============================
#cts_download
============================*/
#cts_download {
	padding: 6.7% 17.67% 6.6%;
}
#cts_download h2 {
	border-bottom: solid 1px #333;
	padding: 0 0 3.9%;
	margin: 0 0 3.7%;
}
#cts_download ol img {
	height: auto;
}
#cts_download .li1 {
	float: left;
	text-align: left;
}
#cts_download .arw1 {
	margin: 33.7% -5% 0 1.5%;
	display: inline-block;
}
#cts_download .li2 {
	float: left;
	margin: 0% -5% 0 2.4%;
}
#cts_download .li3 {
	float: left;
	margin: 2% -5% 0 2.4%;
}
#cts_download .caption {
	clear: both;
	font-size: 87.5%;
	padding: 7.3% 0 0 0;
}
.bn_androidtop .under_banners_link span:after {
    /* background: none; */
}
/*============================
#questionnaire
============================*/
#questionnaire {
	top: -99999px;
	display: none;
}
/*============================
#google_copy
============================*/
#google_copy {
    display: block;
    text-align: center;
    padding-bottom: 25px;
    color: #dddddd;
    font-size: 9px;
}
@media screen and (max-width:1200px) {
	#page {
		font-size: 1.33vw;
	}
	#page img {
		width: 100%;
		height: auto;
	}
	#cts_mainvisual h1 {
		width: 60.67%;
		margin: 0 auto;
	}
	#cts_mvideo .yt_embed {
		width: 66.75%;
	}
	#cts_mvideo .stl1 {
		width: 41.5%;
	}
	#cts_mvideo .logo_bb {
		width: 20.02%;
	}
	#cts_mvideo .lay_left li {
		background-size: 0.8em auto;
	}
	#cts_search h2 img {
		width: 74.01%;
	}
	#cts_search .lay_img {
		width: 100.86%;
	}
	#cts_search h3 {
		width: 79.36%;
	}
	#cts_search .bnr1 {
		width: 83.35%;
		display: block;
		margin: 0 auto;
	}
	#cts_special_movie h2 img {
		width: 79.32%;
	}
	#cts_special_movie h3 {
		width: 68.32%;
	}
	#cts_download h2 img {
		width: 59.23%;
	}
	#cts_download .li1 {
		width: 44.26%;
		margin-right: 7.9%;
	}
	#cts_download .arw1 {
		width: 18.08%;
		display: inline-block;
		margin-right: -30%;
		margin-top: 39.5%;
		margin-left: 1.6%;
	}
	#cts_download .li2 {
		width: 45.37%;
	}
	#cts_download .li3 {
		width: 45.37%;
	}
}
@media screen and (max-width:800px) {
	#logo2 a {
		margin-left: 44px;
		width: 60px;
	}
}
@media screen and (max-width:767px) {
	#page {
		
	}
	#cts_search h2, 
	#cts_search .lay_img img,
	#cts_search .lay_img,
	#cts_search h3,
	#cts_search .bnr1,
	#cts_download .arw1 {
		text-indent: -99999px;
	}
	#page .for_sp {
		display: block;
	}
	#cts_mainvisual h1 {
		width: 93.09%;
		padding: 6.1% 0 5.7% 0;
		margin: 0 auto;
	}
	#cts_mainvisual .announce {
		font-size: 2.9em;
		width: 93.873%;
		box-sizing: border-box;
		padding: 0.85em 1.4em;
		margin: 0 0 5.5%;
	}
	#cts_mainvisual .announce small {
		font-size: 0.759em;
	}
	#cts_mainvisual .lead {
		font-size: 257.48%;
		line-height: 1.638;
		width: 95%;
		margin: 0 auto;
	}
	#cts_mvideo .yt_embed {
		margin: 5% auto -2.3%;
		width: 96.6%;
	}
	#cts_mvideo .stl1 {
		/* background:url(../../../images/bb_app/enjoy_tl_sp.png) no-repeat; */
		/* background-size: 100% auto; */
		/* height: 0; */
		/* overflow: hidden; */
		/* padding-bottom: 6.03%; */
		position: relative;
		width: 89.16%;
		margin: 0 auto 4.1%;
		padding-left: 0;
	}
	#cts_mvideo .logo_bb {
		width: 31.44%;
	}
	#cts_mvideo .lay_left {
		display: block;
		text-align: center;
		width: auto;
		margin: 6.2% 0 0;
		font-size: 244.38%;
		line-height: 1.4;
		padding: 0 0 11.9%;
		white-space: normal;
	}
	#cts_mvideo .lay_left li {
		background: none;
		padding: 0 0.9em 0 0;
		margin: 0 0 0.47em;
		letter-spacing: -0.03em;
	}
	#cts_mvideo .lay_left .sstl {
		display: block;
		padding: 0 0 0 0.85em;
	}
	#cts_mvideo .lay_left .sstl:before,
	#cts_mvideo .lay_left .sstl:after {
		content: "―";
	}
	#cts_search,
	#cts_download {
		padding: 12.6% 3.13% 9.6%;
	}
	#cts_search h2 {
		background: url(../../../images/bb_app/search_tl_sp.png) no-repeat center top;
		background-size: 83.73% auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 21.71%;
		width: 100%;
		margin: 0 0 6.3%;
	}
	#cts_search p,
	#cts_search .caption {
		font-size: 254.15%;
		line-height: 1.538;
	}
	#cts_search .lay_img {
		background: url(../../../images/bb_app/search_img1_sp.jpg) no-repeat;
		background-size: 100% auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 162.87%;
		margin: 8% 0 0;
		width: 100%;
	}
	#cts_search h3 {
		background:url(../../../images/bb_app/search_stl1_sp.png) no-repeat;
		background-size: 100% auto;
		height: 0;
		overflow: hidden;
		width: 67.45%;
		margin: 0 auto;
		padding: 0 0 22.61%;
	}
	#cts_search .bnr1 {
		background:url(../../../images/bb_app/search_bnr1_sp.jpg) no-repeat;
		background-size: 100% auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 36.67%;
		display: block;
		width: 100%;
	}
	#cts_search .caption {
		text-align: center;
		margin: 2.8% 0 0;
		font-size: 234.6%;
		line-height: 1;
	}
	#cts_special_movie {
		border-width: 0.4em;
		border-radius: 2.16em;
		padding-bottom: 9.1%;
	}
	#cts_special_movie h2 {
		background:url(../../../images/bb_app/special_movie_tl_sp.png) no-repeat;
		background-size: 100% auto;
		width: 77%;
		margin: -9.7% auto 3.1%;
	}
	#cts_special_movie h3 {
		background:url(../../../images/bb_app/special_movie_stl_sp.png) no-repeat;
		background-size: 100% auto;
		width: 82%;
		padding: 0 0 19.3%;
		margin: 7.6% auto 5.5%;
	}
	#cts_special_movie .wrap_movie {
		width: 94%;
		padding-bottom: 52.875%;
	}
	#cts_special_movie .wrap_movie iframe {
	}
	#cts_download {
		padding-top: 12.3%;
		padding-bottom: 7.6%;
	}
	#cts_download h2 {
		padding-bottom: 6.4%;
		margin-bottom: 4.8%;
	}
	#cts_download h2 img {
		width: 78.03%;
	}
	#cts_download .li1 {
		float: none;
		width: 96.8%;
		margin: 0 0 0 3.2%;
	}
	#cts_download .arw1 {
		background:url(../../../images/bb_app/download_arw_b.png) no-repeat;
		background-size: 100% auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 15.37%;
		display: block;
		width: 8.05%;
		margin: 6.6% 0 0 44.1%;
	}
	#cts_download .li2 {
		float: none;
		margin: 0 0 0 -0.6%;
		width: 97.22%;
	}
	#cts_download .li3 {
		float: none;
		margin: 3.3% 0 0 -0.6%;
		width: 97.22%;
	}
	#cts_download .caption {
		font-size: 234.6%;
		padding: 8.8% 0 0 0;
		line-height: 1;
	}
}
@media screen and (max-width:575px) {
	#cts_special_movie {
		border-width: 3px;
		border-radius: 16.5px;
	}
}
@media screen and (max-width:435px) {
	#page {
		font-size: 5.8px;
	}
}
@media screen and (max-width:384px) {
	#cts_special_movie {
		border-width: 2px;
		border-radius: 11px;
	}
}
@media screen and (max-width:375px) {
	#page {
		font-size: 5px;
	}
}
@media screen and (max-width:320px) {
	#page {
		font-size: 4.27px;
	}
}
#knTrace {
	margin-top: -40px;
}