/* PCのみ　画面の横幅が768px以上 */
@media screen and (min-width: 768px){
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
.sp{display:none;}
.pc{display:block;}

/*header.php
===========================*/
.header_top{
	background:#e9b5cb;
	width:100%;
	height:20px;
	position:fixed;
	z-index:10;
	top:0px;
	}
.toppage_title{
	max-width:980px;
	width:100%;
	text-align:center;
	font-size:11px;
	line-height:1.5;
	color:#fff;
	font-weight:normal;
	margin:0 auto;
	padding:2px 0;
	}
	
#header{
	width: 100%;
	background:#fff;
	position:fixed;
	top:20px;
	z-index:1;
}
#header img{
	width:100%;
}

#header .header_inner{
	max-width:980px;
	width:98%;
	margin:0 auto;
}
#header .title{	
	max-width:400px;
	width:40.8%;/*408px*/
	float:left;
	margin:0.5% 0 0 29.4%;
}

#header .title h1 {
	font-size: 12px;
	margin: 5px 0 0 0;
}
#header .hnav {
	max-width:19%;/*187px*/
	width:187px;
	margin:1% 0 0 0;
	padding: 0;
	float:right;
	line-height:1.0;
}
#header .hnav .sns ul{
	margin:0 0 0 14%;
}
#header .hnav .sns ul li {
	float: left;
	max-width:26px;
	width:18%;
	margin:0 0 0 3%;
}
#header .btn_online{
	margin:3% 0 0 0;
	max-width:187px;
	}

	.header_menu{
		margin:5px 0 0 0;
				background:#db7da2;
				width:100%;
				padding:9px 0;
				}
			.header_menu_in{
				max-width:980px;
				margin:0 auto;
				}
			.header_search{
				height:32px;
				}
			.header_search .search_keyword{
				float:left;
				margin:0;
				padding:8px 0 0 0;
				max-width:780px;
				width:77%;
				}
			.header_search .search_keyword li{
				float:left;
				margin:0 5px 0 0;
				padding:0;
				list-style:none;
				display:block;
				}
				.header_search .search_keyword li a{
					color:#fff;
					font-size:15px;
					padding:0 8px;
					}
					.header_search .search_keyword li a:hover{
						color:#fdd7e7;
						text-decoration:none;
						}	
				.header_search .search_box{
					float:left;
					margin:0;
					padding:0 0 0 0;
					max-width:213px;
					width:21.4%;
					height:32px;
					background:#fff;
					border:1px solid #ececec;
					border-radius:3px;
					}
					.header_search .search_box form{
						max-width:213px;
						height:25px;
						border:none;
						}
						.header_search .search_box .textForm{
							float:left;
							max-width:170px;
							width:76%;
							height:26px;
							margin:3px 0 0 5px;
							padding:0 0 0 5px;
							border:none;
							}
						.header_search .search_box .searchBtn{
							float:left;
							background: url(../images/icon_search.png);
							width:28px;
							height:28px;
							margin:3px 0 0 0;
							border:none;
							text-indent:-99999px;
							font-size:0;
							}
					.header_search .search_detail{
						float:right;
						margin:10px 0 0 0;
						}
						

#container {
	padding:140px 0 0 0;
	max-width: 980px;
	width:96%;
	margin:50px auto;
}
#content {
	max-width: 755px;
	width:77%;
	margin:30px 0 0 0;
	float:left;
}

#container .list h1{
	font-size:20px;
	font-weight:bold;
	color:#dc82a6;
	border-bottom:1px solid #dc82a6;
	padding:0 0 10px 0;
	}

/*toppage*/
.toppage img{
	width:100%;
	height:auto;
	}
.main{
	}
.main .img{
	max-width:450px;
	max-height:450px;
	overflow:hidden;
	width:45.9%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	}
	
/*toppage main*/
.main .entry{
	max-width:490px;
	width:49%;
	float:right;
	margin:5px 0 0 0;
	}
	.main .entry h2{
		margin:0px 0 0 0;
		font-size:20px;
		line-height:1.5;
		}
	.main .entry .text{
		margin:30px 0 0 0;
		font-size:13px;
		line-height:1.5;
		}
	.main .entry .date{
		margin:25px 0 0 0;
		font-size:11px;
		line-height:1.5;
		}

.entry_no23{
	width:100%;
	}
	.entry2{
		max-width:360px;
		max-height:360px;
		overflow:hidden;
		width:47.68%;
		float:left;
	}
	.entry3{
		max-width:360px;
		max-height:360px;
		overflow:hidden;
		width:47.68%;
		float:right;
	}
.entry_no23 .entry{
	margin:5px 0 0 0;
	}
	.entry_no23 .entry .cate{
		margin:20px 0 0 0;
		}
	.entry_no23 .entry h2{
		margin:20px 0 0 0;
		font-size:20px;
		line-height:1.5;
		}
	.entry_no23 .entry .text{
		margin:15px 0 0 0;
		font-size:13px;
		line-height:1.5;
		}
	.entry_no23 .entry .date{
		margin:25px 0 0 0;
		font-size:11px;
		line-height:1.5;
		}
	
.entrylist{
	margin:0 0 0 0;
	}
.entrylist li {
	border-bottom:1px solid #eeeeee;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
}
.entrylist .img {
	float: left;
	width:220px;
	max-height:220px;
	overflow:hidden;
}
.entrylist .img img{
	width:100%;
	height:auto;
	}
.entrylist .entry {
	float: right;
	max-width: 500px;
	width:66.22%;
}
	.entrylist .entry .cate{
		margin:5px 0 0 0;
		}
	.entrylist .entry h2{
		margin:20px 0 0 0;
		font-size:15px;
		line-height:1.5;
		}
	.entrylist .entry .text{
		margin:15px 0 0 0;
		font-size:13px;
		line-height:1.5;
		}
	.entrylist .entry .date{
		margin:20px 0 0 0;
		font-size:11px;
		line-height:1.5;
		}
		
.more {
	text-align: center;
	margin: 70px auto;
}
.more a {
	display: block;
	max-width: 220px;
	width:23%;
	margin: 0 auto;
	background: #db7da2;
	padding: 8px 10px;
	color: #fff;
	font-size: 13px;
	border-radius:15px;
	box-sizing: border-box;
}
.more a:hover{
	background:#eea3c1;
	}
		
/*common*/
.entry .cate span{
	background: #f1a4c4;
	padding: 8px 10px;
	color: #fff;
	font-size: 13px;
	border-radius:15px;
	}
.entry .cate{
	margin:0 0 8px 0;
	}
	.entry .cate span.reco{
		background:#e4a3cb;
		}
	.entry .cate span.docs{
		background:#a5d3e0;
		}
	.entry .cate span.news{
		background:#bfd099;
		}
	.entry .cate span.oteire{
		background:#f1ad98;
		}
	.entry .cate span.monitor{
		background:#d2c871;
		}

#breadcrumbs{
	max-width: 980px;
	margin:0 auto 30px;
	overflow: hidden;
	font-size:83%;
	line-height:1.5;
}
#breadcrumbs li{
	float: left;
	text-decoration: none;
	color: #000000;
	position: relative;
	margin-right: 10px;
}
#breadcrumbs a{
	float: left;
	text-decoration: none;
	color: #000000;
	position: relative;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}	


/*list*/
/*wp-pagenavi*/
.pagenavi{
	margin:30px 0 0 0;
	}
.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size:93%;
	color:#db7da2;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #db7da2;
	background-color: #fff5f6;
	padding: 8px 10px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: right;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #db7da2;
    }
.wp-pagenavi span.current{
	color: #fff;
	background-color: #db7da2;
    }


/*detail*/
.detail img{
	}
.entry_title{
	}
.entry_title .cate{
	}
.entry_title h1{
	font-size:20px;
	margin:20px 0 0 0;
	line-height:1.5;
	}
.entry_title .date{
		margin:20px 0 0 0;
		font-size:11px;
		line-height:1.5;
		}
.entry-content{
	margin:25px 0;
	padding:25px 0;
	border-top:1px solid #d8d8d8;
	border-botom:1px solid #d8d8d8;
	line-height:1.5;
	}
	
.entry-share{
	margin:30px 0 0 0;
	}
	.entry-share ul{
		width:100%;
		margin:0;
		padding:0;
		}
	.entry-share ul li img{
		width:100%;
		}
	.entry-share ul li{
		max-width:374px;
		width:50%;
		float:left;
		}

.entry-back-list{
	margin:30px 0 30px 0;
	text-align:center;
	}
	.entry-back-list a{
		text-align:center;
		background:#e59ebe;
		padding: 10px 50px;
		color: #fff;
		font-size:15px;
		border-radius:30px;
		}
		.entry-back-list a:hover{
			background:#f1b7d1;
			}
#content .socialSet ul li.sb_icon a {
	margin:0 0 10px 0;
}

/*sidenavi*/
#sidenavi {
	max-width: 200px;
	width:20.4%;
	margin: 30px auto;
	float: right;
}
#sidenavi img{
	width:100%;
	}
	
#sidenavi h2 .eng{
		text-align:center;
		color:#e9afba;
		font-size:32px;
		font-family: 'Prata', serif;
		display:block;
		font-weight:normal;
		}
		#sidenavi h2 .jp{
		text-align:center;
		color:#e9afba;
		font-size:12px;
		display:block;
		margin:8px 0 0 0;
		font-weight:normal;
		}

#sidenavi .keyword {
	padding:10px 10px;
	background:#faf6f7;
}
#sidenavi .keyword h3{
	color:#ecbec7;
	font-size:13px;
	}

#sidenavi .keyword ul {
	margin:5px 0;
}
#sidenavi .keyword ul li {
	margin: 5px 5px 0 0;
	float: left;
}
#sidenavi .keyword ul li a{
	background:#fff;
	padding: 5px 5px;
	color:#a2a2a2;
	display:block;
	font-size:12px;
	}
	#sidenavi .keyword ul li a:hover{
		background:#ecbec7;
	color:#fff;
		}


#sidenavi .new {
	margin:30px 0 0 0;
}
#sidenavi .new ul li {
	margin: 10px auto;
}
#sidenavi .new ul li .img {
	float: left;
	max-width:100px;
	max-height:100px;
	overflow:hidden;
	width:50%;
	height:auto;
}

#sidenavi .new ul li .right {
	float: left;
	max-width:90px;
	width:48%;
	margin-left: 2%;
}
#sidenavi .new ul li .title {
	font-size: 11px;
}
#sidenavi .new ul li .date {
	font-size: 10px;
	color: #b7b6b6;
	margin:5px 0 0 0;
}

#sidenavi .category {
	margin:30px 0 0 0;
	padding:30px 0 20px 0;
	background:#fbfbfb;
}
#sidenavi .category ul {
	margin:30px 0 0 0;
	}
#sidenavi .category ul li {
	width: 80%;
	margin: 5px auto;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #f1f1f1;
}

#sidenavi .ranking {
	margin:30px 0 0 0;
	padding:30px 0 20px 0;
	background:#fff5f6;
}
#sidenavi .ranking ul {
	margin:20px 0 0 0;
	}
#sidenavi .ranking ul li {
	width: 80%;
	margin:15px auto 15px auto;
}
#sidenavi .ranking ul li .rank{
	text-align:center;
	width: 80%;
	margin:0 auto;
	}
#sidenavi .ranking ul li .img{
	text-align:center;
	margin:5px auto;
	}
#sidenavi .ranking ul li .text{
	text-align:left;
	font-size:13px;
	line-height:1.5;
	}




/*footer*/
.pagetop {
	position: fixed;
    bottom:45px;
    right: 0px;
}
#footer {
	border-top:2px #faf1f2 solid;
	}

#footer .footer_in {
	max-width: 980px;
	margin: 0 auto;
}
#footer .footer_categpry{
	padding:20px 0 0 0;
	}
	#footer .footer_categpry h2{
		float:left;
	}
	#footer .footer_categpry ul li{
		float:left;
		margin:10px 0 0 15px;
		font-size:12px;
		border-right:1px solid #959595;
		padding:0 15px 0 0;
		line-height:1.0;
	}
	#footer .footer_categpry ul li:last-child{
		border:none;
		}
	
	
#footer .footer_menu{
	margin:13px 0 0 0;
	}
	#footer .footer_menu .footer_info{
		max-width:350px;
		width:35%;
		float:left;
	}
	#footer .footer_menu .footer_info h3{
		font-size:12.5px;
		padding:5px 0 0 10px;
		color:#a3a3a3;
		line-height:1.5;
	}
	#footer .footer_menu .footer_info p{
		font-size:13px;
		padding:5px 0 0 10px;
		color:#a3a3a3;
		line-height:1.5;
	}
	#footer .footer_menu .footer_info p a{
		font-size:13px;
		color:#e8aeba;
		text-decoration:underline;
	}
	#footer .footer_menu .fnav{
		width:360px;
		float:right;
		padding:116px 0 0 0;
		}
	#footer .footer_menu .fnav .btn_online{
		float:left;
		margin:0;
		}
	#footer .footer_menu .sns{
		margin:0 0 0 30px;
		float:left;
		}
	#footer .footer_menu .sns ul li{
		float:left;
		margin:0 0 0 5px;
		}
		.copy{
			max-width: 980px;
			margin:10px auto;
			}
		.copy address{
			font-size:10px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			line-height:1.5;
			font-weight:normal;
			font-style:normal;
			color:#a3a3a3;
			text-align:center;
			}


.error {
	margin: 150px auto;
	text-align: center;
}
.error h2 {
	font-size: 30px;
}

/*ーーーーーーーーーーースタイルここまでーーーーーーーーーーーーー*/		
}
@media (max-width: 980px) {
	.entrylist .img{
	width:29.1%;
	max-width:220px;
}
}
@media (max-width: 930px) { 
	.header_search .search_keyword li a{
					font-size:14px;
					padding:0 6px;
					}
	#container {
	padding:130px 0 0 0;
	}
}
@media (max-width: 830px) { 
.header_search .search_keyword li a{
					font-size:12px;
					padding:0 5px;
					}
					#container {
	padding:120px 0 0 0;
	}
}
