@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

*:focus {
outline: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a:hover {
	color: rgba(51, 51, 51, 0.5);
	text-decoration: none;
}
a:visited {
    text-decoration: none;
}

::selection {
    background: #ffff00;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}


/*===========
lazyload
===========*/
#app{
	overflow:hidden;
}


.swiper-pointer-events {
  overflow: hidden!important;
}
.swiper-pagination {
  position: initial!important;
}
.swiper-button-next, .swiper-button-prev {
  display: none!important;
}

.swiper-container,.kitr_post-inner,.fp_kitr_post-inner,.tokusyu-hd{
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.animation.lazyload,
.animation.lazyloading
{
  opacity: 0;
  visibility: hidden;
}
.animation.lazyloaded{
  opacity: 1;
  visibility: visible;
  transition:3s ease;
}


/************************************
** 追加
************************************/

/* 共通 */
.search-edit, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  width: auto;
}

body {
    font-size: 15px;
    letter-spacing: 0.08em;
    font-weight: normal;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

strong{
  font-weight:700;
}

ul {
	list-style-type: none;
}
hr {
	border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #e6e6e6;
	color: #e6e6e6;
}

.main {
    padding:0;
}
@media screen and (max-width: 1592px){
	.main {
		width: 75%;
	}
}
.ect-3-columns {
    justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.ect-3-columns .entry-card-wrap {
	width: 32%;
    padding: 0px;
}
@media screen and (max-width: 834px){
  .ect-3-columns .entry-card-wrap {
	width: 49%;
    padding: 0px;
	}
	.content {
    margin-top: 0;
  }
}

.header-container {
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
	top:0;
	z-index: 3;
	background-color: rgba(255,255,255,0.9);
  -webkit-transition: all .4s ease 0s,background .6s ease .2s;
  transition: all .4s ease 0s,background .6s ease .2s;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media screen and (max-width: 1023px){
	.header-container{
		display:none;
	}
}

.header-in{
	padding: 0 1%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}
.header-container-in.hlt-top-menu {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}

.header-container-in.hlt-top-menu .wrap {
	width: 100%;
	max-width:1592px;
}

.logo-image {
    padding: 0;
}

@media screen and (max-width: 1592px){
	.header-container-in.hlt-top-menu .wrap {
    width: 100vw;
		margin: 0 -10px;
}
}

.header {
    height: 100%;
	padding: 1.5em 0;
	transition: .2s;
}
.is-animation {
	padding: 0;
}

.mobile-menu-buttons .menu-button > a {
    color: #ed5471;
}

.navi {
	display:none;
}
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

.menu-content {
    max-width: 300px;
}
.fa-close{
	font-size:16px;
	line-height:3;
	color:#ccc;
}
.menu-close-button {
    font-size: 16px;
}

/*パンくずリスト カテゴリ・記事タイトルアイコン 非表示*/
.breadcrumb-item > span.fa-folder,
.breadcrumb-item > span.fa-file {
  display: none;
}
/*パンくずリスト 記事タイトルアイコン 非表示*/
.breadcrumb-item > span.fa-file {
  display: none;
}
/* ホームのアイコンを消す */
.breadcrumb-home .fa-home.fa-fw{
	display: none;
}
.breadcrumb-home a {
	color:#777;
}

.date-tags {
    line-height: 0.8;
    text-align: left;
    margin: 1vh 0 0;
}

.page-numbers {
    color: #333;
    text-decoration: none;
    display: inline-block;
    height: 46px;
    width: 46px;
    border: 1px solid #FFF;
    margin: 0 4px;
    line-height: 46px;
    text-align: center;
    border-radius: 0;
}
.page-numbers:hover {
    border: 1px solid #000;
	-webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    opacity: 1;
}
.pagination .current {
    background-color: #000;
	color:#FFF;
	border: 1px solid #000;
}
.pagination .current:hover {
	border: 1px solid #000;
}


.entry-card-title, .related-entry-card-title {
    font-size: 15px;
    margin: 0 0 5px 0;
    line-height: 1.8;
    font-weight: 400;
}
.entry-card .cat-label{
  display: none;
}


.sidebar {
    padding: 0 .5% .5%;
}
@media screen and (max-width: 1592px){
	.sidebar {
		width: 23%;
	}
}

.article-header.entry-header{
	margin: 0 0 4vh;
}
.entry-title{
	font-size: 24px;
	padding: 0 0 1vh;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
}
@media screen and (max-width: 624px){
	.entry-title, .article h2 {
    padding: 0 0 1vh !important;
	}
}

@media screen and (max-width: 480px){
	.entry-title {
		line-height: 1.4 !important;
		font-size: 20px;
	}
}

@media screen and (max-width: 1023px){
	main.main {
    padding: 3%;
    margin: 10px 0;
    border-width: 0;
	}
}

.cat-label {
    position: absolute;
    top: 0;
    left: 0;
    border:0;
}

.navi-in a:hover {
    background-color: #ff0;
}

/*投稿ページ*/
.column-2-3-1-2 .column-right {
    width: 63%;
}

/*投稿ページサムネ*/
.tmphoto{
    width: 100%;
    text-align: center;
    padding: 0;
    max-height: 700px;
}
@media screen and (max-width: 624px){
.tmphoto{
	padding: 4vh;
	background: #FBFBFB;
}
}
@media screen and (max-width: 624px) {
  .container .column-wrap {
    flex-direction: column;
  }
  .container .column-wrap > div {
    width: 100%;
    padding: 0 0 2vh;
  }

  .box-menus .box-menu {
    width: calc(100%/2);
  }

  .wwa .box-menus {
    margin-left: 10px;
    margin-right: 10px;
  }
}


/* リスト hダグ */
.article dl {
  margin: 1em 0;
}
.article dd {
  margin-left: 40px;
}
.article ul li,
.article ol li {
  margin: 0.2em;
}
.article ul ul, .article ul ol,
.article ol ul,
.article ol ol {
  margin: 0;
}
.article .wp-block-gallery ul {
  padding-left: 0;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	line-height: 1.8;
	letter-spacing: .05rem;
	font-weight: 400;
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 2em 0 1em;
}
.article h4,
.article h5,
.article h6 {
  font-size: 20px;
  padding: 9px 10px;
}
.article h2 {
  font-size: 22px;
  padding: 15px 25px;
  background-color: #f3efee;
  border-radius: 0px;
}
.article h3{
	border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: solid 3px #f3efee;
  position: relative;
	font-size: 22px;
	padding:0 0 12px;
}
.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ed5471;
  bottom: -3px;
  width: 30%;
}
.article h4 {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}
.article h5 {
  border-bottom: 2px solid #e6e6e6;
}
.article h6 {
  border-bottom: 1px solid #e6e6e6;
}
.article .column-wrap h1, .article .column-wrap h2, .article .column-wrap h3, .article .column-wrap h4, .article .column-wrap h5, .article .column-wrap h6 {
  margin-top: 0;
}
@media screen and (max-width: 834px){
	.article ul,
  .article ol {
	  padding-left: 0;
  }
	.information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 20px 20px 20px 58px;
	}
}
@media screen and (max-width: 624px){
	.entry-title, .article h2 {
		font-size: 20px;
		padding: 0.5em 0.6em;
	}
	.article h3{
		font-size: 20px;
	}
}

/*投稿ページリスト*/
dl,dt,dd {
  margin: 0;
  padding: 0;
}

.dl_table {
  background-color: #FFF;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  margin: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dl_table dt {
  background-color: #FBFBFB;
  font-weight: 700;
}
.dl_table dt{
  padding: 15px;
  width: 35%;
  box-sizing: border-box;
  border-right:  1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
	margin-left: 0;
}
.dl_table dd {
  padding: 15px;
  width: 65%;
  box-sizing: border-box;
  border-right:  1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
	margin-left: 0;
}

/*目次*/
.article .toc-list > li li {
    list-style: none;
}
.toc-list > li li ::before {
    display: inline-block;
    position: relative;
    content: '';
    width: 5px;
    height: 5px;
    left: -10px;
    margin-bottom: 2px;
    border-radius: 100%;
    background: #cdcdcd;
}

/* SNSシェアボタン＋（枠線なし） */
.button-caption { display: none !important; }
.sns-share-buttons a {
 font-size: 14px;
 border-radius: 0px;
 height: 25px;
	border: 1px solid #e6e6e6;
}
.bc-brand-color-white.sns-share a {
 border: none;
}

/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*投稿ページの著者情報を消す場合*/
.post .author-info {
    display: none;
}

/* 補足説明 ボタン */
.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
  padding: 20px 20px 20px 72px;
  border-radius: 0;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 440px) {
  .information-box,
  .question-box,
  .alert-box,
  .information,
  .question,
  .alert,
  .memo-box,
  .comment-box,
  .common-icon-box {
    padding: 30px 15px 15px;
  }
	.alert-box::before, .alert::before {
		border-right: 0;
		font-size:24px;
	}
	.information-box::before, .information::before {
		border-right:0;
		font-size:24px;
	}
}

.secondary-box {
    color: #333;
    background-color: #f3efee;
    padding: 15px;
    border-radius: 0;
    margin-bottom: 20px;
}
.information-box::before, .information::before {
    border-right:0;
}
.alert-box::before, .alert::before {
    border-right: 0;
}

.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
    color: #fff;
    padding: 1px 5px;
    border-radius: 0;
    font-size: 12px;
	vertical-align: 2%;
}

.badge-red {
  background-color: #ed5471;
}
.badge-grey {
  background-color: #808080;
}

.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a {
    max-width:480px;
	margin:1em auto;
}
.btn-red { background-color: #ed5471; }

/* Header */
.top_ch {
    margin: auto 0;
}

.top_ch span {
    font-weight: 600;
}

.logo,
.logo-header,
.logo-image {
    width: 360px;
    max-height: 61px;
    height: auto;
    margin: auto 0;
}

.he_btn {
    min-width: 240px;
    height: 60px;
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
	font-weight:700;
    cursor: pointer;
    margin: 10px 0;
    background: #ed5471;
}

.he_btn span {
    display: block;
    padding: 15px 0;
}

.he_btn::before,
.he_btn::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #ed5471;
}

.he_btn span::before,
.he_btn span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #ed5471;
}

.he_btn:hover::before,
button:hover::after {
    width: 100%;
}

.he_btn:hover span::before,
button:hover span::after {
    height: 100%;
}

.he_btn:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    background: #fff;
    color: #ed5471;
}

.he_btn::after {
    left: 0;
    bottom: 0;
    transition-duration: 0.4s;
}

.he_btn span::after {
    right: 0;
    top: 0;
    transition-duration: 0.4s;
}

.he_btn::before {
    right: 0;
    top: 0;
    transition-duration: 0.4s;
}

.he_btn span::before {
    left: 0;
    bottom: 0;
    transition-duration: 0.4s;
}

.SBVbar {
    width: 1px;
    height: 35px;
    border-left: solid 1px #e6e6e6;
    display: inline;
    margin: 0 8px;
}

/* TOPページ */
.box-ttl {
    position: relative;
    margin: 0 0 4vh;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 1%;
}

.box-ttl .ttl {
    font-weight: 400;
    letter-spacing: normal;
    font-size: 24px;
    display: inline-block;
	padding: 0 !important;
	margin: 0 15px 0 0;
	background-color: transparent;
}

.box-ttl .ttls {
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    margin-right: 48px;
}

.box-ttl p {
    display: inline-block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.arrow span {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    display: block;
    padding-left: 24px;
    background: url(img/arrow.svg) no-repeat left 51%;
    background-size: 10px auto;
}

.dsp {
    display: none;
}
.dpc {
    display: block;
}
@media screen and (max-width: 767px) {
    .dsp {
        display: block;
    }

    .dpc {
        display: none !important;
    }
}

.mt_btn {
    width: 50%;
    margin: 0 auto;
    padding: 4vh 0;
}
.mt_btn a {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    line-height: 1;
}
.mt_btn a:hover {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #FFF;
    background-color: #333;
    display: block;
}
.mt_btn a span {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: url(img/arrow.svg) no-repeat left 51%;
    background-size: 10px auto;
    display: block;
    margin: 14px 16px;
}
.mt_btn a:hover span {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: url(img/arrow_white.svg) no-repeat left 51%;
    background-size: 10px auto;
    display: block;
    margin: 14px 16px;
}
@media screen and (max-width: 767px) {
    .mt_btn {
        width: 100%;
        margin: 4vh auto;
        padding: 0;
    }
	.mt_btn a {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
    }
	.mt_btn a a:hover {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
    }
    .mt_btn a span {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		background: url(img/arrow.svg) no-repeat left 51%;
		background-size: 10px auto;
    }
	.mt_btn a:hover span {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		background: url(img/arrow_white.svg) no-repeat left 51%;
		background-size: 10px auto;
	}
}

.swiper-slide-duplicate-next img,
.swiper-slide-duplicate-active img,
.swiper-slide-duplicate-prev img,
.swiper-slide img ,
.swiper-slide-next img,
.swiper-slide-active img,
.swiper-slide-prev img {
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	overflow:hidden;
}


.news_btn a {
    text-align: center;
    display: block;
    line-height: 1;
}
.news_btn a span {
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: url(img/arrow.svg) no-repeat left 51%;
    background-size: 10px auto;
    display: block;
    padding: 12px 14px;
}
@media screen and (max-width: 767px) {
    #news .news_btn {
        background: #000;
        margin-top: 16px;
    }
    #news .news_btn a {
        color: #fff;
    }
    #news a {
        display: block;
    }
    .news_btn a {
        text-align: center;
    }
    #news .news_btn a span {
        background: url(img/arrow_white.svg) no-repeat left 51%;
        background-size: 10px auto;
    }
}


/* TOP_NEWS */
section#news {
    width: 100%;
    padding: 0 0 4vh 0;
}

section#news .news_con {
    width: 100%;
    position: relative;
    margin: 20px auto 0 auto;
}

dl.newst {
    display: block;
    overflow: hidden;
}

dl.newst dt {
    clear: both;
    width: 300px;
    padding-left: 2%;
}

dl.newst dt,
dl.style01 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    float: left;
    margin-bottom: 8px;
    padding-top: 8px;
}

dl.newst dt span {
    border: 1px solid #e6e6e6;
    padding: 0% 2%;
    width: 120px;
    text-align: center;
    display: inline-block;
    margin-left: 40px;
    font-size: 13px;
}

dl.newst dd {
    width: calc(100% - 300px);
}

dl.newst dt,
dl.newst dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    float: left;
    margin-bottom: 8px;
    padding-top: 8px;
}

dl.newst:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@media screen and (max-width: 834px) {
    dl.newst dt {
        padding-left: 0;
        margin-bottom: 0;
    }

    dl.newst dt,
    dl.newst dd {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        width: 100%;
        padding-right: 40px;
    }

    dl.newst dt span {
        font-size: 12px;
    }

    dl.newst dd {
        padding-left: 0;
        border-top: none;
        padding-bottom: 16px;
        border-bottom: 1px dotted #cdcdcd;
        background: url(img/arrow.svg) no-repeat right 19px;
        background-size: 11px auto;
    }

    dl.newst dt,
    dl.newst dd {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        width: 100%;
        padding-right: 40px;
    }

    section#news .news_con a {
        display: block;
    }
}

@media screen and (max-width: 580px) {
	section#news {
    padding: 0;
	}
}

/* TOP-Feature */
section#feature .pagination-next,
section#feature .pagination {
    display: none;
}

#fp_kitr {
	width: 100%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	margin: 0;
}

.fp_archive-grid {
    width: calc(96% / 3);
    margin-bottom: 6vh;
    box-sizing: border-box;
}

@media screen and (min-width: 625px) {
.fp_archive-grid:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.fp_archive-grid:nth-child(3n+2):last-child {
    margin-right: calc(30%*2 + ((100% - 34.5%*4)/3)*2);
}
}
@media screen and (max-width: 624px) {
    .fp_archive-grid {
        width: calc(98% / 2);
    }

    .fp_archive-grid:nth-child(4n+2):last-child {
        margin-right: 0;
    }

    .fp_archive-grid:nth-child(4n+3):last-child {
        margin-right: 0;
    }

    .fp_archive-grid:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
	
	.fp_archive-grid {
    margin-bottom: 4vh;
}
	.fp_kitr_post-title {
    margin: 0 !important;
}
}

.fp_kitr_post-inner {
    margin: 0;
    padding: 0;
    background: #FFF;
}

.fp_kitr_post-inner:hover {
    background: #FFF;
}

.fp_kitr_post-thumbnail {
    position: relative;
}

.fp_kitr_post-thumbnail img {
    width: 100%;
    height: 100%;
}

.fp_kitr_post-price {
    position: relative;
    margin: 0;
    padding: 2px 15px 2px 5px;
    background: #ed5471;
    color: #fff;
}

.fp_kitr_post-price:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 13px 8px 13px 0;
}


.fp_kitr_post-title {
    font-size: 15px;
    margin: 0 0 15px;
    padding: 0;
}

.fp_kitr_post-title a {
    text-decoration: none;
    color: #111;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.fp_kitr_post-title a:visited {
    color: #111;
}

.fp_kitr_post-title a:hover,
.fp_kitr_post-title a:focus,
.fp_kitr_post-title a:active {
    color: #3b8dbd;
}

.fp_kitr_post-thumbnail:hover {
    opacity: 0.5;
    transition-timing-function: ease-in-out;
    transition-duration: 0.25s;
}

/* TOP-Pick up */
.top_pickup {
    margin: 0 0 4vh;
}

#kitr {
	width: 100%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	margin: 0;
}

.archive-grid {
    width: calc(90% / 4);
    margin-bottom: 6vh;
    box-sizing: border-box;
}
@media screen and (min-width: 625px) {
.archive-grid:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.archive-grid:nth-child(4n+2):last-child {
    margin-right: calc(21%*2 + ((100% - 21.5%*4)/3)*2);
}

.archive-grid:nth-child(4n+3):last-child {
    margin-right: calc(21%*1 + ((100% - 21.5%*4)/3)*1);
}
}

@media screen and (max-width: 624px) {
    .archive-grid {
        width: calc(98% / 2);
		margin-bottom: 4vh;
    }

    .archive-grid:nth-child(4n+2):last-child {
        margin-right: 0;
    }

    .archive-grid:nth-child(4n+3):last-child {
        margin-right: 0;
    }

    .archive-grid:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

.kitr_post-inner {
    margin: 0;
    padding: 0;
    background: #FFF;
}

.kitr_post-inner:hover {
    background: #FFF;
}

.kitr_post-content {
    text-align: center;
}

.kitr_post-thumbnail {
    position: relative;
    margin-top: 0;
    height: 15.5vw;
}

.kitr_post-thumbnail img {
    width: 100%;
    height: 100%;
    max-width: 14vw;
    max-height: 15.5vw;
    margin: 0 auto;
    display: block;
    object-fit: contain;
    font-family: 'object-fit:contain;'
}

.kitr_post-thumbnail:hover {
    transform: translatey(-5px);
    transition-timing-function: ease-in-out;
    transition-duration: 0.25s;
    opacity: 0.5;
}

.kitr_post-price {
    position: relative;
    margin: 0 auto;
    padding: 2px 15px 2px 5px;
    background: #ed5471;
    color: #fff;
}

.kitr_post-price:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 13px 8px 13px 0;
}

.kitr_post-title {
    font-size: 15px !important;
    margin: 15px 0 5px !important;
    padding: 0 !important;
	background-color:transparent !important;
}

.kitr_post-title a {
    text-decoration: none;
    color: #111;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.kitr_post-title a:visited {
    color: #111;
}

.kitr_post-title a:hover,
.kitr_post-title a:focus,
.kitr_post-title a:active {
    color: #3b8dbd;
}

.kitr_post-tag {
    margin: 0 0 10px;
}

.kitr_post-tag span {
    padding: 1px 6px;
    font-size: 12px;
    border: 1px solid #e6e6e6;
}

@media screen and (max-width: 834px) {
    .kitr_post-thumbnail {
        position: relative;
        margin-top: 0;
        height: 27vh;
    }

    .kitr_post-thumbnail img {
        max-width: 36vw;
        max-height: 27vh;
    }
}

/* TOP-3カラム */
#htt_cardlayout-wrap {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}

a.htt_card-link {
    text-decoration: none;
}

#htt_cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.htt_card-figure {
    width: 90%;
    margin: 20px auto;
}

.htt_card-title {
    width: 90%;
    margin: 0.6em auto 0;
    color: #ed5471;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: double 6px #ed5471;
    padding-bottom: 2px;
}

.httarrow {
    font-size: 16px;
    margin-right: 10px;
}

.httarrow2 {
    font-size: 0.5em;
    margin-right: 10px;
}

.httii {
    vertical-align: middle;
}

.htt_card-text-tax {
    width: 90%;
    margin: 0 auto 10px;
    padding: 0;
    color: #FFF;
    background-color: #ed5471;
    text-align: center;
    font-weight: 700;
}

.htt_card-text-tax:last-child {
    margin-bottom: 0;
}

.htt_card-text-tax:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt_card-text-tax a:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt_card-text-link a:visited {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt_ctt_con {
    margin-bottom: 20px;
}

.htt_card-text-tax a {
    color: #FFF;
    display: block;
    padding: 0.4em;
}

.htt_card-list {
    width: calc(97% / 3);
    background: #f3efee;
}

#htt_cardlayout-wrap::after {
    content: "";
    display: block;
    width: calc(97% / 3);
}

@media screen and (min-width:1024px) and (max-width: 1247px) {
    .htt_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 834px) {
    .htt_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 624px) {
    .htt_card-list {
        margin: 0 0 0.6em;
        padding: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1592px) {
    .content-mg {
        margin: 0 .5%;
    }
}

/* TOP-2カラム */
.htt2_top {
    width: 100%;
    margin: 6vh auto 0;
}

.htt2_top img {
    width: calc(100% / 3);
    margin: 0 auto;
    display: block;
}
@media screen and (max-width: 834px) {
    .htt2_top img {
    width: 70%;
    margin: 0 auto;
    display: block;
	}
}

@media screen and (max-width: 624px) {
	.htt2_top {
    width: 100%;
    margin: 2vh auto;
	}
    .htt2_top img {
    width: 80%;
    margin: 0 auto;
    display: block;
	}
}

.htt_top-text {
    margin: 20px 0 0;
    text-align: center;
}

#htt2_cardlayout-wrap {
	width: 100%;
	margin: 1vh 0 0;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}

a.htt2_card-link {
    text-decoration: none;
}

#htt2_cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.htt2_card-figure {
    width: 70%;
    margin: 20px auto;
}
@media screen and (max-width: 624px) {
    .htt2_card-figure {
		width: 80%;
		margin: 0 auto 20px;
	}
}

.htt2_card-title {
    width: 90%;
    margin: 0.6em auto 0;
    color: #ed5471;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: double 6px #ed5471;
    padding-bottom: 2px;
}

.htt2_card-text-tax {
    width: 90%;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    font-weight: 500;
}

.htt2_card-text-tax:last-child {
    margin-bottom: 0;
}

.htt2_card-text-link {
    width: 50%;
    margin: 0 auto 10px;
    padding: 0;
    color: #FFF;
    background-color: #ed5471;
    text-align: center;
    font-weight: 700;
}

.htt2_card-text-link:last-child {
    margin-bottom: 0;
}

.htt2_card-text-link:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt2_card-text-link a:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt2_card-text-link a:visited {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt2_card-text-link a {
    color: #FFF;
    display: block;
    padding: 0.4em;
}

.htt2_bar {
    width: 100%;
    margin: 3vh 0;
}

.htt2_bar img {
    width: 90%;
    margin: 0 auto;
}

.htt2_ctt_con {
    padding-bottom: 20px;
    background: #f3efee;
}

.htt2_card-text-tax a {
    color: #FFF;
    display: block;
    padding: 0.4em;
}

.htt2_card-list {
    width: calc(98% / 2);
}

#htt2_cardlayout-wrap::after {
    content: "";
    display: block;
    width: calc(98% / 2);
}

@media screen and (min-width:1024px) and (max-width: 1247px) {
    .htt2_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 834px) {
    .htt2_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 624px) {
    .htt2_card-list {
        margin: 0 0 0.6em;
        padding: 0;
        width: 100%;
    }
}

/* TOP-Last */
#htt3_cardlayout-wrap {
	margin: 1vh 0 0;
	width: 100%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	background: #f3efee;
}
@media screen and (max-width: 624px) {
    #htt3_cardlayout-wrap {
    margin: 0;
	}
}

a.htt3_card-link {
    text-decoration: none;
}

#htt3_cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.htt3_card-figure {
    width: 70%;
    margin: 20px auto;
}
@media screen and (max-width: 624px) {
    .htt3_card-figure {
		width: 80%;
		margin:20px auto ;
	}
}

.htt3_card-title {
    width: 90%;
    margin: 0.6em auto 0;
    color: #ed5471;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: double 6px #ed5471;
    padding-bottom: 2px;
}

.htt3_card-text-tax {
    width: 90%;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    font-weight: 500;
}

.htt3_card-text-tax:last-child {
    margin-bottom: 0;
}

.htt3_card-text-link {
    width: 50%;
    margin: 0 auto 10px;
    padding: 0;
    color: #FFF;
    background-color: #ed5471;
    text-align: center;
    font-weight: 700;
}

.htt3_card-text-link:last-child {
    margin-bottom: 0;
}

.htt3_card-text-link:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt3_card-text-link a:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt3_card-text-link a:visited {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.htt3_card-text-link a {
    color: #FFF;
    display: block;
    padding: 0.4em;
}


.htt3_card-list {
	width: calc(97% / 2);
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}

.htt3_ctt_con {
    width: 100%;
    margin: auto;
	padding:10px 0;
}

@media screen and (min-width:1024px) and (max-width: 1247px) {
    .htt3_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 834px) {
    .htt3_card-list {
        width: calc(98% / 2);
        margin: 0 0 0.6em;
    }
}

@media screen and (max-width: 624px) {
	.htt3_card-list{
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .htt3_card-list:nth-child(2) {
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }
	.htt3_ctt_con {
	padding:0;
}
}

/* htt共有 */
@media screen and (max-width: 834px){
	.htt_mo {
		padding: 0 16px;
	}
}

/* Sidebar */
.widget_nav_menu ul li a {
	padding-left: 0;
}
#menu-item-203 {
    color: #ed5471;
}

#menu-item-203 a {
    color: #ed5471;
    font-weight: 500;
}

#menu-item-203 a:hover {
    color: rgb(237, 84, 113, 0.5);
    background-color: #FFF;
}

#menu-item-203 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i01.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-202 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i02.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-201 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i03.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-200 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i04.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-213 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i07.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-223 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i08.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-199 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_i05.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-202 a:hover,
#menu-item-201 a:hover,
#menu-item-200 a:hover,
#menu-item-213 a:hover,
#menu-item-223 a:hover,
#menu-item-199 a:hover {
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.5);
}

#menu-item-204,
#menu-item-205,
#menu-item-206 {
    border-top: 1px solid #e6e6e6;
    margin-top: 2vh;
    padding-top: 2vh;
}

#menu-item-204 a:hover,
#menu-item-205 a:hover,
#menu-item-206 a:hover {
    background-color: #FFF;
}

#menu-item-207 a:before,
#menu-item-209 a:before,
#menu-item-208 a:before,
#menu-item-224 a:before,
#menu-item-214 a:before,
#menu-item-210 a:before,
#menu-item-215 a:before,
#menu-item-219 a:before,
#menu-item-225 a:before,
#menu-item-226 a:before,
#menu-item-216 a:before,
#menu-item-217 a:before,
#menu-item-2006 a:before,
#menu-item-783 a:before,
#menu-item-227 a:before,
#menu-item-709 a:before,
#menu-item-3442 a:before,
#menu-item-3443 a:before,
#menu-item-3445 a:before{
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    background: url(img/sb_ia.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

#menu-item-207 a:hover,
#menu-item-209 a:hover,
#menu-item-208 a:hover,
#menu-item-224 a:hover,
#menu-item-214 a:hover,
#menu-item-210 a:hover,
#menu-item-215 a:hover,
#menu-item-219 a:hover,
#menu-item-225 a:hover,
#menu-item-226 a:hover,
#menu-item-216 a:hover,
#menu-item-217 a:hover,
#menu-item-2006 a:hover,
#menu-item-783 a:before,
#menu-item-227 a:hover,
#menu-item-709 a:hover,
#menu-item-3442 a:hover,
#menu-item-3443 a:hover,
#menu-item-3445 a:hover{
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.5);
}


/* Sidebar-mo */
@media screen and (max-width: 1023px) {

    .menu-close-button::before {
        margin: 0 10px 0 0;
        content: "Close";
        font-size: 14px;
        color: #ccc;
    }

    .menu-drawer {
        font-size: 16px;
        line-height: 2;
    }

    .menu-item-203 {
        color: #ed5471;
    }

    .menu-item-203 a {
        color: #ed5471;
        font-weight: 500;
    }

    .menu-item-203 a:hover {
        color: #ed5471;
        font-weight: 500;
    }

    .menu-item-203 a:visited {
        color: #ed5471;
        font-weight: 500;
    }

    .menu-item-203 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i01.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-202 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i02.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-201 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i03.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-200 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i04.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-213 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i07.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-223 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i08.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-199 a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_i05.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-204,
    .menu-item-205,
    .menu-item-206 {
        border-top: 1px solid #e6e6e6;
    }

    .menu-item-204 a:hover,
    .menu-item-205 a:hover,
    .menu-item-206 a:hover {
        background-color: #FFF;
    }

    .menu-item-203,
    .menu-item-202,
    .menu-item-201,
    .menu-item-200,
    .menu-item-213,
    .menu-item-223,
    .menu-item-199,
    .menu-item-207,
    .menu-item-209,
    .menu-item-208,
    .menu-item-224,
    .menu-item-214,
    .menu-item-210,
    .menu-item-215,
    .menu-item-219,
    .menu-item-225,
    .menu-item-226,
    .menu-item-216,
    .menu-item-217,
	.menu-item-2006,
    .menu-item-227,
    .menu-item-783,
    .menu-item-237,
    .menu-item-709{
        border-top: 1px solid #e6e6e6;
    }

    .menu-item-207 a:before,
    .menu-item-209 a:before,
    .menu-item-208 a:before,
    .menu-item-224 a:before,
    .menu-item-214 a:before,
    .menu-item-210 a:before,
    .menu-item-215 a:before,
    .menu-item-219 a:before,
    .menu-item-225 a:before,
    .menu-item-226 a:before,
    .menu-item-216 a:before,
    .menu-item-217 a:before,
	.menu-item-2006 a:before,
    .menu-item-227 a:before,
    .menu-item-783 a:before,
    .menu-item-237 a:before,
    .menu-item-709 a:before,
    .menu-item-3442 a:before,
    .menu-item-3443 a:before,
	.menu-item-3445 a:before{
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 10px;
        background: url(img/sb_ia.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }

    .menu-item-207 a:hover,
    .menu-item-209 a:hover,
    .menu-item-208 a:hover,
    .menu-item-224 a:hover,
    .menu-item-214 a:hover,
    .menu-item-210 a:hover,
    .menu-item-215 a:hover,
    .menu-item-219 a:hover,
    .menu-item-225 a:hover,
    .menu-item-226 a:hover,
    .menu-item-216 a:hover,
    .menu-item-217 a:hover,
	.menu-item-2006 a:hover,
    .menu-item-227 a:hover,
    .menu-item-783 a:hover,
    .menu-item-237 a:hover,
    .menu-item-709 a:hover,
    .menu-item-3442 a:hover,
    .menu-item-3443 a:hover,
    .menu-item-3445 a:hover{
        background-color: #f5f8fa;
    }

}




/* Footer */

.footer {
    margin-top: 4vh;
    padding: 4vh 0;
}
@media screen and (max-width: 624px){
	.footer {
    padding: 4vh 3% !important;
	}
}

.footer-bottom {
    padding: 1vh 1% 4vh;
}

.fo_con {
	width: 100%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	margin: 0;
	padding: 0 1%;
}

.fo_sb {
    width: calc(90% / 2);
    box-sizing: border-box;
    height: 100%;
}

@media screen and (max-width: 624px) {
    .fo_sb {
        margin: 0 0 0.6em;
        padding: 0;
        width: 100%;
    }
}

.fo_in2 {
	width: 100%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	height: 100%;
}

.fo_ti {
    font-weight: 400;
    letter-spacing: normal;
    font-size: 24px;
    padding: 0 0 2%;
}

.fo_ti2 {
    font-weight: 400;
    letter-spacing: normal;
    font-size: 24px;
    padding: 0 0 2%;
    border-bottom: solid 1px #ccc;
}

.fo_p {
    background-color: #FFF;
    padding: 15px;
}

.snsbtniti {
	width: 30%;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-evenly;;
	-ms-justify-content: space-evenly;;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}

.snsbtniti li {
    text-align: center !important;
}

.sti_btn {
    font-size: 18px;
    width: 60%;
    height: 50%;
    margin: auto 0;
    color: #333;
    background-color: #FFF;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    padding: 1em .3em;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.fobar {
    width: 1px;
    height: 150px;
    border-left: solid 1px #ccc;
    display: block;
    margin: 0 8px;
}

.flowbtn {
    border-radius: 5px;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-decoration: none;
    transition: .5s;
    background-color: #333;
    color: #fff;
}

.flowbtn:hover {
    text-decoration: none;
    color: #fff;
}

.flowbtn a:visited {
    color: FFF;
}

.flowbtn i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Twitterマウスホバー時 */
.flowbtn.fl_tw2:hover {
    background: #55acee;
}

/* LINEマウスホバー時 */
.flowbtn.fl_li2:hover {
    background: #00c300;
}

@media screen and (max-width: 1023px) {
    .sti_btn {
        margin: 20px auto;
        padding: 10px 0;
        width: 80%;
    }

    .snsbtniti {
        margin: 0;
        padding: 20px 0 0;
        width: 100%;
        border-top: solid 1px #ccc;
    }
	.fobar {display:none;}
}

@media screen and (max-width: 624px){
	.footer {
    padding: 4vh 16px;
	}
	.footer-bottom {
    margin-top: 0;
    padding: 0;
}
  .navi-footer-in > .menu-footer li.menu-item {
	  border-top:solid 1px #ccc;
    width: 100%;
	}
	.navi-footer-in > .menu-footer li.menu-item {
    margin:0;
	}
	.navi-footer-in > .menu-footer li.menu-item a {
    padding: 10px 0;
    width: 100%;
	}
	.navi-footer {
    border-bottom:solid 1px #ccc;
	}

}

.single-post:not(.categoryid-4) .post-date {
  display: none;
}

/* 固定ページ日付削除 */
.post-185 .date-tags,
.post-101 .date-tags,
.post-238 .date-tags,
.post-220 .date-tags,
.post-115 .date-tags,
.post-128 .date-tags,
.post-2 .date-tags,
.post-85 .date-tags,
.post-130 .date-tags,
.post-3 .date-tags,
.post-197 .date-tags,
.post-31 .date-tags,
.post-63 .date-tags,
.post-15 .date-tags,
.post-29 .date-tags,
.post-95 .date-tags,
.post-106 .date-tags,
.post-92 .date-tags,
.post-66 .date-tags,
.post-122 .date-tags,
.post-147 .date-tags,
.post-117 .date-tags,
.post-18 .date-tags,
.post-194 .date-tags,
.post-120 .date-tags,
.post-104 .date-tags,
.post-99 .date-tags,
.post-126 .date-tags,
.post-211 .date-tags,
.post-109 .date-tags {
    display: none;
}

/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
		display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	margin: 0 !important;
    overflow: hidden;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
	margin-bottom: 1.4em !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
 
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
 
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 15px;
    margin: 0 0 10px;
    text-align: left;
	display: block !important;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0;
}
 
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0;
	}
}


/*-----------------------------
特集ページ
------------------------------*/
.tokusyu-hd{
	width:100%;
	height:60vh;
}
.hd_textbox {
	height: 100%;
	display: grid;
  place-items: center;
}
.hd_vertical {
	padding:0.3em 2em;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
	text-orientation: upright;
	font-weight:700;
	font-size:32px;
	letter-spacing: 0.3em;
	text-align:center;
	background-color:#FFF;
}

@media screen and (max-width: 624px){
	.hd_vertical {
		padding: 0.4em 1em;
		font-weight: 700;
		font-size: 24px;
	}
}


.to_hd_copy{
	margin:4vh 0;
}

h2.sec-tit {
	text-align: center;
    font-size: 32px;
    font-weight: 700;
  padding: 1rem;
	margin:0 auto 3vh;
  border-top: 6px double #333;
  border-bottom: 6px double #333;
	background-color: #fff;
	max-width: fit-content;
}

h2.zisseki-tit {
  position: relative;
  padding: 1.5rem;
	margin:2vh 0;
  text-align: center;
	background-color: transparent;
	font-weight: 700;
}
h2.zisseki-tit:before {
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
  width: 80px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ed5471;
}

h3.itemlist-tit {
  position: relative;
  padding: 0 65px;
  text-align: center;
	border-bottom:none;
	font-weight: 700;
	margin:0 0 2vh ;
}
h3.itemlist-tit:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #333;
}
h3.itemlist-tit:after {
	content:none;
}
h3.itemlist-tit span {
  position: relative;
  padding: 0 1em;
  background-color: #fff;
}

.tokusyu-con2{
	padding: 4vh 2em 1vh;
    background-color: #f3efee;
	text-align:center;
}
.tokusyu-md{
	font-size:32px;
	font-weight:700;
}
.white-box {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  padding: 15px;
  margin: 1vh 0;
	text-align:center;
}
.white-box img {
    margin: 1vh 0 0;
}

h3.matome-tit {
  position: relative;
  padding: 1em 2em;
	margin:0 auto 1vh;
  text-align: center;
	border-bottom:none;
	max-width: fit-content;
	background-color: #FFF;
}
h3.matome-tit:before,
h3.matome-tit:after {
  position: absolute;
  content: '';
}
h3.matome-tit:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
	border-bottom:none;
}
h3.matome-tit:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}

.tokusyu-sli{
	font-size:22px;
	font-weight:700;
}

.tokusyu-img{
	margin:1vh 0 0;
}

h3.hbs-tit {
  position: relative;
  color: #FFF;
	font-weight:700;
  background: #ed5471;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
	border-bottom: none;
}
h3.hbs-tit:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em;
}
h3.hbs-tit:after{
	content:none;
}

.boxtks {
    position: relative;
    margin: 2em 0;
    padding: 1em;
    border: solid 3px #ed5471;
    border-radius: 8px;
}
.boxtks .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #ed5471;
    font-weight: bold;
}
.boxtks p {
    margin: 0; 
    padding: 0;
}


@media screen and (max-width: 624px){
	.tokusyu-con2 {
    padding: 4vh 1em 1vh;
	}
	.tokusyu-md{
	font-size:22px;
	}
	h3.matome-tit {
		padding: 1em 0.2em;
	}
}

/*特集ページリスト*/
.dl_tokusyu {
  margin: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dl_tokusyu dt {
  font-weight: 700;
}
.dl_tokusyu dt{
  padding: 15px;
  width: 35%;
  box-sizing: border-box;
  border-right:  1px solid #e6e6e6;
	margin-left: 0;
}
.dl_tokusyu dt:nth-of-type(odd){
  background-color:#f3efee;
}
.dl_tokusyu dd {
  padding: 15px;
  width: 65%;
	margin-left: 0;
}
.dl_tokusyu dd:nth-of-type(odd){
  background-color:#f3efee;
}

.dl_tokusyu dd a{
	  border-bottom: 2px solid #333;
}
.dl_tokusyu dd a:hover {
	border-color: rgba(51, 51, 51, 0.5);
}

.tk_subtit{
	font-size:24px;
	font-weight:700;
	text-align:center;
	padding: 1rem 2rem;
	border: 4px solid #333;
}