/*=================================================
 * CSS for PC
 * ================================================= */

 #left{	padding-right: 0;}

.cate{    padding-bottom: 10px;}
.narrow{  margin-top: 10px;}

#res{
     padding: 0;
}

#res h3{
     margin: 0 0 0 0;
}

.resbox{
     position: relative;
     display: block;
     width: 100%;
     min-height: 74px;
     font-size: 12px;
     line-height: 16px;
     margin: 0;
     padding: 10px 10px 10px 74px;
     border-bottom: 1px solid #3e3e41;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 }
 
 .resbox:hover{	text-decoration: none;}
 #res .resbox:nth-of-type(even){	background: #1c1c1e;}
 #res .resbox:nth-of-type(1){
     border-top: 1px solid #3e3e41;
 }
 
 
 .resbox span{
     display: inline-block;
     position: absolute;
     top: 10px;
     left: 10px;
     width: 50px;
     height: 50px;
     border: 2px solid #28282a;
     border-radius: 5px;
 }
 
 .resbox span em{
     display: inline-block;
     width: 50px;
     height: 50px;
     overflow: hidden;
 }
 
 .resbox span em i{
     display: inline-block;
     width: 50px;
     height: 50px;
     overflow: hidden;
     -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;
 }
 
 #res .gcolor1 p{color: #ff86c1;}
 #res .gcolor2 p{color: #ff9600;}
 #res .gcolor3 p{color: #ffc600;}
 #res .gcolor4 p{color: #84e900;}
 #res .gcolor5 p{color: #00f6ae;}
 #res .gcolor6 p{color: #24c4ff;}
 #res .gcolor7 p{color: #82abff;}
 #res .gcolor8 p{color: #dc63ff;}
 
 .resbox span em i img{
     width: 50px;
     height: auto;
     border-radius: 3px;
     -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;
 }
 
 .resbox.gcolor1 span,
 .resbox.gcolor2 span,
 .resbox.gcolor3 span,
 .resbox.gcolor4 span,
 .resbox.gcolor5 span,
 .resbox.gcolor6 span,
 .resbox.gcolor7 span,
 .resbox.gcolor8 span{
     border-radius: 50%;
 }
 .resbox.gcolor1 span em i,
 .resbox.gcolor2 span em i,
 .resbox.gcolor3 span em i,
 .resbox.gcolor4 span em i,
 .resbox.gcolor5 span em i,
 .resbox.gcolor6 span em i,
 .resbox.gcolor7 span em i,
 .resbox.gcolor8 span em i{
     border-radius: 50%;
 }
 
 #res .resbox span{	border-color: #1c1c1e; background: #1c1c1e;}
 #res .resbox:nth-of-type(even) span{	border-color: #28282a; background: #28282a;}
 
 .resbox .rescome{
     position: relative;
     display: block;
     min-height: 54px;
     font-family: 'Hachi Maru Pop', Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
     font-size: 13px;
     line-height: 20px;
     background: #28282a;
     border: 1px solid #28282a;
     border-radius: 3px;
     padding: 10px;
     color: #fff;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 
 }
 
 .resbox .rescome:hover{
     text-decoration: none;
 }
 
 .resbox .rescome:after, .resbox .rescome:before{
     right: 100%;
     top: 26px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .resbox .rescome:after {
     border-color: rgba(28, 28, 30, 0);
     border-right-color: #28282a;
     border-width: 5px;
     margin-top: -5px;
 }
 .resbox .rescome:before {
     border-color: rgba(62, 62, 65, 0);
     border-right-color: #28282a;
     border-width: 6px;
     margin-top: -6px;
 }
 
 #res .bt_bg{
     margin: 0 10px;
     padding: 15px 0;
 }
 
 #res .bt_bg.next{	padding: 15px 0 10px 0; margin: 0;}
 

 
 /*=================================================
  * CSS for SP
  * ================================================= */
 
 @media screen and (max-width: 650px) {
 
 }