@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){
  /*必要ならばここにコードを書く*/
}

/* ===== minwa-life.com Travel×Girl風フッター（四角タイトル版） ===== */

/* フッター全体 */
#footer{
  background:#6F5A4E !important;
  padding:60px 0 30px;
}

/* フッター上部ライン　*/
#footer{
	border-top:2px solid #bf9213;
}

/* フッター内の文字 */
#footer,
#footer p,
#footer li,
#footer a,
#footer span{
  color:#FFFFFF !important;
  font-size:14px;
  line-height:2;
}

/* タイトルを四角で囲む */
#footer .widget-title{
  display:inline-block;
  color:#FFFFFF !important;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;

  background:transparent !important;
  border:1px solid #E9C8A8;
  border-radius:4px;

  padding:6px 14px;
  margin-bottom:20px;
}

/* 下線装飾を消す */
#footer .widget-title::after{
  display:none;
}

/* リストの点を消す */
#footer ul{
  list-style:none;
  padding-left:0;
}

/* リンクホバー */
#footer a:hover{
  color:#6F5A4E !important;
  text-decoration:none;
}

/* コピーライト */
#footer .copyright{
  border-top:1px solid rgba(255,255,255,0.2);
  margin-top:30px;
  padding-top:20px;
  color:#F4F1ED !important;
  text-align:center;
  font-size:13px;
}

/* スマホ */
@media screen and (max-width:768px){

  #footer{
    padding-top:40px;
  }

  #footer .widget{
    text-align:center;
    margin-bottom:30px;
  }

  /* タイトルを中央に */
  #footer .widget-title{
    display:inline-block;
  }

}

/* ===== フッターSNSアイコン ===== */

.footer-sns{
  display:flex;
  gap:16px;
  margin-top:20px;
}

.footer-sns a{
  width:38px;
  height:38px;
  border:1px solid #E9C8A8;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#FFFFFF !important;
  font-size:18px;
  transition:0.3s;
}

.footer-sns a:hover{
  background:#E9C8A8;
  color:#6F5A4E !important;
}

/*Xを文字アイコン風に */
.footer-sns .x-logo{
	font-size:18px;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
}

/* ===== フッターSNSアイコン ===== */

/* PC：左寄せ */
.footer-sns{
  display:flex;
  justify-content:flex-start !important;
  align-items:center;
  gap:16px;
  margin:20px 0 0;
}

/* スマホ：中央寄せ */
@media screen and (max-width:768px){

  .footer-sns{
    justify-content:center !important;
    margin:20px auto 0 !important;
  }

}