@charset "UTF-8";

body{
    background:url(/images/customize/background_template/bg_normal_7.png);
    background-color: #ffffff;
}

/**
 * base color
 */
#ItemList > li,
#EventList > li,
#DiaryList > li,
#DiarySide,
.profileContent{
    color     : #5e5e5e;
  background: rgba(255,255,255,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff,endcolorstr=#ffffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)";
  zoom:1;
}
#ItemList a,
#EventList a,
.profileContent a,
#DiaryList a,
#DiarySide a{
  color : #89A222;
}


/**
 * header line color
 */
#CbHeader {
  border-top-color: #89A222;
}

/**
 * title
 */
#UserPortfolio #PortfolioHeader h1{
  color: #585555;
  font-size: 30px;
  text-align: center;
  font-family: Meiryo, sans-serif;
  font-weight: normal;
}
#UserPortfolio #PortfolioHeader h1{
  display:none;
}

/**
 * main visal
 */
#PortfolioHeader #MainVisual{
  border-color: #FFFFFF !important;
}



/**
 * profile panel
 */
#ContentsHeaderInner{
    background: rgba(255,255,255,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffFFFFFF,endcolorstr=#ffFFFFFF,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF)";
  zoom:1;
}
#UserData .nameWrap .name{
  color: #5e5e5e;
}
#UserData .nameWrap .job{
  color: #5e5e5e;
}
#UserProfile .dataWrapper .data{
    border-color: rgba(94,94,94,0.15);
}
#UserProfile .dataWrapper .data li,
#UserProfile .dataWrapper .data p,
#UserProfile .dataWrapper .data a,
#UserProfile .dataWrapper .data span,
#UserProfile .nameWrap .data dt .cbIcon,
#UserData .mail,
#UserData .place{
  color: #5e5e5e !important;
}
#UserData .url a{
  color: #89A222 !important;
}


/**
 * nav
 */
#UserPortfolio #PortfolioNav #NavInner{
    background: rgba(194,194,194,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffc2c2c2,endcolorstr=#ffc2c2c2,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc2c2c2,endColorstr=#ffc2c2c2)";
  zoom:1;
}

#NavLeft li a,
#ViewSelect .trigger{
  color: #ffffff;
}

#NavLeft li:hover a,
#PortfolioWorks .btnWorks a,
#PortfolioDownload .btnDownload a,
#PortfolioEvent .btnEvent a,
#PortfolioDiary .btnDiary a,
#PortfolioProfile .btnProfile a{
  color: #858585;
}
#NavLeft li:hover,
#PortfolioWorks .btnWorks,
#PortfolioDownload .btnDownload,
#PortfolioEvent .btnEvent,
#PortfolioDiary .btnDiary,
#PortfolioProfile .btnProfile{
    background: rgba(255,255,255,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff,endcolorstr=#ffffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)";
  zoom:1;
}

#UserPortfolio #PortfolioNav #NavInner{
  border-bottom: 3px solid #ababab;
}

#NavLeft li a span{
  border-right: 1px solid #FFFFFF;
}

#NavLeft li a .cbIcon{
  color : transparent;
}

#NavLeft li:hover a,
#PortfolioWorks .btnWorks a,
#PortfolioDownload .btnDownload a,
#PortfolioEvent .btnEvent a,
#PortfolioDiary .btnDiary a,
#PortfolioProfile .btnProfile a{
  border-bottom: 3px solid #89A222;
}
#NavLeft li:hover a .cbIcon,
#PortfolioWorks .btnWorks a .cbIcon,
#PortfolioDownload .btnDownload a .cbIcon,
#PortfolioEvent .btnEvent a .cbIcon,
#PortfolioDiary .btnDiary a .cbIcon,
#PortfolioProfile .btnProfile a .cbIcon{
  color : #89A222;
}

/**
 * fixed nav
 */
#fixedHeaderNav{
    background:url(/images/customize/background_template/bg_normal_7.png);
    background-color: #ffffff;
}
#fixedUserDataWrapper{
    background: rgba(255,255,255,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffFFFFFF,endcolorstr=#ffFFFFFF,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF)";
  zoom:1;
}
#fixedUserData .name a{
  color: #5e5e5e;
}
#fixedUserData .genre{
  color: #5e5e5e;
}
#fixedPfNav a,
#fixedPfNav li:after{
  color: #5e5e5e !important;
}

/**
 * pager
 */
#Pager.contentsUi a{
    background: rgba(194,194,194,1) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffc2c2c2,endcolorstr=#ffc2c2c2,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc2c2c2,endColorstr=#ffc2c2c2)";
  zoom:1;
  color: #ffffff !important;
}
#Pager.contentsUi a:hover,
#Pager.contentsUi b{
    background: rgba(255,255,255,1) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff,endcolorstr=#ffffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)";
  zoom:1;
  color: #858585 !important;
}

/**
 * footer
 */




/**
 * SNS Icon
 */



/**
 * SP
 */
@media screen and (max-width: 728px){
  #spNavPageType{
    color: #858585;
  }
  #spPortfolioNav{
      background:url(/images/customize/background_template/bg_normal_7.png);
      background-color: #ffffff;
  }
  #spPortfolioNavHeader{
    background: rgba(255,255,255,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffFFFFFF,endcolorstr=#ffFFFFFF,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF)";
    zoom:1;
  }
  #spPortfolioNavHeader .name,
  #spPortfolioNavHeaderIcon{
    color: #5e5e5e;
  }

  #spPortfolioNavContent{
      background:url(/images/customize/background_template/bg_normal_7.png);
      background-color: #ffffff;

  }
  #spPortfolioNavLeft{
    background: rgba(194,194,194,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffc2c2c2,endcolorstr=#ffc2c2c2,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc2c2c2,endColorstr=#ffc2c2c2)";
    zoom:1;
  }


  #spPortfolioNavLeft li:hover,
  #PortfolioWorks .btnWorks,
  #PortfolioDownload .btnDownload,
  #PortfolioEvent .btnEvent,
  #PortfolioDiary .btnDiary,
  #PortfolioProfile .btnProfile{
    border-left: 3px solid #89A222;
  }
  #spPortfolioNavLeft li:hover a,
  #PortfolioWorks .btnWorks a,
  #PortfolioDownload .btnDownload a,
  #PortfolioEvent .btnEvent a,
  #PortfolioDiary .btnDiary a,
  #PortfolioProfile .btnProfile a{
    border-bottom: 1px solid #FFFFFF;
  }

  #spPortfolioNavLeft ul li a{
    color: #ffffff;
  }
  #spPortfolioNavLeft ul li a {
    border-bottom: 1px solid #FFFFFF;
  }

  #ViewSelect .trigger{
    color: #858585;
  }


  #spPortfolioNavRight{
    background: rgba(255,255,255,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffFFFFFF,endcolorstr=#ffFFFFFF,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF)";
    zoom:1;
  }

  #spPortfolioNavProfileWrapper .name{
    color: #5e5e5e;
  }
  #spPortfolioNavProfileWrapper .job{
    color: #5e5e5e;
  }
  #spPortfolioNavRightContainer dt,
  #spPortfolioNavRightContainer dd,
  #spPortfolioNavRightContainer .data li,
  #spPortfolioNavRightContainer .data a ,
  #spPortfolioNavRightContainer .data p ,
  #spPortfolioNavRightContainer .data span ,
  #spPortfolioNavRightContainer .mail,
  #spPortfolioNavRightContainer .place,
  #spPortfolioNavContentClose{
    color: #5e5e5e !important;
  }
}



/**
 * tablet
 */
@media screen and (max-width: 1024px){
  #ViewSelect{
        background: rgba(255,255,255,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff,endcolorstr=#ffffffff,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)";
    zoom:1;
  }
  #ViewSelect > .trigger .btn{
    color: #858585;
  }
}




/**
 * Works
 */
#ItemList .itemData .itemTitle .cbIcon{
  color: #AAA;
}

/**
 * Event Detail
 */

/**
 * Diary
 */
.diarySns{
  border: 1px solid #DDD;
}
.diarySns .label{
  color     : #5e5e5e;
}
.diarySnsTwitter>span,
.diarySnsFacebook>span{
  color: #5e5e5e !important;
}

/**
 * Widget
 */
#cbw_panelHeader,
#cbw_slider{
    background:url(/images/customize/background_template/bg_normal_7.png);
    background-color: #ffffff;
}
#cbw_panelHeaderInner,
#cbw_navigationBg{
    background: rgba(255,255,255,1);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffFFFFFF,endcolorstr=#ffFFFFFF,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF)";
  zoom:1;
}
#cbw_userName,
#cbw_originalFlexSliderController a{
  color: #5e5e5e;
}
.flex-control-paging li a{
  background: #5e5e5e !important;
}