/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}

*{box-sizing:border-box;}

/* ===========================
  -global
============================== */


.cb{clear : both;}
.f10{font-size : 10px !important; letter-spacing:0;}
.f11{font-size : 11px !important; letter-spacing:0;}
.f12{font-size : 12px; letter-spacing : 0;}
.f16{font-size : 16px; line-height:1.6em;}
.f14{font-size : 14px !important;}
.f14b{font-size : 14px; font-weight : bold;}
.f16b{font-size : 16px; font-weight : bold;}
.f18{font-size : 18px !important;}
.f26{font-size : 26px !important;}
.f40{font-size : 40px !important;}

.fl{float : left;font-weight: bold;width:180px;text-align: right;}
.fl2{float : left;font-weight: bold;width:180px;text-align: center;}
.flichiran{float : left;font-weight: bold;text-align: right;}
.fr{float : right;}

.tl{text-align : left;}
.tc{text-align : center; display:block; margin:auto;}
.tr{text-align : right;}
.tr2{display:inline-block; float:right; text-align : right;}

.pall30{padding : 30px !important;}

.pb20{padding-bottom : 20px;}
.pb40{padding-bottom : 40px;}

.pt10{padding-top : 10px;}
.pt20{padding-top : 20px;}
.pt30{padding-top : 30px;}
.pt40{padding-top : 40px;}
.pt50{padding-top : 50px;}
.pt60{padding-top : 60px;}
.pt100{padding-top : 100px;}

.mr10{	margin-right  : 10px !important;}
.mr20{	margin-right  : 20px !important;}

.ml10{	margin-left   : 10px !important;}
.ml20{	margin-left   : 20px !important;}
.ml30{	margin-left   : 30px !important;}
.ml40{	margin-left   : 40px !important;;}
.ml45{	margin-left   : 45px !important;;}
.ml55{	margin-left   : 55px !important;;}
.ml100{	margin-left   : 100px !important;;}
.ml120{	margin-left   : 120px !important;;}
.ml150{	margin-left   : 150px !important;;}
.ml170{	margin-left   : 170px !important;;}
.ml200{	margin-left   : 200px !important;;}

.ml20{	margin-left   : 20px;}
.ml60{	margin-left   : 40px;}

.mb5{	margin-bottom : 5px;}
.mb10{	margin-bottom : 10px;}
.mb20{	margin-bottom : 20px;}
.mb30{	margin-bottom : 30px;}
.mb40{	margin-bottom : 40px;}
.mb50{	margin-bottom : 50px;}
.mb70{	margin-bottom : 70px;}
.mb100{	margin-bottom : 100px;}

.mt0{margin-top : 0 !important;}
.mt5{	margin-top : 5px !important;}
.mt10{	margin-top : 10px !important;}
.mt20{	margin-top : 20px !important}
.mt25{	margin-top : 27px !important}
.mt30{	margin-top : 30px !important;}
.mt35{	margin-top : 35px !important;}
.mt40{	margin-top : 40px !important;}
.mt45{	margin-top : 45px !important;}
.mt50{	margin-top : 50px !important;}
.mt60{	margin-top : 60px;}
.mt70{	margin-top : 70px;}
.mt80{	margin-top : 80px !important;}
.mt90{	margin-top : 90px;}
.mt100{	margin-top : 100px !important;}
.mt110{	margin-top : 110px;}
.mt120{	margin-top : 120px;}
.mt130{	margin-top : 130px;}

.mw180{min-width :180px;}
input{
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    font-size: 80%;
    height   : 28px;
    padding  : 0 10px;
    border   : 1px solid #ddd;
    border-radius: 6px;
    font-size:13px;
    color:#555;
}


.input_m{width:200px;}

.red{color:#e35151;}
.blue{color:#36b3df;}

/* ===========================
  body
============================== */


body{
    font       : 12px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    *font-size : small;
    *font      : x-small;
	 color     : #000;
	background: #fff;
	word-break: break-all;
}

a{color : #000; text-decoration: none;}
a:hover{ 
	text-decoration: none;
	opacity: 0.8;
}

header{
	position : fixed;
	top:0;
	width:100%;
	margin : 0 auto;
	padding : 10px 0;
	box-shadow: 1px 1px 3px #ccc;
	background-color: rgba( 255, 255, 255, 0.95 );
	z-index:9999;
 	border-top : 4px solid #7abfd9;
}

header div{
	width:1100px;
	margin : 0 auto;
}

header div > a,
.search-box,
header h1,
header ul,
header li{
	display:inline-block;
}

header ul{
	float:right;
}

header li{
	border-right:1px solid #ddd;
	padding-right:15px;
	margin:15px 15px 0 0;
}

header li:last-child{
	border-right:none;
	padding-right:0;
	margin-right:0;
}

header img{
	width:140px;
	vertical-align: middle;
	margin-right:30px;
}

header h1{
	width:360px;
	font-weight:normal;
	font-size:11px;
	vertical-align: middle;
	color:#888;
}

header input{
	font-size:12px !important;
}
header .btn_s{
	background : #7abfd9;
	border:0;
	color : #fff;
}

.wrap{
	width:1100px;
	margin : 80px auto 0;
	overflow:hidden;
}

.pankuzu{
	padding : 10px 0 25px;
}
.pankuzu li{
	display:inline-block;
	padding: 0 7px;
	color:#999;
	font-size:11px;
}

.pankuzu li a{
	color:#999;
}
.pankuzu li a:after {
    content:  "\f105";
    font-family: FontAwesome;
    margin-left:14px;
 }
 .pnkzlast a:after{
	 display: none;
 }
 

 
/*------------------------
/*　nav
/*----------------------*/

#nav{
	width:150px;
	padding-right:20px;
	float:left;
}

#nav li{
	list-style:none;
}
#nav a{
	display:block;
	padding : 10px;
	font-size:12px;
	border-bottom : 1px dotted #ddd;
	color : #666;
}

#nav a:hover{
	text-decoration: none;
}

#nav a:before {
    content:  "\f054";
    font-family: FontAwesome;
    margin-right:5px;
    font-size:10px;
    color:#7abfd9;
}

#nav a.on{
	background : #7abfd9;
	color:#fff;
}

#nav a.on:before{
	color:#fff;
}

/*------------------------
/* main
/*----------------------*/

#main{
	padding-bottom :50px;
	float:left;
}

.main_s{
	width:640px;
	float:left;
}

.main_l{
	width:775px;
}

.main_l .main_s{
	width:610px;
	float:left;
	padding-left:5px;
}

.main_ll{
	width:100%;
}


.kijitable_l, .kijitable_ll{
	width:100%;
}

/*
.kijitable_ll div{
	overflow:hidden;
}
*/
.kijitable_l .kiji_photo, .kijitable_ll .kiji_photo{
	width:140px;
	height:145px;
}

.kijiwrap{
	padding:10px 0 0;
	border-bottom  :1px dotted #ddd;
	margin-bottom : 10px;
	
}

.prolist{
	width:49%;
	height:140px;
	border-bottom:1px dotted #ddd;
	padding:10px 0 0 0 ;
	margin:0.5%;
	float:left;
}
.prolist span{
	border-radius: 100%;
}

.kijitable_l .kiji{
	width:460px;
	height:155px;
}

.kijitable_ll .kiji{
	width:605px;
	height:155px;
}


.pro_photo{
	float:left;	
	margin-right:5px;
	border-radius: 100%;
}

.kijitable_l .kiji_ttl, .kijitable_ll .kiji_ttl{
	clear:both;
	font-size:16px;
	padding : 5px 0;
	font-weight:normal;
}

.kiji_post a{
	color:#888;
}
.ninzu{color:#666;}

.kijitable_l .kiji_post, .kijitable_ll .kiji_post{
	clear:both;
	font-size:12px;
	padding : 5px 0;
}

.kijitable_l .kiji_post a{
	color:#888;
}

.kijitable_l .katagaki, .kijitable_l .pro_name{
	font-size:12px;
}

.kijitable_ll .katagaki, .kijitable_ll .pro_name{
	font-size:14px;
}

/*
.kijitable_ll .view{
	color :#f09c9c
}
*/

.kijitable_s{
	width:100%;
	overflow:hidden;
}

.kijitable_s > div{
	width:49%;
	float:left;
}
.kijitable_s .kiji_photo{
	width:90px;
	height:105px;
}


.kijitable_s .kiji{
	width:265px;
	height:105px;
}

.mykijitable_s .kiji{
	height:135px;
}

.kijitable_s .kiji_ttl{
	clear:both;
	font-size:16px;
	padding : 5px 0;
	font-weight:normal;
}


.kijitable_s .kiji_post{
	clear:both;
	font-size:12px;
	padding : 5px 0;
	color:#999;
}

.kijitable_s .katagaki, .kijitable_l .pro_name{
	font-size:12px;
}


.kijia, .kijib{
	overflow:hidden;
}


.kijia .katagaki{
	float:none;
}

.kijib .katagaki{
	max-width:233px;
}

.kijia .pro_name a{
	font-size:10px;
	color:#999;
	margin-left:10px;
	float:none;
}

.kijia > div{
	width:31%;
	height:190px;
	margin:0% 1% 3%;
	float:left;
}

.kijib > div{
	width:300px;
	height:300px;
	margin:0 1.4% 5% 1.4%;
	float:left;
}

.thum_ttl{
	font-size:16px;
	clear:both;
	padding-top:5px;
	line-height:1.6em;
	color:#666;
}
.kijia .kiji_a{
	margin-bottom : 5px;
}

.kijib .kiji_b{
	margin-bottom : 5px;
}

.ttl{
	position: relative;
	border-bottom : 1px solid #7abfd9;
	padding:15px 0 10px 5px;
	margin-bottom : 30px;
	font-size:14px;
	font-weight:normal;
}

.ttl img{
	vertical-align: middle;
}

.ttl::before,
.ttl::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.ttl::before {
	border-top: 15px solid #7abfd9;;
}
.ttl::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}


h2.ttl{
	padding-bottom:15px;
	font-weight:normal;
	font-size:18px;
}


.sudanlist{
	border-bottom : 1px dotted #ddd;
	padding-bottom : 10px;
	margin-bottom : 10px;
}

.sudanlist .tr2 a{
	vertical-align: middle;
	color:#888;
}
.sudanlist > a{
	float:left;
	display:inline-block;
	width:100px;
}

.soudan{
	float:left;
	width:645px;
}


.pagination{
	margin:10px 0 10px;
	text-align: center;
  /display: inline;
  /zoom: 1;
}

.pagination li{
	display:inline-block;
	color:#7abfd9;
}

.pagination li a{
	display:block;
	border:1px solid #ddd;
	color:#7abfd9;
	padding:5px 10px;
	text-align:center;
}

.pagination li.on{
	display:inline-block;
	margin
	color:#7abfd9;
	padding:5px 10px;
	text-align:center;
}


/*------------------------
/* sidebar
/*----------------------*/

#sidebar{
	width:300px;
	padding-bottom : 80px;
	float:right;
}


.kijitable{
	width:300px;
}

.kijitable .kiji_photo{
	width:90px;
	height:105px;
}

.kijitable .kiji{
	width:205px;
/* 	height: 105px; */
}


.kiji_photo{
	position:relative;
	display:inline-block;
	width:90px;
/* 	height: 105px; */
	vertical-align: top;
}

/*
.kiji_photo span{
	border-radius:6px
}
*/
.kiji{
	display:inline-block;
	width:225px;
	padding-bottom:20px;
/* 	height: 105px; */
}

.rankicon{
	position:absolute;
	top:0;
	left:5px;
	z-index:2;
	width:45px;
}

.ranking .kiji_s{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.kiji_cat{
	display:inline-block;
	border:1px solid #ddd;
	padding:0 5px;
	font-size:9px;
	color:#a5a5a5;
}

.kiji_cat10{
	display:inline-block;
	padding:0 5px;
	font-size:9px;
	color:#a5a5a5;
	float:right;
}

.pro_photo_s{
	border-radius: 100%;
	float:left;	
	margin-right:5px;
}

.katagaki{
	max-width:188px;
	font-size:10px;
	color:#999;
	float:left;
}
.katagaki2{
	font-size:12px;
	color:#999;
	float:left;
	padding:5px;
}



.pro_name a{
	font-size:10px;
	color:#999;
	float:right;
	padding:5px;

}


.kiji_cat{
	float:left;
}

.view{
	float:right;
	font-size:10px;
	color:#a5a5a5;
}

.view2{
	float:left;
	font-size:10px;
	color:#a5a5a5;
}


.kiji .tr2{
	float:right;
	display:inline-block;
	clear:both;
}

.dust{
	float:right;
	color:#ff9d35
}

.dust input{
	padding:0 !important
}

.dustlink{
	text-decoration: underline;
	margin : 20px 0;
}

.kadomaru .view{
	font-size:13px;
	color:#888;
}

.view img, .view2 img{
	width:20px;
	margin-right:5px;
	vertical-align: middle;
}

.view2 .fa-heart{
	margin:0 5px 0 10px;
	color:#F4E022;
}
.kiji_ttl{
	clear:both;
	font-size:16px;
	padding : 5px 0;
}

.kiji_ttls{
	clear:both;
	font-size:11px;
	padding : 5px 0;
	color:#888;
}

.kiji_ttls a{
	color:#888;
}

.fixed{
	position:fixed;
	top:20px;/*固定させたい位置*/
}


.sideprofile{
	font-size:11px;
	color:#666;
	border:1px solid #eee;
	padding : 20px;
	border-radius: 10px;
}

.sideprofile img{
	float:left;
}

.sideprofile span{
	border-radius: 100%;
	margin-bottom : 10px;
	float:left;
}
.sideprofile .prof_inn{
	float:right;
	width:165px;
	overflow:hidden;
	padding:0 0 14px 0;
	font-size:12px;
	line-height:1.6em;
	
}
.sideprofile .tag{
	width:100%;
	padding:2px 0 10px 0;
	overflow:hidden;
	clear:both;
}

.sideprofile .tag li {
    padding: 3px 8px;
	font-size:10px;
}

#main .fukidashi{
	font-size:16px;
	padding:15px 0;
}

.fukidashi {
	clear:both;
	background-color:#fff066;/*eee*/
	border-radius:5px;
	position:relative;
	text-align:center;
	padding:5px;
	margin-bottom : 10px;
	color:#555;
}

.pall10{padding:10px;}
 
.fukidashi:after {
	border:10px solid transparent;
	border-bottom-color:#fff066;/*eee*/
	border-top-width:0;
	top:-10px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}

.prolink {
	width:100%;
	clear:both;
	padding-top:10px;
}
.prolink a{
	width:48%;
	display:inline-block;
	margin:0.5%;
	background:#7ABFD9;
	text-align:center;
	padding : 10px 0;
	color:#fff;
}

.prolink3 {
	width:100%;
	clear:both;
	padding-top:10px;
}
.prolink3 a{
	width:47%;
	display:inline-block;
	margin:0.5%;
	background:#fff;
	text-align:center;
	padding : 5px 0;
	color:#000;
	border:1px solid #ddd;
}

.morelink{
	text-align:right;
}

.morelink:after {
    content:  "\f0da";
    font-family: FontAwesome;
    margin-left:5px;
    color:#7ABFD9;
   }
   

.catlink li{
	width:32%;
	float:left;
	margin : 0.5%;
	border :1px solid #ddd;
	padding:10px;
	list-style:none;
}

.catlink li span{
	border-radius: 100%;
	margin-right:10px;
}

.content_link{
	display:block;
	margin :3px 0;
	border:1px solid #ddd;
	padding:10px;
	text-align:center;
	font-size:14px;
}

.content_link i{
	color: #7ABFD9;
	margin-right:5px;
}

.rankingbana{
	margin-bottom : 30px;
}
.rankingbana a{
	display:block;
	padding:15px 0;
	margin : 1px 0;
	text-align:center;
	border:1px solid #000;
}

.rankingbana a:hover{
	background:#ddd
}

/*------------------------
/*　footer
/*----------------------*/

#footer{
	z-index:9999;
}

footer{
	clear:both;
	padding:50px 0 20px;
	background : #414141;
	overflow : hidden;
}


footer > div{
	width:1100px;
	margin : 0 auto;
}

footer div div{
	width:300px;
	margin-right:50px;
	float:left;
	color : #ccc;
	font-size:12px;
}

footer i{
	width:50px;
	height:50px;
	margin :-10px 10px 10px 0;
	background:#eee;
	padding:12px;
	text-align:center;
	border-radius: 100%;
	color : #414141;
	font-size:30px !important;
}
footer img{
	width:200px;
	margin-bottom : 25px;
	display:block;
}

footer ul{
	width:230px;
	margin-right:20px;
	float:left;
	margin-top:30px;
}

footer .tc{
	padding-top:60px;
	color:#ddd;
	font-size:10px;
	clear:both;
}

footer li{
	list-style:none;
	padding : 3px 0;
}

footer li a{
	color:#ddd;
}

.infolink{
	width:1100px;
	margin:20px auto;
	clear:both;
	overflow:hidden;
}
.infolink a{
	width:49%;
	float:left;
	margin:0.5%;
	padding:20px 0;
	text-align:center;
	border:1px solid #000;
	font-size:18px;
}


.pro_photo{
	vertical-align: middle;
}


/*---モーダルウィンドウ-----------------*/


#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

.M_photolist{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 16px;
  height: 16px; 
  background: url(../images/common/modal_close.png);
  z-index: 2;
}



/*ブロック内からはみ出さない（隠れる）場合*/
.fb-like iframe {
    overflow: visible;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


.prsdetailktgk{
	font-size:11px;
	line-height: 14px;
}
.prsdetailktgk a{
	color:#666;
}

.ftsns{
	color:#fff;
}