@charset "utf-8";
/* =========================================================
   common style
   =======================================================*/

body {
	margin: 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
/*	font-family: "ＭＳ ゴシック",Osaka;*/
/*	font-family: Osaka,"ＭＳ ゴシック";*/
}

img {
  border: 0;
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

.clearfix {
 zoom: 1;
 margin-bottom: 0;
}


div#feat {
	width: 960px;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

div#feat div {
	font-size: 12px;
	line-height: 16px;
}

div#feat td {
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}

div#feat a {
	color: #0066ff;
}

div#feat a:hover {
	color: #6000ff;
}

ol {
	margin: 0px;
	padding: 0px;
}

ol li {
	margin: 0px 0px 7px 25px;
	padding: 0px;
}


/* =========================================================
   content style
   =======================================================*/

/* TOP */

h1 {
	font-size: 24px;
	line-height: 36px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px #d5dfec solid;
}

div#feat h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 10px 0px 5px 0px;
	font-weight: normal;
	color: #666666;
}

div.main_menu {
	float: left;
	width: 415px;
}

div.main_menu ul {
	margin: 0px;
	padding: 0px;
}

div.main_menu ul li {
	color: #0066ff;
	list-style: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
}

div#feat div.main_about {
	float: left;
	width: 545px;
	line-height: 18px;
}

div.main_question {
	margin: 12px 0px 10px 0px;
	float: left;
}

img.btn_qanda,img.btn_contact {
	margin: 4px 0px 10px 10px;
	float: left;
}

iframe.disp {
	margin: 12px 0px;
}

/* ------------ copyright ------------ */

div#feat div.totop {
	text-align: right;
	color: #0084ff;
	margin: 2px 23px;
}

div#feat div.copy {
  font-size: 10px;
  line-height: 120%;
  padding: 10px 10px 40px 20px;
}


/* ------------ copyright ------------ */


div#feat div.iframe_subtitle {
	color: #666666;
	font-size: 24px;
	line-height: 28px;
	margin: 12px 0px 12px 0px;
}

div#feat div.corner_title {
	font-size: 18px;
	line-height: 24px;
/*	font-weight: bold;
	color: #6000ff;*/
}

hr {
	border: none;
	height: 1px;
	background: #d5dfec;
	margin: 15px 0px;
}

img.iframe_main {
	float: right;
}

div.iframe_link {
	padding: 16px 0px 0px 0px;
	text-align: center;
}

/* ★★★★★★★★★★★★★★★★★★ 01 ★★★★★★★★★★★★★★★★★★ */

form {
	margin: 0px;
}

div.payment_point {
	border: 1px #cccccc solid;
	padding: 5px 10px;
	width: 815px;
}

div#feat div.corner_title_monthly {
	font-size: 14px;
	font-weight: bold;
	color: #ff006d;
}

div.payment_about {
	margin: 5px 0px 0px 25px;
}

span.payment_caution {
	font-size: 10px;
}

span.payment_caution span {
	color: #ff0000;
}

div#feat div.corner_title_mobi {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	margin: 0px 0px 5px 0px;
}

div.guide_01_mobi_txt {
	float: left;
	margin: 5px 0px 0px 0px;
}

img.guide_01_mobi_img {
	float: left;
	margin: 0px 0px 0px 30px;
}

/* プレイヤーの使い方 */

div#guide-player {
  position: relative;
  margin-bottom: 20px;
}

div#guide-player p.subheading {
  margin-bottom: 16px;
  border-top: 3px solid #0084ff;
  padding-top: 8px;
}

div#guide-player p.img {
}

div#guide-player p.line {
	margin: 20px 0px 20px 0px;
}

div#guide-player div.caution {
	margin: 0px 0px 0px 44px;
	background: url(https://image2.b-ch.com/contents/guide2/guide_01/player_img_caution.jpg) no-repeat 0px -8px;
	font-size: 12px;
	line-height: 15px;
	padding: 10px 0px 18px 98px;
}

div#guide-player div.caution td{
	font-size: 12px;
	line-height: 15px;
	padding: 0px 10px 2px 0px;
}

div#guide-player div.caution div.caution_c {
	font-size: 10px;
	line-height: 15px;
}

table.guide_player {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	margin: 5px 0px -30px 27px;
}

td.guide_player_l {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	vertical-align: top;
	width: 450px;
}

td.guide_player_r {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	vertical-align: top;
}

div.player_txt {
	padding: 4px 0px 40px 27px;
}

div.player_txt span {
	color: #000000;
}

div.player_device {
	margin: 0px 0px 5px 27px;
}

img.player_icon {
	float: left;
	margin: 0px 7px 5px 0px;
}

p.player_detail {
	float: left;
	margin: 0px 0px 5px 0px;
}

p.player_detail_02 {
	float: left;
	margin: 5px 0px 5px 0px;
}

p.player_detail_03 {
	float: left;
	margin: 5px 15px 5px 0px;
}

p.player_network_detail {
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
}

p.player_network_detail_list {
	clear: both;
	margin: 10px 0px 0px 0px;
	color: #000000;
}



td.player_playtime {
	vertical-align: top;
	padding: 5px 0px 0px 5px;
}

div.player_bookmark_caution {
	color: #000000;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
}

div.player_bookmark {
	margin: 7px 0px 0px 94px;
}

div.player_bookmark_txt {
	margin: 0px 0px 0px 25px;
}

div.player_txt_volume {
	padding: 4px 0px 40px 27px;
	background: url(https://image2.b-ch.com/contents/guide2/guide_01/player_volume.gif) no-repeat 360px 0px;
}

/* ★★★★★★★★★★★★★★★★★★ 03 ★★★★★★★★★★★★★★★★★★ */

img.emblem {
	margin: 5px 0px;
}

span.emblem_get {
	font-weight: bold;
}

div.emblem_rule {
	padding: 5px 10px;
	background: #ebf5ff;
	border: 1px #0084ff solid;
}

div.emblem_caution {
	padding-top: 12px;
}

/* ★★★★★★★★★★★★★★★★★★ 07 ★★★★★★★★★★★★★★★★★★ */

div.embed_steps {
}

div.embed_steps ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

div.embed_steps ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

div.embed_steps ul li.step-1 {
	width: 306px;
}

div.embed_steps ul li.step-2 {
	width: 327px;
}

div.embed_steps ul li.step-3 {
	width: 278px;
}

div.embed_blog {
	border: 1px #cccccc solid;
	padding: 5px 10px;
}

div.embed_blog span {
}

div#myfeat {
  position: relative;
  margin: 0 0 50px 0;
}

div#myfeat p {
  padding: 30px 0;
}

div#myfeat img {
  position: absolute;
  top: 0;
  right: -15px;
}

div.shichou_01 {
	height: 111px;
	width: 611px;
	margin-left: 100px;
}

div#feat div.shichou_title {
	font-size: 18px;
	line-height: 24px;
}

div#feat div.shichou_font {
	line-height: 20px;
}

div.shichou_link {
	margin-left: 38px;
}


/* guide-3 */
h1.bch-p-global-header__logo {
	border: 0;
}

#guide-3 {
	width: 100%;
}

#guide-3 h1 {
	margin: 15px 0 10px 0;
	border: 0;
	font-size: 24px;
	font-weight: bold;
}

#guide-3 div.main {
	width: 100%;
}

#guide-3 div.main img {
	width: 100%;
}

#guide-3 div.bnr-otameshi {
}

#guide-3 div.bnr-otameshi a {
	display: block;
	background: url(https://image2.b-ch.com/contents/guide3/btn_otameshi_03.jpg);
	background-size: 960px;
	background-repeat: no-repeat;
	width: 960px;
	height: 210px;
}

#guide-3 div.bnr-otameshi a:hover {
	background: url(https://image2.b-ch.com/contents/guide3/btn_otameshi_03_on.jpg);
	background-size: 960px;
	background-repeat: no-repeat;
}

#guide-3 div.cntnt {
	margin: 76px 0 0 0;
	background-size: 5px;
	width: 100%;
}

#guide-3 div.cntnt h2 {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #24a2d5;
}

#guide-3 div.cntnt-pom h2 {
}

#guide-3 div.cntnt div {
	padding: 15px 0 0 0;
	width: 100%;
}

#guide-3 div.cntnt-pom {
	margin-bottom: 25px;
	background-image: url(https://image2.b-ch.com/contents/guide3/pom_thm.png);
	background-size: 539px;
	background-repeat: no-repeat;
	background-position: 397px top;
	height: 355px;
}

#guide-3 div.cntnt-md div {
	background-image: url(https://image2.b-ch.com/contents/guide3/md_pic_02.png);
	background-size: 526px;
	background-repeat: no-repeat;
	background-position: 409px top;
}

#guide-3 div.cntnt-serifu {
	background-image: url(https://image2.b-ch.com/contents/guide3/serifu_pic_01.png);
	background-size: 538px;
	background-repeat: no-repeat;
	background-position: 409px 26px;
}

#guide-3 div.cntnt-payment div {
	padding-top: 3em;
	background-image: url(https://image2.b-ch.com/contents/guide3/payment_logo_02.png);
	background-size: 522px;
	background-repeat: no-repeat;
	background-position: 424px top;
	height: 332px;
}

#guide-3 div.cntnt p {
	width: 100%;
	font-size: 24px;
	line-height: 1.6;
	color: #000;
}

#guide-3 div.cntnt p a {
	font-weight: bold;
	color: #24a2d5;
	text-decoration: none;
}

#guide-3 div.cntnt p a:hover {
	color: #45c0f2;
}

#guide-3 div.cntnt p span.notice {
	font-size: 18px;
}

#guide-3 div.cntnt-pom p a {
	color: #ef8c00;
}

#guide-3 div.cntnt-pom p a:hover {
	color: #f3ac3f;
}

#guide-3 div.cntnt p.txtbtn {
	margin: 1em 0 0 10px;
	text-align: center;
	width: 330px;
}

#guide-3 div.cntnt p.txtbtn a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 0.8em 0;
	background-color: #24a2d5;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	color: #fff;
	text-decoration: none;
}

#guide-3 div.cntnt p.txtbtn a:hover {
	background-color: #45c0f2;
}

#guide-3 p.qa {
	margin: 65px auto 0 auto;
	text-align: center;
	font-size: 18px;
}

#guide-3 p.qa a {
	display: inline-block;
	margin: 50px 0;
	background: url(https://image2.b-ch.com/contents/guide3/qa_icn.png) no-repeat;
	background-size: 20px;
	height: 20px;
	padding: 4px 0 0 24px;
	color: #000;
}

#guide-3 p.qa a:hover {
/*
	color: #7f7f7f;
*/
	text-decoration: none;
	opacity: 0.505;
}

#guide-3 div.totop {
	margin: 35px auto 50px auto !important;
	text-align: center !important;
}

#guide-3 div.totop img {
	width: 50px;
}

#guide-3 div.copyright {
	margin: 40px 0 20px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	color: #000;
}