/*
  Skin Name: skin_hukuro
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://wp-cocoon.com/
  Author: naruse
  Author URI: https://hukurokohji.cipher.jp/may/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.0
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/
body{
  color:#333;
  background-image: linear-gradient(90deg, #e9e2ff, #c7e0ff);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}

.main {
  background-color: #f5f6f7; /* 薄いグレー */
}

/* タイトル非表示*/
.site-name-text { display: none; }
.widget-sidebar ul li a {
  font-size: 0.9em;
}

/* フッターメニュー高さ*/
.footer-bottom {
  padding-top: 0px; /* 上部の余白 */
  padding-bottom: 0px; /* 下部の余白 */
}

/* サイドバー透明*/
.footer,  
.sidebar {
  background-color: transparent; /*透明化*/
}

/* サイドバー行間*/
.widget-sidebar li {
	line-height: 0.7;
}

/*サイドメニューのアイコンを変更*/
.widget-sidebar li a::before{
  font-family: "Font Awesome 5 Free"; /*Font Awesomeのバージョン*/
  content: "\f518"; /*アイコンのフォント*/
  color:#bf8aa9; /*アイコンの色*/
  padding-right:5px; /*アイコンとフォントの間の余白*/
  font-weight: 900; /*アイコンの太さ（なくてもOK）*/
  font-size:18px; /*アイコン・フォントの大きさ（なくてもOK）*/
}
/*サイドメニューの子アイコンを変更*/
.widget-sidebar li ul li a::before{ 
  font-family: "Font Awesome 5 Free"; /*Font Awesomeのバージョン*/
  content: "\f105"; /*アイコンのフォント*/
  color:#bf8aa9; /*アイコンの色*/
}

/*見出し*/
h1{
  font-size:180%;
  font-weight:normal;
  font-family: 'Cormorant Unicase', serif;
}

h2 {
  position: relative;
  font-style: italic;
  font-family: 'Cormorant Unicase', serif;
}
h2:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #b2fffc);
  background: linear-gradient(to right, rgb(255, 186, 115), #b2fffc);
}

h3{
  font-size:140%;
  font-weight:normal;
  text-align:right;
  margin:25px 0px;
  font-family: 'Cormorant Unicase', serif;
}

h3 span{
  display:block;
  margin-top:0px;
  color:#a38b93;
  font-size:50%;
}

h4{
  font-size:95%;
  font-weight:normal;
  margin:20px 0px;
  color:#fff;
  background-color:#a38b93;
  padding:3px;
  text-align:center;
  border-style:double;
  border-width:3px;
  border-color:#eee;
}

h5{
  font-size:90%;
  font-weight:normal;
  margin:10px 0px;
  color:#2d869a;
}

h5:before{
  content:'✳';
  color:#bbb;
  font-size:15px;
  margin-right:5px;
}

h6{
  font-size:80%;
  font-weight:normal;
  margin:10px 0px;
  background-color:#fae8ed;
  padding:3px;
}

p{
  text-align:left;
  padding:5px 0px;
}

/*メインカラム余白*/
.footer {
  margin-top: 0;
}
.main, 
.sidebar { 
  margin-top: 50;
}
.article h2 {
  margin-top: 0;
  padding-top: 0;
}