@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
#main .search-box.input-box {
  display: none;
}



/*SANGO風プロフィール*/
.sidebar-profile {
   width: 100%;
   font-size: 1.2em;
   background-image: url("https://smartkey.negoya-car.com/wp-content/uploads/2025/03/banner.jpg");
   background-repeat: no-repeat;
   background-size: 100% auto;
   padding: 40% .5em 2em .5em;
}
/*土台の余白*/
div#custom_html-2 {
    padding: 0 !important;
}
/*画面横幅が992px以上のサイズ*/
@media only screen and (min-width: 992px){
.sidebar-profile {
   padding: 43% .9em 2em .9em;
}
}
/*画面横幅が576px以上、991px以下のサイズ*/
@media (max-width: 991px) and (min-width: 576px){
.sidebar-profile {
   padding: 50% .9em 2em .9em;
}
}
/*画面横幅が575px以下のサイズ*/
@media only screen and (max-width: 575px){
.sidebar-profile {
   padding: 45% .5em 2em .5em;
}
}
.profile-center{
   text-align: center;
   margin-bottom: 15px;
}

@media only screen and (max-width: 575px){
.profileimg{
   width: 80px;
   height: 80px;
}
}
/*名前*/
.profile-name{
   font-size: 1.2em;
   font-weight: bold;
   color: #505454;
}
/*「詳しいプロフィールを見る」まわり*/
.profile-center.more{
   margin: 1em 1em 2em;
}
.profile-center.more:before{
   font-family:"FontAwesome";
   content:"\f138";
   color: #a2d7f3;
   font-size: 115%;
   padding-right: 0.8em;
}
/*SNSアイコンリスト*/
ul.sns-follow {
   text-align: center;
}
ul.sns-follow li{
   display: inline-block;
   height: 45px;
   vertical-align: middle !important;
   margin-bottom: 0;
   padding: 0 5px 0 5px !important;
}
ul.sns-follow li a {
   display: block;
   width: 45px;
   height: 45px;
   border-radius: 50px;
   color: #FFFFFF;
}
/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
   background: rgba(29,161,242,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.twitter-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Facebookボタン*/
ul.sns-follow li.facebook-btn a{
   background: rgba(59,89,153,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.facebook-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Instagramボタン*/
ul.sns-follow li.instagram-btn a{
   background: rgba(241,63,121,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.instagram-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Feedlyボタン*/
   ul.sns-follow li.feed-btn a{
   background: rgba(108,198,85,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.feed-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}