@charset "utf-8";
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

@media screen and (min-width: 801px) {}
内に書かれているものはブラウザのウィンドウサイズが801px以上の際にあたるCSSとなっています。
PCとタブレットや大型のスマホ横向きの際に宛てられます

@media screen and (max-width: 800px) {}
内に書かれているものはブラウザのウィンドウサイズが800px以下の際にあたるCSSとなっています。
主にスマホや、ウィンドウサイズを狭めたPCに宛てられます

編集することがありそうなプロパティにはコメントを記載してあります

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*----------------------------------------------

common
パーツや大まかなエリアの指定等に用いられています

----------------------------------------------*/
#normal a{
	color: #0174DF;/*テキストリンクの文字色／現在青色*/
	text-decoration: underline;
	transition:.3s;
}
#normal a:hover{
	color: #088A08;/*テキストリンクホバー時の文字色／現在緑*/
	transition:.3s;
}
#normal hr{
	border:none;
	border-bottom:1px dotted #555;
	margin:20px 0;
}
#normal .dis_none{
	display:none;
}
#normal .inner{
	width:100%;
	max-width: 870px;
	margin: 0 auto;
	padding:0 10px;
	position: relative;
}
#normal .section{
	position:relative;
}
#normal .box{
	display: block;
	width: 100%;
	border:1px solid #000;
	padding:10px;
	margin-bottom:30px;
}

#normal .table{
	display: table;
	width: 100%;
	table-layout: fixed;
}
	#normal .table > *{
		display: table-cell;
		vertical-align: top;
}

#normal .float > *{
	display: block;
	float: left;
}
	#normal .float:after{
		content:  "";
		clear:  both;
		display:  block;
	}
	#normal .float_r{
		float:right;
	}
#normal .inline > *{
	display: inline-block;
}
#normal .align_r{
	text-align:right;
}

#normal h2{
	color:#FFF;/*タイトル文字色　現在白*/
	background-color:#FF1493;/*タイトル背景色　現在青*/
	display:block;
	width:100%;
	font-size:20px;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
	line-height:26px;
	
	
}
#normal h3{
	color:#585858;/*大太文字色　現在濃い灰　下線あり*/
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	text-decoration:underline;

}
#normal h4{
	color:#585858;/*大太文字色　現在濃い灰色*/
	display:block;
	width:100%;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
@media screen and (min-width: 801px) {
#normal .section{
	margin-bottom:30px;
}
#normal .inner{
	width: 870px;
}
#normal .box{
	display: block;
	width: 100%;
	border:1px solid #000;
	padding:10px;
}
#normal hr + .align_r{
	margin:-18px 0 50px;
}
#normal hr + .align_r a{
	font-size:16px;
}
}
@media screen and (max-width: 800px) {
#normal h2{
	margin-bottom:20px;
}
#normal hr{
	margin:10px 0;
}
#normal .inner{
	padding:0;
}
#normal .section{
	margin-bottom:10px;
	padding:0 10px;
}
#normal .box{
	margin-bottom:10px;
}
#normal hr + .align_r{
	margin-top:-10px;
}
}




/*----------------------------------------------

layout
画像が左、テキストが右に流れ込むレイアウトのCSSです

----------------------------------------------*/
#normal .layout01 dt{
	width:170px;
}
#normal .layout01 dt img{
	width:100%;
}
#normal .layout01 dd{
	padding:10px 20px 10px 30px;
}
@media screen and (min-width: 801px) {
#normal .float > .layout01{
	width:50%;
}
}
@media screen and (max-width: 800px) {
#normal .layout01 dt{
	width:100px;
}
#normal .float > .layout01{
	border-bottom:1px dotted #000;
	margin-bottom:10px;
}
}





/*----------------------------------------------

column2
column3
２カラムまたは３カラムのレイアウトのCSSです
column2が２カラム、column3が３カラムになります

----------------------------------------------*/
/*----column2----*/	
#normal .column2 > *{
	border:1px solid #000;
}
#normal .column2 img{
	border:1px solid #000;
	margin-bottom:10px;
}
/*----column3----*/	
#normal .column3 li{
	border:1px solid #000;
	padding:10px;
}
#normal .column3 li img{
	width:100%;
	margin-bottom:5px;
}
@media screen and (min-width: 801px) {
/*----column2----*/	
#normal .column2 > *{
	width:400px;
	padding:25px;
	margin-bottom:30px;
}
#normal .column2 > *:nth-child(odd){
}
#normal .column2 > *:nth-child(even){
	float:right;
}
#normal .column2 p{
	height:2.8em;
	overflow:hidden;
}
/*----column3----*/	
#normal .column3 li{
	width:270px;
	margin-bottom:20px;
}
#normal .column3 > li:nth-child(3n-1){
	margin:0 20px 20px;
}
}
@media screen and (max-width: 800px) {
/*----column2----*/
#normal .column2 > *{
	width:100%;
	max-width:500px;
	margin:0 auto 10px;
	padding:10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	float:none;
}
#normal .column2 img{
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto 10px;
}
/*----column3----*/	
#normal .column3{
	display:block;
	width:100%;
	max-width:500px;
	margin:0 auto;
}
#normal .column3 > *{
	margin-bottom:10px;
	padding-bottom:10px;
}
#normal .column3 img{
	display:block;
	margin:0 auto;
	margin-bottom:5px;
}
}





/*----------------------------------------------

tag_cloud
注目ワード部分のリンクののCSSです

----------------------------------------------*/
#normal .tag_cloud{margin-bottom:40px;}
@media screen and (min-width: 801px) {
#normal .tag_cloud > *{
	line-height:2em;
	padding-right:30px;
}
	#normal .tag_cloud > * a{
	font-size:19px !important;
}
}
@media screen and (max-width: 800px) {
#normal .tag_cloud > *{
	display:block;
	padding-right:10px;
	line-height:34px;
}
	#normal .tag_cloud > * a{
	font-size:16px !important;
	padding:5px 0;
}
}





/*----------------------------------------------

board
背景に画像を設定しているエリアのCSSです

----------------------------------------------*/
#normal .board{
	display:block;
	background:url(https://www.lovecosmetic.jp/nad/images/LP/bg_dot.png) left top;/*背景画像指定*/
}
#normal .board .table li{
	background-color:#fff;
}
#normal .board > a{
	display:block;
	border-radius:5px;
	text-align:center;
	background-color:#fff;
	margin:10px;
}
@media screen and (min-width: 801px) {
#normal .board{
	padding:10px;
}
#normal .board .table{
	border-collapse:separate;
	border-spacing:10px 5px;
}
#normal .board .table li{
	padding:10px;
	border:1px solid #000;
	height:100%;
}
#normal .board .table img{
	width:100%;
	margin-bottom:5px;
	vertical-align:bottom;
}
#normal .board > a{
	line-height:30px;
}
#normal .board .pt01 > *:first-child,
#normal .board .pt02 > *:last-child,
#normal .board .pt03 > *{
	width:33.3%
}
}

@media screen and (max-width: 800px) {
#normal .board{
	padding:5px;
}
#normal .board .table{
	border-collapse:separate;
	border-spacing:10px 5px;
}
#normal .board .table li{
	padding:10px;
	border:1px solid #000;
	width:50% !important;
}
#normal .board .table li{
	margin-bottom:10px;
	padding-bottom:10px;
}
#normal .board .table img{
	display:block;
	width:100%;
	margin:0 auto;
	margin-bottom:5px;
}
#normal .board > a{
	line-height:20px;
}

}






/*----------------------------------------------

board02
normal.htmlに使用
背景に画像を設定しているエリアのCSSです

----------------------------------------------*/
#normal .board02{
	display:block;
	background:url(https://www.lovecosmetic.jp/nad/images/LP/bg_dot.png) left top;/*背景画像指定*/
	padding:5px;
}
#normal .board02 .float li{
	background-color:#fff;
	width:270px;
	height:290px;
	overflow:hidden;
	padding:19px;
	border:1px solid #000;
	margin:5px;
}

#normal .board02 .float li h3{
	display:block;
	font-size:23px;
	line-height:26px;
	height:auto;
	max-height:78px;
	overflow:hidden;
}


#normal .board02 .float li:first-child{
	width:550px;
	position:relative;
	padding:30px;
}

#normal .board02 .float li:first-child > *{
	position:relative;
	z-index:3;
}
#normal .board02 .float li:first-child > a{
	display:block;
	width:510px;
	height:250px;
	position:absolute;
	left:20px;
	top:20px;
	z-index:2;
}
#normal .board02 .float li:first-child > h3{
	color:#f00;/*最初の大セル大文字色（PCサイズ）　現在赤*/
}
#normal .board02 > a{
	display:block;
	border-radius:5px;
	text-align:center;
	background-color:#fff;
	margin:10px;
}
#normal .board02 .float img{
	width:100%;
	margin-bottom:5px;
	vertical-align:bottom;
}

#normal .board02 .float h3{
	margin-bottom:5px;
}
#normal .board02 .float .icon{
	margin-bottom:8px !important;
}

#normal .board02 > a{
	line-height:30px;
}

@media screen and (max-width: 800px) {
#normal .board02{
	padding:5px;
}

#normal .board02 .float li{
	background-color:#fff;
	width:49%;
	margin:0 0 5px;
	height:auto;
	overflow:visible;
	padding:5px;
}


#normal .board02 .float li h3{
	display:block;
	font-size:13px;
	line-height:15px;
	height:45px;
	max-height: none;
}
#normal .board02 .float li:nth-child(odd){
	float:right;
}

#normal .board02 .float li:first-child{
	width:100%;
	padding:10px;
	float:none;
	margin-top:0;
}
#normal .board02 .float li:first-child > a{
	display:block;
	width:100%;
	max-width:400px;
	height:auto;
	margin:0 auto;
	position: static;
	left:0;
	top:0;
}
#normal .board02 .float li:first-child > h3{
	color:#f00;/*最初の大セル大文字色（スマホサイズ）　現在赤*/
	height:auto;
}
#normal .board02 > a{
	display:block;
	border-radius:5px;
	text-align:center;
	background-color:#fff;
	margin:10px;
}
#normal .board02 .float img{
	width:100%;
	margin-bottom:0;
}
#normal .board02 > a{
	line-height:20px;
}

#normal .itemtext{
	font-size:5pt;
	line-height:10px;
}


}


/*----------------------------------------------

button
リンクボタンの設定をするCSSです
btn01：ホバー時に背景の色を変更
btn02：ホバー時に背景画像の位置を変更
btn03：ホバー時に画像の位置を変更
btn04：ホバー時に背景の色を変更/漫画下に使用

----------------------------------------------*/
/*----btn01----背景色ボタン----*/
#normal .btn01{
	background:#f00;/*背景色　現在赤*/
	display:block;
	width:100%;
	margin:0 auto;
	transition:.3s;
	text-align:center;
	color:#fff;/*文字色　現在白*/
	font-size:24px;
	overflow:hidden;
	text-decoration:none;
}
#normal .btn01:hover{
	background-color:#0f0;/*ホバー時の背景色　現在緑*/
	transition:.3s;
	text-decoration:none;
	color:#fff;/*ホバー時の文字色　現在白*/
}

/*----btn02----背景画像ボタン----*/
#normal .btn02{
	background:url(../../images/LP/btn_bg02.png) left top;/*背景画像*/
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;/*文字色　現在白*/
	font-size:24px;
	overflow:hidden;
	text-decoration:none;
	transition:0s;
}
#normal .btn02:hover{
	background:url(../../images/LP/btn_bg02.png) left bottom;/*ホバー時はtopがbottomになり、画像の下揃えになる*/
	text-decoration:none;
	color:#fff;/*ホバー時の文字色　現在白*/
	transition:0s;
}
/*----btn03----画像ボタン----*/
#normal .btn03{
	display: block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#normal .btn03 img{
	width:100%;
}
#normal .btn03:hover img{
	position:absolute;
	bottom:0;
}
/*----btn----背景色ボタン----*/
#normal .btn04{
	background:#f00;/*背景色　現在赤*/
	display:block;
	width:100%;
	margin-top:10px;
	transition:.3s;
	text-align:center;
	color:#fff;/*文字色　現在白*/
	font-size:16px;
	overflow:hidden;
	text-decoration:none;
	padding:10px;
	border-radius:10px;
}
#normal .btn04:hover{
	background-color:#0f0;/*ホバー時の背景色　現在緑*/
	transition:.3s;
	text-decoration:none;
	color:#fff;/*ホバー時の文字色　現在白*/
}

@media screen and (min-width: 801px) {
#normal .btn01,
#normal .btn02{
	line-height:70px;
	border-radius:20px 20px;
	margin-bottom:50px;
}
#normal .btn03{
	width:600px;
	height:70px;
}
#normal .btn04{
}	
}
@media screen and (max-width: 800px) {
#normal .btn01{
	line-height:30px;
	border-radius:10px 10px;
	font-size:16px;
	margin-bottom:20px;
	background-size:30px 30px;
}
#normal .btn02{
	line-height:30px;
	border-radius:10px 10px;
	font-size:16px;
	margin-bottom:20px;
	background-size:60px 60px;
}
#normal .btn03{
	width:300px;
	height:35px;
}	
}







/*----------------------------------------------

header

----------------------------------------------*/
#normal #header{
	display:block;
	background-color:#63a8cf;
	margin-bottom:10px;
}
#normal #header .inner a img{
	width:100%;
}


@media screen and (min-width: 801px) {
#normal #header{
	min-width:870px;
}
#normal #header .inner{
	padding:15px 30px;
}
#normal #header .inner h1,
#normal #header .inner a{
	display:block;
	width:300px;
	height:70px;
	overflow:hidden;
}
}
@media screen and (max-width: 800px) {
#normal #header .inner{
	padding:10px 5px;
}
#normal #header .inner h1,
#normal #header .inner a{
	width:150px;
	height:35px;
}	
}





/*----------------------------------------------

comic_viewer
漫画のスライダー部分

----------------------------------------------*/
#normal #comic_viewer{
	border:1px solid #000;
	margin:0 auto;
}
#normal .view_btns{
	display:block;
	margin:0 auto;
	text-align:center;
}
#normal .view_btns img{
	display:inline-block;
	width:40px;
	height:40px;
	margin:20px;
}
@media screen and (min-width: 801px) {
	#normal #comic_viewer{
	width:486px;
	height:488px;
	padding:3px;
}
}
@media screen and (max-width: 800px) {
#normal #comic_viewer{
	width:100%;
	height:auto;
	max-width:300px;
}
#normal #comic_viewer img{
	width:100% !important;
	position:relative !important;
}
#normal .view_btns img{
	display:inline-block;
	width:40px;
	height:40px;
	margin:5px 20px;
}
}


#normal .comictit{
	color:#FF1493;/*大太文字色　現在ディープピンク*/
	font-size:18px;
	font-weight:bold;
}



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

comic_viewer不具合修正
※2016/4/21 STEK加筆
↑lp_kiji.cssに加筆してあったのを菅原が0520に追加

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

#normal .comic_area {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
	


/*----------------------------------------------

acd_area
アコーディオン部分のスタイルです

----------------------------------------------*/
#normal .acd_area{
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
}

#normal .acd_area dt{
	background-color:#01A9DB;/*アコーディオン全体の背景色　現在ブルー*/
	color:#fff;/*アコーディオンボタン部分文字色　現在白*/
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	transition:0.3s;
	cursor:pointer;
}


#normal .acd_area dd{
	background-color:#fff;/*アコーディオンのコンテンツ部分背景色　現在白*/
	display:none;
	width:100%;
	padding:0;
}
#normal .acd_area dd > *:last-child{
	margin-bottom:0 !important;
}


/*----------------------------------------------

tabs
「お悩み別 人気記事」タブ切り替え部分

----------------------------------------------*/
#normal .tab{
	border-bottom:5px solid #000;/*3つのタブ下部分の線の色　現在黒*/
	height:45px;
	margin-bottom:10px;
}
#normal .tab li{
	width:33.333%;
	vertical-align:bottom;
}
#normal .tab li p{
	vertical-align:bottom;
	display:block;
	text-align:center;
	line-height:30px;
	border-radius:10px 10px 0 0;
	background-color:#ccc;/*選択されていないタブの背景色　現在グレー*/
	color:#000;/*選択されていないタブの文字色　現在黒*/
	border-bottom:none;
}
#normal .tab li.select p{
	color:#585858;/*選択されているタブの文字色　現在グレー*/
	font-weight:bold;
	line-height:40px;
}
#normal .tab li.select.bg_pink p{
	background-color:#FFB6C1 !important;/*タブ選択時の背景色(「恋愛」で現在ピンク)*/
}
#normal .tab li.select.bg_orange p{
	background-color:#FACC2E !important;/*タブ選択時の背景色(「身体」で現在オレンジ) */
}
#normal .tab li.select.bg_blue p{
	background-color:#B0E0E6 !important;/*タブ選択時の背景色(「エッチ」で現在青)*/
}





/*----------------------------------------------

video
Youtube部分

----------------------------------------------*/
#normal .video{
	display:block;
	margin:20px auto;
}
#normal .video iframe{
	display:block;
	
}

@media screen and (min-width: 801px) {
#normal .video{
	width:100%;
	max-width:560px;
}
#normal .video iframe{
	width:100%;	
}
}
@media screen and (max-width: 800px) {
#normal .video{
	width:280px;
	height:158px;
}
#normal .video iframe{
	width:280px;
	height:158px;
}
}






/*----------------------------------------------

kiji

----------------------------------------------*/
#normal #contents p{
	font-size:1.6rem;
	line-height:1.6;
}

#normal #contents .select p{
	line-height:40px;
}

#normal #contents p *{
	font-size:inherit;
	line-height:inherit;
}
#normal .kiji{margin-bottom:40px;}
@media screen and (min-width: 801px) {
#normal .kiji p{margin-bottom:30px !important;}
#normal .kiji img{display:block; margin:0 auto 40px; width:100%; max-width:630px;}
}
@media screen and (max-width: 800px) {
	#normal .kiji img{max-width:100%;  margin:0 auto 20px; display: block;}
	#normal .kiji p{margin-bottom:20px !important;}
}



/*----------------------------------------------

.normal

----------------------------------------------*/
#normal .normal img{
	width:100%;
	margin-bottom:20px;
}
#normal .normal .btn03 img{
	margin-bottom:0;
}



#normal .normal .btn01,
#normal .normal .btn02,
#normal .normal .btn03{
	margin-bottom:20px;
}





/*----------------------------------------------

footer

----------------------------------------------*/
#normal #footer{
	display:block;
	border-top:1px solid #000;
}

#normal #footer b{
	font-weight:bold;
	color:#63a8cf;
}

#normal #footer a{
	display:inline-block;
	text-decoration:none;
}
#normal #footer .copy{
	display:block;
	background-color:#63a8cf;
}
#normal #footer .copy p{
	color:#fff;
	padding:10px 0;
}
@media screen and (min-width: 801px) {
#normal #footer{
	min-width:870px;
	margin-top:20px;
	padding:20px 0 0;
}
#normal #footer a{
	margin:20px 40px 0 0;
}
#normal #footer .copy{
	padding:5px 0;
	margin-top:20px;
}

#normal #footer .copy .inner{
	padding:10px;
}
}
@media screen and (max-width: 800px) {
#normal #footer{
	margin-top:10px;
	padding-top:10px;
}
#normal #footer > *{
	padding:0 10px;
	font-size:12px;
}
#normal #footer a{
	margin:10px 20px 0 0;
}
#normal #footer .copy{
	padding:5px 10px;
	margin-top:20px;
}
}





/*----------------------------------------------

icon
白抜き文字に色背景がついているアイコンのCSSです

----------------------------------------------*/
#normal .icon01{
	display:inline-block;
	padding:5px 10px;
	text-align:center;
	color:#585858 !important;
	width:100px;
	margin-bottom:5px;
	background-color:#FFB6C1;/*背景色の変更　「恋愛」に使用。ピンク*/
}
#normal .icon02{
	display:inline-block;
	padding:5px 10px;
	text-align:center;
	color:#585858 !important;
	width:100px;
	margin-bottom:5px;
	background-color:#FACC2E;/*背景色の変更　「身体」に使用。オレンジ*/
}
#normal .icon03{
	display:inline-block;
	padding:5px 10px;
	text-align:center;
	color:#585858 !important;
	width:100px;
	margin-bottom:5px;
	background-color:#B0E0E6;/*背景色の変更　「エッチ」に使用。青*/
}






/*----------------------------------------------

option
単独で別の要素を与えたい場合に追記する汎用classです
与えたい要素に対してclass="xxxx"と記載してください。
与えたい要素に他のclassが他にもあるor複数与えたい場合は
悪い例：class="xxxxxx" class="yyyyy"
良い例：class="xxxxx yyyyy"
のように記述してください

----------------------------------------------*/
/*PC/SP双方で下方にXXpxのマージンを取ります*/
.mg_b00{margin-bottom:0 !important;}
.mg_b10{margin-bottom:10px !important;}
.mg_b20{margin-bottom:20px !important;}
.mg_b30{margin-bottom:30px !important;}
.mg_b40{margin-bottom:40px !important;}
.mg_b50{margin-bottom:50px !important;}
@media screen and (min-width: 801px) {
/*PCのみで下方にXXpxのマージンを取ります*/	
.pc_mg_b00{margin-bottom:0 !important;}
.pc_mg_b10{margin-bottom:10px !important;}
.pc_mg_b20{margin-bottom:20px !important;}
.pc_mg_b30{margin-bottom:30px !important;}
.pc_mg_b40{margin-bottom:40px !important;}
.pc_mg_b50{margin-bottom:50px !important;}
}
@media screen and (max-width: 800px) {
/*SPのみで下方にXXpxのマージンを取ります*/
.sp_mg_b00{margin-bottom:0 !important;}
.sp_mg_b10{margin-bottom:10px !important;}
.sp_mg_b20{margin-bottom:20px !important;}
.sp_mg_b30{margin-bottom:30px !important;}
.sp_mg_b40{margin-bottom:40px !important;}
.sp_mg_b50{margin-bottom:50px !important;}
}

/*PC/SP双方で文字色を変更します*/
/*パターンを増やす場合はコピーして.txtc02等に変更し内容を調整してください*/
.txtc01{color:#ff00ff !important;}/*リンクや普通のテキスト等全般の文字色　現在紫*/
a.txtc01:hover{color:#ffff00 !important;}/*リンクのホバー時の文字色　現在黄色*/
@media screen and (min-width: 801px) {
/*PCのみで文字色を変更します*/
.pc_txtc01{color:#ff0000 !important;}/*リンクや普通のテキスト等全般の文字色　現在赤*/
a.pc_txtc01:hover{color:#00ff00 !important;}/*リンクのホバー時の文字色　現在緑*/
}
@media screen and (max-width: 800px) {
/*SPのみで文字色を変更します*/
.sp_txtc01{color:#ff0000 !important;}/*リンクや普通のテキスト等全般の文字色　現在赤*/
a.sp_txtc01:hover{color:#00ff00 !important;}/*リンクのホバー時の文字色　現在緑*/
}


/*PC/SP双方で背景色を変更します*/
/*パターンを増やす場合はコピーして.bgc02等に変更し内容を調整してください*/
.bgc01{background-color:#ff00ff !important;}/*背景色　現在紫*/
@media screen and (min-width: 801px) {
/*PCのみで文字色を変更します*/
.pc_bgc01{background-color:#ff0000 !important;}/*背景色　現在赤*/
}
@media screen and (max-width: 800px) {
/*SPのみで文字色を変更します*/
.sp_bgc01{background-color:#ff0000 !important;}/*背景色　現在赤*/
}



.narrow #container {
  width: auto !important;
}
#container {
  margin-top: 0 !important;
}




.fs8{font-size:8px !important;}
.fs9{font-size:9px !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:27px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}
.fs31{font-size:31px !important;}
.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}
.fs34{font-size:34px !important;}
.fs35{font-size:35px !important;}
.fs36{font-size:36px !important;}
.fs37{font-size:37px !important;}
.fs38{font-size:38px !important;}
.fs39{font-size:39px !important;}


/*----------------------------------------------

170418追加
おすすめコンテンツ特集
----------------------------------------------*/

.item_bnr_body {
background-color:#FFF;
max-width:850px;
margin:0 auto;
padding:0 10px;
}

.item_bnr {
	float: left;
width:260px;
margin:7px;

height:320px;
}

.item_bnr_title{
font-size:14px;
font-weight:bold;
text-align:center;
color:#FF3366;
margin-top:7px;
 margin-bottom:5px;
	}
.item_bnr_text{
font-size:14px;
text-align:left;
 color:#666;
	}


.item_bnr img{
	width:100%;
margin-bottom:5px;
}

.item_bnrContainer {
	overflow: hidden;
margin-top:-10px;
margin-bottom:5px;
}

/* clearfix */
.item_bnrContainer:before,
.item_bnrContainer:after {
    content: "";
    display: table;
}
 
.item_bnrContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.item_bnrContainer {
    zoom: 1;
}


@media screen and (max-width: 480px) {
#item_bnr {
   max-width100%;
}

.item_bnr {
	float: left;
max-width:30%;
margin:4px;
height:210px;
max-height:none;
}

.item_bnr_title{
font-size:14px;
font-weight:bold;
text-align:center;
color:#FF3366;
margin-top:7px;
	}
	
.item_bnr_text{
font-size:14px;
text-align:left;
 color:#666;
	}
	
}