@charset "UTF-8";
/* CSS Document */


#wrapper{
	width:100%;
	color:#696969;
	background-color:#fff;
	line-height:1.8em;
	padding-bottom:2em;
	box-sizing: border-box;
}


img{
	max-width: 100%;
	height:auto;
}



.mb05{
	margin-bottom:0.5em;
}

.mb1{
	margin-bottom:1em;
}

.mb2{
	margin-bottom:2em;
}

.mb3{
	margin-bottom:3em;
}

.color_sec01{
	background-color:#3eb370;
}

.color_sec02{
	background-color:#ec6d71;
}

.color_sec03{
	background-color:#59b9c6;
}


.color_m{
	color:#528ec9;
}

.color_w{
	color:#e994a9;
}


#wrapper a:link{
	color:#fff;
	text-decoration:none;
}

#wrapper a:visited{
	color:#fff;
	text-decoration:none;
}


#wrapper a:hover{
	color:#fff;
	text-decoration:none;
}


/*＿＿＿＿＿トップ
＿＿＿＿＿*/

#wrapper  .topcaption{
	width:97%;
	color:#fff;
	font-size:100%;
	background-color:#000;
	text-align:center;
	padding:1.5%;
}



/*メインタイトル*/
#wrapper #titleArea{
	width:100%;
	background-image:url(../images/title_sp.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	padding-top:45.208%;
}


/*＿＿＿＿＿メニュー
＿＿＿＿＿*/

#menuArea{
	width:100%;
	text-align:center;
}


#menuArea ul.menu{
	width:100%;
	margin-bottom:0.5em;
	overflow:hidden;
}

#menuArea .menu li{
	width:33.333%;
	float:left;
	  padding-bottom:10000px;
	 margin-bottom:-10000px;
}


#menuArea .menu li .menu_date{
	color:#fff;
	font-size:117%;
	padding:5px;
}

#menuArea .menu li .menu_cap{
	color:#fff;
	font-size:125%;
	padding:5px;
}

 #menuArea .menu li  img{
	width:15%;
}


/*＿＿＿＿＿sns
＿＿＿＿＿*/


ul#snsArea{
	width:300px;
	margin:0 auto;
}
	
ul#snsArea li{
		float:left;
		text-align:left;
		margin:0.5em auto 0;
	}
	
ul#snsArea .twitter{
		width:100px;
	}
	
ul#snsArea .fb{
		width:90px;
	}
	
ul#snsArea .hatena{
		width:110px;
	}
	
ul#snsArea .line{
	width:100px;
	}

.kikan{
	color:#000;
	text-align:center;
	margin:0 auto 0.3em;
}

/*＿＿＿＿＿メルマガ
＿＿＿＿*/

#mmArea{
	width:92%;
	text-align:center;
	border:2px solid #fc9000;
	background-color:#fff;
	color:#fc9000;
	margin:0 auto 1em;
	font-weight:bold;
}

#mmArea i{
	font-size:125%;
	margin:0 0.3em;
}

#mmArea a{
	display:block;
	padding:0.5em;
}

#mmArea a:link{
	color:#fc9000;
	text-decoration:none;
}

#mmArea a:visited{
	color:#fc9000;
	text-decoration:none;
}


#mmArea a:hover{
	text-decoration:underline;
}



.mmtxt{
	width:95%;
	color:#000;
	line-height:1.5em;
	margin:0 auto 1em;
	text-align:center;
}



/*＿＿＿＿＿メインコンテンツ

＿＿＿＿＿*/

/*セクション01*/
#contentArea #sec01{
	width:100%;
	background-image:url(../images/sec01_bg.jpg);
	background-repeat:repeat;
	padding-bottom:1em;
}


#contentArea #sec02{
	width:100%;
	background-image:url(../images/sec02_bg.jpg);
	background-repeat:repeat;
	padding-bottom:1em;
}


#contentArea #sec03{
	width:100%;
	background-image:url(../images/sec03_bg.jpg);
	background-repeat:repeat;
	padding-bottom:1em;
}



/*キャプション*/
#contentArea .caption{
	width:92%;
	color:#fff;
	padding:1.5% 4%;
	margin-bottom:1em;
	
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 2px 0px;
}


/*キャプション・号数*/
#contentArea .date{
	margin-bottom:0.2em;
}


/*キャプション・タイトル*/
#contentArea h2.sec_title{
	font-size:142%;
	font-weight:bold;
}


/*男性誌ボックス*/
#contentArea .box_m, .box_m02{
	width:86%;
	margin:2em auto;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:3% 3% 3% 3%;
	background-image:url(../images/mens_border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	
	position:relative;
}


/*女性誌ボックス*/
#contentArea .box_w, .box_w02{
	width:86%;
	margin:2em auto;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:3% 3% 3% 3%;
	background-image:url(../images/women_border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	
	position:relative;
}

/*カテゴリ共通*/
#contentArea .cate, .cate02{
	width:17%;
	color:#fff;
	text-align:center;
	padding-left:3%;
	border:2px solid #fff;
	
	/* border-radius */
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
	position:absolute;
	top:-3%;
	right:3%;
}


/*カテゴリ01*/
#contentArea .cate_sec01{
	background-image:url(../images/sec01_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:18%;
}

/*カテゴリ02*/
#contentArea .cate_sec02{
	background-image:url(../images/sec02_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:16%;
}

/*カテゴリ03*/
#contentArea .cate_sec03{
	background-image:url(../images/sec03_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:16%;
}


/*男性タイトル*/
#contentArea .title_m{
	font-size:142%;
	font-weight:bold;
	color:#528ec9;
	padding-bottom:0.2em;
	border-bottom:1px solid #ccc;
	margin-bottom:0.1em;
}

#contentArea .title_m i{
	font-size:120%;
	margin-right:0.2em;
}

/*女性タイトル*/
#contentArea .title_w{
	font-size:142%;
	font-weight:bold;
	color:#e994a9;
	padding-bottom:0.2em;
	border-bottom:1px solid #ccc;
	margin-bottom:0.1em;
}


#contentArea .title_w i{
	font-size:120%;
	margin-right:0.2em;
}


#contentArea .author{
	float:left;
	margin-bottom:1em;
	font-size:117%;
}


#contentArea .series{
	float:right;
}


/*表1*/
#contentArea .cover, .cover02{
	clear:both;
	width:28%;
	border:1px solid #ccc;
	float:left;
	margin-bottom:1em;
}

/*フキダシ*/
#contentArea .fukidashi, .fukidashi02 {
	width:62%;
	position: relative;
	background: #d4e5fb;
	float:right;
	margin-bottom:1em;
	padding:2%;
	font-size:109%;
	
		/* border-radius */
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#contentArea .fukidashi:after {
	right: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 244, 252, 0);
	border-right-color: #d4e5fb;
	border-width: 10px;
	margin-top: -15px;
}

#contentArea .fukidashi02:after {
	right: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 244, 252, 0);
	border-right-color: #d4e5fb;
	border-width: 10px;
	margin-top: -15px;
}


#contentArea a{
	font-weight:bold;
	font-size:109%;
}



/* 続きを読む */
.open{
     color: #3399dd;
	 font-size:100%;
     cursor: pointer;
	 margin-top:0.5em;
}

.open i{
	margin-right:0.2em;
	font-size:109%;
}


.slideBox{
     display:none;
}



/*試し読み*/

#contentArea .tameshiyomi, .tameshiyomi02{
	width:96%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:2%;
	position:relative;
	clear:both;
}

#contentArea .tameshiyomi i{
	position:absolute;
	top:30%;
	right:5%;
}

#contentArea .tameshiyomi a{
	display:block;
}

/*試し読み　男性*/

#contentArea .color_mens{
	background-color:#528ec9;
}

/*試し読み　女性*/
#contentArea .color_women{
	background-color:#e994a9;
}



/*＿＿＿＿＿＿＿topにもどる
＿＿＿＿＿＿*/

#wrapper #page-top {
	position: fixed;
	bottom: 1em;
	right:1em;
	font-size:142%;
}

#wrapper #page-top a {
	width:50px;
	padding:13px 0 17px;
	
	color: #fff;
	background: #fc9000;
	text-align: center;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
   	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	
	display:block;
}

#wrapper #page-top a:hover {
	background: #fc9000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}




/*＿＿＿＿＿下部バナーエリア
＿＿＿＿*/

#contentArea ul#bnrArea{
	width:100%;
	margin:1em auto;
	padding:0;
}

#contentArea ul#bnrArea li.bnr{
	width:50%;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
}


#contentArea ul#bnrArea li.bnr img{
	width:100%;
}





@media print, screen and (min-width: 480px) {

/*＿＿＿＿＿メルマガ
＿＿＿＿*/

#mmArea{
	width:70%;
	text-align:center;
	border:2px solid #fc9000;
	background-color:#fff;
	color:#fc9000;
	margin:0 auto 1em;
	font-weight:bold;
}


/*カテゴリ共通*/
#contentArea .cate, .cate02{
	width:15%;
	padding-left:3.5%;
	font-size:117%;
}


/*カテゴリ01*/
#contentArea .cate_sec01{

	background-size:17%;
}

/*カテゴリ02*/
#contentArea .cate_sec02{
	background-size:15%;
}

/*カテゴリ03*/
#contentArea .cate_sec03{
	background-size:16%;
}


	
}




@media print, screen and (min-width: 640px) {

#wrapper  .topcaption{
	font-size:125%;
}


/*カテゴリ共通*/
#contentArea .cate{
	width:15%;
	color:#fff;
	text-align:center;
	padding-left:3%;
	border:2px solid #fff;
	
	/* border-radius */
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */ 
	position:absolute;
	top:-2%;
	right:3%;
	font-size:125%;
	
}


/*カテゴリ01*/
#contentArea .cate_sec01{

	background-size:16%;
}

/*カテゴリ02*/
#contentArea .cate_sec02{
	background-size:14%;
}

/*カテゴリ03*/
#contentArea .cate_sec03{
	background-size:14%;
}

#contentArea ul#bnrArea li.bnr{
	width:30%;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
}

	
}




@media print, screen and (min-width: 738px) {


/*＿＿＿＿＿トップ
＿＿＿＿＿*/

#wrapper  .topcaption{
	width:97%;
}





/*＿＿＿＿＿メインコンテンツ
＿＿＿＿＿*/



/*キャプション・号数*/
#contentArea .date{
	width:15%;
	height:100%;
	color:#666;
	font-size:117%;
	font-weight:bold;
	background-color:#fff;
	margin:0 0.5em 0 0;
	text-align:center;
	float:left;
	padding:1%;
}


/*キャプション・タイトル*/
#contentArea h2.sec_title{
	font-size:142%;
	font-weight:bold;
	padding:1%;
}



/*カテゴリ共通*/
#contentArea .cate{
	width:12%;
	padding:0.2% 0.2% 0.2% 3%;
	top:-2%;
	right:3%;
}


/*カテゴリ01*/
#contentArea .cate_sec01{
	background-size:15%;
}

/*カテゴリ02*/
#contentArea .cate_sec02{
	background-size:13%;
}

/*カテゴリ03*/
#contentArea .cate_sec03{
	background-size:14%;
}


/*表1*/
#contentArea .cover, .cover02{
	width:20%;
}

/*フキダシ*/
#contentArea .fukidashi {
	width:72%;
}

#contentArea .fukidashi:after {
	border-width: 10px;
	margin-top: -10px;
}


/* 続きを読む＞pc非表示 */
.open{
  display:none;
     }
	 
.slideBox{
	display:block;
     }


/*試し読み*/

#contentArea .tameshiyomi, .tameshiyomi02{
	width:73%;
	float:right;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:1.5%;
	position:relative;
	clear:none;
}
	
}



@media print, screen and (min-width: 768px) {
	

#wrapper  .topcaption{
	font-size:167%;
	margin-bottom:2px;
}


#wrapper  .topbox{
	width:100%;
	max-width:940px;
	margin:0 auto 2px;
	
}


#wrapper .topleftbox{
	width:47%;
	float:left;
}


/*メインタイトル*/
#wrapper #titleArea{
	width:100%;
	max-width:438px;
	background-image:url(../images/title_pc.png);
	padding-top:47.945%;
	
}



/*＿＿＿＿＿メニュー
＿＿＿＿＿*/

#menuArea{
	width:53%;
	max-width:500px;
	text-align:center;
	float:right;
}


#menuArea ul.menu{
	width:100%;
	max-height:200px;
	margin-bottom:0.2em;
	overflow:hidden;
}

#menuArea li .menu_date{
	color:#fff;
	font-size:100%;
	padding:5px;
}

#menuArea li .menu_cap{
	color:#fff;
	font-size:109%;
	padding:10px;
}


/*＿＿＿＿＿メルマガ
＿＿＿＿*/

#mmArea{
	width:90%;
	text-align:center;
	border:2px solid #fc9000;
	background-color:#fff;
	color:#fc9000;
	margin:1em auto;
	font-weight:bold;
}

.mmtxt{
	width:90%;
}

/*＿＿＿＿＿メインコンテンツ

＿＿＿＿＿*/

#contentArea{
	width:100%;
}



/*キャプション*/
#contentArea .caption{
	padding:1% 4%;
}


#wrapper .box940{
	width:95%;
	max-width:940px;
	margin:0 auto;
}

#contentArea .box940 ul{
	width:102%;
	margin:0 -2% 0 0;
	overflow:hidden;
	_zoom: 1;
	  letter-spacing: -0.4em; /* 追加 */
}


/*男性誌ボックス*/
#contentArea .box_m{
	width:44%;
	margin:2% 2% 2% 0;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:2%;
	background-image:url(../images/mens_border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	display:inline-block; 
	letter-spacing: normal; /* 追加 */
	
	position:relative;

}


/*女性誌ボックス*/
#contentArea .box_w{
	width:44%;
	margin:2% 2% 2% 0;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:2%;
	background-image:url(../images/women_border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	display:inline-block; 
	letter-spacing: normal; /* 追加 */
	
	position:relative;
}


/*男性誌ボックス　2列*/
#contentArea .box_m02{
	width:94%;
	margin:2% 2% 2% 0;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:2%;
	background-image:url(../images/mens_border.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:53%;
	display:inline-block; 
	letter-spacing: normal; /* 追加 */
	
	position:relative;

}

/*女性誌ボックス　2列*/
#contentArea .box_w02{
	width:94%;
	margin:2% 2% 2% 0;
	background-color:#fff;
	border-bottom:1px solid #b2b2b2;
	padding:2%;
	background-image:url(../images/women_border.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:53%;
	display:inline-block; 
	letter-spacing: normal; /* 追加 */
	
	position:relative;
}



/*カテゴリ共通*/
#contentArea .cate{
	width:20%;
}


#contentArea .cate02{
	width:10%;
	color:#fff;
	text-align:center;
	padding-left:2%;
	border:2px solid #fff;
	
	/* border-radius */
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
	position:absolute;
	top:-3%;
	right:3%;
}


/*カテゴリ01*/
#contentArea .cate_sec01{
	background-image:url(../images/sec01_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:17%;
}

/*カテゴリ02*/
#contentArea .cate_sec02{
	background-image:url(../images/sec02_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:14%;
}

/*カテゴリ03*/
#contentArea .cate_sec03{
	background-image:url(../images/sec03_icon.png);
	background-repeat:no-repeat;
	background-position:15% 50%;
	background-size:14%;
}

/*表1*/
#contentArea .cover{
	width:30%;
}

#contentArea .cover02{
	width:14%;
}

/*フキダシ*/
#contentArea .fukidashi {
	width:60%;
}

#contentArea .fukidashi:after {
	top: 15%;
	border-width: 10px;
	margin-top: -10px;
}


/*フキダシ02*/
#contentArea .fukidashi02 {
	width:79%;
}

#contentArea .fukidashi02:after {
	border-width: 10px;
	margin-top: -10px;
}


#contentArea .tameshiyomi{
	width:60%;
	float:right;
	text-align:center;
	color:#fff;
	font-weit:bold;
	padding:1.5%;
	position:relative;
	clear:none;
}


#contentArea .tameshiyomi02{
	width:81%;
	float:right;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:1%;
	position:relative;
	clear:none;
}

#contentArea .tameshiyomi02 i{
	position:absolute;
	top:30%;
	right:5%;
}

#contentArea .tameshiyomi02 a{
	display:block;
}


/*＿＿＿＿＿下部関連バナー
＿＿＿＿＿＿＿＿*/


#contentArea ul#bnrArea{
	width:50%;
	margin:1em auto;
	letter-spacing: -4em;
}


#contentArea ul#bnrArea li.bnr{
	display: inline-block; /* 横並び */
 	vertical-align: top; /* li要素を上端揃えに */
	letter-spacing: normal;
	width:45%;
	margin:0 5% 0 0;
	text-align:center;
}

#contentArea ul#bnrArea li.bnr:last-child{
	margin:0;
}


#contentArea ul#bnrArea li.bnr img{
	max-width:300px;
}

}


@media print, screen and (min-width: 940px) {
	
	
	/*＿＿＿＿＿メニュー
＿＿＿＿＿*/
#menuArea{
	width:53%;
	max-width:500px;
	text-align:center;
	float:right;
	margin-bottom:1em;
}


#menuArea ul.menu{
	height:165px;
	margin-bottom:0.5em;
	overflow:hidden;
}

#menuArea .menu li .menu_date{
	color:#fff;
	font-size:125%;
	padding:10px;
}

#menuArea .menu li .menu_cap{
	color:#fff;
	font-size:134%;
	padding:15px;
}

 #menuArea .menu li  img{
	width:12%;
}

.mmtxt{
	width:100%;
}

}