/*
 Theme Name:   motorcyclist
 Template:     core_tcd027
*/

.post_content {
/*
	padding-bottom:20px;
*/
}

/* ページ上部へ戻るボタン */
#return_top a { bottom:120px; }


/* ロゴ */
.pc #logo_text div#logo { font-size:26px; font-weight:normal; margin:0 0 10px 0; }
.pc #logo_text div#logo a { display:block; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
.pc #logo_text div#logo a:hover { }
.pc #logo_image div#logo { position:absolute; margin:0; padding:0; line-height:100%; }

@media screen and (max-width: 625px) {
	#logo_image { margin:21px 0 0 15px !important; z-index:9999; float:left; }
	.pc #logo_image div#logo img { display:none !important; }
}
.pc #logo_image div#logo img { display:block; }




.uz-mc-web_pc .__uz__widget .__uz__header-div { display: none; }

.post_content .wp-block-image a			{ position:relative; display:block; }
.post_content .wp-block-image a::after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f00e';
	font-size:26px;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	background:#fff;
	color: #f36;
	font-weight: bold;
	padding: 8px 8px;
	z-index:999;
	opacity:.8;
}
.post_content .wp-block-image a:hover::after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f00e';
	font-size:40px;
	top: calc(50%-10px);
	right: calc(50%-10px);
	border-radius: 50%;
	background:#fff;
	color: #f36;
	font-weight: bold;
	padding: 20px 20px;
	z-index:999;
	opacity:.8;
}
/*
.wp-block-image a img:after		{ position:absolute; display:block; content:'●'; bottom:10px; right:10px; }
*/
.wp-block-image a:hover img	{ opacity:.5; }



/* ----------------------------------------------------------------------
 後付けパーツ用（最終更新：2019.01.24）
---------------------------------------------------------------------- */
.blk_contact_info{
	position:relative;
	width:100%;
	margin-top:3em;
	padding:1.6em;
	border:1px solid #ccc;
	box-shadow:0 0.12em 0.2em rgba(0,0,0,.2);
/*
	font-size:1rem;
*/
	box-sizing:border-box;
}
.blk_contact_info h1{
	position:relative;
	top:-1.5em;
	display:inline-block;
	max-width:100%;
	margin:0 0 0 -.3em;
	padding:0 .3em;
	font-size:1.75em;
	line-height:1.2;
	color:#E8343D;
	background-color:#fff;
	border:none;
}

.blk_contact_info .contact_info				{ margin-top:-2.2em; }
.blk_contact_info .contact_info table		{ border:none; width:100%; margin:0; }
.blk_contact_info .contact_info th			{ border:none; width:20%; padding:.3em 0 .3em 0; white-space:nowrap; text-align:left; background:none; font-weight:bold; line-height:1.2em; }
.blk_contact_info .contact_info td			{ border:none; width:80%; padding:.3em 0 .3em 1em; white-space:wrap; line-height:1.2em; }
.blk_contact_info .contact_info td a		{ color:#0270AC; word-break: break-all; }
.blk_contact_info .contact_info td a:hover	{ color:#468EC5; }





.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
/*
	display: table-caption;
*/
	caption-side: bottom;
	display: block;
	color:#1a5487;
	font-size:12px;
	padding:0 0 1.6em .6em;
/*
	font-style:italic;
*/
	line-height:1.6em;
}

.wp-block-image figcaption{
	caption-side: bottom;
	display: block;
	color:#1a5487;
	font-size:12px;
	padding:0 0 1.6em .6em;
/*
	font-style:italic;
*/
	line-height:1.6em;
}

.wp-block-image figcaption::before {
	content:'▲';
	display:inline-block;
	margin-right:.3em;
	color:#888;
}

.wp-block-embed figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	caption-side: bottom;
	display: block;
	color:#1a5487;
	font-size:12px;
	padding:0 0 1.6em .6em;
/*
	font-style:italic;
*/
	line-height:1.6em;

}
.wp-block-embed figcaption::before {
	content:'▲';
	display:inline-block;
	margin-right:.3em;
	color:#888;
}
/*
.wp-block-embed-youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.wp-block-embed-youtube iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
*/




#index_post_list_tab {
	margin:15px 0;
}

.post_content .wp-caption-text {
	text-align:left;
	padding:.5em 1em;
}

.gallery_h1_sub { border-bottom:solid #ccc 1px; margin-bottom:1em; padding:.2em 0; }
.gallery_h1_sub span{ color:#fff; background:#1a5487; display:inline-block; padding:.6em 1em; }
.swiper-container figcaption { line-height:1.8em; }


.post_title {
	font-size: 24px;
}
.post_content h2 {
	font-size: 22px;
	line-height:1.6em;
	padding:.2em 0 .2em .8em;
	border-left:solid 8px #1a5487;
	margin:2em 0;
}
.post_content h3 {
	font-size: 18px;
	line-height:1.6em;
	padding:.5em 0;
	position: relative;
	margin:2em 0;
}
.post_content h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #1a5487;
	bottom: -3px;
	width: 20%;
}


.post_content p { margin:2em 0; }

.post_content a {
    color: #f36;
    text-decoration: underline;
	display:inline;
	margin:0 .3em;
	word-wrap: break-word;
}
.post_content a:hover {
    color:#1a5487;
}



.post_content blockquote {
	margin: 0 0 25px;
	padding: 16px 40px 16px 40px;
	border: none;
	border: solid 4px #ccc;
	border-radius:10px;
	box-shadow: 0px 0px 0px 0px #f2f2f2;
	position: relative;
/*	background:#efefef;
*/
}

.post_content blockquote:before {
	content: '"';
	font-style: italic;
	font-size: 50px;
	font-weight: 400;
	line-height: 70px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 6px;
	color: #f36;
}


.post_content blockquote:after {
	content: '"';
	font-style: italic;
	font-size: 50px;
	font-weight: 400;
	text-align: left;
	line-height: 70px;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -10px;
	right: -16px;
	color: #f36;
}

.post_content blockquote p { margin:1.4em .5em 1em .5em; line-height:1.8em; }

.post_content blockquote a { word-wrap: break-word; width:100%; line-height:1.6em; }









ul.post_meta { border-top:solid 1px #666; margin-top:20px; }
ul.post_meta li { color:#999; }
ul.post_meta li a { color:#1a5487; }



/* ブロック：レイアウト */
.wp-block-column:not(:first-child) { margin-left:16px; }
.wp-block-column	{ margin-bottom:2em; }
.wp-block-column p	{ margin:.5em 0; font-size:14px; line-height:1.6em; }
.wp-block-column figcaption { margin:0; padding:.5em 0; }
.wp-block-column .wp-block-image { margin:0; }
/* ブロック：埋め込み */
.wp-block-embed { margin:2em 0; }


.pagination_label{ margin:.5em 0; color:#f36; font-weight:bold; }


#share_btm1 {
	width: 100%;
	margin: 15px 0 15px;
}






/*-------------------------------------------------*

	メディアパートナー用
	2022.07.10 add

 *-------------------------------------------------*/
#index_mp_post_list { width:550px; max-width:100%; margin:0; position:relative; margin: 0 0 0 0; }

#index_mp_post_list .headline { border-left:3px solid #dd0000; background:#dd0000; color:#fff; height:50px; line-height:50px; font-size:14px; padding:0 17px; margin:0 0 25px 0; }
#index_mp_post_list .post_type1 { width:260px; float:left; }
#index_mp_post_list .post_type1 .image { float:left; width:260px; height:170px; overflow:hidden; display:inline-block; margin:0 0 10px 0; }
#index_mp_post_list .post_type1 .image img {
  width:260px; height:170px; display:block;
  -webkit-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
#index_mp_post_list .post_type1 .image:hover img {
 -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);
}
#index_mp_post_list .post_type1 .title { line-height:160%; display:block; font-size:14px; margin:0 0 10px 0; font-weight:bold; }
#index_mp_post_list .post_type1 .excerpt { padding:0; line-height:160%; font-size:12px; margin:0 0 10px 0; }
#index_mp_post_list .post_type1 .meta { margin:0; }
#index_mp_post_list .post_type1 .meta li { display:inline; font-size:12px; margin:0 3px 0 0; line-height:160%; }
#index_mp_post_list .post_type1 .meta li:first-child { border-right:1px solid #ccc; padding-right:7px; }
#index_mp_post_list ol { width:262px; float:right; margin:0; position:relative; }
#index_mp_post_list ol li { margin:0 0 20px 0;  }
#index_mp_post_list ol li li { display:inline; margin:0 3px 0 0; font-size:12px; line-height:160%; }
#index_mp_post_list ol li li:first-child { border-right:1px solid #ccc; padding:0 7px 0 0; }
#index_mp_post_list ol li .image { float:left; width:100px; height:100px; overflow:hidden; display:block; margin:0 10px 0 0; }
#index_mp_post_list ol li .image img {
  width:100px; height:100px;
  -webkit-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
#index_mp_post_list ol li .image:hover img {
 -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);
}
#index_mp_post_list ol li .title { line-height:160%; display:block; font-size:14px; margin:0 0 10px 0; font-weight:bold; }
#index_mp_post_list a { }
#index_mp_post_list a:hover { }

/*------------------------------*
	リストリンクボタン
 *------------------------------*/
.btn-goto-post_list {
	margin: 0;
	padding: 20px 10px 60px 10px;
}
.btn-goto-post_list a {
	display: block;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
	background: #ff0000;
	color: #fff;
}
.btn-goto-post_list a:hover {
	background: #aaa;
	color: #fff;
	text-decoration: none;
}
.btn-goto-post_list a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}



/*------------------------------*
	メディアパートナー用（記事ページ内、ショートコード）
 *------------------------------*/
/*
.external_site_readmore {
	padding-bottom: 4em;
}
.post_content .external_site_readmore a {
	display: block;
	padding: 1em;
	text-align: center;
	border: solid 1px #cc0000;
	text-decoration: none;
	background: #dd0000;
	color: #fff;
	letter-spacing:.1em;
	font-weight: bold;
	text-decoration: none;
}
.post_content .external_site_readmore a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}
.post_content .external_site_readmore a:hover {
	background: #fff;
	color: #cc0000;
	text-decoration: none;
}
*/

.external_site_readmore {
	padding-top: 20em;
	margin-top: -21em;
/*
	padding-top: 0;
	margin-top: 1em;
*/
	margin-bottom: 4em;
/*
	background: #ff0000;
*/
	background: linear-gradient( 180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 100% );
	z-index: 999;
	position:relative;
}
.post_content .external_site_readmore a {
	display: block;
	padding: .5em 1em;
	text-align: center;
	border: solid 1px #cc0000;
	text-decoration: none;
	background: #dd0000;
	color: #fff;
	letter-spacing:.1em;
	font-weight: bold;
	border-radius: 5px;
}
/*
.external_site_readmore a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}
*/
.post_content .external_site_readmore a:hover {
	background: #fff;
	color: #cc0000;
}
.post_content .external_site_readmore .link:before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}
.post_content .external_site_readmore .lead,
.post_content .external_site_readmore .link {
	padding: .3em 0;
}
.post_content .external_site_readmore .lead {
	font-weight: normal;
	line-height: 1.4em;
/*
	border-bottom: solid 1px #efefef;
*/
}
.post_content .external_site_readmore .link {
/*	color: #ffff00;
*/
}
.post_content .external_site_readmore a:hover .link {
	background: #fff;
	color: #cc0000;
	text-decoration: none;
}























#index_post_list_tab {
    margin: 0;
}






#searchform { margin-bottom: 30px; }

.pc_rectangle {
	border-top: solid 8px #ccc;
	border-bottom: solid 8px #ccc;
	padding: 10px 0;
}










@media screen and (max-width: 625px) {
	.post_title { font-size: 20px; }
	.post_content h2 { font-size: 18px; padding:.2em .2em .2em .8em; }

	.wp-block-image .aligncenter>figcaption,
	.wp-block-image .alignleft>figcaption,
	.wp-block-image .alignright>figcaption,
	.wp-block-image.is-resized>figcaption {
		font-size:14px;
		color:#1a5487;
	}

	.wp-block-image figcaption{
		font-size:14px;
		color:#1a5487;
	}


	/* ブロック：レイアウト */
	.wp-block-columns { width:80%; margin-left:auto; margin-right:auto; }
	.wp-block-column:not(:first-child) { margin-left:0; }



	.post_content .wp-block-image a::after {
		position: absolute;
		font-family: 'Font Awesome 5 Free';
		content: '\f00e';
		font-size:20px;
		top: 10px;
		right: 10px;
		border-radius: 50%;
		background:#fff;
		color: #f36;
		font-weight: bold;
		padding: 8px 8px;
		z-index:999;
		opacity:.8;
	}


	#searchform { margin-bottom: 0; }


	/*-------------------------------------------------*

		メディアパートナー用
		2022.07.10 add

	 *-------------------------------------------------*/
	#index_mp_post_list .post_type1 { width:auto; float:none; margin:0 0 20px 0; }
	#index_mp_post_list .post_type1 .image { float:none; width:100%; height:auto; overflow:hidden; display:inline-block; margin:0 0 10px 0; }
	#index_mp_post_list .post_type1 .image img { width:100%; height:auto; }
	#index_mp_post_list ol { width:100%; float:none; margin:0; position:relative; }



	.post_content .external_site_readmore a {
		padding: .5em .5em;
		text-align: center;
		font-size: 14px;
	}


}






@media (max-width: 599px)
}


/*
	付帯情報
*/
.note_box_wrapper {
	position: relative;
}
.note_box{ 
	position: relative;
	border: 2px solid #ee4056;
	border-radius: 5px;
	padding: 26px 20px 20px 20px;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 14px;
	line-height:1.6em;
}
.note_box p { margin:0; padding:0; line-height:1.6em; }
.note_box span { 
	position: absolute;
	top: -12px;
	left: 16px;
	font-size: 18px;
	font-weight: 700;
	background-color: #fff;
	color: #ee4056;
	padding: 0 10px;
}
.note_box a{ color:#ee4056; text-decoration:underline; display:inline; }
.note_box a:hover { color:#ffb53c; text-decoration:none; }


/*
	PCメインカラム内右カラム
*/
#side_col1 .styled_post_list1 .title,
#side_col1 .styled_post_list2 .title { font-weight:normal; margin:5px 10px 10px 10px; font-size:12px; line-height:1.6em; }


