@charset "UTF-8";
.article-body ul{
    padding: 0;
    margin: 0;
}
.news_slide01 .splide__slide {
    text-align: left;
    direction: ltr;
}
/* 矢印 */
.splide__arrow {
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.splide__arrow:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.splide__arrow svg {
  fill: #333;
  transition: fill 0.3s ease;
}

.splide__arrow:hover svg {
  fill: #000;
}

.splide__arrow--prev {
  left: -50px;
}

.splide__arrow--next {
  right: -50px;
}
.splide__arrows--rtl .splide__arrow--prev {
  right: -50px;
}
.splide__arrows--rtl .splide__arrow--next {
  left: -50px;
}

.arrow_put .splide__arrow--prev {
  left: 0px;
}

.arrow_put .splide__arrow--next {
  right: 0px;
}
.arrow_put .splide__arrows--rtl .splide__arrow--prev {
  right: 0px;
  left: auto;
}
.arrow_put .splide__arrows--rtl .splide__arrow--next {
  right: auto;
  left: 0px;
}

@media (max-width: 600px) {
	.splide__arrow--prev {
	  left: 0px;
	}

	.splide__arrow--next {
	  right: 0px;
	}
}

/* ページネーションのスタイル */
.splide__pagination {
  position: relative;
  bottom: auto;
  padding: 1em 0;
}

.splide__track {
  margin: 0; /* ページネーションの高さに応じて調整 */
}

.splide__track {
    padding: 20px 0; /* hoverでの拡大とかに調整 */
}

.splide__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.splide__pagination li {
  margin: 0 5px;
}

.splide__pagination button {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background-color: #ccc;
  transition: all 0.3s ease;
}

.splide__pagination button.is-active {
  background-color: #333;
  transform: scale(1.2);
}

/* .news_slide01 */
.news_slide01 .splide__slide {
  background-color: #f8f8f8;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 10px;
  transition: transform 0.3s ease;
}

.news_slide01 .splide__slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.news_slide01 .splide__slide img {
  width: 100%;
  height: 200px; /* 固定の高さを設定 */
  object-fit: cover; /* 画像が要素のサイズに収まるように調整 */
  border-radius: 8px;
}

.news_slide01 .post-thumbnail {
    position: relative;
    backface-visibility: hidden;
    height: 200px;
}

.news_slide01 .splide__slide h3 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}

.news_slide01 .splide__slide p {
  color: #666;
  line-height: 1.5;
}

.news_slide01 .splide__slide .post-content > ul {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news_slide01 .splide__slide .post-content > ul >li {
    font-size: 12px;
    padding: 5px 10px;
    line-height: normal;
    display: inline;
    margin: 0;
    vertical-align: middle;
    background: #eee;
}

.news_slide01 .splide__slide  .post-content> ul >li span.icon {
    color: #e61e25;
}

.news_slide01 .splide__slide p.date {
    font-size: 12px;
    color: #9E9E9E;
}

/* カテゴリを写真の上に */
.news_slide01 .splide__slide .post-content > ul.cat-list {
    position: absolute;
    top: 5px;
    left: 5px;
    margin:0;
}
.news_slide01 .splide__slide .post-content > ul.cat-list li{
    background: #eeeeeea6;
}

/* 最初の一つだけ表示 */
.news_slide01 .splide__slide .post-content > ul.cat-list li:not(:first-child) {
  display: none;
}
/* タグは3個めまで表示 */
.news_slide01 .splide__slide .post-content > ul.tag-list li:nth-child(n+4) {
  display: none;
}


/* .news_slide02 */
.news_slide02 .splide__slide {
    padding: 0px 0px 30px 0;
    position: relative;
    transition: transform 0.3s ease;
}

.news_slide02 .splide__slide:hover {
    transform: scale(1.05);
    background: #F5F5F5;
}

.news_slide02 .splide__slide:hover img {
    transform: scale(1.05);
}

.news_slide02 .splide__slide::before, .news_slide02 .splide__slide::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.news_slide02 .splide__slide::before {
	border-left: solid 1px #9e9e9e;
	border-top: solid 1px #9e9e9e;
	top: 0;
	left: 0;
	z-index: 10;
}

.news_slide02 .splide__slide::after {
	border-right: solid 1px #9e9e9e;
	border-bottom: solid 1px #9e9e9e;
	bottom: 0;
	right: 0;
	z-index: 10;
}

.news_slide02 .splide__slide img {
  width: 100%;
  height: 180px; /* 固定の高さを設定 */
  object-fit: cover; /* 画像が要素のサイズに収まるように調整 */
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.news_slide02 .post-thumbnail {
    position: relative;
    backface-visibility: hidden;
    height: 180px;
}

.news_slide02 .post-content {
    padding:10px;
}

.news_slide02 .post-content h3{
  font-size: 16px;
}

/* マウスオーバー下線 */
.news_slide02 .post-content h3 a {
  color: #000000;
  text-decoration: none;
  background-image: linear-gradient(90deg, #e60012, #e60012);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: color 0.3s ease, background-size 0.3s ease;
}

.news_slide02 .post-content h3 a:hover {
  color: #e60012;
  background-size: 100% 1px;
}



.news_slide02 .splide__slide .post-content > ul {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news_slide02 .splide__slide  .post-content> ul >li {
    font-size: 12px;
    padding: 5px 10px;
    line-height: normal;
    display: inline;
    margin: 0 5px 5px 0;
    vertical-align: middle;
    background: #eee;
}

.news_slide02 .splide__slide  .post-content> ul >li span.icon {
    color: #e61e25;
}

.news_slide02 .splide__slide  .post-content> div.bike_maker {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    background: #eeeeeedb;
    font-size: 12px;
    padding: 5px 10px;
    line-height: normal;
    display: inline;
    margin: 0 5px 5px 0;
    vertical-align: middle;
    border-radius: 5px;
    text-transform: uppercase;
}
.news_slide02 .splide__slide  .post-content> div.bike_price {
    text-align: right;
}
.news_slide02 .splide__slide p.date {
    font-size: 12px;
    color: #9E9E9E;
}

/* カテゴリを写真の上に */
.news_slide02 .splide__slide .post-content > ul.cat-list {
    position: absolute;
    top: 5px;
    left: 5px;
    margin:0;
}
.news_slide02 .splide__slide .post-content > ul.cat-list li{
    background: #eeeeeea6;
}

/* 最初の一つだけ表示 */
.news_slide02 .splide__slide .post-content > ul.cat-list li:not(:first-child) {
  display: none;
}
/* タグは3個めまで表示 */
.news_slide02 .splide__slide .post-content > ul.tag-list li:nth-child(n+4) {
  display: none;
}

.news_slide02 .splide__slide .bike_price {
  bottom: 0;
  right: 5px;
  position: absolute;
  color:#e60012;
}

.news_slide02 .splide__slide .price {
    font-size: 20px;
}

.news_slide02 .splide__slide .price_tani {
    font-size: 14px;
}

/* cp_card02 */
.cp_card02 li.splide__slide > div {
	font-size: 14px;
	line-height: 1.45em;
	position: relative;
	overflow: hidden;
	height: 200px;
	margin: 0 auto 1.6%;
	-webkit-transition: height 0.3s ease;
	        transition: height 0.3s ease;
	border-radius: 3px;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
}
.cp_card02 li.splide__slide > div:hover .details {
	left: 0;
}
.cp_card02 li.splide__slide > div:hover.alt .details {
	right: 0;
}
.cp_card02 li.splide__slide > div.alt .details {
	right: -100%;
	left: inherit;
}
.cp_card02 li.splide__slide > div .photo {
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.cp_card02 li.splide__slide > div:hover .photo {
	-webkit-transform: rotate(5deg) scale(1.3);
	        transform: rotate(5deg) scale(1.3);
}
.cp_card02 li.splide__slide > div .photo.photo1 {
	background: url('images.jpg') center no-repeat;
	background-size: cover !important;
}
.cp_card02 li.splide__slide > div .details {
	position: absolute;
	top: 0;
	left: -100%;
	width: 40%;
	height: 200px;
	margin: 0;
	padding: 10px 15px;
	list-style: none;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	color: #ffffff;
	background: rgba(255,87,34, 0.4);
}
.cp_card02 li.splide__slide > div .details > li {
	padding: 3px 0;
}
.cp_card02 li.splide__slide > div .details li::before,
.cp_card02 li.splide__slide > div .details .tags ul::before {
	font-family: FontAwesome;
	margin-right: 10px;
	vertical-align: middle;
}
.cp_card02 li.splide__slide > div .details .category::before {
	content: '\f07b';
}
.cp_card02 li.splide__slide > div .details .date::before {
	content: '\f133';
}
.cp_card02 li.splide__slide > div .details .tags ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cp_card02 li.splide__slide > div .details .tags ul::before {
	content: '\f02b';
}
.cp_card02 li.splide__slide > div .details .tags li {
	display: inline-block;
	margin-right: 3px;
}
.cp_card02 li.splide__slide > div .details a {
	color: inherit;
}
.cp_card02 li.splide__slide > div .details a:hover {
	color: #ff5722;
}
.cp_card02 li.splide__slide > div .description {
	position: relative;
	z-index: 0;
	float: left;
	width: 60%;
	padding: 10px;
	min-height: 200px;
}

.cp_card02 li.splide__slide > div .description::before {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: -15px;
	width: 100%;
	content: '';
	-webkit-transform: skewX(-8deg);
	        transform: skewX(-8deg);
	background: #ffffff;
}
.cp_card02 li.splide__slide > div .description h2 {
	font-size: 1.4em;
	line-height: 1em;
	margin: 0 0 10px 0;
}
.cp_card02 li.splide__slide > div .description h2 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 1.2% 0;
	color: #9b9b9b;
}
.cp_card02 li.splide__slide > div .description p {
	position: relative;
	margin: 0;
	padding-top: 20px;
}
.cp_card02 li.splide__slide > div .description p::after {
	position: absolute;
	top: 6px;
	left: 0;
	width: 20%;
	height: 6px;
	content: '';
	background: #ff5722;
}
.cp_card02 li.splide__slide > div .description a {
	float: right;
	margin-bottom: 10px;
	text-decoration: none;
	color: #ff5722;
}
.cp_card02 li.splide__slide > div .description a::after {
	font-family: FontAwesome;
	margin-left: -10px;
	content: '\f061';
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	vertical-align: middle;
	opacity: 0;
}
.cp_card02 li.splide__slide > div .description a:hover::after {
	margin-left: 5px;
	opacity: 1;
}
.cp_card02 li.splide__slide > div .description > .bike_price {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
@media screen and (max-width: 480px) {
	.cp_card02 li.splide__slide > div .description h2 {
		font-size: 1.3em;
	}
}

/* cp_card05 */
.cp_card05 li.splide__slide > div {
	position: relative;
	overflow: hidden;
	min-height: 330px;
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
}
.cp_card05 li.splide__slide > div:hover .description {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
.cp_card05 li.splide__slide > div input[type='checkbox'] {
	display: none;
}
.cp_card05 li.splide__slide > div input[type='checkbox']:checked + .meta {
	-webkit-transform: translateY(-60px);
	        transform: translateY(-60px);
}
.cp_card05 li.splide__slide > div:hover .meta span {
	-webkit-transform: translate(-50%, -10px);
	        transform: translate(-50%, -10px);
	opacity: 1;
}
.cp_card05 li.splide__slide > div .details {
	padding: 1em;
	color: #ffffff;
}
.cp_card05 li.splide__slide > div .details::before,
.cp_card05 li.splide__slide > div .details::after {
	display: table;
	content: '';
}
.cp_card05 li.splide__slide > div .details::after {
	clear: both;
}
.cp_card05 li.splide__slide > div .details .date {
	font-size: 12px;
	float: left;
}
.cp_card05 li.splide__slide > div .description {
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	        transition: -webkit-transform 0.3s;
	        transition:         transform 0.3s;
	        transition:         transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: translateY(40px);
	        transform: translateY(40px);
	color: #ffffff;
	background: rgba(0, 0, 0, 0.4);
}
.cp_card05 li.splide__slide > div .description .content {
	position: relative;
	z-index: 1;
	padding: 1em;
}
.cp_card05 li.splide__slide > div .description .author {
	font-size: 12px;
}
.cp_card05 li.splide__slide > div .description p.text {
    font-size: 1em;
}
.cp_card05 li.splide__slide > div .description p.text a {
	color: #ffffff;
	text-decoration: none;
}
.cp_card05 li.splide__slide > div .description .text {
	height: 3em;
	margin: 0;
	overflow: hidden;
}
.cp_card05 li.splide__slide > div .description .button {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	position: relative;
	display: block;
	width: 100px;
	margin: 2em auto 1em;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}
.cp_card05 li.splide__slide > div .description .button::after {
	position: absolute;
	top: 50%;
	right: 0;
	font-family: FontAwesome;
	content: '\f061';
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	opacity: 0;
}
.cp_card05 li.splide__slide > div .description .button:hover::after {
	-webkit-transform: translate(5px, -50%);
	        transform: translate(5px, -50%);
	opacity: 1;
}
.cp_card05 li.splide__slide > div .meta {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cp_card05 li.splide__slide > div .meta::before,
.cp_card05 li.splide__slide > div .meta::after {
	display: table;
	content: '';
}
.cp_card05 li.splide__slide > div .meta::after {
	clear: both;
}
.cp_card05 li.splide__slide > div .meta li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}
.cp_card05 li.splide__slide > div .meta a {
	color: #ffffff;
	text-decoration: none;
}
.cp_card05 li.splide__slide > div .meta span {
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	opacity: 0;
}
@media screen and (max-width: 480px) {
	.cp_card05 li.splide__slide > div .description .text {
		height: 6em;
	}
}

/* cp_blockdesign06 */
.cp_blockdesign06 {
	position: relative;
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #ec407a;
}
.cp_blockdesign06::before,
.cp_blockdesign06::after {
	position: absolute;
	width: 20px;
	height: 20px;
	content: '';
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #ec407a;
}
.cp_blockdesign06::before{
	top: 3px;
	left: 3px;
}
.cp_blockdesign06::after{
	right: 3px;
	bottom: 3px;
	-webkit-transform: scale(-1,-1);
	        transform: scale(-1,-1);
}
.cp_blockdesign06 .cp_authorname {
	display: flex;
	border-bottom: 1px solid #ec407a;
}
.cp_blockdesign06 .cp_authorname h2 {
	margin: 0.3em 0.3em 0.3em 0.8em;
	width: 65%;
	color: #ec407a;
}
.cp_blockdesign06 .cp_authorname ul {
	margin: 0.5em 0;
	padding: 0.3em 0 0.3em 0.8em;
	width: 35%;
	text-align: center;
	border-left: 1px solid #ec407a;
}
.cp_blockdesign06 .cp_authorname li {
	display: inline;
	padding: 0 0.5em;
}
.cp_blockdesign06 .cp_authorname li a {
	color: #ec407a;
}
.cp_blockdesign06 .cp_authorinfo {
	padding: 1em 0.5em  0.5em  0.5em;
}
/* .cp_blockdesign07 */
.cp_blockdesign07 {
	position: relative;
	overflow: hidden;
	padding: 0.5em;
	background: #B3E5FC;
}
.cp_blockdesign07 .cp_authorname::before,
.cp_blockdesign07 .cp_authorname::after {
	position: absolute;
	top: -7px;
	left: -20px;
	width: 110%;
	height: 130%;
	content: '';
}
.cp_blockdesign07 .cp_authorname::before{
	top: 0px;
	-webkit-transform: rotate(2.3deg);
	        transform: rotate(2.3deg);
	-webkit-transform-origin: bottom right;
	        transform-origin: bottom right;
	background: #4FC3F7;
}
.cp_blockdesign07 .cp_authorname::after{
	-webkit-transform: rotate(-1.8deg);
	        transform: rotate(-1.8deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
	background: #03A9F4;
}
.cp_blockdesign07 .cp_authorname {
	position: relative;
	display: flex;
}
.cp_blockdesign07 .cp_authorname h2 {
	z-index: 1;
	margin: 0.3em 0.3em 0.3em 0.8em;
	width: 65%;
	color: #ffffff;
}
.cp_blockdesign07 .cp_authorname ul {
	z-index: 1;
	margin: 0.5em 0;
	padding: 0.3em 0 0.3em 0.8em;
	width: 35%;
	text-align: center;
}
.cp_blockdesign07 .cp_authorname li {
	display: inline;
	padding: 0 0.5em;
}
.cp_blockdesign07 .cp_authorname li a {
	color: #ffffff;
}
.cp_blockdesign07 .cp_authorinfo {
	padding: 1em 0.5em  0.5em  0.5em;
	position: relative;
	z-index: 1;
}
/*cp_blockdesign04*/
.cp_blockdesign04 {
	padding: 1em 0em 0.5em 0em;
	border-top: solid 1px #da3c41;
	border-bottom: solid 1px #da3c41;
	position: relative;
}
.cp_blockdesign04::before,
.cp_blockdesign04::after {
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #da3c41;
}
.cp_blockdesign04::before{
	left: 10px;
}
.cp_blockdesign04::after{
	right: 10px;
}
.cp_blockdesign04 .cp_authorname {
	display: flex;
	background-color: #da3c41;
}
.cp_blockdesign04 .cp_authorname h2 {
	margin: 0.3em 0.3em 0.3em 0.8em;
	width: 65%;
	color: #ffffff;
}
.cp_blockdesign04 .cp_authorname ul {
	margin: 0.5em 0;
	padding: 0.3em 0 0.3em 0.8em;
	width: 35%;
	text-align: center;
	border-left: 1px dashed #ffffff;
}
.cp_blockdesign04 .cp_authorname li {
	display: inline;
	padding: 0 0.5em;
}
.cp_blockdesign04 .cp_authorname li a {
	color: #ffffff;
}
.cp_blockdesign04 .cp_authorinfo {
	padding: 0.5em 1.5em  0.5em  1.5em;
}