/*マーカーアニメーション*/
.marker-animation.active{
    background-position: -100% .6em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left,transparent 50%, rgb(255,204,204) 50%);
    background-image: -moz-linear-gradient(left,transparent 50%, rgb(255,204,204) 50%);
    background-image: -ms-linear-gradient(left,transparent 50%, rgb(255,204,204) 50%);
    background-image: -o-linear-gradient(left,transparent 50%, rgb(255,204,204) 50%);
    background-image: linear-gradient(left,transparent 50%, rgb(255,204,204) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 5s ease;
    font-weight: normal;
} 



/*-- 表の枠線消す --*/
.delline td,
.delline tr {
  border: none;
}




/*--------------------------------------
記事一覧デザイン
--------------------------------------*/
/*PC通常カードタイプ*/
.cardtype h2 {/*タイトル*/
	padding-bottom: 8px;
	font-size: 14px;
	color: #353535;
}
@media screen and (min-width: 480px) and (max-width: 1029px){
.cardtype h2 {
	padding-bottom: 15px;
}
}
.cardtype time {/*投稿日*/
	position: absolute;
	bottom: 0px;
}
.cardtype time:before {/*投稿日アイコン*/
	display: none;
}


/*モバイルのカテゴリー表示*/
@media screen and (max-width: 800px){
.cat-name{
margin-top:2vw;
}
}




/*スマホ横長カードタイプ*/

.sidelong time {/*投稿日*/
	position: absolute;
	bottom: 3px;
}

.sidelong .newmark {/*NEWマーク調整*/
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
}
.sidelong__img {
    width: 150px;
    height: 150px;
}



/*横長カードのカテゴリーを上にあげるカスタマイズ*/
  
.sidelong__article .cat-name {
    top: 0;
    right: 0;
    left: auto;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 0;
}

/*END　横長カードのカテゴリーを上にあげるカスタマイズ*/



/*h2見出しのデザイン*/
.entry-content h2 {
background: #ffadad; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}


/* テーブルに横スクロールバーを表示 */
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/

}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* 以下、tableの指定 */
.table-scroll table{
  border-collapse:collapse;
  border-spacing:0;
  border-top:#ccc solid 1px;
  border-left:#ccc solid 1px;
}
.table-scroll table th,
.table-scroll table td{
  padding:10px 15px;
  font-weight:normal;
  border-right:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  font-size:12px;
}
.table-scroll table th{
  background:#eee;
  width:80px;
}



/* 熊本弁一覧のtableの指定 */
table.kumamotobenichiran{
	  width: auto !important;
	  font-size: 6pt;　
	　　　　text-align: center;
}



/* 特定カテゴリー一覧表示 */
span.title {
    display: block;
	  margin: 8px 0;
}

li.tag_slug {
    display: inline-block;
    background: #ff8080;
    color: #fff;
	  font-size: 14px;
    margin: 1px;
    padding: 1px 5px;
}

p.excerpt {
    font-size: 12px;
	  font-weight:200; 
	  margin-bottom:-8px;
}

/* ページネーションの枠線を消す */
ul.page-numbers {
    border: none;
}








/*トップページスライダー*/


.slider_boxContainer{
  display: flex; /* 二つのスライドを横に並べる */
  width: auto;
	    max-height: 99999px; 
  overflow: hidden;
	margin-top:-3vw;
}
.slider{
    width: 22vw;
    height: calc(30vw * 1.61);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.slider__content{
	  min-width: 170%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}
.slider__content:nth-child(1){
    animation: sliderAnime 24s ease-in-out infinite;
    z-index: 6;
}
.slider__content:nth-child(2){
    animation: sliderAnime2 24s ease-in-out 4s infinite;
    z-index: -1;
}
.slider__content:nth-child(3){
    animation: sliderAnime2 24s ease-in-out 12s infinite;
    z-index: -1;
}



@keyframes sliderAnime{
    0%{
        z-index: 5;
        transform: translateX(0);
    }
    16.6%{
        transform: translateX(0);
    }
    33.3%{
        transform: translateX(-100%);
    }
    50%{
        z-index: -1;
        transform: translateX(-100%);
    }
    66.6%{
        transform: translateX(100%);
    }
    83.2%{
        z-index: 5;
        transform: translateX(100%);
    }
    100%{
        z-index: 5;
        transform: translateX(0);
    }
	    }

@keyframes sliderAnime2{
    0%{
        z-index: 5;
        transform: translateX(100%);
    }
    16.6%{
        transform: translateX(0);
    }
    33.3%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(-100%);
    }
    66.6%{
        z-index: -1;
        transform: translateX(-100%);
    }
    83.2%{
        transform: translateX(100%);
    }
    100%{
        z-index: 5;
        transform: translateX(100%);
    }
}
.slider__img{
    max-width: 100%;
    min-width: 100%;
}


 @media only screen and (max-width: 768px) {
	.slider_boxContainer{
  display: flex; /* 二つのスライドを横に並べる */
  width: auto;
  overflow: hidden;
				  margin-top:-30px;
		      margin-left:4vw;
				  margin-bottom:30px;
}
.slider{
    width: 43vw;
    height: calc(35vw * 1.61);
    margin-right:3vw;
    overflow: hidden;
    position: relative;
}
}

/* IE */
@media all and (-ms-high-contrast: none) { 

	
	.slider_boxContainer{
  display: flex; /* 二つのスライドを横に並べる */
  width: auto;
  overflow: hidden;
	margin-top:-5vw;
	padding-bottom:3vw;
}
.slider{
    width: 20vw;
    height: calc(10vw * 1.61);
    margin: 0.5vw;
    overflow: hidden;
    position: relative;
}
.slider__content{
	  min-width: 10%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}
.slider__content:nth-child(1){
	 width:50%;
    animation: sliderAnime 24s ease-in-out infinite;
    z-index: 6;
}
.slider__content:nth-child(2){
		 width:50%;
    animation: sliderAnime2 24s ease-in-out 4s infinite;
    z-index: -1;
}
.slider__content:nth-child(3){
		 width:50%;
    animation: sliderAnime2 24s ease-in-out 12s infinite;
    z-index: -1;
}
}

/*----- 熊本ショップ＆事業紹介ページのカテゴリー表示 -----*/
.sng-box.box2.cat-3017 {
  position: relative;
  height: auto;
	background-color: #fff;
}

.sng-box.box2.cat-3018 {
  position: relative;
  height: auto;
}

ul.catelis_ul {
  display: flex;
  flex-wrap: wrap;
}


.page-id-19972 .cat-3017 ul.catelis_ul {
  margin-block-start: -1em;
}

/*----- 熊本ショップ＆事業紹介ページのボタンデザイン -----*/

button.catelis_li {
  margin: 10px;
  padding: 10px;
  color: #fff;
  list-style-type: none;
  border: solid 1.8px #FB7D79;
  border-radius: 8px;
	background-color: #FB7D79;
  font-weight: 900; 

}

li.catelis_li {
  margin: 10px;
  padding: 10px;
  color: #e2041b;
  list-style-type: none;
  border: solid 0.8px #000;
  border-radius: 8px;
}

a.catelis_a {
  text-decoration: none;
}


a.catelis_a.isDisable {
  opacity: 0.7;
  pointer-events: none;
}

.front {
  transition-delay: 0.7s;
  opacity: 1;
}

.navigation-is-open .front {
  opacity: 0;
}

.navi {
  position: absolute;
  z-index: 1;
  top: -5vh;
  left: 0;
  height: 95%;
  width: 95%;
  background-color: #fff;
  visibility : hidden;
  -webkit-transition: visibility 0s 0.2s;
  -moz-transition: visibility 0s 0.2s;
  transition: visibility 0s 0.2s;
}

.cat-3018 .navi {
  top: 2vh;
}

.page-id-19972 .cat-3017 ul.catelis_ul {
  margin-block-start: -1em;
}

.navi .navigation-wrapper {
  /* Navigation content */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(2%);
  -moz-transform: translateX(2%);
  -ms-transform: translateX(2%);
  -o-transform: translateX(2%);
  transform: translateX(2%);
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}

.navigation-wrapper h3 {
  border-color: #fff;
	background-color: #fff;
  margin: 0;
  padding: 0;
}

.navigation-wrapper h3 li {
    border: none;
}

.cat-3017 #navi {
  top: 1vh;
  left: 0%;
}

.navigation-is-open .navi {
	width: 95%;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.navigation-is-open .navi .navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.navigation-wrapper.cat-3019 > h3 li:not(:nth-of-type(1)), .navigation-wrapper.cat-3020 > h3 li:not(:nth-of-type(2)), .navigation-wrapper.cat-3021 > h3 li:not(:nth-of-type(3)), .navigation-wrapper.cat-3022 > h3 li:not(:nth-of-type(4)), .navigation-wrapper.cat-3023 > h3 li:not(:nth-of-type(5)), .navigation-wrapper.cat-3024 > h3 li:not(:nth-of-type(6)), .navigation-wrapper.cat-3025 > h3 li:not(:nth-of-type(7)), .navigation-wrapper.cat-3442 > h3 li:not(:nth-of-type(8)), .navigation-wrapper.cat-3443 > h3 li:not(:nth-of-type(9)), .navigation-wrapper.cat-3444 > h3 li:not(:nth-of-type(10)), .navigation-wrapper.cat-3445 > h3 li:not(:nth-of-type(11)) {
    display: block
}

a.navi-trigger:hover {
	text-decoration: none;
}

/* 検索結果ページ */
#top.search-k {
    height: auto;
}

#top.search-k p {
	font-weight: bold;
	color: #e2041b;
	margin-left: 10px;
}

#top.search-k .navi-icon {
    text-align: center;
    display: block;
}

/* 目次を非表示 */
.page-id-19972 div#toc_container, .page-id-20783 div#toc_container, .page-id-21752 div#toc_container {
    display: none;
}

/* 個別ページの登校日、更新日非表示 */
.category-shop p.entry-meta.vcard.dfont {
    display: none;
}

/* 個別ページのバナー非表示 */
.category-shop .sponsored {
    display: none;
}

/* アーカイブページの戻るリンク */
.top_back {
    height: 80px;
    text-align: center;
    line-height: 6;
}

/* スマホ用設定 */
@media screen and (max-width: 640px) {
.sng-box.box2.cat-3017 {
  position: relative;
  height: auto;
  padding: 0;
}

.sng-box.box2.cat-3018 {
  position: relative;
  height: auto;
  padding: 0;
}

.cat-3017 #navi, .cat-3018 #navi {
  top: 0vh;
  left: 0%;
}

.cat-3018 #navi {
  width: 98%;
}

.navi {
  width: 100%;
}

.navigation-is-open .navi {
  width: 100%;
}

ul.catelis_ul {
  padding: 0;
}
	
button.catelis_li {
  margin: 10px 8px;
  width: 45%;
	text-align: center;
	font-size: .9em;
}
	
li.catelis_li {
  margin: 10px 8px;
  width: 45%;
	text-align: center;
}
	
a.catelis_a {
  text-decoration: none;
  font-size: 0.9em;
}
}

/*----- 熊本ショップ＆事務所一覧のカテゴリー表示ここまで -----*/



/*----- 熊本ショップ＆事務所の記事にバナー非表示 -----*/
.cat-item.cat-item-3010 {
  display: none;
}

/*----- ミセミテトップページにGoogle AdSense広告非表示 -----*/
.category-shop ins.adsbygoogle {
    display: none!important;
}

.search-results.category ins.adsbygoogle {
    display: none!important;
}

.page-template-shoparchive ins.adsbygoogle {
    display: none!important;
}

/*----- ミセミセ検索窓結果表示 -----*/
h3.search-title {
    border-left: none;
}