@charset "utf-8";

/*基幹設定変更*/
.inner{
    margin:initial ! important;
    padding:initial ! important;
}

	.title-band {		
  margin: 0   ! important;		
}

/*全体*/
#handycp{
    line-height:100%;
    font-size:1.2rem;
    margin: 0 auto 20px;background-image:url(/resources/cms/feature/custom/128171/bk.jpg)
}

/*終了文言*/
#handycp .end_txt{
margin:10px auto; padding:10px;
border:dotted 2px #999;
color:#F03;
text-align:center;
max-width:420px;
  }

/*画像100％指定*/
.img{ text-align:center
    }

#handycp .img-fix_head{
    width:100%;
    max-width:640px;
}

#handycp .img-fix{
    width:100%;
    max-width:460px;
}

.top_banner{
	}

.top_banner_centter{ display:block; text-align:center;}

#handycp .img-banner{
    width:100%;
    padding:14px;
    box-sizing: border-box;
}

#handycp .toku_listbox_contents .img img{ border:solid 1px #CCC;}


#handycp .h2_tit-1{
font-size:1.4rem; font-weight:bold;
color:#FFF;
padding:4px 10px;
margin:0 0  0 0;
line-height:140%;
background-color:#5492C5
}

#handycp .h3_tit-1{
font-size:1.4rem; font-weight:bold;
color: #333;
padding:0 2px;
margin:8px 0  4px 0;
line-height:120%;
}


#handycp .h2_tit{
font-size:1.4rem; font-weight:bold; 
padding:10px 8px ;
border-top:#999 solid 2px;
border-bottom:#999 solid 2px;
margin:30px 0  0 0;
line-height:120%;
background-color:#FF9;

}


#handycp  .font_b{font-weight:bold; }

/*ボタン*/
#handycp .topfree_btn { 
    display: table;
    margin: 8px 0 18px 0 ;
    padding: 0 30px ;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

#handycp .topfree_btn a {
    color: #fff;
    display: block;
    padding: 8px 0;	height:38px; line-height:120%; vertical-align: middle; display:table-cell;width:250px;
}
#handycp .topfree_btn .topfree_w50 {
    width: 49%;
    padding-left: 3px;
    box-sizing: border-box;
}
#handycp .topfree_btn .topfree_w50:first-child {
    padding: 0 3px 0 0;
}

#handycp .topfree_btn .topfree_w100 {
    width: 100%;
}

/*ボタン*/
#handycp .hdcp_btn {
    text-align:center;
    margin: 0 auto;

}
#handycp .hdcp_btn p {
text-align:center; font-weight:bold;
}


#handycp .hdcp_btn .hdcp_btn_space {
	margin-bottom:40px;
}

#handycp .hdcp_btn ul {
    display: table;
    margin: 10px 0;
    padding: 0 26px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#handycp .hdcp_btn ul  .but_entry {
    color: #fff;
    padding: 12px 0;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    border-radius:6px;
    box-sizing: border-box;
    font-size:1.4rem;
				white-space:nowrap
}

#handycp .hdcp_btn ul .but_login {
    color: #fff;
    padding: 12px 0;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-color:#39AD73;
    border-radius:6px;
    box-sizing: border-box;
    font-size:1.4rem;
				white-space:nowrap
}

#handycp .hdcp_btn ul .but_comic {
     color:#F36;
    padding: 12px 0;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border: 2px solid #F36;
    background-color: #FFF;
    border-radius:6px;
    box-sizing: border-box;
    font-size:1.6rem;
				white-space:nowrap
}

/*a*/
.a_unline {
text-decoration:underline;
}

/*navi*/
.navi_box {
border-bottom:solid 1px #CCC;font-size:1.0rem; padding:2px 4px;
}

/*アイコンリンク*/

#handycp .comic01{

}
#handycp .comic01 ul {
    display:table;
    table-layout: fixed;
    width:100%; 
    padding: 0 2px ;
    box-sizing: border-box;
}
#handycp .comic01 li {
    display: table-cell;
    vertical-align:top;
    text-align: left;
    padding: 2px;
}
#handycp .comic01 img {
    border:solid #999 1px;
    width: 100%;
    max-width:120px;
    margin: 0 0 2px 0 ;
}
#handycp .comic01 li a {
    text-decoration: none;
    font-size: 1.0rem;
    color: #555;
}
#handycp .comic01 p{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#handycptest .comic01 .hdcp_author{
    color: #963;
}
/*詳細*/
#handycp .contents01{
    padding:6px 10px;
    line-height:130%;
    font-size: 1.6rem;
}
#handycp .contents01 p{
font-size:1.4rem; margin:0 0
}

#handycp .contents01 .contents01-red{
	color:#F03;
}

#handycp .contents01 a{ text-decoration:underline;}

#handycp .contents02{
	margin:auto; max-width:640px;
	  padding:10px 10px 0px 10px;
    line-height:130%;
    font-size: 1.2rem; font-weight:bold;
}

/*作品ブロック*/
#handycp .comicbox00{border-top:dotted 4px #CCC; padding-top:10px;}
#handycp .comicbox01{border:solid 4px #CDC08B; border-radius :14px; margin:0  auto; max-width:640px; background-color:#FFF;}
#handycp .comicbox02{
	text-align: left;
	color:#FFF;
	border-radius :10px 10px 0 0;
	vertical-align:bottom;
}


#handycp .comicbox03{
	text-align: left;
	background-color: #0D80C2;
	color:#FFF;
	border-radius :10px 10px 0 0;
	vertical-align:bottom;
}

/*　関連作品　著者名欄　*/
.toku_chosha{
font-size: 1.2rem; color:#960;
font-weight: bold;
padding-bottom: 6px;
padding-left: 6px;
}

/*FAQ*/
.titlefree_box_img{
 border-bottom-style: solid;
 display:block;
 border-width: 1px 0 1px 0;
 border-top-style: solid;
 background-color:#FFF;
 border-top-color:#CCC;
 border-bottom-color:#CCC;}
.titlefree_box_img a{
 background: url(/resources/cms/feature/custom/114213/sprite_gray.png) right center no-repeat;
 background-position:right center;
 -webkit-background-origin: content;
 color:#555555;
 display:block;
 margin:0;
 padding: 8px 0 6px 10px;
 text-decoration: none; font-weight:bold;}


/*キャンペーンブロック*/
#handycp .comic01{
    max-width:450px; margin: 10px auto 4px auto ;
}
#handycp .comic01 ul {
    display:table;
    table-layout: fixed;
    width:100%; 
    padding: 0 2px ;
    box-sizing: border-box;
}
#handycp .comic01 li {
    display: table-cell;
    vertical-align:top;
    text-align: left;
    padding: 2px;
}
#handycp .comic01 img {
	border:0px;
    width: 100%;
    max-width:120px;
    margin: 0 0 2px 0 ;
}
#handycp .comic01 li a {
    text-decoration: none;
    font-size: 1.0rem;
    color: #555;
}
#handycp .comic01 p{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#handycptest .comic01 .hdcp_author{
    color: #963;
}



/*****/
.toku_listbox{ padding:10px;}


/* テキスト回り込み解除  */
.toku_listbox_contents {
        overflow:hidden;
        height:100%;
}
.toku_listbox_contents p img{
        float:left;
        margin:0 10px 0 0;
}
.toku_list_txt {
    overflow:hidden;
    height:100%;
    line-height: 136%;
    /*フォントの大きさ*/ font-size:1.4rem;
	color:#333;
}


/* タイトル文字サイズ */
.toku_title_list {
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 8px;
    line-height: 126%;
	color:#333;
}


/*紹介文テキスト設定*/
.toku_txt_box {
    padding: 8px 10px 0 10px;
    line-height: 130%;
}

/*キャンペーン*/
.toku_new {background-color:#F00; color:#FF0; border-radius:4px; border:solid 1px #FF9; padding:0 2px; font-size:1.2rem;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.toku_ico_category{background-color:#FFF; border-radius:2px; padding:2px 3px 0 3px; font-size: 1.2rem;}