/* 固定ページタイトル非表示 */
.page h1.cps-post-title.entry-title {
display: none;
}
.title{
	margin-top: -50px;
}
.change-area{
	background: #FFFCBF;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
.sns{
	display:flex;
}
.insta{
		margin-right: 10px;
}
/* スマホ表示設定 */
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
/*スマホヘッダー固定*/
@media screen and (max-width: 767px){
  #header-box{
    z-index:5;
    overflow:visible;
    min-height:60px; /* ヘッダー初期高さ */
  }
  #header{
    position:fixed;
    top:0;
    width:100%;
    background:#fff; /* ヘッダー背景色 */
    z-index:6;
    height:60px; /* ヘッダー初期高さ */
    transition: .5s;
  }
  .cps-sp-menu-bar{
    margin-top:50px; /* ヘッダーの下余白 */
  }
  .sp-menu-box{
    z-index:5;
  }
  .sp-menu-open,.headsearch{
    position:fixed;
    z-index:7;
    transition: .5s;
  }
  .sp-menu-open{
    top:10px; /* メニューボタン位置 */
  }
  .headsearch .search-box:before{
    top:18px; /* 検索ボタン位置 */
  }
  #site-info span a{
    height:auto;
  }
  #site-info span a img{
    height:40px !important; /* ロゴ高さ */
    width:auto !important;
    margin:10px 0; /* ロゴ余白 */
  }
  .mobile-header-small #header{
    height:40px !important; /* ヘッダー高さ(小さいとき) */
    transition: .5s;
    box-shadow: 0 2px 6px rgba(0,0,0,.15); /* ヘッダー影 */
  }
  .mobile-header-small #site-info span a img{
    height:30px !important; /* ロゴ高さ(小さいとき) */
    width:auto !important;
    margin:5px 0; /* ロゴ余白(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .sp-menu-open{
    top:0; /* メニューボタン位置(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .headsearch .search-box:before{
    top:8px; /* 検索ボタン位置(小さいとき) */
    transition: .5s;
  }
  #scroll-content{
    position:static !important;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar{
    background-color:#555 !important; /* 閉じるボタン色 */
  }
}