/*★見出しh1*/	
h1 {
	font-size: 1.4em !important;
	border-bottom: none;
	padding: 10px; /* 余白 */
	margin: 0px auto 30px auto;
	background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); /* 水玉の色 */
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
 background-color: transparent; /* 背景色 */
 border-left: 2px dotted rgba(0,0,0,0.1); /* 左の切れ端 */
 border-right: 2px dotted rgba(0,0,0,0.1); /* 右の切れ端 */
 box-shadow: 0 0 5px rgba(0,0,0,0.2); /* 影 */
}

/*★見出しh2肉球下線点線*/
.article h2 {
	border-bottom: 2px dotted #777;
	border-left: none;
  border-right: none;
  border-top: none;
	font-size: 1.4em !important;
	background: transparent;
  position: relative;
  padding: 0 0 5px 0px;
	margin: 30px auto 10px auto;
}

.article h2::before {
	position: relative;
	top: 3px;
  margin: 0 10px 0 0;
content: url(https://sonnaconna.com/wp-content/uploads/icon_niku_gray.png);
}

/*★見出しh3長いｾﾛﾃｰﾌﾟ*/
.article h3 {
	font-size: 1.4em !important;
  padding: 10px; /* 余白 */
	margin: 20px auto 10px auto;
  background-color: transparent; /* 背景色 */
	border-top: none;
  border-bottom: none;
  border-left: 2px dotted rgba(0,0,0,0.1); /* 左の切れ端 */
  border-right: 2px dotted rgba(0,0,0,0.1); /* 右の切れ端 */
  box-shadow: 0 0 5px rgba(0,0,0,0.2); /* 影 */
}

/*★見出しh短いｾﾛﾃｰﾌﾟ*/
.article h4 {
	display: inline-block;
	font-size: 1.4em !important;
  padding: 10px; /* 余白 */
	margin: 20px auto 5px auto;
  background-color: transparent; /* 背景色 */
	border-top: none;
  border-bottom: none;
  border-left: 2px dotted rgba(0,0,0,0.1); /* 左の切れ端 */
  border-right: 2px dotted rgba(0,0,0,0.1); /* 右の切れ端 */
  box-shadow: 0 0 5px rgba(0,0,0,0.2); /* 影 */
}

/*★見出し5*/
.article h5 {
	font-size: 1.2em !important;
	border-bottom:none;
	padding: 0;
	position: relative;
  width: 100%;
    padding: 5px 0;
}

.article h5::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background: transparent;
}

.article h5::before {
    background-image: linear-gradient(to right, transparent, #999 0%, #999 50%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}

/*★見出しh6*/
.article h6{
	border-bottom:none;
	padding: 0;
	font-size: 1.2em !important;
}

/*★サイドバー見出し*/
.sidebar h3 {
background-color: transparent;
	overflow: hidden;
 padding: 0 0 0 30px;	/* 余白 */
	padding-top: 5px;
 position: relative;
margin-bottom: 10px;
}
.sidebar h3::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: url(https://sonnaconna.com/wp-content/uploads/icon_toon_gray.png);
}
.sidebar h3:after {
 background-color: #999;	/* 1個目（一番左）のドットの色 */
 border-radius: 50%;
 content: '';
 margin-left: 15px;	/* 最後の文字とドットとの余白 */
 position: absolute;
 top: 50%;
 transform : translateY(-50%);
 width: 7px;	/* ドットの幅 */
 height: 7px;	/* ドットの高さ */
 box-shadow: 20px 0px 0px #bbb,	/* 2個目のドットの位置と色 */
  40px 0px 0px #777777,	/* 3個目のドットの位置と色 */
  60px 0px 0px #555,	/* 4個目のドットの位置と色 */
  80px 0px 0px #999999,	/* 5個目のドットの位置と色 */
  100px 0px 0px #ccc,	/* 6個目のドットの位置と色 */
  120px 0px 0px #777,	/* 7個目のドットの位置と色 */
  140px 0px 0px #ccc,	/* 8個目のドットの位置と色 */
  160px 0px 0px #999,	/* 9個目のドットの位置と色 */
  180px 0px 0px #eee,	/* 10個目のドットの位置と色 */
  200px 0px 0px #777,	/* 11個目のドットの位置と色 */
  220px 0px 0px #ccc;	/* 12個目のドットの位置と色 */
}

/*★フッター見出し*/
.footer h3 {
    font-size: 1.0em;
    position: relative;
    padding: 0.2em 0.5em;
    background-color: #eee;
    border-top: 2px dashed #ccc;
    border-bottom: 2px dashed #ccc;
}

/*★関連記事見出し*/
.related-entry-heading{
 font-size: 1.2em; /*フォントサイズ*/
  text-align: center; /*文字位置中央*/
	letter-spacing: 2px; /*文字間隔*/
  margin-top:40px; /*上余白*/
  margin-bottom:8px; /*下余白*/
	border-bottom: none;
	padding: 10px; /* 余白 */
	background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); /* 水玉の色 */
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
 background-color: transparent; /* 背景色 */
 border-left: 2px dotted rgba(0,0,0,0.1); /* 左の切れ端 */
 border-right: 2px dotted rgba(0,0,0,0.1); /* 右の切れ端 */
 box-shadow: 0 0 5px rgba(0,0,0,0.2); /* 影 */
}

/*★関連記事ﾀｲﾄﾙ*/
.related-entry-card-wrap.a-wrap.cf{ /*下余白クリア*/
  margin-bottom:0px;
  padding-bottom:0px;
}
.related-entry-card-content.card-content.e-card-content{ /*カード下余白設定*/
 padding-bottom:20px;
}
.related-entry-card-title.card-title.e-card-title{
 font-size: 0.8em; /*フォントサイズ*/
  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
}
/* スマホフォントサイズと下余白 */
@media screen and (max-width: 480px){
  .related-entry-card-title.card-title.e-card-title{
    font-size: 14px;
  }
  .related-entry-card-content.card-content.e-card-content{
    padding-bottom:0px;
  }
}

/*★ヘッダーの背景*/
.header-container {
 background-color: transparent !important;
}

/*★本文・サイドバーの背景*/
.main, .sidebar {
    background: none;
}

/*★サイドバーウィジェット行間*/
.widget {
	margin-bottom: 50px!important;
}

/*★投稿一覧サムネサイズ*/
.entry-card-thumb {
width: 150px;
}
.entry-card-content {
margin-left: 150px;
}

/*★記事一覧サムネ*/
.entry-card-thumb-image.card-thumb-image.wp-post-image{
 border-radius: 6px!important;/*角丸コーナー*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)!important;/*シャドー*/
}

/*★関連記事サムネ*/
.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
 border-radius: 6px!important;/*角丸コーナー*/ 
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)!important;/*シャドー*/
}

/*★固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*★アイキャッチラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}

/*★フッターメニューの仕切り線なし*/
#navi-footer li {
  border: none;
}
/*★フッターメニューモバイルで1カラム*/
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item {
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}

/*★モバイルメニュー*/
.mobile-menu-buttons {
	background: #ffffff;
  box-shadow:0 -2px 6px gray;
}
.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{
 color: #333333;
}
.mobile-menu-buttons .menu-button:hover {
 background: #333333;
}
.top-menu-button a:hover,
.home-menu-button a:hover,
.mobile-menu-buttons :hover,
.menu-button:hover {
	color: #ffffff;/* メニューのテキストの色(選択時) */
}
.mobile-menu-buttons .menu-content{
  color: #333;/* サイドメニューの表示色が変わるのを防ぐ */
}

/*★スマホハンバーガーメニュー左から出す*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/*★ナビゲーションサブメニュ－ */
ul.sub-menu li a{
}
 
ul.sub-menu li {
line-height: 1em; /* 高さ */
}


/*★スマホフォントサイズ一定*/
body {
-webkit-text-size-adjust: 100%;
}

/*★テーブルフォントサイズ*/
div table th, 
div table td {
 font-size: 1.0em;
}

/*★マウスが上に乗っている状態*/
a:hover {
color:#000000;
}

/*★ブログカード説明文削除(自サイトのみ)*/
.blogcard {
	padding: .5em;
	font-size: 1.1em;
	border: none;
	box-shadow: 0 1px 5px 0 rgb(0 0 0 / 25%);
}

.blogcard-footer{
	display: none;
}

/*★ボタン*/
.button {
  display: inline-block;
  text-decoration: none;
  color: #555;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
 background: rgba(0,0,0,0.1);
  transition: .4s;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}

.button:hover {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

/*★Musicボタン*/
.btn-music {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(#555555 0%, #111111 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.btn-music:hover {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#ffffff 0%, #cccccc 100%);/*グラデーションを明るく*/
}

.btn-music:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#cccccc 0%, #ffffff 100%);/*グラデーションを明るく*/
}

/*★ボックス*/
.box{
	width: 300px;
	font-size: 1.0em;
 background-color: rgba( 0, 0, 0, 0.05 );  /* 背景色 */
 border-radius: 5px;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
 position: relative;
 z-index: 0;
	text-align: center;
	 box-shadow: 0 0 5px 2px #c0c0c0; /* 影 */
}
.box:before{
 border: 2px dashed #fff; /* 白い線 */
 border-radius: 5px;
 content: '';
 display: block;
 margin: 4px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 z-index: -1;
}
.box:after{
 background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); /* 水玉の色 */
 background-position: 0 0, 8px 8px;  /* 水玉の距離 */
 background-size: 15px 15px; /* 水玉の大きさ */
 border-left: 2px dotted rgba(0,0,0,0.1);
 border-right: 2px dotted rgba(0,0,0,0.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 content: 'ジャンル別';
	font-weight: bold;
	font-size: 1.2em;
 display: block;
 padding: 5px 20px;  
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}