h2.danraku2 {
padding: 10px 20px;/*文字周りの余白*/
color: #666;/*文字色*/
font-size: 16px;
font-weight: bold;
background: #F2F2F2;/*背景色*/
border-bottom: solid 3px #EDC3C1;/*下線*/
}

h3.danraku3 {
padding: 10px 5px;/*文字周りの余白*/
color: #666;/*文字色*/
border-bottom: dashed 2px #EDC3C1;
/*線の種類（点線）2px 線色*/ 
}

h4.danraku4 {
color: #666;/*文字色*/
background: #F2F2F2;/*背景色*/
border: solid 3px #666;/*線色*/
margin-top: 3.2em;
padding: 1.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

/* もくじ */
.mokuji{
    padding-left:10px; /* 左側の余白を5pxで調整する */
    margin-top:20px;
    padding-bottom:20px;
}
.mokuji .box {
    width:95%;
    font-size:1.1em;
  	border:2px solid #fa828d;
  	border-radius:8px;
    background-color: #FFF;
    margin: 2em 0;
    padding: 2em;
  	padding-top:4em;
    position: relative;
}
.mokuji .box::before {
    display: block;
  	position: absolute;
    top: .8em;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #666;
    content: "目次";
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    font-size: 1.1em;
}
.mokuji a{
    margin-top:10px;
    line-height:1.2;
    font-size:1em;
    display:block;
    margin-left:10px;
    margin-bottom:20px;
    text-decoration: none;
    color : #fa828d;
    font-weight: 700;;
}
.box ol{
    padding: 0;
  	position:relative;
}
.box ol::before{
    content: '';
    display: block;
    background: #666;
    height: 2px;
    width: 10px;
  	text-align:center;
  	position: absolute;
    left: 0;
    right: 0;
    top: -1em;;
  	margin:0 auto;
}
.box ol li{
    list-style:none!important; /* 冒頭の数字が不要なので消す */   
    position: relative;
}

.box ol li::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #fa828d;
    border-right: solid 2px #fa828d;
    transform: rotate(45deg);
    position: absolute;
    left:0px;
    top:5px;
    margin-left:10px;
}
.box ol li a{
    padding-left:20px;
}


.mokuji a:hover { text-decoration: none;}

@media screen and (max-width: 480px){
  .mokuji .box {
  padding:4em .8em 1em .8em;
  }
.mokuji a{
    margin-top:20px;
    padding-right:10px;
    font-size:.9em;
  }
.box ol::before{
    top:-1.4em;
  }
}

/* リストタグ */
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:15px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.list1 li {
	position: relative;
}
.list1 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #efadaa;
	border-radius: 100%;
}


/* アイキャッチ並びかた*/
@media screen and (max-width: 480px){
  
  .ect-vertical-card .entry-card-wrap .entry-card-content {
    margin: 0;
}
  
  .ect-vertical-card .entry-card-wrap .entry-card-thumb {
    width: 40%;
    float: left;
    margin-right: 10px;}
  
  .cat-label {
    font-size: 10px;
    padding: 1px 3px;
    margin-left: 150px;
    color: white;
}
  
  span.cat-label.cat-label-5 {
    background-color: #fa828d;
}
  
  .e-card-title {
    font-size: 13px;
    padding-top: 20px;
    font-family: 游明朝;
}
  
  #header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu, .article h2, .sidebar h3, .cat-link, .cat-label, .appeal-content .appeal-button, .demo .cat-label, .blogcard-type .blogcard::before, #footer {
    background-color: #fa828d;
}
  
 }


/* フッター*/
.shopGuide.pc {
    display: block;
}
/*フォローボタンのタイトルラベルを非表示*/
.widget-single-content-bottom-title{
  display:none;
}

/*PCでは記事一覧の下にウィジットを表示しない*/
@media screen and (min-width: 480px){
  .widget-index-bottom{
 	display:none;
  }
}