/* lafarfa CSS Document */

@charset "utf-8";

/* Reset default browser CSS ----------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
/* --------------------------------------------------------------------------------------------------------------- */

/* 全体
------------------------------------------------------------*/

body{
	color:#333;
	font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
	background-image: url(/ximg/farfa/web/photo/common/back_img.png);
}

/* リンク設定
------------------------------------------------------------*/
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#0000FF;
/*	color:#FE8024;*/
}
a:active,
a:focus{
	outline:0;
}

a img{
	border-style:none;
}

/* 各ブロック
------------------------------------------------------------*/

#wrapper{
	margin:0px auto;
	padding:0 10px;
	width:900px;
}

.inner{
	margin:0px auto;
	padding:0 10px;
	width:900px;
}

/**************************
/* ヘッダー
**************************/

#whiteback{
	background: #FFF;
}

#header{
	overflow:hidden;
	padding: 5px;
	display: block;
	width:900px;
	margin:0px auto;
}

h1{
	font-size:12px;
	line-height:1.6;
	font-weight:normal;
	background:#FFEEC0;
	color:#000;
	text-align:right;
}

h1 .inner{
	padding: 0px 20px 0px 0px;
	width:900px;
	margin:0px auto;
}

h1 span{
	color:#FE8024;
}

/************* ロゴ *************/
#header .logo{
	float:left;
	padding:10px 0 5px;
}

#header .logo1 img{
	width:auto;
	height:auto;
}
#header .logo2 img{
	width:auto;
	height:auto;
	margin-left:10px;
}

.auth{
	width:200px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:10px 0 5px;
}

.login{
	display: block;
	float:left;

	font-size:12px;
	color: #808080;
	text-decoration:underline;
	margin:5px 15px 0px 0px;
}

.joinbtn{
	display: block;
	float:left;

	width: 110px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	color: #fff;

	padding: 2px 0px 3px;
	border-radius: 5px;
	background: -webkit-linear-gradient(#FE8024, #F44E1D);
	background: -moz-linear-gradient(#FE8024, #F44E1D);
	background: linear-gradient(#FE8024, #F44E1D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8024), to(#F44E1D));
	border: 1px solid #FFB37A;
}

/************* 検索 *************/

.searchward{
	background: url(/ximg/farfa/web/photo/common/kensaku.png) no-repeat 8px 6px;
	-webkit-background-size: 17px 17px;
	background-size: 17px 17px;
	position:relative;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	width:180px;
	height:30px;

	font-size:14px;
	padding: 2px 2px 2px 30px;
	border: 1px solid #838383;
	border-radius:3px;
	line-height:1.1em;
	margin:10px 0px 0px 0px;
	z-index:0;
	overflow: hidden;

	-webkit-appearance: none;
}


/***ご当地絞込み*/
.prefecture_search{
	margin-top: 5px;
	background-color: #FFF;
	height: 50px;
	padding: 5px 0px 5px 30px;
}

.prefecture_search select{
	width:100px;
	height:28px;
	padding:5px 5px 5px 10px;

	margin:5px 0px;
	border: 1px solid #838383;
	border-radius:3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.prefecture_search_btn input{
	width: auto;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	color: #fff;
	padding: 5px 20px;

	border-radius: 5px;
	border: 1px solid #FFB37A;
	background: -webkit-linear-gradient(#FE8024, #F44E1D);
	background: -moz-linear-gradient(#FE8024, #F44E1D);
	background: linear-gradient(#FE8024, #F44E1D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8024), to(#F44E1D));
	margin: 10px;
}

/**************************
/* トップナビゲーション
**************************/
#nav{
	display: block;
	width:100%;
	margin: 3px 0px;
	overflow:hidden;
	background:#FE8024;
}

ul#topnav{
	overflow:hidden;
	margin:0px auto;
	text-align:center;
}

ul#topnav li{
	float:left;
	text-align:center;
}

ul#topnav a{
	display:block;
	width:80px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	padding: 7px 2px;
	color:#fff;
	background:#FE8024;
	border-left:1px dashed #fff;
}

ul#topnav li:first-child a{
	width:40px;
}

ul#topnav li:last-child a{
	border-right:1px dashed #fff;
}

ul#topnav li a img{
	padding: 3px 0px 0px;
	height:18px;
}


/*ul#topnav li.active a,
ul#topnav a:hover{
	background:#FFEEC0;
	color:#808080;
}
*/

/**************************
/* トップスライドショー
**************************/

#Slidewrapper{
	display: block;
	width:100%;
	overflow:hidden;
/*	background-color:#FE8024;*/
	background-color:#F8B862;
	margin-top: 10px;
}

#owl-lafarfa .item img{
	display: block;
	width: 100%;
	height: auto;
}

/****************************
/* トップ ブロックコンテンツ
****************************/
#container{
	width: 675px;
	float: left;
	padding:5px 0px;
	margin: 0px auto 50px;
}

#cont_list{
	margin-top: 10px;
}

#cont_list li{
	display: list-item;
	float:left;
	margin:0 5px 10px 0;
	border:1px solid #d6d6d6;
	position:relative;
}

#cont_list li#cont_1{
	cursor: pointer;
	background-color: #FFF;
	display: list-item;
	width: 217px;
	height: 330px;
}

#cont_list li#cont_2{
	cursor: pointer;
	background-color: #FFF;
	display: list-item;
	width: 441px;
	height: 330px;
}

#cont_list li#cont_1 a,
#cont_list li#cont_2 a,
div.magimageinfo a,{
	display: block;
	overflow: hidden;
}

div.continfo{
	height: 111px;
	overflow:hidden;
}

/*****カテゴリヘッダー *****/

.cate_header{
	display: table;
	width: 100%;
	padding:0px;
	margin:0px;
	border:0px;
}

.cate_head{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	overflow:hidden;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border:0px;
	line-height: 0;
}

.cate_head p{
	display: inline-block;
	z-index:99;
	padding-left:20px;
}

.cate_head img{
	width: 100%;
	z-index:-99;
	position : relative;
}

/*****ブロックリスト部*****/

#cont_list p.caption_1{
	margin: 0px 5px 3px 5px;
	font-size:16px;
	font-weight:bold;
	height: 76px;
	overflow: hidden;
}
#cont_list p.caption_2{
	margin: 0px 5px 3px 5px;
	font-size:16px;
	font-weight:bold;
	height: 44px;
	overflow: hidden;
}

/*--- 説明文 ---*/
#cont_list p.text_1{
	margin: 0px 5px;
	width: 95%;
	color:#464646;
	font-size:12px;
	padding: 0px 5px;
	height: 36px;
	overflow:hidden;
}

p.text_2{
	margin: 0px 5px;
	width: 90%;
	color:#464646;
	font-size:12px;
	padding: 0px 5px;
	height: 72px;
	overflow:hidden;
}

/*--- 続きを読む 
#cont_list span.more{
	margin:0px 10px;
	color:#999999;
	font-size:11px;
	padding:0px 0px 0px 10px;
}
---*/

/*--- 詳しくはこちら ---*/
#cont_list p.next{
	margin: 20px 5px 5px;
	color:#999999;
	font-size:12px;
	text-align:right;
	position:absolute;
	bottom: 3px;
	right: 5px;
	margin: 0px;
}

/*--- 日付 ---*/
#cont_list p.date{
	color:#999999;
	font-size:14px;
	position:absolute;
	bottom: 3px;
	left: 10px;
}
/*--- NEWアイコン ---*/
#cont_list li p.icon,
.sidearea p.icon{
	position:absolute;
	bottom: 3px;
	right: 5px;
}
#cont_list li p.icon img,
.sidearea p.icon img{
	width: auto;
	height: 18px;
}

/*--- 画像 ---*/
div.image{
	margin: 5px;
        position:relative;
}

.ptn_A{
	width: 205px;
	height: 205px;

	display: inline-block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	background-size: contain;
}
.ptn_B{
	width: 430px;
	height: 205px;

	display: inline-block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	background-size: contain;
}

div.af_genre:after{
	position: absolute;
	display:block;
	width:100%;
	height:100%;
	content: " ";
	top:0;
	left:0;
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 50;
}

/*****カテゴリ別*****/

/*------lc99 汎用------*/
.lc99{	color:#FE8229;}
.bglc99{
	background: url(/ximg/farfa/web/photo/common/obi_any.png) no-repeat 0px 0px;
	background-size: 100%;
}

/*------lc01 ファッション------*/
.lc01{	color:#E18BC2;}
.bglc01{
	background: url(/ximg/farfa/web/photo/common/obi_fashion.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc01:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_fashion.png);
	background-size: contain;
}

/*------lc02 グルメ------*/
.lc02{	color:#FF9317;}
.bglc02{
	background: url(/ximg/farfa/web/photo/common/obi_gurume.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc02:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_gurume.png);
	background-size: contain;
}

/*------lc03 ビューティ------*/
.lc03{	color:#FD87A9;}
.bglc03{
	background: url(/ximg/farfa/web/photo/common/obi_beauty.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc03:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_beauty.png);
	background-size: contain;
}

/*------lc04 エンタメ------*/
.lc04{	color:#6CCB6D;}
.bglc04{
	background: url(/ximg/farfa/web/photo/common/obi_entame.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc04:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_entame.png);
	background-size: contain;
}

/*------lc05 ガールズ------*/
.lc05{	color:#FC9BFC;}
.bglc05{
	background: url(/ximg/farfa/web/photo/common/obi_girls.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc05:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_girls.png);
	background-size: contain;
}

/*------lc06 ご当地情報------*/
.lc06{	color:#CC953A;}
.bglc06{
	background: url(/ximg/farfa/web/photo/common/obi_gotochi.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc06:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_gotochi.png);
	background-size: contain;
}

/*------lc07 編集部----- 2014.06.13 add-*/
.lc07{	color:#107035;}
.bglc07{
	background: url(/ximg/farfa/web/photo/common/obi_any.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrelc07:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_editor.png);
	background-size: contain;
}


/*------占い------*/
.fortune{color:#66D0FE;}
.bgfortune{
	background: url(/ximg/farfa/web/photo/common/obi_uranai.png) no-repeat 0px 0px;
	background-size: 100%;
}
.genrefortune:after{
	background-image: url(/ximg/farfa/web/photo/common/genre_s_uranai.png);
	background-size: contain;
}

/*------スナップ------*/
.bgsnap{
	background: url(/ximg/farfa/web/photo/common/obi_snap.png) no-repeat 0px 0px;
	background-size: 100%;
}

/*------最新号------*/
.bglatest{
	background: url(/ximg/farfa/web/photo/common/obi_lafarfa.png) no-repeat 0px 0px;
	background-size: 100%;
}
/*------モデル------*/
.bgmodel{
	background: url(/ximg/farfa/web/photo/common/obi_model.png) no-repeat 0px 0px;
	background-size: 100%;
}
/*------募集------*/
.bgbosyu{
	background: url(/ximg/farfa/web/photo/common/obi_bosyu.png) no-repeat 0px 0px;
	background-size: 100%;
}
/*------ニュース------*/
.bgnews{
	background: url(/ximg/farfa/web/photo/common/obi_news.png) no-repeat 0px 0px;
	background-size: 100%;
}

/**************************
/* サイドメニュー
**************************/
/*------広告------*/
#sidebar1{
	float: right;
	width: 219px;

/* 1番目の時の指定
	padding:10px 5px 0px 0px;
	margin-top: 32px;
*/
/* 3番目の時の指定*/
	padding: 0px 5px 0px 0px;
	margin-top: 0px;
}

/*------ニュース------*/
#sidebar2{
	display: block;
	float: right;
	width: 219px;

/* 2番目の時の指定
	padding: 0px 5px 0px 0px;
*/
/* 1番目の時の指定*/
	padding:10px 5px 0px 0px;
	margin-top: 32px;
	margin-bottom: 5px;

}

/*------最新号------*/
#sidebar3{
	float: right;
	width: 219px;
	padding: 0px 5px 0px 0px;
}

/*------読モ募集------*/
#sidebar4_top,
#sidebar4{
	float: right;
	width: 219px;
	padding: 0px 5px 5px 0px;
	margin-bottom: 50px;
}

/*------スマホ用------*/
#sidebar1_smart,
#sidebar2_smart,
#sidebar3_smart{
	display: none;
}

.banners{
/*	margin: 5px 0px 6px;*/
	margin: 0px 0px 6px;

}

/*.banners img {
	width: 217px;
	height: 330px;
	height: auto;
}*/

div.banner_image{
	margin: 0px;
        position:relative;
}

.banner_photo{
	width: 217px;
	height: 330px;

	display: inline-block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
	background-size: contain;
}

.newsarea{
	display: block;
	border: 1px solid #D6D6D6;
	background: #fff;
	width: 207px;
	height: 330px;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px;
	position: relative;
}

.newsarea .newstitle{
	font-size: 18px;
	font-weight:bold;
	color:#FE8024;
	padding: 5px;
	border-bottom: 1px dashed #FE8024;
}

.newsarea li.newslist{
	padding: 12px 5px;
	font-size: 12px;
	border-bottom: 1px dashed #000;
}

.newsarea p.next{
	margin: 10px 5px 5px;
	color:#999999;
	font-size:12px;
	text-align:right;
}

.newsarea .cate{
	font-size: 14px;
	font-weight:bold;
	margin-right: 10px;
}

.sidearea{
	display: block;
	border: 1px solid #D6D6D6;
	background: #fff;
	width: 217px;
	height: 330px;
	margin: -2px 0px 5px 0px;
	padding: 0px;
	position: relative;
}

.sidearea p.text {
	margin: 0px 5px;
	width: 90%;
	color: #464646;
	font-size: 12px;
	padding: 0px 5px;
	height: 36px;
	overflow: hidden;
}

.sidearea p.date{
	color:#999999;
	font-size:14px;
	position: absolute;
	bottom: 3px;
	left: 10px;
}


/**************************
/* 汎用
**************************/
.free_area{
	margin-top: 40px;
	background: #FFF;
	width: 95%;
	min-height:1330px;
	padding:10px;
}

.free_wrapper{
	margin: 0 auto;
	width: 96%;
	text-align: left;
	line-height:1.8em;
}

.free_title{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
	color: #000;
	font-size: 24px;
	font-weight:bold;
}
.free_text14{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
	color: #666;
	font-size: 14px;
}
.free_text12{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
	color: #666;
	font-size: 12px;
}
.free_msg{
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
	font-size: 16px;
	color: #FF0000;
	font-weight:bold;
}
/*-------------------------------*/
.free_btn input,
.free_btn a{
	width: auto;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	padding: 5px 20px;
	border-radius: 5px;
	color: #fff;
	background: -webkit-linear-gradient(#FE8024, #F44E1D);
	background: -moz-linear-gradient(#FE8024, #F44E1D);
	background: linear-gradient(#FE8024, #F44E1D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8024), to(#F44E1D));
	border: 1px solid #FFB37A;
	margin: 5px 10px 20px 10px;
}

/**************************
/* ログイン
**************************/

.login_wrapper {
	padding: 0px;
	margin: 0px 20px;
	overflow: hidden;
}

.login_caption{
	margin: 10px 10px 0px 5px;
	padding: 0px 10px;
	color:#FE8024;
	font-size:16px;
	font-weight:bold;
}


.login_wrapper #account_id,
.login_wrapper #account_pass,
.login_wrapper #account_mail{
	margin: 5px 5px 5px 10px;
	padding: 5px 10px;
	width:90%;
	font-size:18px;
}

.login_wrapper #account_profile{
	margin: 5px 5px 5px 20px;
	padding: 5px 10px;
	width:90%;
	font-size:18px;
}

hr.kugiri{
	width: 100%;
	height: 1px;
	border: none;
	border-top: 3px #FE8E34 dotted;
	margin: 0px auto;
}

/**************************
/* 最新号紹介
**************************/
.latest_wrapper {
	margin: 0 auto;
	overflow: hidden;
}

.latest_right{
	float: left;
	width: 250px;
	height: 500px;
}

.latest_img{
	width: 215px;
	height: auto;
	overflow: hidden;
	margin: 20px 20px 5px 25px;
}


/**-------**/
.buy_btn a{
	width: 60px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:3px;
	padding: 3px 30px;
	border-radius: 5px;
	background: -webkit-linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background: -moz-linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background: linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C0C6C9), color-stop(0.5, #FFFFFF), to(#C0C6C9));

	border: 1px solid #D3D3D3;
	margin: 5px 10px 20px 25px;
	color: #000;
}

.buy_btn a:hover,
.buy_btn a:active,
.buy_btn a:focus{
	background: -webkit-linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background: -moz-linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background: linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1493), color-stop(0.5, #FD8DA3), to(#FF1493));

	border: 1px solid #FD8DA3;
	color: #FFF;
}
/**-------**/
/*****/

a.buy_btn {
	width: 40px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:3px;
	padding: 3px 20px;
	border-radius: 5px;
	background: -webkit-linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background: -moz-linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background: linear-gradient(#C0C6C9, #FFFFFF, #C0C6C9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C0C6C9), color-stop(0.5, #FFFFFF), to(#C0C6C9));

	border: 1px solid #D3D3D3;
	margin: 5px 5px 20px 25px;
	color: #000;
}

a.buy_btn.pink {
	background: -webkit-linear-gradient(#F08080, #FFC0CB, #F08080);
	background: -moz-linear-gradient(#F08080, #FFC0CB, #F08080);
	background: linear-gradient(#F08080, #FFC0CB, #F08080);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F08080), color-stop(0.5, #FFC0CB), to(#F08080));
	border: 1px solid #FD8DA3;
}

a.buy_btn.blue {
	background: -webkit-linear-gradient(#89C3EB, #38A1DB, #89C3EB);
	background: -moz-linear-gradient(#89C3EB, #38A1DB, #89C3EB);
	background: linear-gradient(#89C3EB, #38A1DB, #89C3EB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#89C3EB), color-stop(0.5, #38A1DB), to(#89C3EB));
	border: 1px solid #38A1DB;
}

a.buy_btn.right {
	margin: 5px 0px 20px 0px;
}

a.buy_btn:hover,
a.buy_btn:active,
a.buy_btn:focus,
a.digitalbuy_btn:hover,
a.digitalbuy_btn:active,
a.digitalbuy_btn:focus {
	background: -webkit-linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background: -moz-linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background: linear-gradient(#FF1493, #FD8DA3, #FF1493);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1493), color-stop(0.5, #FD8DA3), to(#FF1493));
	border: 1px solid #FD8DA3;
	color: #FFF;
}

.regular{
	margin-top: 10px;
}

/*****/

.twitter_btn{
	margin: 20px 10px 20px 25px;
}


.latest_left{
	width: 400px;
	height: auto;
	overflow: hidden;
	float: left;
}

.latest_caption{
	margin: 20px 10px 0px;
	color:#FE8024;
	font-size:22px;
	font-weight:bold;
}

.latest_midashi{
	margin: 0px 5px;
	padding: 5px 10px;
	font-size:14px;
	font-weight:bold;
}

hr.latest_line{
	margin: 5px 10px;
	width:95%;

	height: 1px;
	border: none;
	border-top: 1px #FF9A26 dotted;
}

.latest_info{
	margin: 5px 0px 10px;
	padding: 5px 10px;
	font-size:12px;
}

hr.latest{
	margin: 5px 10px;
	width:95%;
	height: 1px;
	border: none;
	border-top: 1px #000000 solid;
}

/**************************
/* PR対応
**************************/
.pr_icon{
    background-color: #CE0D16;
    width: 45px;
    height: 22px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding: 0;
}

.pr_icon.top{
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.pr_icon_area{
    margin: 5px 10px;
    padding: 0px 10px;
    width: 100%;
    overflow: hidden;
}

/**************************
/* モデル記事ハートアイコン
**************************/

#cont_list li p.model_icon {
    position: absolute;
    top: 3px;
    right: 0px;
    z-index: 1;
    /*transform: rotatez( 45deg );*/
    /*transform: rotatez( 90deg );*/
}

#cont_list li p.model_icon img {
    width: 65px;
    height: auto;
}


li#cont_1.model{
    border: 1px solid #F76B94;
}


#cont_list li p.model_text {
    position: absolute;
    top: 20px;
    right: 4px;
    z-index: 10;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    width: 48px;
    height: auto;
}


/**************************
/* フッター
**************************/

#footer_tbl{
	width:100%;
	height: auto;
	overflow: hidden;

	background-color:#FE8024;
	/*padding: 10px 0px;*/
	margin-top: 10px;

	font-size:11px;
	color:#fff;
}

#footer_tbl td{
	padding: 5px;
}

#footer_tbl td.row0{
	width:10%;
	padding: 15px 0px 10px;
}

#footer_tbl td.row1,
#footer_tbl td.row2,
#footer_tbl td.row3,
#footer_tbl td.row4{
	width:20%;
	padding: 15px 0px 10px;
}

#footer_tbl td.row5{
	width:100%;
	padding: 10px 0px 10px;
}

#footer_tbl a{
	font-size:11px;
	color:#fff;
}

#footer_tbl a:hover,
#footer_tbl a:active{
	-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
	outline: none;
	color:#808080;
}



/*#footer{
	display: block;
	width:100%;
	clear:both;
	overflow:hidden;
	background:#FE8024;
}

ul#footer_link {
	overflow: hidden;
	width:70%;
	padding-left:15%;
}

#footer_link li{
	float:left;
	display:block;
	font-size:11px;
	color:#fff;
	padding:10px 20px;
}

#footer_link li a{
	text-align:center;
	color:#fff;
}

#footer_link li a:hover{
	color:#808080;
}

#footer p{
	font-size:11px;
	color:#fff;
	padding-bottom:10px;
}
*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------*/
/*      1024px以下用の記述                    */
/*---------------------------------------------------------*/
@media only screen and (max-width: 1023px) {
	.inner{
		width:100%;
		margin: 0px auto;
		padding: 0px;
	}

	#header{
		width:100%;
		margin: 0px auto;
		padding: 10px 0px 5px;
	}

	#wrapper{
		width:700px;
		margin: 0px auto;
		padding:0px 10px;
	}

	#container{
		float: none;
		width:680px;
		margin: 0px auto;
		padding: 0px;
	}

/*PC用*/
	#sidebar1,#sidebar2,#sidebar3,#sidebar4{
		display:none;
	}

/*ニュース*/
	#sidebar2_smart{
		display: block;
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0px 0px;
	}


/*最新号&広告*/
	#side_container{
		float: none;
		width:680px;
		height: auto;
		margin: 0px auto;
		padding: 0px;
		overflow:hidden;
	}

	#sidebar3_smart,
	#sidebar1_smart{
		display: block;
		width: 50%;
		height: auto;
		margin: 0px 0px 5px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;

	}
	.side{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}


	.banners{
		float:left;
		/*width: 100%;*/
		width: 98%;
		height: auto;
		overflow:hidden;
		margin: 5px 5px 0px 0px;
		padding: 0px;
	}

	.banner_photo{
		width: 98%;
		height: auto;
		min-height: 330px;
	}

/*読モ募集*/
	#sidebar4_top{
		width:680px;
		float: none;
		padding: 0px;
		margin: 0px auto 50px;
	}

/*-------------------------------------------*/
	h1 .inner{
		width:100%;
		text-align:center;
		padding: 0px;
	}

	#header .logo{
		padding-left: 5px;
	}

	#header .logo1 img{
		height:50px;
	}
	#header .logo2 img{
		height:25px;
	}

	.auth{
		width:180px;
	}
	.searchward{
		width:160px;
	}
/*-------------------------------------------*/
	ul#topnav li:first-child{
		display:none;
	}

	ul#topnav li{
		width:20%;
	}

	ul#topnav a{
		padding: 12px 0px;
		width:100%;
	}

	ul#topnav li:nth-child(2) a,
	ul#topnav li:nth-child(3) a,
	ul#topnav li:nth-child(4) a,
	ul#topnav li:nth-child(5) a,
	ul#topnav li:nth-child(6) a{
		border-bottom: 1px dashed #fff;
	}

	ul#topnav li:nth-child(2) a,
	ul#topnav li:nth-child(7) a{
		border-left-style: none;
	}

	ul#topnav li:last-child a{
		border-right-style:none;
}
/*-------------------------------------------*/
	.newsarea{
		width: 658px;
		height: auto;
		margin: 0px 10px 0px;
		padding: 5px;
	}

	.sidearea{
		float:left;
		margin: 0px 5px 0px 0px;
		padding: 0px;
	}

	#sidebar4_top .sidearea{
		width:217px;
		margin: 0px 5px 10px 0px;
	}

/*-------------------------------------------*/
/*
	#footer .inner{
		width:auto;
		text-align:center;
	}
*/
/*------汎用-------------------------------------*/
	.free_area{
		/*width: 90%;*/
		min-height: 0px;
		max-height: auto;
	}

/*------最新号紹介----------------------------------*/
	.latest_right{
		float: none;
		width: 70%;
		height: auto;
		margin: 0px auto;
	}

	.latest_left{
		float: none;
		width: 70%;
		margin: 0px auto;
	}

}
/*      1023px以下 ここまで                   */


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------*/
/*      724px以下用の記述                                  */
/*---------------------------------------------------------*/

@media only screen and (max-width: 724px) {
	#wrapper,
	#contents{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

/*ニュース*/
	#sidebar2_smart{
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}

	.newsarea{
		width: 96%;
		height: auto;
		margin: 5px;
		padding: 5px;
	}

/*----------------*/
	#sidebar3_smart,
	#sidebar1_smart,
	#sidebar4_top{
		width: 50%;
		height: auto;
		margin: 0px 0px 5px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	.side{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

	#side_container{
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}


/*最新号&広告*/
	.banners{
		margin: 5px 5px 0px 5px;
	}
/*	.banners img {
		width: 96%;
		height: auto;
	}
*/
	.banner_photo{
		width: 96%;
		height: auto;
		min-height: 300px;
	}


/*読モ募集*/
	.sidearea{
		display:block;
		width: 96%;
		height: auto;
		padding: 0px;
		margin: 5px 5px 0px 5px;
		position: relative;
	}

	.sidearea p.image{
		margin: 5px;
		position: relative;
	}
	.sidearea p.image img{
		width: 100%;
		height: auto;
	}
	#sidebar4_top .sidearea{
		display:block;
		width: 94%;
		height: auto;
		padding: 0px;
		margin: 5px 5px 10px 5px;
		position: relative;
	}
	.sidearea p.date {
		position: absolute;
		bottom: 5px;
		left: 10px;
	}
	.sidearea p.next {
		position: absolute;
		bottom: 5px;
		right: 5px;
		margin: 0px;
	}

/*------ヘッダー---------------------------------*/
	#header .logo{
		width:50%;
		margin: 0px;
		padding: 10px 0px 0px 5px;
	}
	#header .logo1 img{
		width: 90%;
		height:auto;
	}
	#header .logo2 img{
		width: 90%;
		height:auto;
	}
	.auth{
		width:170px;
	}
	.joinbtn{
		width: 70px;
		font-size:12px;
		padding: 2px 0px 3px;
	}
	.searchward{
		width:150px;
	}
/*-----ナビ----------------------------------*/
	ul#topnav a{
		padding: 12px 0px 4px;
		font-size:10px;
	}
/*-------------------------------------------*/
	.cate_head{
		font-size:12px;
	}

/*----トップブロックコンテンツ----------------*/
	#container{
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

	#cont_list{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;	
		overflow: hidden;
		float: left;
	}

	.sidecont_2{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	.sidecont_1{
		width: 50%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

	#cont_list li:first-child{
		clear:both;
	}

	#cont_list li#cont_1{
		width: 94%;
		height: auto;
		margin: 5px 5px 0px 5px;
	}

	#cont_list li#cont_2{
		width: 97%;
		height: auto;
		margin: 5px 5px 0px 5px;
	}

	.ptn_A,
	.ptn_B{
		width: 100%;
		height: 100%;
		min-height: 200px;
	}


	#cont_list p.caption_1,
	#cont_list p.caption_2{
		margin: 0px 5px;
	}

	#cont_list p.date{
		position:absolute;
		bottom: 5px;
		left: 10px;
	}
	#cont_list p.next{
		position:absolute;
		bottom: 5px;
		right: 5px;
		margin: 0px;
	}
	#cont_list li p.icon,
	.sidearea p.icon{
		position:absolute;
		bottom: 5px;
		right: 5px;
	}
	#cont_list li p.icon img,
	.sidearea p.icon img{
		width: auto;
		height: 18px;
	}

/*----フッター（table）---------------*/
	#footer_tbl td.row0{
		display:none;
		width:0%;
	}

	#footer_tbl td.row1{
		width:18%;
		padding: 10px 0px 5px;
	}

	#footer_tbl td.row2{
		width:38%;
		padding: 10px 0px 5px;
	}

	#footer_tbl td.row3{
		width:18%;
		padding: 10px 0px 5px;
	}

	#footer_tbl td.row4{
		width:26%;
		padding: 10px 0px 5px;
	}

/*----モデル記事ハートアイコン---------------*/

	#cont_list li p.model_icon img {
	        width: 55px;
	        height: auto;
	}
	#cont_list li p.model_text {
	        position: absolute;
	        top: 18px;
	        right: 0px;
	        font-size: 8px;
	        width: 45px;
	}

/*
	ul#footer_link {
		width:90%;
		padding-left:5%;
	}
*/
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------*/
/*      600px以下用の記述                                  */
/*---------------------------------------------------------*/

@media only screen and (max-width: 600px) {
	.auth{
		width:150px;
		margin:0px 5px 0px 0px;
	}
	.searchward{
		width:130px;
		font-size:12px;
	}
	#cont_list p.next{
		font-size:10px;
	}

	.sidearea p.next{
		font-size:10px;
	}

	.banner_photo{
		min-height: 280px;
	}

}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------*/
/*      550px以下用の記述                                  */
/*---------------------------------------------------------*/

@media only screen and (max-width: 550px) {
	.auth{
		width:140px;
	}
	.searchward{
		width:120px;
	}
	.ptn_A,
	.ptn_B{
		width: 100%;
		height: 100%;
		min-height: 150px;
	}

	.banner_photo{
		min-height: 250px;
	}

	.newsarea{
		width: 94%;
		margin: 5px 3px 5px 5px;
	}

	.login_wrapper #account_profile{
		width:85%;
	}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------*/
/*      400px以下用の記述                                  */
/*---------------------------------------------------------*/

@media only screen and (max-width: 400px) {
	.auth{
		width:130px;
		padding: 0px;
	}

	.ptn_A,
	.ptn_B{
		width: 100%;
		height: 100%;
		min-height: 120px;
	}

	.banner_photo{
		min-height: 200px;
	}

	#cont_list p.caption_1{
		font-size: 14px;
		height: 70px;
	}

	#cont_list p.caption_2{
		font-size: 14px;
	}

	.latest_img{
		width: 200px;
		margin: 20px 10px 5px;
	}

	.latest_img img{
		width: 200px;
	}

	.twitter_btn{
		margin: 20px 10px 10px 10px;
	}

	.buy_btn a{
		margin: 5px 10px 20px 10px;
	}

	a.buy_btn{
		margin: 5px 10px 20px 10px;
	}

	a.buy_btn,
        a.regularbuy_btn{
		padding: 3px 10px;
	}


	.latest_caption{
		margin: 10px 10px 0px;
		font-size: 20px;
	}


	.login_wrapper #account_id,
	.login_wrapper #account_pass,
	.login_wrapper #account_mail{
		margin: 5px 3px;
		padding: 5px;
		font-size:15px;
	}

	.login_wrapper #account_profile{
		padding: 5px;
		font-size:15px;
		width:80%;
	}

}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/