@charset "utf-8";
/* CSS Document */

/*============================
#logo2
============================*/
#logo2 a {
    width: 108px;
    height: 21px;
    margin-left: 71px;
}

/*============================
#page
============================*/
#page {
	margin: 0 auto;
	letter-spacing: 0.08em;
	max-width: 1200px;
	width: 1200px;
	font-size: 16px !important;
}
#page .mq {
	opacity: 0;
	filter: alpha(opacity=0);
}
#page .for_sp,
#page .for_tb {
	display: none;
}

/*============================
#cts_mainvisual
============================*/
#cts_mainvisual img,
#cts_main-result img,
#cts_method img,
#cts_detail_result img {
    width: 100%;
    height: auto;
}
#cts_mainvisual {
	padding: 0 0 4.7%;
}
#cts_mainvisual h1 {
    margin: 0 auto;
    padding: 5.7% 0% 2.3% 0;
    height: 147px;
    width: 920px;
}
#cts_mainvisual .lead {
    width: 293px;
    margin: 0 auto;
    padding: 0 0 4.7% 0;
    height: 38px;
}
#cts_mainvisual .lead2 {
    text-align: center;
    padding: 0% 0 1.27em;
    line-height: 2;
    /* width: 81%; */
    margin: 0 auto;
    letter-spacing: 0.03em;
}
#cts_mainvisual .lead2 .caption {
	font-size: 0.78em;
}
#cts_mainvisual sup {
	font-size: 0.7em;
}

/*============================
#cts_main-result
============================*/
#cts_main-result,
#cts_method,
#cts_detail_result {
    width: 79.17%;
    margin: 0 auto;
}
#cts_main-result h2,
#cts_method h2,
#cts_detail_result h2 {
    color: #eb4d42;
    font-weight: bold;
    border-bottom: solid 1px;
    font-size: 1.38em;
    line-height: 1.36;
    padding: 0 0 0.4em;
}
#cts_main-result {
    padding: 0 0 4.3%;
}
#cts_main-result h2 {
    margin: 0 0 0.7em;
}
#cts_method .box_col h3 {
    text-indent: -2em;
    padding-left: 2em;
}
#cts_main-result h3,
#cts_main-result .txt_strong {
    font-weight: bold;
    line-height: 1.75;
    font-size: 1em;
}
#cts_main-result .pb1e {
	padding-bottom: 1em;
}
#cts_main-result .pt1_6e {
	padding-top: 1.6em;
}
#cts_main-result ul,
#cts_main-result p {
    font-size: 0.88em;
}
#cts_main-result ul {
    margin: 0 0 0.6em 0em;
    line-height: 2;
}
#cts_main-result ul li,
#cts_method .box_col ul li {
    text-indent: -1em;
    padding: 0 0 0 1em;
}
#cts_main-result .secno,
#cts_method .box_col .secno {
    width: 2em;
    display: inline-block;
    text-indent: 0;
}
#cts_main-result ul li:before,
#cts_method .box_col ul li:before {
    content: "\30FB";
}
#cts_main-result p {
    clear: both;
    line-height: 2;
}
#cts_main-result strong {
	font-weight: bold;
}
#cts_main-result a {
    text-decoration: underline;
}
#cts_main-result .caption {
    font-size: 0.69em;
    padding: 1.4em 0 2.9em;
    line-height: 1.6;
}
#cts_main-result .inblock {
	display: inline-block;
}
#cts_main-result .box_thumb {
    padding: 0 0 3.8%;
}
#cts_main-result .box_thumb img {
	width: 47.89%;
}
#cts_main-result .box_thumb .img1,
#cts_main-result .box_thumb .img3 {
    float: left;
}
#cts_main-result .box_thumb .img2,
#cts_main-result .box_thumb .img4 {
    float: right;
}
#cts_main-result .box_thumb .img3,
#cts_main-result .box_thumb .img4 {
	padding: 4.21% 0 0;
}
#cts_main-result .box_thumb .stl {
    text-align: center;
    padding: 0 0 2.2em;
}
#cts_main-result .wrap_graph {
	padding: 4.7% 0 7.2%;
}
#cts_main-result .wrap_graph h3 {
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    letter-spacing: 0.14em;
    line-height: 1.6;
}
#cts_main-result .wrap_graph .thumb {
    display: block;
    margin: 0 auto;
    padding-right: 0.7%;
    width: 85.68%;
}
#cts_main-result .wrap_graph .thumb1 {
    padding: 1.3% 0.7% 0 0;
}
#cts_main-result .icon_blank {
	overflow: hidden;
	display:inline-block;
	width: 1.1em;
	height: 1.3em;
	margin-bottom: 0;
	text-indent: -99em;
	margin-left: 0.3em;
	background: url(../../../images/androidtv/kitagawa/blank2.png) no-repeat 0 bottom;
	background-size: contain;
	max-width: 11px;
}

/*============================
#cts_method
============================*/
#cts_method {
    padding: 0 0 11.1%;
}
#cts_method h2 {
    margin-bottom: 0.6em;
}
#cts_method .box_col {
    font-size: 0.88em;
    padding: 0 0 4.2%;
    margin: 0 -1em 0 0;
}
#cts_method .box_col h3,
#cts_method .box_col p,
#cts_method .box_col ul {
    float: left;
    padding-bottom: 0.7em;
    line-height: 2;
    /* width: 32.1em; */
    /* margin: 0 -1em 0 0; */
}
#cts_method .box_col .pb0 {
	padding-bottom: 0;
}
#cts_method .box_col h3 {
    clear: both;
    width: 9em;
}
#cts_method .box_col p,
#cts_method .box_col ul {
	padding-left: 11em;
	float: none;
}
#cts_method .box_col .caption {
	padding-left: 0;
	font-size: 0.78em;
	padding-top: 0.2em;
	text-indent: 0;
}
#cts_method .inblock {
	display: inline-block;
}
#cts_method .box_thumb {
	text-align: center;
}
#cts_method .thumb1 {
    clear: both;
    margin: 0 auto;
    padding: 0 3.4% 0 0;
    width: 41.79%;
    min-width: 384px;
    vertical-align: bottom;
}
#cts_method .thumb2 {
	width: 21.37%;
	min-width: 196px;
	vertical-align: bottom;
}

/*============================
#google_copy
============================*/
#google_copy {
    display: block;
    text-align: center;
    padding-bottom: 25px;
    color: #dddddd;
    font-size: 9px;
}
.bn_androidtop .under_banners_link span:after {
    /* background: none; */
}

@media screen and (max-width: 1200px) {
	#page {
		font-size: 1.332vw !important;
		width: 100%;
	}
}
@media screen and (max-width: 1050px) {
	#page {
		font-size: 14px !important;
	}
	#cts_mainvisual h1 {
		width: 690px;
		height: 110px;
	}
	#cts_mainvisual .lead {
		width: 220px;
		height: 29px;
	}
	#cts_method .thumb1 {
		/* width: 62.69%; */
		padding: 0 1.4% 0 0;
		/* min-width: 0; */
	}
	#cts_method .thumb2 {
		/* width: 32.2%; */
	}
}
@media screen and (max-width: 920px) {
	#page .for_tb {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	#logo2 a {
		margin-left: 44px;
		width: 60px;
	}
}
@media screen and (max-width: 767px) {
	#page {
		font-size: 3.65vw !important;
	}
	#page .mq {
		opacity: 1;
	}
	#page .for_pc,
	#page .for_tb {
		display: none;	
	}
	#page .for_sp {
		display: block;
	}
	#cts_mainvisual h1 {
		width: 85.4%;
		padding: 5.6% 0% 66.12% 0;
		height: 0;
		margin-top: -2.9%;
	}
	#cts_mainvisual .lead {
		width: 50.85%;
		padding: 0 0.1% 14.1% 0;
		height: 0;
	}
	#cts_mainvisual .lead2 {
		text-align: left;
		width: 89.57%;
		margin: 0 auto;
		text-align: justify;
		line-height: 1.714;
		padding: 0 0 1em;
	}
	#cts_main-result, #cts_method, #cts_detail_result {
		width: 89.57%;
	}
	#cts_main-result h2, #cts_method h2, #cts_detail_result h2 {
		font-size: 1.29em;
		margin: 0 0 0.55em;
		padding: 0 0 0.3em;
	}
	#cts_main-result {
		padding: 0 0 7.3%;
	}
	#cts_main-result ul, #cts_main-result p {
		font-size: 0.93em;
	}
	#cts_main-result .caption {
		font-size: 0.79em;
		padding: 0.8em 0 2.1em;
		line-height: 1.454;
	}
	#cts_main-result .box_thumb img {
		float: none;
		width: 100%;
	}
	#cts_main-result .box_thumb .stl {
		font-size: 1.14em;
		padding-bottom: 0.5em;
	}
	#cts_main-result .box_thumb .box_right {
		padding: 6.6% 0 0;
	}
	#cts_main-result .box_thumb {
		padding: 0 0 8.8%;
	}
	#cts_main-result .box_thumb .img2,
	#cts_main-result .box_thumb .img3,
	#cts_main-result .box_thumb .img4 {
		padding-top: 5.84%;
	}
	#cts_method {
		padding: 0 0 16%;
	}
	#cts_method .box_col h3, #cts_method .box_col p, #cts_method .box_col ul {
		font-size: 1.06em;
		letter-spacing: 0.03em;
		line-height: 1.85;
	}
	#cts_main-result ul li, #cts_method .box_col ul li {
		padding-left: 0;
	}
	#cts_main-result .secno, #cts_method .box_col .secno {
		width: 1.3em;
	}
	#cts_main-result .wrap_graph {
		padding-bottom: 10.4%;
	}
	#cts_main-result .wrap_graph h3 {
		font-size: 0.93em;
	}
	#cts_main-result .wrap_graph .thumb {
		width: 100%;
	}
	#cts_main-result .wrap_graph .thumb1 {
		padding: 4.4% 0.7% 0 0;
	}
	#cts_main-result h3,
	#cts_method .box_col h3 {
		text-indent: -1.3em;
		padding-left: 1.3em;
	}
	#cts_method .box_col h3 {
		width: 7em;
	}
	#cts_method .box_col p, #cts_method .box_col ul {
		float: none;
		padding-left: 9.2em;
		width: auto;
	}
	#cts_method .box_col {
		padding-bottom: 0.9%;
		margin: 0;
	}
	#cts_method .thumb1 {
		width: 100%;
		padding: 0 0 7.8%;
		min-width: 0;
	}
	#cts_method .thumb2 {
		width: 100%;
	}
	#cts_main-result .inblock,
	#cts_method .inblock {
		display: inline;
	}
}