/*/////////////////////////////////////////////////////////////////////////////////////////////////

	RESET STYLE

/////////////////////////////////////////////////////////////////////////////////////////////////*/

html,body {
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);  /* Tap時の影を消す */
}

.pc_disp { display:block;}
.sp_disp { display:none;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

	既存ソーシャルボタンStyle移植（PC）

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#m_share_box,#m_share_box2,#m_staff_box { padding-left:10px; padding-right:10px;}

#m_share_box { margin-top:20px; clear:both; width:490px; padding:0 55px;}
.wide #m_share_box { width:auto; padding:0; margin-left:10px;}
#m_share_box .bg { background:url(https://www.lovecosmetic.jp/images/common/bg_iine.jpg) left top no-repeat; width:490px; height:110px;}
.wide #m_share_box .bg { background:url(https://www.lovecosmetic.jp/images/common/wide/bg_iine.jpg) left top no-repeat; width:750px; height:116px;}
#m_share_box a { display:inline-block;}
#m_share_box li { float:left;}
#m_share_box ul { padding-top:24px; margin:0 auto;}
#m_share_box .top { width:458px; margin:0 auto; padding-top:16px;}
.wide #m_share_box .top { width:548px; margin:0 auto; padding-top:20px;}
#m_share_box .top li { margin-left:20px;}
.wide #m_share_box .top li { margin-left:42px;}
#m_share_box .top li.first { margin-left:0px;}
.narrow #m_share_box .top li.last { margin-left:19px;}
#m_share_box .bottom { width:458px; margin:0 auto; padding-top:16px;}
.wide #m_share_box .bottom { width:548px; margin:0 auto; padding-top:20px;}
#m_share_box .bottom li { margin-left:16px;}
.wide #m_share_box .bottom li { margin-left:39px;}
#m_share_box .bottom li.first { margin-left:0px;}
#m_share_box .bottom li.last { margin-left:17px;}
.wide #m_share_box .bottom li.last { margin-left:38px;}

/*新商品ページ用　140331鈴木*/
#m_share_box2 { margin-top:20px; clear:both; width:490px; padding:0 55px;}
.wide #m_share_box2 { width:auto; padding:0; margin-left:10px;}
#m_share_box2 .bg { background:url(https://www.lovecosmetic.jp/images/common/bg_iine.jpg) left top no-repeat; width:490px; height:70px;}
.wide #m_share_box2 .bg { background:url(https://www.lovecosmetic.jp/images/common/wide/bg_iine.jpg) left top no-repeat; width:750px; height:76px;}
#m_share_box2 a { display:inline-block;}
#m_share_box2 li { float:left;}
#m_share_box2 ul { padding-top:24px; margin:0 auto;}
#m_share_box2 .top { width:458px; margin:0 auto; padding-top:16px;}
.wide #m_share_box2 .top { width:548px; margin:0 auto; padding-top:20px;}
#m_share_box2 .top li { margin-left:20px;}
.wide #m_share_box2 .top li { margin-left:42px;}
#m_share_box2 .top li.first { margin-left:0px;}
.narrow #m_share_box2 .top li.last { margin-left:19px;}
#m_share_box2 .bottom { width:458px; margin:0 auto; padding-top:16px;}
.wide #m_share_box2 .bottom { width:548px; margin:0 auto; padding-top:20px;}
#m_share_box2 .bottom li { margin-left:16px;}
.wide #m_share_box2 .bottom li { margin-left:39px;}
#m_share_box2 .bottom li.first { margin-left:0px;}
#m_share_box2 .bottom li.last { margin-left:17px;}
.wide #m_share_box2 .bottom li.last { margin-left:38px;}

/*#m_flash_box,#m_share_box,#m_staff_box,.m_shopping_box { margin-right:10px;}元のコード2012/06/20神田*/
#m_flash_box,#m_share_box,#m_share_box2,#m_staff_box,.m_shopping_box { margin-right:auto; margin-left:auto;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

	既存ソーシャルボタンStyle移植（SP）

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* いいねボタン
******************************************/
ul.iineList {
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 270px;
}
ul.iineList li {
    float: left;
    height: 36px;
}
ul.iineList2 {
    height: 24px;
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 270px;
}
ul.iineList2 li {
    float: left;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

	CONTENTS LAYOUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*---------------------------------------------------*
	Font Style
 *---------------------------------------------------*/
#contents, input, button {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px; color:#666; line-height:1; text-align:left;
}
#contents .eng{
	font-family:Arial, Helvetica, sans-serif;
}


/*---------------------------------------------------*
	背景
 *---------------------------------------------------*/
/* 青 (背景画像あり) */
#movie .bg_type1 { background:#4A96C2 url(../images/comic_lctv/btn_top.png) repeat-x left center;}
#comicPage .bg_type1 { background:#F04370 url(../images/comic_lctv/btn_top.png) repeat-x left center;}
#contents .bg_type1.noback { background-image:none;}

/* ボタン用（グレーグラデ） */
#contents .bg_btn {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 48%, #f6f6f6 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ffffff), color-stop(52%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 48%,#f6f6f6 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 48%,#f6f6f6 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 48%,#f6f6f6 52%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 48%,#f6f6f6 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border:#DDDDDD 1px solid;
} 

/*---------------------------------------------------*
	角丸
 *---------------------------------------------------*/
/* 全方向 */
#contents .radius_all {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* 全方向 */
#contents .radius_none {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

/*---------------------------------------------------*
	Box List
 *---------------------------------------------------*/
#contents ul.box_list li {
	display:block; background-color:#FFF; border-bottom:#DDDDDD 1px dotted;
}
#contents ul.box_list li:last-child { border:none;}

#contents ul.box_list li a { display:block;}
#contents ul.box_list li a:hover { background-color:#F7FAFD;}
#contents ul.box_list li a span { display:block;}

#movie ul.box_list li a span { background: url(../images/comic_lctv/box_arrow_b.png) no-repeat right center;}
#comicPage ul.box_list li a span { background: url(../images/comic_lctv/box_arrow_p.png) no-repeat right center;}


/*---------------------------------------------------*
	Contents Common Style
 *---------------------------------------------------*/
#contents { margin-top:20px;}
#contents h2.bnr img { width:100%; max-width:630px; margin:0 auto;}

#contents h3, #contents h4 { color:#4A96C1; font-weight:normal; margin:0; padding:0;}
#contents h4 { line-height:1.4em;}
#contents p { line-height:1.5em; color:#666;}
#contents a { text-decoration:none; color:#666;}

#contents a.text_link { color:#4A96C1;}
#contents a.text_link:hover { color:#F5696C; text-decoration:underline;}
#contents a.b_arrow { padding-left: 11px; background:url(../images/comic_lctv/link_b_arrow.png) no-repeat left center;}
#contents a.tag_link {
	color:#4A96C1;
	background-color: #EDF4F9;
	margin-left: 8px;
	white-space: nowrap;
	padding: 2px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#contents a.tag_link:hover { color:#F5696C; background-color:#FEF0F0; text-decoration:none;}









#contents .left_area { float:left; width:630px; font-size:14px; line-height:1.5em;}
#contents .right_area { float:right; width:300px; color:#666;}

#contents .sec { margin-top:40px;}
#contents .sec.first { margin-top:0px;}
#contents .inner { padding:0 12px;}

#contents .free_box {
	padding:20px;
	border-top:#EEEEEE 1px solid; border-bottom:#EEEEEE 2px solid;
	background-color:#F2F8FB;
}


/*---------------------------------------------------*
	Section title
 *---------------------------------------------------*/
#contents .sec_ttl {
	padding:18px 0; position:relative;
	border-bottom:#EEEEEE 1px solid;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#ffffff 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#contents .sec_ttl p { font-size:16px; font-weight:bold; line-height:100%;}

#movie .sec_ttl { border-top:#6B9ED2 2px solid;}	/* 動画 */
#comicPage .sec_ttl { border-top:#F04370 2px solid;}	/* 漫画 */

/*---------------------------------------------------*
	Sub Section title
 *---------------------------------------------------*/
#contents .sec_sub_ttl {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#movie .sec_sub_ttl { background-color:#4A96C2;}
#comicPage .sec_sub_ttl { background-color:#F04370;}

#contents .sec_sub_ttl2 {
	background-color:#6B9ED2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#contents .sec_sub_ttl p,
#contents .sec_sub_ttl2 p {
	padding:6px 0 6px 24px; color:#FFF; font-size:16px; line-height:normal;
	background:url(../images/comic_lctv/icon_ttl2.png) no-repeat left center;
}

/*---------------------------------------------------*
	Detail title
 *---------------------------------------------------*/
#contents .sec_detail_ttl { padding:0 12px;}
#contents .sec_detail_ttl p {
	padding-left:26px;
	font-size:16px; color:#6C6C6C; font-weight:bold; line-height:100%; position:relative;
}
#contents .sec_detail_ttl span.icon {
	display:block; width:16px; height:16px;
	position:absolute; top:0; left:0;
}
#movie .sec_detail_ttl span.icon {
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat\9;
	*background:url(../images/icon_menu_01.png) no-repeat;
}
#comicPage .sec_detail_ttl span.icon {
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat\9;
	*background:url(../images/icon_menu_02.png) no-repeat;
}


/*---------------------------------------------------*
	Flip Setting 
	(※ .flipsnap, .flip_item 幅はJS内で設定)
 *---------------------------------------------------*/
#contents .view { overflow:hidden; width:100%;}
#contents .flip_item { float:left;}

#contents .flip_cntl {
	position:relative; height:10px; margin-top:20px; padding:20px 0;
	text-align:center; letter-spacing: -.40em;
	background-color:#F2F8FB; border-top:#ddd 1px dotted;
}
#contents .flip_cntl a {
	width:11px; height:10px; display:inline-block; letter-spacing:normal;
	background: url(../images/comic_lctv/flip_page.png) no-repeat;
	background: url(../images/comic_lctv/flip_page.png) no-repeat\9;
	*background: url(../images/flip_page.png) no-repeat;
	background-size: 22px 10px;
	-webkit-background-size: 22px 10px;
}
#contents .flip_cntl .off_mark { margin:0 8px; background-position:0 0;}
#contents .flip_cntl .on_mark  { margin:0 8px; background-position:-11px 0;}

#contents .flip_cntl .prev_btn,
#contents .flip_cntl .next_btn {
	width:26px; height:26px;
	background: url(../images/comic_lctv/flick_btn.png) no-repeat;
	background: url(../images/comic_lctv/flick_btn.png) no-repeat\9;
	*background: url(../images/flick_btn.png) no-repeat;
	background-size: 52px 26px;
	-webkit-background-size: 52px 26px;
}
#contents .flip_cntl .prev_btn {
	position:absolute; top:50%; left:10px; margin-top:-13px; text-indent: -9999px;
	background-position: 0px 0;
}
#contents .flip_cntl .next_btn {
	position:absolute; top:50%; right:10px; margin-top:-13px; text-indent: -9999px;
	background-position: -26px 0;
}


/*---------------------------------------------------*
	Thumbnail List Style
 *---------------------------------------------------*/
#contents .thumb_list { margin-top:10px;}
#contents .thumb_list li { float:left; width:33.3%;}
#contents .thumb_list li a { display:block; padding:10px;}
#contents .thumb_list h4 { margin-top:10px;}
#contents .thumb_list p.text,
#contents .thumb_list p.cnt { margin-top:5px; font-size:12px;}
#contents .thumb_list p.cnt span { font-size:16px; font-weight:bold; color:#F3676C; padding-right:2px;}

#contents .thumb_list .thumb { width:100%; position:relative;}
#contents .thumb_list .thumb img { width:100%; height:auto;}

/* Icon (左上配置) */
#contents .thumb_icon {
	width:36px; height:36px; display:none;
	position:absolute; top:0; left:0;
	background:url(../images/comic_lctv/icon_mv.png) no-repeat;
	background:url(../../images/icon_mv_ie.png) no-repeat\9; /* IE8 */
	*background:url(../images/icon_mv_ie.png) no-repeat;  /* IE7 */	
	background-size: 36px 108px;
	-webkit-background-size: 36px 108px;
}
#sec_new .thumb_icon { display:block; background-position:0px 0px;}		/* 最新 */
#sec_hot .thumb_icon { display:block; background-position:0px -36px;}	/* 注目 */
#sec_pop .thumb_icon { display:block; background-position:0px -72px;}	/* 人気 */

#contents .new .thumb_icon { display:block; background-position:0px 0px;}	/* 最新 */
#contents .hot .thumb_icon { display:block; background-position:0px -36px;}	/* 注目 */
#contents .pop .thumb_icon { display:block; background-position:0px -72px;}	/* 人気 */

/* Time (右下配置) */
#contents .mv_time {
	font-size:10px; color:#fff;
	padding:1px 5px; background-color:#000;
	position:absolute; bottom:0; right:0;
}
#comicPage .mv_time { display:none;}


/*---------------------------------------------------*
	Item List Style
 *---------------------------------------------------*/
#contents .item_list { font-size:12px; padding:10px 0;}
#contents .item_list li { float:left; width:20%;}
#contents .item_list li a { display:block; padding:10px;}
#contents .item_list h4 { margin-top:10px;}
#contents .item_list p { margin-top:10px;}
#contents .item_list .price { display:block; margin-top:10px; color:#CC0006; font-weight:bold;}

#contents .item_list .thumb { width:100%; border:#EEE 1px solid;}
#contents .item_list .thumb img { display:block; width:82px; margin:0 auto;}


/*---------------------------------------------------*
	Category List Style
 *---------------------------------------------------*/
#contents .cd_list li { float:left; width:50%;}
#contents .cd_list li a {
	display:block; padding-top:20px; padding-bottom:20px; margin:0 10px;
	border-bottom:#ccc 1px dotted; color:#666;
}
#contents .cd_list li a span { font-weight:bold; color:#F3676C;}

#contents .cd_list li a small { font-size: 100%;}

/*---------------------------------------------------*
	Ranking
 *---------------------------------------------------*/
#contents .rank_area { text-align:center;}
#contents .rank_area span.rank_no {
	padding:0 3px 0 8px; font-size:20px; font-weight:bold; vertical-align:-1px; 
}
#contents .rank_area span.icon {
	display:inline-block; width:16px; height:16px;
	background-size:80px 16px; vertical-align: -1px;
	
	-webkit-background-size: 80px 16px;
	-moz-background-size: 80px 16px;
	-o-background-size: 80px 16px;
	-ms-background-size: 80px 16px;
}
#movie .rank_area span.icon {
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat\9;
	*background:url(../images/icon_menu_01.png) no-repeat;
}
#comicPage .rank_area span.icon {
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat\9;
	*background:url(../images/icon_menu_02.png) no-repeat;
}

#contents .rank_area.rank1 { color:#FD9F1F;} 
#contents .rank_area.rank1 span.icon { background-position:-16px 0px;} 
#contents .rank_area.rank2 { color:#AAAAAA;} 
#contents .rank_area.rank2 span.icon { background-position:-32px 0px;} 
#contents .rank_area.rank3 { color:#F96F09;} 
#contents .rank_area.rank3 span.icon { background-position:-48px 0px;} 
#contents .rank_area.rank_other { color:#6B9ED2;} 
#contents .rank_area.rank_other span.icon { background-position:-64px 0px;}


/*---------------------------------------------------*
	Input Area
 *---------------------------------------------------*/

/* キーワード検索チェックボックスエリア */
#contents .chk_area {
	margin-bottom:10px;
	border: #DDD 1px solid;

	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#contents .chk_area dt {
	float:left; width:50%; height:34px; line-height:34px; position:relative;
	color:#FFF; text-align:center; font-size:14px;
	background:none;
	font-weight:bold;
	
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#movie .chk_area { border-color:#4A96C2;}
#comicPage .chk_area { border-color:#FB75A7;}

#movie .chk_area dt { color:#4A96C2;  background-color:#F2F8FB;}
#comicPage .chk_area dt { color:#FB75A7;  background-color:#FFFAFC;}


#contents .chk_area dt span.arrow {
	display:block; width:12px; height:6px; margin-left:-5px;
	position:absolute; bottom:-6px; left:50%;
}
#movie .chk_area dt span.arrow {
	background:url(../images/comic_lctv/chk_arrow_b.png) no-repeat;
	background:url(../images/comic_lctv/chk_arrow_b.png) no-repeat\9;
	*background:url(../images/chk_arrow_b.png) no-repeat;
}
#comicPage .chk_area dt span.arrow {
	background:url(../images/comic_lctv/chk_arrow_p.png) no-repeat;
	background:url(../images/comic_lctv/chk_arrow_p.png) no-repeat\9;
	*background:url(../images/chk_arrow_p.png) no-repeat;
}

#contents .chk_area dd {
	float:left; width:25%;
}
#contents .chk_area dd span {
	display:block; height:32px; line-height:32px; text-align:center;
	/*border-top: #DDD 1px solid; border-bottom: #DDD 1px solid;*/
	border-left: #DDD 1px dashed;
}
#contents .chk_area dd.last span {
	/*border-left: #DDD 1px dotted; border-right: #DDD 1px solid;*/
	
	/*
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	*/
}

#movie .chk_area dd span { border-color:#4A96C2;}
#comicPage .chk_area dd span { border-color:#FB75A7;}

#contents .chk_area input[type="checkbox"] { vertical-align:middle;}
 
 
/* 検索ワード入力エリア */
#contents .input_area input[type="text"] {
	width:80%; height:32px; line-height:32px; margin:0; padding:0;
	text-indent:0.8em; *text-indent:0em; vertical-align:middle;
	border: #DDD 1px solid; border-right:none;
	
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
}

/* 検索ワード入力エリア: 検索ボタン */
#contents .input_area button {
	width:20%; height:34px; margin:0; padding:0; margin-left:-1px; cursor:pointer;
	color:#FFF; text-align:center; font-size:13px; vertical-align:middle;
	border:none;
	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
}





/*/////////////////////////////////////////////////////////////////////////////////////////////////

	SECTION LAYOUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TOPマージン */
#contents .top_m { margin-top:20px;}

/* 詳細タイトル */
#contents .detail_ttl {
	padding:0 12px; margin-top:35px;
	font-size:28px; line-height:1.4em; color:#6C6C6C;
}

/* 動画エリアレスポンシブ設定 */
#contents .movie_box { position:relative; width:100%; margin-bottom:30px;}
#contents .movie_box iframe{
	position:absolute; top:0; left:0;
	width:100% !important;
	height:100% !important
}


/*---------------------------------------------------*
	パンくずリスト
 *---------------------------------------------------*/
#sec_bread { padding:20px 12px; font-size:12px; overflow:hidden;}
#sec_bread.detail_set { padding:10px 12px 30px;}

#sec_bread p { line-height: 100%;}
#sec_bread .left_set { float:left;}
#sec_bread .left_set li { float:left; margin-right:7px;}
#sec_bread .left_set li a { margin-left:5px;}
#sec_bread .right_set { float:right;}

/*---------------------------------------------------*
	BOTTOM パンくず
 *---------------------------------------------------*/
#contents .top_link { padding:0px 12px;}
#contents .top_link li { display:inline-block; margin-right:10px;}
#contents .top_link li a { display:block;}

/*---------------------------------------------------*
	関連リンク
 *---------------------------------------------------*/
#contents .link_box h3.sec_sub_ttl {
	padding:6px 12px; color:#FFF; font-size:14px; line-height:normal;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

#contents .link_list { padding:18px 0; border-bottom:#EEEEEE 2px solid;}
#contents .link_list li { padding:2px 12px;}
#contents .link_list li a { display:block; padding-left:11px; line-height:1.4em; font-weight:bold; position:relative;}
#contents .link_list li span.arrow {
	display:block; width:4px; height:6px;
	position:absolute; top:6px; left:0;
}

#movie .link_list { background-color:#F2F8FB;}
#movie .link_list li a { color:#4A96C1;}
#movie .link_list li a:hover { color:#F5696C; text-decoration:underline;}
#movie .link_list li span.arrow { background:url(../images/comic_lctv/link_b_arrow.png) no-repeat;}

#comicPage .link_list { background-color:#FFFAFC;}
#comicPage .link_list li a { color:#FB609A;}
#comicPage .link_list li a:hover { color:#4A96C1; text-decoration:underline;}
#comicPage .link_list li span.arrow { background:url(../images/comic_lctv/link_p_arrow.png) no-repeat;}


/*---------------------------------------------------*
	Top Section
 *---------------------------------------------------*/
#sec_top .text_area { padding: 20px 0 30px;}
#sec_top .text_box { height:65px; overflow:hidden;}
#sec_top .text_box p { font-size:14px; line-height:1.5em;}

#sec_top .more_line { border-top:#DDE2E3 1px dotted;}
#sec_top .more_line a { display:block; width:110px; height:31px; margin:-16px auto 0; text-align:center; position:relative;}
#sec_top .more_line p { color:#6D6D6D; line-height:31px; font-size:12px; font-weight:bold; padding-right:10px;}

#sec_top .more_line a span.icon {
	display:block; width:8px; height:5px; position:absolute; top:50%; right:10px; margin-top:-3px;
	background:url(../images/comic_lctv/icon_up_down.png) no-repeat;
	background:url(../images/comic_lctv/icon_up_down_ie.png) no-repeat\9; /* IE8 */
	*background:url(../images/icon_up_down_ie.png) no-repeat;  /* IE7 */	
	background-size: 8px 10px;
	-webkit-background-size: 8px 10px;
}
#sec_top .more_line a.up span.icon { background-position:0px -5px;}

#sec_top .pickup_area { margin-top:20px; position:relative;}
#sec_top .thumb { width:300px; position:absolute; top:0; left:0;}
#sec_top .thumb img{ width:100%;}

#sec_top .pickup_data { padding-left:320px;}
#sec_top .pickup_data .icon {
	display:inline-block; padding:3px 6px; margin-bottom:10px; line-height:100%;
	font-size:12px; color:#fff; font-weight:bold;
}
#sec_top .pickup_data h3 { margin-bottom:10px;}
#sec_top .pickup_data h3 a { font-size:16px; font-weight:bold; line-height:1.4em;}

#movie #sec_top .pickup_data .icon { background-color:#F5696C;}	/* 動画 */
#comicPage #sec_top .pickup_data .icon { background-color:#F04370;}	/* 漫画 */


/*---------------------------------------------------*
	一覧表示
 *---------------------------------------------------*/
#sec_cat .thumb_list li:nth-child(3n+1) { clear:both;}

#sec_cat .cat_data { padding:0 10px; overflow:hidden;}
#sec_cat .cat_data .left_set { float:left;}
#sec_cat .cat_data .left_set span { font-size:20px; font-weight:bold; color:#F3676C; padding:0 2px;}
#sec_cat .cat_data .right_set { float:right; color:#EEE; line-height:19px;}

#sec_cat .cat_data a.set_list1 {
	display:inline-block; width:19px; height:19px;
	background-color:#CCC;
	background-image:url(../images/comic_lctv/icon_sort01.png);
}
#sec_cat .cat_data a.set_list2 {
	display:inline-block; width:19px; height:19px;
	background-color:#CCC;
	background-image:url(../images/comic_lctv/icon_sort02.png);
}

#movie #sec_cat .cat_data a.set_list1.act,
#movie #sec_cat .cat_data a.set_list2.act,
#movie #sec_cat .cat_data a.set_list1:hover,
#movie #sec_cat .cat_data a.set_list2:hover { background-color:#4A96C2;}

#comicPage #sec_cat .cat_data a.set_list1.act,
#comicPage #sec_cat .cat_data a.set_list2.act,
#comicPage #sec_cat .cat_data a.set_list1:hover,
#comicPage #sec_cat .cat_data a.set_list2:hover { background-color:#F04370;}


/* 表示タイプ切り替え：リスト表示 */
#sec_cat .thumb_list.disp_list2 { border-top: #ddd 1px dotted;}
#sec_cat .thumb_list.disp_list2 li { float:none; width:100%;}
#sec_cat .thumb_list.disp_list2 li a { border-bottom: #ddd 1px dotted; overflow:hidden;}
#sec_cat .thumb_list.disp_list2 .thumb { float:left; width:142px;}
#sec_cat .thumb_list.disp_list2 h4 { margin-top:0; padding-left:152px; font-size:14px;}
#sec_cat .thumb_list.disp_list2 p.text,
#sec_cat .thumb_list.disp_list2 p.cnt { padding-left:152px;}


/*---------------------------------------------------*
	ページネーション
 *---------------------------------------------------*/
#contents .pagination_sec { margin:20px 0; text-align: center;}
#contents .pagination_sec .page_navi li {
	margin:4px; display:inline-block; *display:inline; *zoom:1;
}
#contents .pagination_sec .page_navi li a,
#contents .pagination_sec .page_navi li span {
	display:block; width:30px; height:30px; font-size:16px; line-height:30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#movie .pagination_sec .page_navi li a,
#movie .pagination_sec .page_navi li span { color:#4A96C2; border:#4A96C2 1px solid;}
#movie .pagination_sec .page_navi li a.act,
#movie .pagination_sec .page_navi li a:hover { background:#4A96C2; color:#FFFFFF;}

#comicPage .pagination_sec .page_navi li a,
#comicPage .pagination_sec .page_navi li span { color:#F04370; border:#F04370 1px solid;}
#comicPage .pagination_sec .page_navi li a.act,
#comicPage .pagination_sec .page_navi li a:hover { background:#F04370; color:#FFFFFF;}


/*---------------------------------------------------*
	詳細エリア
 *---------------------------------------------------*/
#sec_detail { padding:0 12px;}
#contents .detail_link {
	margin-top: 30px; padding:0 12px; padding-bottom: 30px; font-size: 12px;
	border-bottom: #DDE2E3 1px dotted;
}
#contents .detail_link ul { /*overflow:hidden;*/ margin:0; padding:10px 0;}
#contents .detail_link li { float:left; margin-right:7px;}
#contents .detail_link li.ttl { color:#666; margin-right:0;}
#contents .detail_link li p { line-height: 100%;}
#contents .detail_link li a { margin-left:5px;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT NAV LAYOUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*---------------------------------------------------*
	Right Nav
 *---------------------------------------------------*/
#contents .menu_area,
#contents .bnr_area { margin-top:20px;}
 
#contents .menu_area h3 {
	display:block;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
}
#contents .menu_area h3 a {
	display:block; padding: 0 12px 0 34px; position:relative;
	font-size:14px; color:#FFF; line-height:34px;
	background:url(../images/comic_lctv/icon_ttl2.png) no-repeat 12px center;
}

#contents .menu_area h3 a .menu_arrow {
	display:block; width:16px; height:16px;
	position:absolute; top:50%; right:12px; margin-top:-8px;
}
#contents .menu_area h3 a.close .menu_arrow { background-position:-16px 0;}

#movie .menu_area h3 a .menu_arrow { background:url(../images/comic_lctv/icon_menu_b.png) no-repeat;}
#comicPage .menu_area h3 a .menu_arrow { background:url(../images/comic_lctv/icon_menu_p.png) no-repeat;}

#contents .menu_area ul { border:#EEE 1px solid; border-top:none;}
#contents .menu_area ul li:last-child { border:none;}


/*---------------------------------------------------*
	Link Button
 *---------------------------------------------------*/
#contents .top_btn { position: relative;}
#contents .top_btn span.menu_arrow {
	display:block; width:7px; height:10px;
	position:absolute; top:50%; right:12px; margin-top:-5px;
}
#movie .top_btn span.menu_arrow { background:url(../images/comic_lctv/box_arrow_p.png) no-repeat;}
#comicPage .top_btn span.menu_arrow { background:url(../images/comic_lctv/box_arrow_b.png) no-repeat;}

#contents .top_btn a {
	display:block; padding:10px 12px; margin-top:20px;
}
#contents .top_btn a span {
	display:inline-block; line-height:36px; padding-left:46px;
	font-size:15px; font-weight:bold;
}
#movie .top_btn a span { color:#F04370; background:url(../images/comic_lctv/link_icon_p.png) no-repeat;}
#comicPage .top_btn a span { color:#4A96C1; background:url(../images/comic_lctv/link_icon_b.png) no-repeat;}


/*---------------------------------------------------*
	Right Menu : Box List
 *---------------------------------------------------*/
#contents .menu_area ul.box_list li a { font-size:100%; padding:12px;}


/*---------------------------------------------------*
	Right Menu : Rank List
 *---------------------------------------------------*/
#contents .menu_area ul.rank_list li { border-bottom:#DDD 1px dotted; position:relative;}
#contents .menu_area ul.rank_list li:last-child { border:none;}
#contents .menu_area ul.rank_list li a { display:block; padding:10px 34px 10px 12px; overflow:hidden;}
#contents .menu_area ul.rank_list li a:hover { background-color:#F7FAFD;}

#contents .menu_area ul.rank_list .item_img { width:85px; height:auto; float:left;}
#contents .menu_area ul.rank_list .item_data { padding-left:10px; padding-bottom:5px; overflow:hidden;}
#contents .menu_area ul.rank_list .item_name {
	font-size:12px; line-height:1.4em; color:#4389BC; padding-left:95px;
} 

#contents .menu_area ul.rank_list .rank_area { float:left; padding-top:2px;}
#contents .menu_area ul.rank_list .set_cnt { float:right; font-size:10px; margin-top:6px; margin-left:10px;}
#contents .menu_area ul.rank_list .set_cnt span {
	color:#F4686C; font-size:12px; font-weight:bold; vertical-align:-1px; padding-left:5px;
} 

#contents .menu_area ul.rank_list span.box_arrow {
	display:block; width:7px; height:10px;
	position:absolute; top:50%; right:12px; margin-top:-5px;
}
#movie .menu_area ul.rank_list span.box_arrow { background:url(../images/comic_lctv/box_arrow_b.png) no-repeat;}
#comicPage .menu_area ul.rank_list span.box_arrow { background:url(../images/comic_lctv/box_arrow_p.png) no-repeat;}


/*---------------------------------------------------*
	Right Menu : Update List
 *---------------------------------------------------*/
#contents .menu_area ul.set_arrow .item_text { padding-left:95px;} 
#contents .menu_area ul.set_arrow .rank_area { font-weight:bold;}
#contents .menu_area ul.set_arrow .rank_area .date { padding-left:10px; font-weight:normal; color:#666;}
#contents .menu_area ul.set_arrow .set_movie .rank_area { color:#4A96C2;}
#contents .menu_area ul.set_arrow .set_comic .rank_area { color:#F04370;}

#contents .menu_area ul.set_arrow .set_movie .rank_area span.icon {
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_01.png) no-repeat\9;
	*background:url(../images/icon_menu_01.png) no-repeat;
}
#contents .menu_area ul.set_arrow .set_comic .rank_area span.icon {
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat;
	background:url(../images/comic_lctv/icon_menu_02.png) no-repeat\9;
	*background:url(../images/icon_menu_02.png) no-repeat;
}
#contents .menu_area ul.set_arrow .rank_area span.icon { margin-right:6px; vertical-align: -2px;}



/*------------------- *
2015.10.14追記
 *------------------- */
ul.side_bnr li img{
text-align:center;
margin:auto;
width:245px;
}

ul.side_bnr p img{
text-align:center;
margin:auto;
width:245px;
}

ul.side_bnr h3.sec_sub_ttl2 p{
margin-bottom:10px !important;
}


#pc_net_c01 img{
margin:auto;
text-align:center;
}

#pc_net_c01{
margin-bottom:20px;
}

/*------------------- *
2015.10.14追記 いいね
 *------------------- */
.gray_box.sec_share { margin:0 12px;}
.gray_box.sec_share .iine_lc { }
.gray_box.sec_share .iine_lc iframe { margin:6px; width:78px; height:42px;}
.gray_box.sec_share .iine_other { }
.gray_box.sec_share .iine_other ul {list-style-type: none;}
.gray_box.sec_share .iine_other li { display:inline-block; margin:6px;}
.gray_box.sec_share .iine_other li iframe {	border: none; overflow: hidden;}
.gray_box.sec_share .iine_other li.sns_fb iframe{ width:110px; height:20px;}
.gray_box.sec_share .iine_other li.sns_tw iframe{ width:128px; height:20px;}
.gray_box.sec_share .iine_other li.sns_mixi iframe{ width:60px; height:20px;}
.gray_box.sec_share .iine_other li.sns_gree iframe{ width:75px; height:20px;}
.gray_box.sec_share .iine_other li.sns_plus1 iframe{ width:110px; height:42px;}


.gray_box {
	margin:20px 12px !important;
	padding: 20px 12px;
}
.gray_box a.btn_style2 { padding:10px 0; width:100%; max-width:294px;}

.gray_box {
	border-right: none;
	border-left: none;
		
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	/*behavior: url(border-radius.htc);*/   /* for IE */	
	
	margin:20px 0 0;
}
.gray_box.sec_share {
	border: #EEEEEE 4px solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.gray_box {
	padding: 20px; margin-top: 30px;
	background: #FCFCFC; border: #EEEEEE 5px solid;
	font-size: 14px; text-align: center;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.gray_box p { line-height: 140%;}
.gray_box a.btn_style2 { padding:10px 50px;}

















/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Media Queries

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TAB */
@media screen and (max-width: 768px) {

.pc_disp { display:block;}
.sp_disp { display:none;}

#wrapper { width:100%;}
#contents .left_area { float:none; width:100%;}
#contents .right_area { float:none; width:100%; margin-top:30px;}

#contents h3.sec_ttl { border-top-width:5px;}

#contents .sec_sub_ttl,
#contents .sec_sub_ttl2 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#sec_top .pickup_area { margin:20px 12px 0;}


/*---------------------------------------------------*
	Right Nav
 *---------------------------------------------------*/
#contents .bnr_area { margin-bottom:20px;}
#contents .bnr_area a { display:block; width:300px; margin:0 auto;}

#contents .menu_area { margin-top:1px;}
#contents .menu_area h3 {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
#contents .menu_area h3 a { line-height:44px;}

#contents .menu_area ul { border:none;}
#contents .menu_area ul.rank_list { border-bottom:#DDE2E3 1px solid;}

#contents .chk_area {
	margin-bottom:0;
	border-left:none;
	border-right:none;

	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;

}
#contents .right_area .input_area { padding:12px;}

#movie .right_area .input_area { background-color:#F2F8FB;}
#comicPage .right_area .input_area { background-color:#FFFAFC;}



#contents .chk_area dt,
#contents .chk_area dd.last span {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#contents .chk_area dd.last span { border-right: none;}

#contents .chk_area dt { height:44px; line-height:44px;}
#contents .chk_area dd span { height:42px; line-height:42px;}
#contents .input_area input[type="text"] { height:42px; line-height:42px;}
#contents .input_area button { height:44px;}

#contents .top_btn { margin:0 12px;}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Media Queries

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* SP */
@media screen and (max-width: 665px) {

.pc_disp { display:none;}
.sp_disp { display:block;}

/*---------------------------------------------------*
	Bread List
 *---------------------------------------------------*/
#sec_bread { padding:0; height:1px;}



#contents .sp_disp.menu_area { border-bottom:#DDE2E3 1px solid;}

#contents { margin-top:0;}
#contents .sec { margin-top:0px;}
#contents .right_area { margin-top:20px;}

#sec_top .text_area { background-color:#F6FAFC;}
#sec_top .pickup_area { padding:12px 12px 20px; margin:0;}
#sec_top .pickup_data { padding:0;}

#sec_top .thumb { width:100%; margin-top:20px; position:relative;}
#sec_top .thumb img { width:100%;}

#contents .flip .thumb_list { float:left; margin-top:0;}
#contents .flip .thumb_list li { float:none; width:100%;}
#contents .flip .thumb_list li a { border-bottom: #ddd 1px dotted; overflow:hidden;}
#contents .flip .thumb_list .thumb { float:left; width:142px;}
#contents .flip .thumb_list h4 { margin-top:0; padding-left:152px; font-size:14px;}
#contents .flip .thumb_list p.text { padding-left:152px;}
#contents .flip .thumb_list p.cnt { padding-left:152px; font-size:10px;}

#contents .flip_cntl { margin-top:0; border-top:none;}

#sec_cat.top_m { margin-top:10px;}
#sec_cat .thumb_list { margin-top:0;}
#sec_cat .thumb_list li { float:none; width:100%;}
#sec_cat .thumb_list li a { border-bottom: #ddd 1px dotted; overflow:hidden;}
#sec_cat .thumb_list .thumb { float:left; width:142px;}
#sec_cat .thumb_list h4 { margin-top:0; padding-left:152px; font-size:14px;}
#sec_cat .thumb_list p.text { padding-left:152px; }
#sec_cat .thumb_list p.cnt { padding-left:152px; font-size:10px;}

#contents .free_box { border-top:none; padding:12px;}

#contents .bnr_area { width:100%;}
#contents .bnr_area a { width:auto; padding:0 12px;}

#contents .top_link { padding:0;}
#contents .top_link li { display:block; margin:0; border-bottom:#ccc 1px dotted;}
#contents .top_link li:last-child { border-bottom:none;}
#contents .top_link a { display:block; padding-top:20px; padding-bottom:20px; margin:0 12px;}

#contents .item_list li { width:33.3%;}
#contents .cd_list li { width:100%; border-bottom: #ccc 1px dotted;}
#contents .cd_list li:last-child { border-bottom:none;}
#contents .cd_list li a { margin:0 12px; border:none; padding-top:15px; padding-bottom:15px;}

#contents .link_list { padding: 10px 0;}
#contents .link_list li { padding: 5px 12px;}

#sec_cat .cat_data { padding-bottom: 10px; border-bottom: #ddd 1px dotted;}
#sec_cat .thumb_list.disp_list2 { border-top:none;}
#sec_cat.detail_set .thumb_list li:last-child a { border:none;}

#contents .detail_ttl { font-size:20px; margin:20px 0;}

#contents .detail_link { padding:0; border-bottom: #DDE2E3 1px solid;}
#contents .detail_link ul { margin:0;}
#contents .detail_link li { float:none; margin-right:0; border-bottom:#DDE2E3 1px dotted; background-color:#F6FAFC;}
#contents .detail_link li.ttl { padding:10px 12px; color:#fff; border-bottom:none; background-color:#4A96C1;}
#contents .detail_link li:last-child { border-bottom:none;}
#contents .detail_link li span { display:none;}

#contents .detail_link li p { padding:0 12px;}
#contents .detail_link li a {
	display:block; padding:10px 0; margin-left:0;
	background: url(../images/comic_lctv/box_arrow_b.png) no-repeat right center;
}

#contents .sec_detail_ttl { padding:20px 12px; border-bottom:#DDE2E3 1px solid;}




/*---------------------------------------------------*
	Flip Setting 
	(※ .flipsnap, .flip_item 幅はJS内で設定)
 *---------------------------------------------------*/
#contents .flip_cntl .off_mark { margin:0 4px; }
#contents .flip_cntl .on_mark  { margin:0 4px; }


}



#f_top,#f_bottom {
	padding-left: 20px;
	padding-right: 20px;
}




/*/////////////////////////////////////////////////////////////////////////////////////////////////

 clerfix

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/



/* 160325追加 */
.tbn_left{
width:49%;
float:left;
margin-right:2%;
}
.tbn_left img{
width:100%;
}
.tbn_right{
width:49%;
float:left;
}
.tbn_right img{
width:100%;
}

@media screen and (max-width: 665px) {
.tbn_left{
width:100%;
margin:10px 0;
}
.tbn_left img{
width:100%;
}
.tbn_right{
width:100%;
}
.tbn_right img{
width:100%;
margin:0 0 10px 0;
}
}