/*
Theme Name: PC
Theme URI: http://online-reviews.net/
Description: PC
Version: 1.0
Author: yamamoto
Author URI: -----
*/

* {
margin:0;
padding:0;
}

::selection {
	background:#FDB7B7; /* Safari */
}

::-moz-selection {
	background:#FDB7B7; /* Firefox */
}

a{text-decoration:none;}
a:link{ color:#686868; }
a:visited{ color:#686868; }
a:hover{text-decoration:underline;}
a img{ border:0; }
img{
vertical-align:top;
max-width: 100%;
height:auto;
}
a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

.float{float:left;}
.floatr{float:right;}

/*↓---フォント関係---↓*/
.sitetitle{
font-size:26px;
font-weight:bold;
}
p{
font-size:15px;
margin-top:8px;
line-height:190%;
}
.rel{font-size:10px;}

.title h1{
	font-size:22px;
	font-weight:800;
	color:#000;
	border-bottom:2px solid #FC7C79;
}

.title{
	font-size:22px;
	font-weight:800;
	color:#000;
	border-bottom:2px solid #FC7C79;
}


.content ul {
	list-style-type: disc;
	margin:10px 0 10px 20px;
	padding:0;
	border-top:1px dotted #CCC;
}
.content li {
	margin:10px 0 10px 0px;
	padding-bottom:10px;
	color:#191970;
	border-bottom:1px dotted #CCC;
}

.content h2{
	margin-top:30px;
	font-size:18px;
	padding-left:10px;
	background-color:#ffecd9;
	border-left:5px solid #FF378C;
}
h3{
	border-bottom:1px solid #FC7C79;
}
.content h3{
	font-size:18px;
}

.b{font-weight:800;}

.strong_title{
font-size:16px;
font-weight:800;
border-bottom:1px dotted #CCC;
padding-bottom:5px;
margin-bottom:5px;
}

.big{
font-size:15px;
font-weight:800;
}

.small{
	font-size:12px;
	color:#333;
}
/*↑---フォント関係---↑*/

body {
	background-color:#FCFCFC;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: none;	/*　iphone自動サイズ変更機能抑制 */
	word-break:break-all;
	min-width:1190px;
}

.head_title{
	width:420px;
	float:left;
}
.description{
	width:450px;
	float:left;
	margin-top:5px;
}
.social{
	width:150px;
	margin-top:5px;
	float:left;
}


#index{
	width:1140px;
	margin:0 auto;
	}
	
#header{
	background-color:#FFF;
	width:1140px;
	margin:0 auto;
	}
	
.white{
width:100%;
background-color:#FFF;
}
.black{
width:100%;
background-color:#000;
}

.bb{border-bottom:1px solid #CCC;}
.bt{border-top:1px solid #CCC;}

/*↓パン屑リスト↓*/
.pan {
    width:1140px;
    margin:0 auto;
    padding:5px 0 5px 5px;  
}

.pan li {
    font-size:11px;
    color:#FFFFFF;
    display:inline;  
    line-height:100%;  
    list-style-type:none;  
}

.pan li a {
    color:#CFE7FF;
    padding-right:10px;
    background:url(images/topicpath.gif) no-repeat right center;  
}
.pan a:visited{ color:#CFE7FF; }
.pan a:hover { text-decoration:underline; }
/*↑パン屑リスト↑*/

/*検索フォーム*/
.search{width:275px;}
#s  {  
    width: 180px;
    height: 15px;
    color: #808080;
    border: 1px solid #CCC;  
    padding: 3px;
}
#searchtext{position: relative; }
#searchBtn {
    position: absolute;
    padding:5px;
    top: -6px;
}

select{
width:180px;
height:25px;
}
/*検索フォーム*/

.category_list{
	margin:5px 0 10px 0;
	padding:10px;
	border:1px solid #CCC;
	background-color:#F2EEEC;
}
.category_list li{
	width:73px;
	height:105px;
	overflow:hidden;
	font-size:12px;
	text-align:center;
	padding:3px;
	float:left;
}
.category_list img{
	width:100%;
}
.category_list a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #F2EEEC;
}

.ninkiword{
	padding:5px;
	border:1px solid #1649ab;
	background-color:#e2ecff;
	height:120px;
	overflow:auto;
}
.ninkiword li{
	float:left;
	margin-right:5px;
}

.fa-angle-right{
	color:#FF8000;
}

#main{
	width:786px;
	padding:20px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
}

.toprss_box{
	margin-bottom:10px;
	max-height:400px;
	overflow:auto;
}
.toprss_box li img{
	margin-right:5px;
}
.toprss_box li{
	border-bottom:1px dotted #ccc;
	padding:3px 0 3px 0;
	height:50px;
	overflow:hidden;
	font-weight:bold;
}
.toprss_box li a{
	line-height: 50px;
}


.item li{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #CCC;
max-height:150px;
overflow:hidden;
}
.item li:last-child{
padding:0;
margin:0;
border:0;
}
.item img{
	float:left;
	padding-right:10px;
}
.item h2{
	font-size:18px;
	width:590px;
	height:80px;
	float:left;
}
.item h2 a{
	color:#000;
}

.metitem li{
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	font-size:18px;
	font-weight:bold;
}
.metitem li a{
	color:#000;
}
.all_a{
	margin-top:10px;
	font-weight:bold;
	text-decoration: underline;
}

.yarpp img{
width:100px;
height:100px;
}

.item .comp{
	width:590px;
	height:24px;
	overflow: hidden;
}

.comp a{
	display: inline-block;
	padding:2px 5px 2px 5px;
	margin:0 2px 2px 0;
	border-radius: 3px;
	background-color:#FC7C79;
	font-size:12px;
	color:#FFF;
}


.item .categooo{
	width:590px;
	height:46px;
	overflow: hidden;
}

.categooo a{
	display: inline-block;
	padding:2px 5px 2px 5px;
	margin:0 2px 2px 0;
	border-radius: 3px;
	background-color:#FF33AB;
	font-size:12px;
	color:#FFF;
}

.item .t_count{
	font-size:12px;
	color:#306FA4;
	float:left;
}

.tag_description{
	margin:10px 10px 10px 10px;
	padding:10px;
	background-color:#F2EEEC;
	border:1px solid #CCC;
}

.kkk{
	margin:10px 0 10px 0;

}

#side{
	width:280px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:right;
	margin-left:10px;
}

.ranking li{
	max-height:100px;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom:5px;
	position: relative;
}
.ranking li a:hover{
	text-decoration:none;
}
.rank_txt{
	display:block;
	color:#EB4E9B;
	font-size:13px;
	font-weight:bold;
	height:80px;
	overflow:hidden;
}
.t_count{
	font-size:12px;
	color:#306FA4;
	float:right;
}
.ranking li img{
	width:100px;
	margin-right:5px;
	float:left;
}
.t_rank{
	position: absolute;
	top: 0;
	left: 0;
	font-size:13px;
	width:20px;
	text-align:center;
	color:#FFF;
	background-color: rgba(255,0,0,0.5);
	border-radius: 10px;
}


.profile-header a {
	display:block;
	text-align:left;
	-webkit-transition: opacity 0.2s ease;
	   -moz-transition: opacity 0.2s ease;
	    -ms-transition: opacity 0.2s ease;
	     -o-transition: opacity 0.2s ease;
	        transition: opacity 0.2s ease;
	overflow: hidden;
}
.profile-header a:hover {
    opacity:0.75;
}
.profile-avatar {
	display: block;
	padding-right:12px;
	float:left;
	width:60px;
}
.profile-avatar img {
	width:60px;
	height:60px;
	border-radius:6px;
}
.profile-name {
	display: block;
	font-size:14px;
	font-weight:bold;
	margin-left: 70px;
	margin-top: 5px;
}
.profile-screen-name {
	font-size: 12px;
	display: block;
	margin-left: 70px;
	opacity: 0.6;
}
.profile-body {
	margin-top:12px;
	clear:both;
	text-align:left;
}

.sidetitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #FC7C79;
}

#side .categooo{
margin-bottom:20px;
}
#side .categooo a{
margin:0 5px 5px 0;
}

.wpp-list li{
padding-bottom:5px;
border-bottom:1px dotted #CCC;
margin-bottom:5px;
}

.t_b{
	padding-left:15px;
	margin:30px 0 40px 0;
}


#footer{
font-size:12px;
width:1140px;
margin:0 auto;
}
.page_top{
margin-top:20px;
margin-bottom:20px;
}
.fnavi {
	margin-top:30px;
	margin-bottom:15px;
	text-align:center;
	}

.fnavi ul {
	display:inline;
	padding-left:5px;
	border-left:1px solid #ccc;
	}
	
.fnavi li {
	display:inline;
	padding-left:5px;
	padding-right:10px;
	border-right:1px solid #ccc;
	}

.foot_title{
	padding-left:5px;
	font-weight:800;
	border-left:3px solid #ccc;
}

.site li{
	border-bottom:1px dotted #CCC;
	margin-bottom:5px;
}
.site li a{
	width:100%;
	padding-bottom:5px;
	display: inline-block;
}
.site li:last-child{
	border-bottom:0px;
}

/*↓---ページナビゲーション---↓*/
.pagination{margin-top:20px;}
.pagination a{
background-color:#FFF;
border:1px solid #CCC;
padding:1px 6px 1px 6px;
margin-left:5px;
}
.pagination .max_page{
background-color:#FFF;
border:1px solid #CCC;
padding:1px 6px 1px 6px;
margin-left:5px;
}
.pagination a:link{ color:#5367A4; }
.pagination a:hover{
border:1px solid #FF8400;
text-decoration: none;
}
.current{
background-color:#000;
color:#fff;
border:1px solid #333;
padding:1px 6px 1px 6px;
margin-left:5px;
}
/*↑---ページナビゲーション---↑*/

/*お問い合わせ*/
.info table{
border-collapse:collapse;
border-top:solid 2px #FF6683;
}
.info th{
color:#666666;
width:150px;
height:80px;
border:1px solid #333;
background-color:#DEDEDE;
}
.info td{
background-color:#FFF;
border:1px solid #333;
padding:10px 0 10px 20px;
width:400px;
}
.wpcf7-submit{
color:#333;
background-color:#F69999;
border:1px solid #E17575;
cursor:pointer;
padding:3px 10px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius-: 3px;
	position: relative;	/*　IEバグ用 */
	behavior: url(/wp-content/themes/PIE.htc);
}
/*お問い合わせ*/
		.keiji_waku{
			border:1px solid #ccc;
			max-height:700px;
			overflow:auto;
			background-color:#FFF;
			margin-bottom:30px;
			padding:5px;
		}

		.graph p{
			font-size:13px;
			color:#333;
		}
		.tweetpost{
			background-color:#FFF;
			border:1px solid #e1e8ed;
			margin-bottom:10px;
			padding:10px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.tweetid img{
			margin-right:5px;
			border-radius: 150px;
			-moz-border-image: 150px;
			-webkit-border-image:150px;
		}
		.tweetid a{
			font-weight:800;
			color:#333;
		}
		.tweettxt{
			padding:5px 10px 5px 10px;
			font-size:16px;
			line-height:24px;
		}
		.tweettxt a{
			font-size:14px;
		}
		.tweettime a{
			font-size:12px;
			color:#848484;
		}
		.Emoji{
			max-width:16px;
		}
		.square_btn{
			display: inline-block;
			padding: 0.5em 3em;
			text-decoration: none;
			background: #668ad8;/*ボタン色*/
			border-bottom: solid 4px #627295;
			border-radius: 3px;
		}
		.square_btn:active {/*ボタンを押したとき*/
			-ms-transform: translateY(4px);
			-webkit-transform: translateY(4px);
			transform: translateY(4px);/*下に動く*/
			border-bottom: none;/*線を消す*/
		}
		.instapost{
			background-color:#FFF;
			border:1px solid #e1e8ed;
			margin-bottom:10px;
			padding:10px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.instatxt{
			padding:5px 10px 5px 10px;
			font-size:16px;
			line-height:24px;
		}
		.instatxt img{
			border-radius: 10px;
			float:left;
			width:200px;
			margin-right:5px;
		}
		.instatxt a{
			color:#EB4E9B;
			font-size:15px;
		}
		.instatime a{
			font-size:12px;
			color:#848484;
		}

		.pink{
			color:#F781D8;
		}
/* ボタン */
.download a{color:#FFF;}
.button {
  display: block;
  max-width: 320px;
  padding: 10px;
  /* テキスト */
  font-size: 20px;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  /* 角丸 */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /* ドロップシャドウ */
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
}
/* ボタンの色を指定 */
.blue {
  border: solid 1px #0078a5;

  /* グラデーション */
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
}
/* ボタン */


#BosGraph{
	width:220px;
	float:right;
	color:#FFF;
	font-size:11px;
}


/*↓---細かい部分---↓*/
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}

.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}

.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
/*↑---細かい部分---↑*/

.clear{clear:both;}