@charset "UTF-8";
html { font-size: 62.5%; -webkit-text-size-adjust: none; }

body { color: #333; background: #fff; margin: 0; padding: 0; font-size: 15px; font-size: 1.5rem; font-weight: 500; line-height: 1.1; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','游ゴシック','YuGothic','Yu Gothic','メイリオ',Meiryo,osaka,'ＭＳ Ｐゴシック',"Lucida Grande","segoe UI",geneva,verdana,sans-serif; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol { margin: 0; padding: 0; }

div, header, footer, nav, ul, ol, main { margin: 0 auto; }

ul, ol { list-style-type: none; }

img { border: 0; outline: 0; vertical-align: bottom; }

address, i, em { font-style: normal; }

.clear { clear: both; }

.hide { display: none; }

.show { display: block; }

.hide-op { opacity: 0; }

.show-op { opacity: 1; }

a { text-decoration: none; outline: none; transition: 0.3s; }

a:link { color: #0070bb; }

a:visited { color: #0070bb; }

a:hover { color: #ff6600; }

a:active { color: #0070bb; }

.fit, .fit-ko > *, .fit-mago > * > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.al-l { text-align: left; }

.al-r { text-align: right; }

.al-c { text-align: center; }

.m-b-0 { margin-bottom: 0px; }

.m-t-0 { margin-top: 0px; }

.m-l-0 { margin-left: 0px; }

.m-r-0 { margin-right: 0px; }

.p-b-0 { padding-bottom: 0px; }

.p-t-0 { padding-top: 0px; }

.p-l-0 { padding-left: 0px; }

.p-r-0 { padding-right: 0px; }

.m-b-5 { margin-bottom: 5px; }

.m-t-5 { margin-top: 5px; }

.m-l-5 { margin-left: 5px; }

.m-r-5 { margin-right: 5px; }

.p-b-5 { padding-bottom: 5px; }

.p-t-5 { padding-top: 5px; }

.p-l-5 { padding-left: 5px; }

.p-r-5 { padding-right: 5px; }

.m-b-10 { margin-bottom: 10px; }

.m-t-10 { margin-top: 10px; }

.m-l-10 { margin-left: 10px; }

.m-r-10 { margin-right: 10px; }

.p-b-10 { padding-bottom: 10px; }

.p-t-10 { padding-top: 10px; }

.p-l-10 { padding-left: 10px; }

.p-r-10 { padding-right: 10px; }

.m-b-15 { margin-bottom: 15px; }

.m-t-15 { margin-top: 15px; }

.m-l-15 { margin-left: 15px; }

.m-r-15 { margin-right: 15px; }

.p-b-15 { padding-bottom: 15px; }

.p-t-15 { padding-top: 15px; }

.p-l-15 { padding-left: 15px; }

.p-r-15 { padding-right: 15px; }

.m-b-20 { margin-bottom: 20px; }

.m-t-20 { margin-top: 20px; }

.m-l-20 { margin-left: 20px; }

.m-r-20 { margin-right: 20px; }

.p-b-20 { padding-bottom: 20px; }

.p-t-20 { padding-top: 20px; }

.p-l-20 { padding-left: 20px; }

.p-r-20 { padding-right: 20px; }

.m-b-25 { margin-bottom: 25px; }

.m-t-25 { margin-top: 25px; }

.m-l-25 { margin-left: 25px; }

.m-r-25 { margin-right: 25px; }

.p-b-25 { padding-bottom: 25px; }

.p-t-25 { padding-top: 25px; }

.p-l-25 { padding-left: 25px; }

.p-r-25 { padding-right: 25px; }

.m-b-30 { margin-bottom: 30px; }

.m-t-30 { margin-top: 30px; }

.m-l-30 { margin-left: 30px; }

.m-r-30 { margin-right: 30px; }

.p-b-30 { padding-bottom: 30px; }

.p-t-30 { padding-top: 30px; }

.p-l-30 { padding-left: 30px; }

.p-r-30 { padding-right: 30px; }

.m-b-35 { margin-bottom: 35px; }

.m-t-35 { margin-top: 35px; }

.m-l-35 { margin-left: 35px; }

.m-r-35 { margin-right: 35px; }

.p-b-35 { padding-bottom: 35px; }

.p-t-35 { padding-top: 35px; }

.p-l-35 { padding-left: 35px; }

.p-r-35 { padding-right: 35px; }

.m-b-40 { margin-bottom: 40px; }

.m-t-40 { margin-top: 40px; }

.m-l-40 { margin-left: 40px; }

.m-r-40 { margin-right: 40px; }

.p-b-40 { padding-bottom: 40px; }

.p-t-40 { padding-top: 40px; }

.p-l-40 { padding-left: 40px; }

.p-r-40 { padding-right: 40px; }

.m-b-45 { margin-bottom: 45px; }

.m-t-45 { margin-top: 45px; }

.m-l-45 { margin-left: 45px; }

.m-r-45 { margin-right: 45px; }

.p-b-45 { padding-bottom: 45px; }

.p-t-45 { padding-top: 45px; }

.p-l-45 { padding-left: 45px; }

.p-r-45 { padding-right: 45px; }

.m-b-50 { margin-bottom: 50px; }

.m-t-50 { margin-top: 50px; }

.m-l-50 { margin-left: 50px; }

.m-r-50 { margin-right: 50px; }

.p-b-50 { padding-bottom: 50px; }

.p-t-50 { padding-top: 50px; }

.p-l-50 { padding-left: 50px; }

.p-r-50 { padding-right: 50px; }

.size-8 { font-size: 8px; font-size: 0.8rem; }

.size-9 { font-size: 9px; font-size: 0.9rem; }

.size-10 { font-size: 10px; font-size: 1rem; }

.size-11 { font-size: 11px; font-size: 1.1rem; }

.size-12 { font-size: 12px; font-size: 1.2rem; }

.size-13 { font-size: 13px; font-size: 1.3rem; }

.size-14 { font-size: 14px; font-size: 1.4rem; }

.size-15 { font-size: 15px; font-size: 1.5rem; }

.size-16 { font-size: 16px; font-size: 1.6rem; }

.size-17 { font-size: 17px; font-size: 1.7rem; }

.size-18 { font-size: 18px; font-size: 1.8rem; }

.size-19 { font-size: 19px; font-size: 1.9rem; }

.size-20 { font-size: 20px; font-size: 2rem; }

.size-21 { font-size: 21px; font-size: 2.1rem; }

.size-22 { font-size: 22px; font-size: 2.2rem; }

.size-23 { font-size: 23px; font-size: 2.3rem; }

.size-24 { font-size: 24px; font-size: 2.4rem; }

.size-25 { font-size: 25px; font-size: 2.5rem; }

.size-26 { font-size: 26px; font-size: 2.6rem; }

.size-27 { font-size: 27px; font-size: 2.7rem; }

.size-28 { font-size: 28px; font-size: 2.8rem; }

.size-29 { font-size: 29px; font-size: 2.9rem; }

.size-30 { font-size: 30px; font-size: 3rem; }

.size-31 { font-size: 31px; font-size: 3.1rem; }

.size-32 { font-size: 32px; font-size: 3.2rem; }

.size-33 { font-size: 33px; font-size: 3.3rem; }

.size-34 { font-size: 34px; font-size: 3.4rem; }

.size-35 { font-size: 35px; font-size: 3.5rem; }

.size-36 { font-size: 36px; font-size: 3.6rem; }

.size-37 { font-size: 37px; font-size: 3.7rem; }

.size-38 { font-size: 38px; font-size: 3.8rem; }

.size-39 { font-size: 39px; font-size: 3.9rem; }

.size-40 { font-size: 40px; font-size: 4rem; }

.list-icon > li { padding-left: 1.3em; }
.list-icon > li:before { content: ""; display: inline-block; width: 1.3em; margin-left: -1.3em; }
.list-icon.list-icon-kome li:before { content: "※"; }
.list-icon.list-icon-kuro li:before { content: "●"; }
.list-icon.list-icon-shiro li:before { content: "○"; }
/*common
------------------------------*/
div,li,a,h2,header,footer{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pc{display:block}
.sp{display:none}
.list-icon{margin-bottom:20px;}
.list-icon li{margin-bottom:5px;line-height:1.4;}

/*Page
------------------------------*/
.page{max-width:1140px;padding:0 20px;overflow-x:hidden;}

/*Header
------------------------------*/
.header{overflow:hidden;position:relative;height:70px;}
.logo{position:absolute;top:13px;left:0;}
.catch{font-size:1.2rem;position:absolute;top:30px;left:180px;}
.b_sp{display:none;}

/*sp button*/
.nav-button-wrap { background: #fff; padding: 5px; position: absolute; top: 12px; right: 2px; font-size: 0; text-align: center; cursor: pointer; display:none}

.nav-button { position: relative; width: 28px; height: 20px; }
.nav-button span { display: block; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; height: 2px; background: #000; }
.nav-button span:nth-of-type(1) { top: 0; }
.nav-button span:nth-of-type(2) { top: 9px; }
.nav-button span:nth-of-type(3) { bottom: 0; }

.nav-button.active span { background: #000; }
.nav-button.active span:nth-of-type(1) { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }
.nav-button.active span:nth-of-type(2) { opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.nav-button.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }


/*Navi
------------------------------*/
.nav{border-bottom:3px solid #09409c;padding:0 25px;}
.nav ul{overflow:hidden;width:100%;}
.nav ul li{width:14.27581%;float:left;text-align:center;font-size:1.3rem;padding:0 1px;}
.nav ul li:last-child{margin-right:0;}
.nav ul li a{
	display:block;color:#fff;line-height:36px;border-radius:4px 4px 0 0;
	border:2px solid #106dec;
	background:-moz-linear-gradient(top,#5090f5 0%,#106dec 100%);
	background:-webkit-linear-gradient(top,#5090f5 0%,#106dec 100%);
	background:-ms-linear-gradient(top,#5090f5 0%,#106dec 100%);
	background:linear-gradient(top,#5090f5 0%,#106dec 100%);
}
.nav ul li a i{display:none}

/*Sub Navi
------------------------------*/
.sub_nav{display:none;}

/*Search
------------------------------*/
.search form{overflow:hidden;max-width:600px;margin:0 auto}
.search{background:#85c4fc;padding:10px;}
.search strong{display:inline-block;float:left;margin-right:10px;line-height:32px;}
.search strong i{margin-right:4px}

/*Topics
------------------------------*/
.topics{background:#e8f5ff url(../images/topics.png) no-repeat right;height:110px;margin-bottom:20px;position:relative;}
.topics ul{padding:20px 0 0 20px;}
.topics ul li{margin-bottom:10px;}


/*Layout
------------------------------*/
.main{background:#fff;display:table;width:100%;}
.wrap_right{display:table;width:80%;float:right}
.main_center{display:table-cell;vertical-align:top;padding:0 3%}/*1*/
.main_right{display:table-cell;vertical-align:top;width:300px;}/*2*/
.main_left{float:left;width:20%;overflow:hidden;}/*3*/

.sub_left{display:table-cell;vertical-align:top;width:100%;padding:0 3% 0 0}
.sub_right{display:table-cell;vertical-align:top;width:300px;}

/*Footer
------------------------------*/
.footer{margin:20px auto 30px;}

.f_nav{background:#e8f5ff;padding:10px;text-align:center;margin-bottom:15px;}
.f_nav ul{overflow:hidden;display:inline-block;font-size:0;}
.f_nav ul li{border-right:1px solid #bbb;display:inline-block;margin:5px 0;font-size:0;}
.f_nav ul li a{display:inline-block;padding:2px 10px;font-size:13px;}
.f_nav ul li:last-child{border-right:0;}

.counter{text-align:center;font-size:1.3rem;margin-bottom:15px;font-size:10px;}
.copyright{text-align:center;font-size:1.1rem;}
.copyright span{margin-right:5px;}

.pagetop{cursor:pointer;height:40px;width:40px;background:#0070bb;border-radius:50%;position:fixed;right:20px;bottom:20px;text-align:center;line-height:36px;display:none}
.pagetop i{color:#fff;}





/*1024
------------------------------------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:1024px){
/*Layout
------------------------------*/
.wrap_right{float:none;width:100%;}
.main_center{padding:0 3% 0 0}/*1*/
.main_left{float:none;width:100%;}
.sub_left{display:block;padding-right:0;}
.sub_right{display:block;width:100%;}

}/*1024end*/






/*767
------------------------------------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:900px){

.pc{display:none}
.sp{display:block}

/*Layout
------------------------------*/
.main_right{width:100%;}




/*Page
------------------------------*/
.page{padding:0 10px}

/*Header
------------------------------*/
.header{height:60px;}
.logo img{height:32px;}
.catch{display:none;}
.b_sp{position:absolute;top:10px;right:0;cursor:pointer;display:block;}
.b_sp i{font-size:3.2rem;}
.topics ul{display:none;}
.nav-button-wrap{display:block}

/*Navi
------------------------------*/
.nav{border-bottom:0;display:block;margin:0 -10px;padding:0;}
.nav ul{width:100%}
.nav ul li{width:33.33333%;margin-right:0;float:left;text-align:center;padding:0;}
.nav ul li:first-child{display:none;}
.nav ul li a{
	line-height:1;
	border-radius:0;
	border:0;
	border-bottom:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
	background:none;
	background-color:#106dec;
	padding:15px 0;
	font-size:12px;
}
.nav ul li:nth-child(4) a{border-right:0;}
.nav ul li:nth-child(7) a{border-right:0;}
.nav ul li a i{display:none;float:right;}

/*Sub Navi
------------------------------*/
.sub_nav{margin:0 -10px;}
.sub_nav ul li{border-top:1px solid #106dec}
.sub_nav ul li a{display:block;padding:14px 10px;font-size:13px;}
.sub_nav ul li a i{float:right;}

/*Search
------------------------------*/
.search{margin:0 -15px 20px;}
.search strong{display:none;}

/*Topics
------------------------------*/
.topics{background-size:cover;height:80px;margin:0 -15px 20px;display:none}

/*Layout
------------------------------*/
.main_center{display:block;padding:0;}/*1*/
.main_right{display:block;width:100%;}/*2*/

/*side*/
.sidebanner{text-align:center;margin:0 0 15px 0;overflow:hidden;}

/*footer*/
.copyright span{display:none}

}/*767end*/
/*Top navi
------------------------------*/
.top_nav{margin-bottom:15px;text-align:center}
.top_nav ul{overflow:hidden;display:inline-block;}
.top_nav ul li{float:left;margin:5px 10px;}

/*Center
------------------------------*/
.more{display:inline-block;float:right;}

/*Center
------------------------------*/
/*Title*/
.cbox{overflow:hidden;margin-bottom:20px;}
.t_category{margin-bottom:20px;font-size:1.7rem;}
.t_category a{display:block;padding:7px 7px 7px 10px;line-height:26px;border-radius:3px;position:relative;background:#0b3495;color:#fff;}
.t_category a i{margin-right:5px;color:#f50054}
.t_category a:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 10.5px 0 10.5px;
	border-color: #0b3495 transparent transparent transparent;
	position:absolute;
	bottom:-11px;
	left:30px;
}
.t_category a span{font-weight:normal;display:inline-block;float:right;font-size:13px;background:#fff;color:#000;padding:0 10px;border-radius:3px;}


/*Cat List*/
.category {list-style-type:none;display:table;width:100%;margin-bottom:10px;}
.category li{float:left;border-right:1px solid #bbb;line-height:110%;margin-bottom:10px;}
.category li:last-child{border-right:0;}
.category li a{padding:0 10px;}
.category li a:hover{text-decoration:underline;}
.category li i{display:none}

/*RSS*/
.rss_disp p{margin-bottom:20px;line-height:1.4;}
.rss_disp li{border-bottom:1px solid #ddd;}
.rss_disp li:last-child{border-bottom:0;}
.rss_disp li a{display:block;padding:10px 0;}

.rss_time{margin-right:10px;display:block;font-size:12px;color:#777;margin-bottom:4px;}
.rss_sunday{color:#f30;}

/*Right
------------------------------*/
/*Common*/
h3.t_right{font-size:1.5rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;margin-top:20px;}
h3.t_right:first-child{margin-top:0}
.rbox{overflow:hidden;margin-bottom:20px;}
.pt{font-size:1.1rem;color:#f30;}

/*Side Nav*/
.side_nav ul li{border-bottom:1px solid #ddd;}
.side_nav ul li:last-child{border-bottom:0;}
.side_nav ul li a{padding-left:1.5em;line-height:40px;display:block;position:relative;}
.side_nav ul li a i{position:absolute;top:0;left:10px;color:#1883ff;line-height:40px;}

/*Random Site*/
.rnd{overflow:hidden;}
.rnd h4{font-size:1.4rem;margin-bottom:10px;}
.rnd p{font-size:1.2rem;line-height:1.3;margin-bottom:10px;}
.rnd_jump{display:inline-block;font-size:1.2rem;float:right;}

/*新着サイト*/
.list_new li{border-bottom:1px solid #ddd;}
.list_new li:last-child{border-bottom:0;}
.list_new li a{display:block;padding:10px;overflow:hidden;}
.list_new li a strong{font-size:1.4rem;margin:5px 0 3px 0;font-weight:normal;}

.new_date{margin-right:10px;font-size:1.2rem;color:#333;}
.new_thumb{width:40px;height:40px;overflow:hidden;float:left;margin-right:10px;}
.new_thumb img{width:50px;height:auto;margin:-5px 0 0 -5px}
.new_up{color:#f00;font-size:1.2rem;}
.new_text{overflow:hidden;}

/*Rank*/
ol.list_rank li{border-bottom:1px solid #ddd;font-size:1.3rem;line-height:1.3;}
ol.list_rank li:last-child{border-bottom:0;}
ol.list_rank li a{display:block;padding:10px 10px 10px 30px;position:relative;}
ol.list_rank li a:before{content:"";position:absolute;top:10px;left:5px;background:#138fff;height:18px;width:18px;border-radius:50%;text-align:center;line-height:20px;color:#fff;}
ol.list_rank li.rank_1 a:before{content:"1";background:#fb2206}
ol.list_rank li.rank_2 a:before{content:"2";background:#fc5B07}
ol.list_rank li.rank_3 a:before{content:"3";background:#fd9307}
ol.list_rank li.rank_4 a:before{content:"4";}
ol.list_rank li.rank_5 a:before{content:"5";}
ol.list_rank li.rank_6 a:before{content:"6";}
ol.list_rank li.rank_7 a:before{content:"7";}

/*Left
------------------------------*/
/*Common*/
h3.t_left{font-size:1.5rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;}
h3.t_left i{margin-right:5px;}
.lbox{overflow:hidden;margin-bottom:20px;}

/*Regist*/
.top_regist{overflow:hidden;}
.top_regist p{font-size:1.4rem;line-height:1.3;margin-bottom:10px;}
.top_regist a{display:inline-block;float:right;font-size:1.1rem}

/*Cool*/
.cool{max-width:400px;}
.cool strong{display:block;font-size:1.4rem;}
.cool_thumb{margin:10px 0;text-align:center;position:relative;overflow:hidden;border:1px solid #ddd;}
.cool_thumb img{width:110%;height:auto;border:1px solid #ddd;position:absolute;left:-5%;top:-5%;}
.cool p{font-size:1.2rem;line-height:1.4;color:#222;}

/*List*/
.list_normal li{}
.list_normal li a{padding-left:1.5em;line-height:30px;display:block;position:relative;}
.list_normal li a i{position:absolute;top:0;left:10px;color:#1883ff;line-height:30px;}





/*------------------------------------------------------------
1024
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:1024px){

/*Left
------------------------------*/
.lbox{float:left;width:18.4%;margin-right:2%;}
.lbox:last-child{margin-right:0;}
}


/*------------------------------------------------------------
1023
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:1023px){
/*Left
------------------------------*/
.lbox{float:none;width:100%;margin-right:0;}
}




/*------------------------------------------------------------
767
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:767px){
/*Center
------------------------------*/
/*Cat List*/
.category li{width:50%;border:1px solid #ccc;line-height:1;margin-bottom:-1px;font-size:13px;position:relative;}
.category li:first-child{border-radius:4px 0 0 0}
.category li:nth-child(2){border-radius:0 4px 0 0}
.category li:last-child{border-radius:0 0 4px 0;border:1px solid #ccc;}
.category li:nth-last-child(2){border-radius:0 0 0 4px;}
.category li:nth-child(2n+1){border-right:0;}
.category li i{display:block}

.category li a{display:block;padding:13px 15px 13px 10px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}
.category li a:hover{text-decoration:none;}

.category i{position:absolute;top:50%;right:10px;margin-top:-0.5em;}
}/*Common
------------------------------*/
.main.single{max-width:900px;}
.pankuzu{font-size:1.3rem;margin-bottom:15px;text-indent:5px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*Banner*/
.banner_top{margin-bottom:20px;text-align:center}
.banner_bottom{margin-top:20px;margin-bottom:20px;text-align:center}

/*Catch*/
.cat_text{margin-bottom:20px;line-height:1.4;}

/**/
.rank_update{text-align:right;font-size:11px;color:#555;margin-bottom:15px;}

/*Title*/
h2.cat_title{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;margin-bottom:20px;line-height:1.3;}

.sub_title{margin-bottom:15px;font-size:18px;}

/*Cat Menu*/
.cat_menu{text-align:right;display:none}
.cat_menu ul{display:inline-block;}
.cat_menu ul li{float:left;border-right:1px solid #ccc;}
.cat_menu ul li:last-child{border-right:0;}
.cat_menu ul li a{display:inline-block;padding:0 10px;}

.cat_ranking{display:none}

/*Mokuji*/
.mokuji{margin-bottom:15px;text-align:center;font-size:0;line-height:1;}
.mokuji_in{display:inline-block;}
.mokuji a{display:inline-block;background:#106dec;padding:9px 7px;color:#fff;font-size:14px;margin:3px 3px;border-radius:2px;}
.mokuji b{display:inline-block;background:#f00;padding:9px 7px;color:#fff;font-size:14px;margin:3px 3px;border-radius:2px;}

/*Other Cat*/
.other_cat_title{margin-bottom:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;}

/*Categories Children
------------------------------*/
.cat_list ul li a{display:block;padding:15px;background:#f5f5f5;line-height:1.3}

/*Item Display
------------------------------*/
.item_disp{overflow:hidden;}
.item_disp li{overflow:hidden;}
.item_disp li a.item_in{display:block;padding:14px;border:1px solid #ccc;border-radius:5px;}
.item_disp li a.item_in:hover{color:#03c;background:#e6f3ff}

/*site name*/
.item_disp li strong{display:block;margin-bottom:5px;letter-spacing:1px;font-size:16px;line-height:1.4;}

/*site desc*/
.item_disp li p.exp_text{margin-bottom:7px;font-size:13px;line-height:160%;letter-spacing:1px;color:#222;}

/*in out*/
.pt_out{color:orangered;font-size:11px;font-weight:bold}
.pt_in{color:green;font-size:11px;font-weight:bold}

/*item bpdy*/
.title_body{margin-bottom:10px;}

/*thumbnails*/
.thumb{float:left;position:relative;overflow:hidden;width:100%;margin:0 0 10px 0;border:1px solid #ccc}
.thumb img{position:absolute;text-align:center;width:100%;height:auto;}

/*categories*/
.list_cat{font-size:11px;margin-bottom:5px;background:#f4f4f4;padding:5px;border-radius:4px;line-height:150%}
.list_cat a{}

/*update*/
.update{font-size:11px;color:#777;margin:0 0 7px 0;text-align:right;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}
.update a{font-size:11px;text-decoration:none;color:#5673CA}

/*IN-OUT*/
.inout{margin-bottom:5px;font-size:11px;text-align:right;color:#222;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}

/*delete button*/
.item_del{text-align:right;font-size:11px;margin:6px 5px 0 0;}

/*ranking*/
.list_rank{margin-bottom:5px;color:#222;}
#item_disp li b.rank_color{color:#f00;font-size:20px;margin:0 3px;}
.pt_rank{color:#f30;font-size:13px;}


/*Item Display
------------------------------*/
.other_cat ul li{float:left;width:20%;}


/*------------------------------------------------------------
1024
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:1024px){


}


/*------------------------------------------------------------
1023
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:1023px){

}




/*------------------------------------------------------------
767
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:767px){

}

/*------------------------------------------------------------
767
------------------------------------------------------------*/

@media screen and (min-width:0px) and (max-width:365px){
/*thumbnails*/
.thumb{width:70px;margin:0 10px 5px 0}

}