/**********************************************************/
/* ブログ記事の中
/**********************************************************/
 blockquote{
	display:inline-block;
	font-style: normal !important;
	font-size:80%;
	margin:10px 0 0 0;
	background-color:#eee;
	border-style:none !important;}

 blockquote p{
	padding:15px 15px 0px 15px;}

 blockquote a{
	display:inline-block;
	color:#fff !important;
	background-color:#000;
	margin:8px 0 0 0;
	padding:2px 10px;
	border-radius: 30px;
	}

/**********************************************************/
/*シングルページ
/**********************************************************/
#main article.post .entry-header span{
	display:inline-block;
	margin-bottom:10px;
	color:#999;}

#main article.post .entry-content{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:30px 0;}

#main article.post .entry-content h3{
	border-top:3px solid #bbb;
	border-bottom:3px solid #bbb;
	padding:10px 0;
	margin:25px 0 15px 0;
	clear:both;}

#main article.post .entry-content p{
	font-size:120%;
	line-height:1.7;}

#main article.post .entry-content dl{
	border:1px solid #bbb;
	padding:15px;
	width:47%;
	margin:1%;
	display:inline-block;
	}

#main article.post .entry-content dl dt{
	font-size:120%;}

#main article.post .entry-content dl dd{
	margin:0;
	padding:0;}



header.entry-header h2.entry-title{
	border-bottom:1px solid #333;
	padding-bottom:10px;
	line-height:1.3 !important;
	}

header.entry-header h2.entry-title span.cat{
	display:block !important;
	padding:0;
	margin:0;
	font-size:50%;
	line-height:1 !important;
	}



body.single .blog_sidebar_left{
	width:230px;
	float:left;
	padding-top:20px;}

body.single .blog_widget{
	margin-bottom:30px;}

body.single .blog_widget h4.sidebar_tit{
	text-align:left;
	font-size:130%;
	font-family: monospace;
	border-bottom:1px solid #333;}


body.single .blog_sidebar_right{}

/************************************************
PC用画面
*************************************************/
@media screen and (min-width: 768px){
body.single #content #primary #main .entry-content{
	display:block;
	width : -webkit-calc(100% - 280px) !important;
	width : calc(100% - 280px) !important;
	margin:0 !important;
	padding:0 !important;
	border-top-style:none !important;
	border-bottom-style:none !important;
	float:right !important;}

body.single .blog_sidebar_left{
	width:230px;
	float:left;
	padding-top:20px;}}


/************************************************
モバイル用画面
*************************************************/

@media screen and (max-width: 767px){
header.entry-header h2.entry-title{
	font-size:150% !important;
	border-bottom:1px solid #333;
	padding-bottom:10px;
	}

body.single #content #primary #main .entry-content{
	display:block;
	width :100% !important;
	margin:0 !important;
	padding:0 !important;
	border-top-style:none !important;
	float:none;}

body.single #content #primary .blog_sidebar_left{
	width:100% !important;
	float:none;
	padding-top:20px;}

figure.alignleft,
figure.alignright{
	float:none !important;
	display:block;
	margin:25px auto !important;}
}

/*/////////////////////////////////////////////////////////*/
/*　山里であそぶ　ブログ・シングルページ　*/
/*/////////////////////////////////////////////////////////*/

body.yamazato-enjoy #main article.post{
	color:#fff;
	margin-top:70px;}

body.yamazato-enjoy #main article.post a{
	color:#fff;}

body.yamazato-enjoy header.entry-header h2.entry-title{
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	}

body.yamazato-enjoy header.entry-header h2.entry-title span.cat{
	color:#fff !important;
	margin:0;
	padding:0;}

body.single.yamazato-enjoy .blog_widget{
	margin-bottom:30px;}

body.single.yamazato-enjoy .blog_widget h4.sidebar_tit{
	color:#fff;
	text-align:left;
	font-size:130%;
	font-family: monospace;
	border-bottom:1px solid #fff;}

body.single.yamazato-enjoy .blog_widget .related_article{
	border:1px solid #fff;
	padding:5%;
	margin-top:-25px;}

@media screen and (max-width: 768px){
body.single.yamazato-enjoy .blog_widget .related_article{
	border-style:none;
	padding:5%;
	margin-top:0px;}

body.single.yamazato-enjoy .blog_widget .related_article img{
	display:block;
	max-width:90%;
	margin:10px auto;}}

body.single.yamazato-enjoy .blog_widget .related_article h4.sidebar_tit{
	text-align:center;
	}

body.single.yamazato-enjoy .blog_widget h5{
	color:#fff;
	font-size:100%;
	padding-top:5px;
	margin-top:5px;
	margin-bottom:20px;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	}

body.single.yamazato-enjoy #jp-relatedposts h3.jp-relatedposts-headline{
	color:#fff;}

body.single.yamazato-enjoy #content .col-full #primary #main .entry-content h3.wp-block-heading{
	font-size:220% !important;
	display:block !important;
	color:#fff !important;
	border-style:none !important;}

@media screen and (max-width: 767px){
	body.single.yamazato-enjoy #content .col-full #primary #main .entry-content h3.wp-block-heading{
	font-size:170% !important;}}

body.single.yamazato-enjoy #content .col-full #primary #main .entry-content p{
	font-size:110% !important;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;}

body.single.yamazato-enjoy .blog_widget span.more a{
	display:block;
	text-align:center;
	background-color:#fff;
	color:#116a53 !important;
	border-radius:150px;
	width:65px;
	margin:15px auto;
	padding:20px 0;}

h5#outline_tit{
	color:#fff;
	font-size:100%;
	width:90%;
	margin:35px auto 0 auto;
	padding:0 0 5px 0;
	border-bottom:1px #fff dotted;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;}

ul#outline{
	width:90%;
	margin:15px auto;}

ul#outline li{
	position:relative;}

ul#outline li a{
	display:block;
	color:#000 !important;
	background-color:#fff;
	border-radius:20px;
	margin:8px 0;
	padding:5px 15px;
	width:100%;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;}

ul#outline li:after{
	position:absolute;
	right:15px;
	bottom:19px;
	transform: rotate(45deg);
	content:"";
	display:block;
	width:10px;
	height:1px;
	background-color:#000;}

ul#outline li:before{
	position:absolute;
	right:15px;
	bottom:12px;
	transform: rotate(-45deg);
	content:"";
	display:block;
	width:10px;
	height:1px;
	background-color:#000;}

/*/////////////////////////////////////////////////////////*/
/*　イベント告知ページ・シングルページ（single-mep_events）　*/
/*/////////////////////////////////////////////////////////*/
.mep-default-sidrbar-price-seat,
.mep-default-sidrbar-map{
	display:none !important;}

.mep-default-sidrbar-meta,
.mep-default-sidrbar-address,
.mep-default-sidrbar-events-schedule,
.mep-default-sidrbar-social {
	padding:30px 30px 0 30px !important;
	margin:0px;}

.mep-default-sidrbar-address .location-title{
	display:block;
	font-size:16px !important;
	font-weight:normal !important;
	color:#fff;
	background-color:#008069;
	border-radius:20px;
	text-align:center;
	padding:8px 10px !important;
	margin: 0 auto 15px auto !important;}

.mep-default-sidrbar-events-schedule .sidrbar-events-schedule-title{
	display:block;
	font-size:16px !important;
	font-weight:normal !important;
	color:#008069;
	border-bottom:solid 1px #008069;
	text-align:center;
	padding:0px 0 10px 0 !important;
	margin: 0 auto 15px auto!important;}

.mep-default-sidrbar-social .mep-share-btn-title{
	display:block;
	font-size:16px !important;
	font-weight:normal !important;
	color:#008069;
	border:solid 1px #008069;
	border-radius:20px;
	text-align:center;
	padding:8px 10px !important;
	margin: 0 auto 15px auto !important;}

.mep-default-sidrbar-address p,
.mep-default-sidrbar-events-schedule .mep-more-date{
	width:80% !important;
	display:block;
	line-height:1.7x;
	margin: 0 auto!important;}

.mep-default-sidrbar-events-schedule ul li {
	line-height:1.4x;}

.mep-default-sidrbar-events-schedule ul{
	width:80% !important;
	display:block;
	margin:0 auto;}

.mep-default-sidrbar-social ul.mep-social-share{
	width:100% !important;
	display:block;
	margin:0 auto;}

.mep-default-sidrbar-social ul.mep-social-share li{
	display:inline-block;
	padding:0 !important;
	margin: 0 !important}

.mep-default-sidrbar-social ul.mep-social-share li i{
	color:#fff !important;}

.mep-default-feature-cart-sec .mpwem_ticket_type{
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	color:#000 !important:#}

.mep-default-feature-cart-sec .mpwem_ticket_type .card-header{
	background-color:#008069 !important;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	color:#fff !important;}

.ticket-price,
.mpwem_form_submit_area{
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;}

/*/////////////////////////////////////////////////////////*/
/*　山里であそぶ　E-ラーニング・シングルページ　*/
/*/////////////////////////////////////////////////////////*/

#content .tutor-container{
	background-color:#fff;
	margin-top:70px;
	padding:30px;
	border-radius: 20px;}

.tutor-container .tutor-lesson-wrapper dl{
	padding: 25px 25px 0px 25px;
	margin-bottom:70px;
	border:1px solid #999;
	border-radius: 30px;}

.tutor-container .tutor-lesson-wrapper dl dt,
.tutor-container .tutor-lesson-wrapper dl dd {
	text-align:center;}

.tutor-container .tutor-lesson-wrapper dl dd p{
	text-align:left;}

.tutor-container .tutor-lesson-wrapper dl dd a{
	display:block;
	color:#fff;
	text-align:center;
	background-color:#999;
	border-radius: 20px;}

.tutor-container .tutor-lesson-wrapper ul#explanatory_diagram{
	width:100% !important;
	text-align:left;
	display: flex;
	flex-wrap:wrap;/* 改行許可 */
	gap: 30px;}

.tutor-container .tutor-lesson-wrapper ul#explanatory_diagram li{
	background-color: transparent !important; 
	width : -webkit-calc((100% - 30px) / 2) ;
	width : calc((100% - 30px) / 2) ;}


/*/////////////////////////////////////////////////////////*/
/*　八百津の歴史　ブログ・シングルページ　*/
/*/////////////////////////////////////////////////////////*/

body.yaotsu-history #main article.post{
	color:#fff;
	margin-top:70px;}

/*/////////////////////////////////////////////////////////*/
/* コメントエリア　*/
/*/////////////////////////////////////////////////////////*/
#comment_area,
.wp-block-heading{
	clear:both !important;}

/**********************************************************/
/*YOUTUBE
/**********************************************************/
.youtube,
#contents .youtube{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe,
#contents .youtube iframe{
  width: 100% !important;
  height: 100% !important;
}