@charset "utf-8";

/*---------------------------------
　SQUARE BLOG　記事
---------------------------------*/
.pagetit {
	margin-bottom: 20px;
}

/* カテゴリー */
.blog_cat {
	background: #999;
	padding: 15px 10px;
	overflow: hidden;
}

.cat_name {
	display: inline-block;
	color: #fff;
	float: left;
	position:relative;
	padding-left: 45px;
	font-size: 13px;
}

.blog_cat.bicycle {
	background: #717782;
}

.blog_cat.bicycle .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/ico_cycle.svg) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

.blog_cat.fishing {
	background: #717782;
}

.blog_cat.fishing .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/ico_fishing.svg) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

.blog_cat.ride-fish {
	background: #717782;
}

.blog_cat.ride-fish .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/ico_ride-fish.svg) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

@media print, screen and (min-width:768px) {
	.blog_cat {
		padding: 25px 30px;
	}
	.cat_name {
		font-size: 18px;
		padding-left: 65px;
	}

	.blog_cat.bicycle .cat_name:before {
		width: 50px;
		height: 50px;
	}

	.blog_cat.fishing .cat_name:before {
		width: 60px;
		height: 50px;
	}

	.blog_cat.ride-fish .cat_name:before {
		width: 60px;
		height: 50px;
	}
}

/* 日付 */
.blog_date {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 13px;
}
.blog_date span {
	font-size: 12px;
}

@media print, screen and (min-width:768px) {
	.blog_date {
		display: inline-block;
		float: right;
		color: #fff;
		font-size: 18px;
	}
	.blog_date span {
		font-size: 14px;
	}
}


/* ブログタイトル */
.blog_title {
	background-color: #44403f;
    color: #fff;
    text-align: center;
    padding: 25px 10px;
}

.blog_title h1{
	font-size: 16px;
}

.blog_title .blog_offer_link {
    background: #fff;
    border-radius: 25px;
    display: inline-block;
    font-size: 13px;
    color: #44403f;
	display: none;
}

.blog_title .blog_offer_link.howto {
	margin-top: 20px;
	display: inline-block;
}

.blog_title .blog_offer_link.howto:before {
	content: "How To";
	padding: 5px 15px;
}


@media print, screen and (min-width:768px) {
}

@media print, screen and (min-width:992px) {
	.blog_title h1 {
		font-size: 32px;
	}
	.blog_title .blog_offer_link {
		font-size: 17px;
	}
}

/* Mv */
.content_mv {
	margin-bottom: 30px;
}
.content_mv img {
	width: 100%;
}
@media print, screen and (min-width:768px) {
	.content_mv {
		margin-bottom: 50px;
	}
}

/* Tag */
.blog_tag {
	width: 100%;
}
.blog_tag .entry-tag {
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 40px;
}
.blog_tag .entry-tag-title {
}
.blog_tag .entry-tag-item {
	padding: 0 5px;
}
.blog_tag .entry-tag-item::after {
	content: ",";
	display: inline-block;
	margin-left: 5px;
}
.blog_tag .entry-tag-item:last-child::after {
	display: none;
}
/*---------------------------------
tag-list
---------------------------------*/
.tag-list {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tag-list_item a {
	display: block;
    font-size: 12px;
	text-align: center;
    padding: 4px 15px;
	border-radius: 25px;
	border: 1px solid #44403f;
    margin: 0 5px 5px 0;
	background: #fff;
	transition: 0.3s;
}
.archive-tag_list {
    margin: 20px auto;
}
@media print, screen and (min-width:900px) {
	.tag-list_item a:hover {
		color: #fff;
		background: #44403f;
	}
}

/* メインコンテンツ */
.column-image-auto {
	margin-bottom: 30px;
}
.acms-entry {
	margin-bottom: 30px;
	padding: 10px;
}
.blog_content {
	background-color: #fff;
	padding-bottom: 20px;
}

.content_txt {
	padding:0 20px;
}
@media print, screen and (min-width:768px) {
	.content_txt {
		padding:0;
	}
}

.event_mainv {
	margin-bottom: 25px;
}

.blog_content p {
	/* padding: 0 5px; */
	/* margin-bottom: 20px; */
}
.blog_content p.caption {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 0;
}

.column-iframe {
	position: relative;
  width: 100%;
  padding-top: 0;
}

.blog_content .column-iframe iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 98%;
}

.blog_content .event_map {
	margin-bottom: 30px;
}

.blog_content .column-image-left.acms-col-sm-12 {
	margin-bottom: 20px;
}

/* .blog_content .clearHidden {
	margin-bottom: 0 !important;
	padding-bottom: 20px;
} */

.another_link li .other_linkbtn {
	width: auto;
}

@media print, screen and (min-width:768px) {
	.blog_content img {
		width: 100%;
	}
	.main_content {
		margin-bottom: 20px;
	}
	/* .blog_content .clearHidden {
		padding-bottom: 40px;
	} */
}

@media print, screen and (min-width:992px) {

	.blog_content p {
		/* font-size: 14px; */
	}
	/* .blog_content iframe {
			max-height: 700px;
	} */
}


.blog_content .btn-link {
	display: block;
    text-align: center;
    padding: 10px 25px;
    background-color: #44403f;
    margin: auto;
    position: relative;
}
.blog_content .btn-link,.blog_content  .btn-link:link,.blog_content  .btn-link:visited,.blog_content  .btn-link:hover,.blog_content  .btn-link:active {
	color: #fff !important;
	border-bottom: none !important;
}
.blog_content .btn-link:hover {
	background-color: #727171;
}

.blog_content .btn-link span:after {
	content: ">";
    position: relative;
    right: -10px;
    margin: auto;
    font-size: 14px;
    top: 0;
    bottom: 0;
}

@media print, screen and (min-width:768px) {
	.blog_content .btn-link {
		display: table;
		padding: 10px 25px;
		margin-bottom: 0;
	}
}



/* SNS */
.sns_btn {
	margin-top: 40px;
}
@media print, screen and (min-width:768px) {
	.sns_btn {
		margin-top: 80px;
	}
}

/* PAGER */
#blog .page_pager {
	text-align: right;
}
#blog .bottom_pager {
	margin-bottom: 50px;
}
#blog .page_footline .page_pager {
	display: block !important;
}
@media print, screen and (min-width:768px) {
	#blog .bottom_pager {
		margin-bottom: 20px;
	}
}

/*  ブログ コンポーネント
---------------------------------*/
/*  */
.blog_content .columnImage {
	width: 100% !important;
	padding: 0 !important;
}
.blog_content .column-image-left {
	/* padding: 0 5px; */
	box-sizing: border-box;
}
.column-image-left.js_notStyle.acms-col-sm-6 {
	width: 47.5%;
}
.column-image-left + .column-image-left {
	margin-left: 5%;
}
.column-image-left.js_notStyle.acms-col-sm-6 + .entry-text {
	width: 47.5%;
	margin-left: 52.5%;
}
/* .blog_content .item_inner a {
	color: #00008b;
	border-bottom: 1px solid #00008b;
} */

@media print, screen and (min-width:768px) {
}

/* column-advice */
.column-advice {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 70px;
	padding: 25px 15px 35px;
	border-radius: 18px;
	background: #50bfd8;
	box-sizing: border-box;
}
.column-advice__head {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-bottom: 15px;
}
.column-advice__head .head-ill {
	width: 95px;
	height: 85px;
	margin-top: -60px;
	margin: -45px auto 29px;
	position: relative;
	z-index: 5;
}
.column-advice__head .head-ill img {
	margin-left: -15px;
}
.column-advice__head .head-txt p {
	align-items: center;
	padding: 15px 20px;
	background: #fff;
	border-radius: 18px;
	position: relative;
}
.column-advice__head .head-txt p::before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	border: 1px solid #000;
	border-radius: 18px;
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 5;
}

.column-advice__body {
	width: 100%;
}
.column-advice__body .body-txt {
	color: #fff;
	margin-bottom: 15px;
}
.column-advice__body .body-pic {
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.column-advice__body .body-pic::after {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	right: -6px;
	bottom: -6px;
	z-index: -1;
}
.column-advice__body .body-pic img {
	width: 100%;
}

@media print, screen and (min-width:768px) {
	.column-advice {
		margin-top: 80px;
		margin-bottom: 80px;
		padding: 40px;
	}
	.column-advice__head {
		display: flex;
		align-items: center;
	}
	.column-advice__head .head-ill {
		width: 25%;
		margin-top: -60px;
		margin-left: -40px;
		margin-bottom: 0;
	}
	.column-advice__head .head-txt {
		width: 75%;
	}
	.column-advice__head .head-ill img {
		margin-left: 0;
	}
	.column-advice__head .head-txt p {
		padding: 15px 40px;
		position: relative;
	}
	.column-advice__head .head-txt p::after {
		display: block;
		content: "";
		background: url(/themes/blog@shimano/img/img_advice-line.svg) left top no-repeat;
		width: 32px;
		height: 14px;
		position: absolute;
		left: -22px;
		top: 10%;
	}
}

@media print, screen and (min-width:992px) {
	.column-advice__head .head-ill {
		width: 150px;
		height: 170px;
		margin-top: -60px;
		margin-left: -40px;
	}
	.column-advice__head .head-txt {
		width: 490px;
	}
	.column-advice__head .head-txt p::after {
		top: auto;
		bottom: 0;
	}
	.column-advice__body {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.column-advice__body .body-txt {
		width: 390px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.column-advice__body .body-pic {
		width: 220px;
		min-height: 140px;
	}
}