@charset "utf-8";

.itembox figure.effect-none figcaption {
	position:relative;
	z-index:10;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
.itembox figure.effect-none figcaption h3 {
	margin:0;
}
.itembox figure.effect-none figcaption h3 + p {
	margin-top:10px;
}
.flex .row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex [class*='col-xs-'],.flex [class*='col-sm-'],.flex [class*='col-md-'],.flex [class*='col-lg-'] {
	width:100%;
	float:none;
}
.flex .col-xs-1 {
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.flex .col-xs-2 {
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%;
}
.flex .col-xs-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.flex .col-xs-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.flex .col-xs-5 {
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%;
}
.flex .col-xs-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.flex .col-xs-7 {
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.flex .col-xs-8 {
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%;
}
.flex .col-xs-9 {
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.flex .col-xs-10 {
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.flex .col-xs-11 {
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%;
}
.flex .col-xs-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
.flex .order-xs-first {
	-ms-flex-order:-1;
	order:-1;
}
.flex .order-xs-last {
	-ms-flex-order:13;
	order:13;
}
.flex .order-xs-0 {
	-ms-flex-order:0;
	order:0;
}
.flex .order-xs-1 {
	-ms-flex-order:1;
	order:1;
}
.flex .order-xs-2 {
	-ms-flex-order:2;
	order:2;
}
.flex .order-xs-3 {
	-ms-flex-order:3;
	order:3;
}
.flex .order-xs-4 {
	-ms-flex-order:4;
	order:4;
}
.flex .order-xs-5 {
	-ms-flex-order:5;
	order:5;
}
.flex .order-xs-6 {
	-ms-flex-order:6;
	order:6;
}
.flex .order-xs-7 {
	-ms-flex-order:7;
	order:7;
}
.flex .order-xs-8 {
	-ms-flex-order:8;
	order:8;
}
.flex .order-xs-9 {
	-ms-flex-order:9;
	order:9;
}
.flex .order-xs-10 {
	-ms-flex-order:10;
	order:10;
}
.flex .order-xs-11 {
	-ms-flex-order:11;
	order:11;
}
.flex .order-xs-12 {
	-ms-flex-order:12;
	order:12;
}
.flex .offset-xs-1 {
	margin-left:8.333333%;
}
.flex .offset-xs-2 {
	margin-left:16.666667%;
}
.flex .offset-xs-3 {
	margin-left:25%;
}
.flex .offset-xs-4 {
	margin-left:33.333333%;
}
.flex .offset-xs-5 {
	margin-left:41.666667%;
}
.flex .offset-xs-6 {
	margin-left:50%;
}
.flex .offset-xs-7 {
	margin-left:58.333333%;
}
.flex .offset-xs-8 {
	margin-left:66.666667%;
}
.flex .offset-xs-9 {
	margin-left:75%;
}
.flex .offset-xs-10 {
	margin-left:83.333333%;
}
.flex .offset-xs-11 {
	margin-left:91.666667%;
}
@media (min-width: 768px) {
	.flex .col-sm-1 {
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
	.flex .col-sm-2 {
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
	.flex .col-sm-3 {
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
	.flex .col-sm-4 {
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
	.flex .col-sm-5 {
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
	.flex .col-sm-6 {
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
	.flex .col-sm-7 {
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
	.flex .col-sm-8 {
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
	.flex .col-sm-9 {
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
	.flex .col-sm-10 {
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
	.flex .col-sm-11 {
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
	.flex .col-sm-12 {
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
	.flex .order-sm-first {
		-ms-flex-order:-1;
		order:-1;
	}
	.flex .order-sm-last {
		-ms-flex-order:13;
		order:13;
	}
	.flex .order-sm-0 {
		-ms-flex-order:0;
		order:0;
	}
	.flex .order-sm-1 {
		-ms-flex-order:1;
		order:1;
	}
	.flex .order-sm-2 {
		-ms-flex-order:2;
		order:2;
	}
	.flex .order-sm-3 {
		-ms-flex-order:3;
		order:3;
	}
	.flex .order-sm-4 {
		-ms-flex-order:4;
		order:4;
	}
	.flex .order-sm-5 {
		-ms-flex-order:5;
		order:5;
	}
	.flex .order-sm-6 {
		-ms-flex-order:6;
		order:6;
	}
	.flex .order-sm-7 {
		-ms-flex-order:7;
		order:7;
	}
	.flex .order-sm-8 {
		-ms-flex-order:8;
		order:8;
	}
	.flex .order-sm-9 {
		-ms-flex-order:9;
		order:9;
	}
	.flex .order-sm-10 {
		-ms-flex-order:10;
		order:10;
	}
	.flex .order-sm-11 {
		-ms-flex-order:11;
		order:11;
	}
	.flex .order-sm-12 {
		-ms-flex-order:12;
		order:12;
	}
	.flex .offset-sm-0 {
		margin-left:0;
	}
	.flex .offset-sm-1 {
		margin-left:8.333333%;
	}
	.flex .offset-sm-2 {
		margin-left:16.666667%;
	}
	.flex .offset-sm-3 {
		margin-left:25%;
	}
	.flex .offset-sm-4 {
		margin-left:33.333333%;
	}
	.flex .offset-sm-5 {
		margin-left:41.666667%;
	}
	.flex .offset-sm-6 {
		margin-left:50%;
	}
	.flex .offset-sm-7 {
		margin-left:58.333333%;
	}
	.flex .offset-sm-8 {
		margin-left:66.666667%;
	}
	.flex .offset-sm-9 {
		margin-left:75%;
	}
	.flex .offset-sm-10 {
		margin-left:83.333333%;
	}
	.flex .offset-sm-11 {
		margin-left:91.666667%;
	}
}
@media (min-width: 992px) {
	.flex .col-md-1 {
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
	.flex .col-md-2 {
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
	.flex .col-md-3 {
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
	.flex .col-md-4 {
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
	.flex .col-md-5 {
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
	.flex .col-md-6 {
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
	.flex .col-md-7 {
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
	.flex .col-md-8 {
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
	.flex .col-md-9 {
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
	.flex .col-md-10 {
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
	.flex .col-md-11 {
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
	.flex .col-md-12 {
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
	.flex .order-md-first {
		-ms-flex-order:-1;
		order:-1;
	}
	.flex .order-md-last {
		-ms-flex-order:13;
		order:13;
	}
	.flex .order-md-0 {
		-ms-flex-order:0;
		order:0;
	}
	.flex .order-md-1 {
		-ms-flex-order:1;
		order:1;
	}
	.flex .order-md-2 {
		-ms-flex-order:2;
		order:2;
	}
	.flex .order-md-3 {
		-ms-flex-order:3;
		order:3;
	}
	.flex .order-md-4 {
		-ms-flex-order:4;
		order:4;
	}
	.flex .order-md-5 {
		-ms-flex-order:5;
		order:5;
	}
	.flex .order-md-6 {
		-ms-flex-order:6;
		order:6;
	}
	.flex .order-md-7 {
		-ms-flex-order:7;
		order:7;
	}
	.flex .order-md-8 {
		-ms-flex-order:8;
		order:8;
	}
	.flex .order-md-9 {
		-ms-flex-order:9;
		order:9;
	}
	.flex .order-md-10 {
		-ms-flex-order:10;
		order:10;
	}
	.flex .order-md-11 {
		-ms-flex-order:11;
		order:11;
	}
	.flex .order-md-12 {
		-ms-flex-order:12;
		order:12;
	}
	.flex .offset-md-0 {
		margin-left:0;
	}
	.flex .offset-md-1 {
		margin-left:8.333333%;
	}
	.flex .offset-md-2 {
		margin-left:16.666667%;
	}
	.flex .offset-md-3 {
		margin-left:25%;
	}
	.flex .offset-md-4 {
		margin-left:33.333333%;
	}
	.flex .offset-md-5 {
		margin-left:41.666667%;
	}
	.flex .offset-md-6 {
		margin-left:50%;
	}
	.flex .offset-md-7 {
		margin-left:58.333333%;
	}
	.flex .offset-md-8 {
		margin-left:66.666667%;
	}
	.flex .offset-md-9 {
		margin-left:75%;
	}
	.flex .offset-md-10 {
		margin-left:83.333333%;
	}
	.flex .offset-md-11 {
		margin-left:91.666667%;
	}
}
@media (min-width: 1200px) {
	.flex .col-lg-1 {
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
	.flex .col-lg-2 {
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
	.flex .col-lg-3 {
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
	.flex .col-lg-4 {
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
	.flex .col-lg-5 {
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
	.flex .col-lg-6 {
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
	.flex .col-lg-7 {
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
	.flex .col-lg-8 {
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
	.flex .col-lg-9 {
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
	.flex .col-lg-10 {
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
	.flex .col-lg-11 {
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
	.flex .col-lg-12 {
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
	.flex .order-lg-first {
		-ms-flex-order:-1;
		order:-1;
	}
	.flex .order-lg-last {
		-ms-flex-order:13;
		order:13;
	}
	.flex .order-lg-0 {
		-ms-flex-order:0;
		order:0;
	}
	.flex .order-lg-1 {
		-ms-flex-order:1;
		order:1;
	}
	.flex .order-lg-2 {
		-ms-flex-order:2;
		order:2;
	}
	.flex .order-lg-3 {
		-ms-flex-order:3;
		order:3;
	}
	.flex .order-lg-4 {
		-ms-flex-order:4;
		order:4;
	}
	.flex .order-lg-5 {
		-ms-flex-order:5;
		order:5;
	}
	.flex .order-lg-6 {
		-ms-flex-order:6;
		order:6;
	}
	.flex .order-lg-7 {
		-ms-flex-order:7;
		order:7;
	}
	.flex .order-lg-8 {
		-ms-flex-order:8;
		order:8;
	}
	.flex .order-lg-9 {
		-ms-flex-order:9;
		order:9;
	}
	.flex .order-lg-10 {
		-ms-flex-order:10;
		order:10;
	}
	.flex .order-lg-11 {
		-ms-flex-order:11;
		order:11;
	}
	.flex .order-lg-12 {
		-ms-flex-order:12;
		order:12;
	}
	.flex .offset-lg-0 {
		margin-left:0;
	}
	.flex .offset-lg-1 {
		margin-left:8.333333%;
	}
	.flex .offset-lg-2 {
		margin-left:16.666667%;
	}
	.flex .offset-lg-3 {
		margin-left:25%;
	}
	.flex .offset-lg-4 {
		margin-left:33.333333%;
	}
	.flex .offset-lg-5 {
		margin-left:41.666667%;
	}
	.flex .offset-lg-6 {
		margin-left:50%;
	}
	.flex .offset-lg-7 {
		margin-left:58.333333%;
	}
	.flex .offset-lg-8 {
		margin-left:66.666667%;
	}
	.flex .offset-lg-9 {
		margin-left:75%;
	}
	.flex .offset-lg-10 {
		margin-left:83.333333%;
	}
	.flex .offset-lg-11 {
		margin-left:91.666667%;
	}
}


/* 追記 */
.page-header_activearchive {
	padding-top:80px;
}
.glist {
	transition: opacity .8s ease-in-out,transform .8s ease-in-out;
	opacity: 0;
/*	transform: translateY(60px)*/
}
.glist.is-show {
	display: flex;
}
.glist:not(.is-show) {
	display: none;
}
.glist.is-show.active {
	opacity: 1;
	transform: translateY(0);
}
.category-description {
	transition: opacity .8s ease-in-out,transform .8s ease-in-out;
	opacity: 0;
	transform: translateY(60px);
}
.category-description.active {
	opacity: 1;
	transform: translateY(0);
}
.calist {
	display: flex;
}
.calist a.active {
	border-color:#000;
	background-color: #000;
	color: #fff;
	text-decoration: none !important;
}
.img_rappps {
	position: relative;
}
.new-mark {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 6px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	background-color: #fff;
	border-radius: 2px;
	z-index:2;
}
body.tax-cpt_activecat .category-description + .container {
	width:100%;
	padding-inline:0;
}
body.tax-cpt_activecat .main-contents {
	padding-top: 0;
}
@media (max-width: 767px) {
	.calist_rap {
		margin-left: -15px;
		margin-right: -15px;
		width:100vw;
		padding-left:15px;
		overflow: hidden;
	}
}
@media (max-width: 767px) {
	.mainvisual-fullscreen ,
	.mainvisual-fullscreen-display {
		height: 100svh !important;
		overflow: hidden;
	}
    .navbar-collapse {
        position: fixed;
        top: 60px;
        right: -100%;
        width: calc(100vw + 15px);
        height: calc(100vh - 60px);
        max-height: none !important;
        background: #fff;
        z-index: 9999;
        transition: right 0.5s ease-in-out;
        overflow-y: auto;
        display: block;
        
    }
    .navbar-collapse.mobile-menu-open {
        right: 0;
    }
    .navbar-nav {
        width: 100%;
        margin: 0;
    }
    .navbar-nav > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }
	.navbar-nav .dropdown-menu {
	    display: block;
	    width: 100%;
        height: calc(100vh - 60px);
	    position: fixed;
	    top: 60px;
	    left: auto;
	    right: -100%;
	    z-index: 10000;
	    border: none;
	    box-shadow: none;
	    margin: 0;
	    padding-top: 60px;
        transition: right .5s ease-in-out;
	}
	.navbar-nav .dropdown.submenu-open .dropdown-menu {
	    right: 0;
	}    
    
    .navbar-nav .dropdown-menu li {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    
    .navbar-nav .dropdown-menu li a {
        padding: 12px 40px;
        font-size: 16px;
        color: #666;
    }
    .navbar-nav .dropdown > a .caret {
        float: right;
        margin-top: 0;
        transform: rotate(-90deg);
        top:0;
        right:15px;
        transition: transform .5s ease-in-out;
        width:51px;
        height:51px;
    }
    .mobile-menu-close {
        position: absolute;
        top: 0;
        right: 30px;
        font-size: 24px;
        background: none;
        border: none;
        color: #333;
        cursor: pointer;
        padding: 5px;
    }
	.dropdown-close-btn {
		position: absolute;
		top: 15px;
		left: 0;
		font-size: 16px;
		background: none;
		border: none;
		color: #333;
		cursor: pointer;
		padding: 10px;
		z-index: 10001;
		font-weight: normal;
	}
	.dropdown-close-btn:hover {
		color: #666;
	}
    .navbar-nav > li.active > a {
        background: #f0f0f0;
        color: #000;
    }
    .navbar-nav .dropdown-menu li a {
	    line-height: 21px !important;
    }
}


/* お知らせ */
article.itembox {
	padding:20px !important;
}
article.itembox .attachment-media,
article.itembox .attachment-media figure {
	position: static;
}
article.itembox .attachment-media time {
	top:25px !important;
	left:25px !important;
}
article.itembox .attachment-media a::after {
	position: absolute;
	width:100%;
	height:100%;
	content: '';
	top:0;
	left: 0;
	z-index: 10;
	cursor: pointer;
}
article.itembox .readmore {
	display: none;
}
article.itembox figure.imgeffect-zoomin img {
    -webkit-transform: scale(1);
    transform: scale(1)
}
article.itembox:hover figure.imgeffect-zoomin img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

@media (min-width: 768px) {
.fix_right.show {
  display: none !important;
}
}

@media (max-width: 767px) {
.fix_right {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
}
.fix_right.show {
  opacity: 1;
  visibility: visible;
  display: flex !important;
  pointer-events: auto;
}
}