

@media screen and (min-width: 769px) {
	
	.single-post-content{
		width: 100%;
		margin: 0 auto;	
		padding: 60px 0 0;
		position: relative;
	}
	.single-post-content:nth-child(1){
		padding: 20px 0 0;
	}
	
	
	
	
	/*
	---------------------------------------*/ 
	
	.single-socialshare{
		background: #EEEEEE;
		
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		left:100%;
		z-index: 100;
		/*
		position: absolute;
		top:20px;
		margin-left: 420px;
		*/
		width: 60px;
		padding: 5px 0 10px;
		margin-bottom: 280px;
	}
	
	
	
	.single-socialshare.second-pos{
		top:80px;
	}
	
	.ie11 .single-socialshare{
		position: relative;
		top:80px;
		left:50%;
		margin-left: 430px;
		margin-bottom: 280px;
	}
	.ie11 .single-socialshare.second-pos{
		top:100px;
	}
	
	.single-socialshare.fix{
		position: fixed;
	}
	.single-socialshare a{
		display: block;
		width:18px;
		height: 41px;
		margin: 0 auto;
		padding: 12px 0;
	}
	.single-socialshare a.fb{
		width: 12px;	
	}
	.single-socialshare .share{
		text-align: center;
		font-size: 11px;
	}
	


	/* イベントインフォメーション
	---------------------------------------*/
	
	.event-info{
		width: 100%;
		border: 6px solid #F2F2f2;
		padding: 20px;
		margin: 0 0 40px;
	}
	.event-info .event-title{
		font-size: 20px;
		line-height: 1.5;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.event-info dl{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.event-info dl dt{
		background-position: 0 50%;
		background-size: 16px 16px;
		background-repeat: no-repeat;
		padding-left: 20px;
		float: left;
		clear: left;
	}
	.ie11 .event-info dl dt{
		padding-top: 4px;
	}
	.ie11 .event-info dl dd{
		padding-top: 4px;
	}
	.event-info .event-date dt{
		background-image: url(../../common/img/icon_eventcal.svg) ;
	}
	.event-info .event-time dt{
		background-image: url(../../common/img/icon_eventtime.svg) ;
	}
	.event-info .event-place dt{
		background-image: url(../../common/img/icon_eventplace.svg) ;
	}
	.event-info dl dd{
		padding-left: 60px;
		font-weight: 700;
	}
	.event-info dl dd span{
		vertical-align: bottom;
		font-size: 11px;
		font-weight: 400;
	}
	
	
	
	
	/* 記事
	---------------------------------------*/ 
	
	.article{
		width: 800px;
		margin: -510px auto 0;
		position: relative;
	}
	/*.ie11 .article{
		margin-top: -510px ;
	}*/
	.post-data{
		position: absolute;
		top:0px;
		left:-140px;
		width: 100px;
		border-top: 2px solid #999999;
		color:#999999;
		padding-top: 1em;
		line-height: 1.6;
		font-size: 11px;		
	}
	.cover-photo{
		width: 100%;
		margin-bottom: 40px;
	}
	.post-title{
		font-size: 30px;
		line-height: 1.4;
		margin-bottom: 30px;
	}
	.tags {
		font-size: 16px;
		line-height: 1.6;
		color: #999999;
		margin-bottom: 30px;
	}
	.tags a{
		padding-right: 0.8em;
	}
	
	.post::before{
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		border:1px solid #999999;
		border-right:none;
		border-left:none;
		margin-bottom: 30px;
	}
	





	/* 記事整形
	---------------------------------------*/ 
	
	
	
	/*サムネイル画像サイズ*/
	
	.post .size-thumbnail{
		width: inherit;
	}
	
	
	/* キャプション */
	/*
	.post .photo-caption{
		margin-bottom: 10px;
		font-size: 0.786em;
		color: #545454;
		text-align: justify;
		line-height: 1.3;
	}
	*/
	


	/* iframe（YouTube） */
	




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




	
	
	/* 記事整形
	---------------------------------------*/ 
	
	.post{
		font-size: 18px;
		line-height: 1.8;
		padding-bottom: 30px;
	}
	.post p.parent{
		line-height: 1;
	}
	.post p.parent span{
		line-height: 1.8;
	}
	.post p span{
		vertical-align: baseline !important;
	}
	.post .catch{
		font-size: 14px;
		margin-bottom: 0;
		line-height: 1.4;
	}
	.post em{
		font-style: italic;
	}
	.post h2{
		font-size: 22px;
		/*border-bottom: 1px solid #CCCCCC;
		padding-bottom: 5px;*/
	}
	.post h3{
		font-size: 20px;
	}
	.post .caption{
		color: #999999;
		font-size: 14px;
		padding: 10px 0;
	}
	.post .aligncenter{
		margin: 0 auto;
		display: block;
	}
	.post .alignleft{
		float: left;
		margin: 0 15px 0 0;
	}
	.post .alignright{
		float: right;
		margin: 0 0 0 15px;
	}
	
	
	/* ギャラリー*/
	
	.post .photo-gallery ul li{
		width: 240px;
		height: auto;
		margin: 0 40px 35px 0;
		float: left;
	}
	.post .photo-gallery ul li:nth-child(3n){
		margin-right: 0;
	}
	
	
		/* 写真2列 */ 
	
	.post .photo-layout-2 .box{
		width: 390px;
		float: left;
	}
	
	.post .photo-layout-2 .column-1{
		margin-right: 20px;
	}
	
	.post .photo-layout-2 .photo{
		margin: 0 5px 5px;
		line-height: 1;
	}


	/* 写真4列 */

	.post .photo-layout-4 .box{
		width: 180px;
		margin-right: 26px;
		padding: 0;
		float: left;
	}
	
	.post .photo-layout-4 .column-4{
		margin-right: 0;
	}
	
	
	
	/* 地図
	---------------------------------------*/ 
	
	.map{
		width: 800px;
		margin: 0 auto 60px;
	}
	
	.map .place-info{
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
	.map .place-info .rootmap-midashi{
		font-size: 24px;
	}
	.map .map-canvas{
		width: 100%;
		height: 360px;
		background: #CCCCCC;
		
	}
	
	.map-canvas iframe{		
		width:100%;
		height:100%;
	}
	
	/* ルートマップ */
	#root-map .btn{
		display: block;
		border: 1px solid #696969;
		padding: 10px;
		color: #FFFFFF;
		text-align: center;
		cursor: pointer;
		background: #696969;
		margin-top: 1px;
	}
	
	#root-map .btn:hover{
		background: #FFFFFF;
		color: #696969;
		border: 1px solid #696969;
	}
	
	#root-map small{
		line-height: 1.4;
	}
	
	
	/* 著者
	---------------------------------------*/ 
	
	.post-author{
		width: 800px;
		margin: 0 auto 60px;
		position: relative;
	}
	.post-author .prof{
		padding: 20px 30px;
		border: 4px solid #CCCCCC;
	}
	.post-author .prof .photo{
		width: 90px;
		height: auto;
		margin-right: 20px;
		float: left;
	}
	.post-author .prof .photo{
		border-radius: 50%;
	}
	.post-author .prof .names{
		float: left;
		width: calc(100% - 110px);
		margin: 0.5em 0 1em;
	}
	.post-author .prof .names .author-name{
		font-size: 23px;
		display: inline-block;
		margin-right: 0.5em;
	}
	.post-author .prof .names .katagaki{
		font-size: 14px;
		display: inline;
		vertical-align: bottom;
	}
	.post-author .prof .message{
		float: left;
		width: calc(100% - 110px);
		font-size: 16px;
		line-height: 1.4;
	}
	.post-author .prof .names .sns{
		display: inline;
		padding-left: 15px;
	}
	.post-author .prof .names .sns img{
		width: 33px;
		display: inline-block;
		vertical-align: bottom;
		padding-right: 15px;
	}
	.post-author .prof .names .midashi{
		position: absolute;
		top:0;
		left:-140px;
		width: 100px;
		border-top: 2px solid #999999;
		color:#999999;
		padding-top: 1em;
		line-height: 1.6;
	}
	.post-author .prof .names .sns span{
		display: none;
	}
	
	
	/* 関連する記事
	---------------------------------------*/ 
	
	.related-posts{
		width: 800px;
		margin: 0 auto;
		position: relative;
		margin-bottom: 60px;
	}
	.related-posts .midashi{
		position: absolute;
		top:0;
		left:-140px;
		width: 100px;
		border-top: 2px solid #999999;
		color:#999999;
		padding-top: 1em;
		line-height: 1.6;	
	}
	.related-posts .featured-box .place{
		display: block;
		margin-top: 0.5em !important;
	}
	.related-posts .featured-box .featured-post-title{
		font-size: 16px;
	}
	.related-posts .featured-box{
		margin-bottom: 10px;
	}
	
	
	/* タグ
	---------------------------------------*/ 
	
	.post-tag{
		width: 800px;
		margin: 0 auto 60px;
		position: relative;	
	}
	.post-tag .midashi{
		position: absolute;
		top:0;
		left:-140px;
		width: 100px;
		border-top: 2px solid #999999;
		color:#999999;
		padding-top: 1em;
		line-height: 1.6;	
	}
	.post-tag .tags{
		font-size: 20px;
		line-height: 1.8;
	}
	
	
	/* おすすめの記事
	---------------------------------------*/ 
	
	.recommend-posts{
		width: 100%;
		background: #F2F2F2;
		padding: 60px 0;
	}
	.recommend-posts .inner{
		width: 800px;
		margin: 0 auto;
		position: relative;	
	}
	.recommend-posts .midashi{
		position: absolute;
		top:0;
		left:-140px;
		width: 100px;
		border-top: 2px solid #999999;
		color:#999999;
		padding-top: 1em;
		line-height: 1.6;	
	}
	.recommend-posts .featured-box .place{
		display: block;
		margin-top: 0.5em !important;
	}
	.recommend-posts .featured-box .featured-post-title{
		font-size: 16px;
	}
	.recommend-posts .featured-box{
		margin-bottom: 10px;
	}
	
	
	/* バナーエリア
	---------------------------------------*/
	
	.banner-area{
		width: 100%;
		background: #F2F2F2;
		padding: 0 0 60px;
		
	}
	.banner-area .inner{
		width: 1080px;
		margin: 0 auto;
	}
	
	#autoload a{
		width: 32px;
		height: 32px;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
}

@media screen and (min-width: 1280px) {
	
	.single-socialshare{
		left:85%;
	}
	
}

@media screen and (min-width: 1480px) {
	
	.single-socialshare{
		left:78%;
	}
	
}

@media screen and (min-width: 1680px) {
	
	.single-socialshare{
		left:76%;
	}
	
}

@media screen and (max-width:768px) {
	
		.single-post-content .post .video{
			position:relative;
			width:100%;
			padding-top:56.25%;
		}
		
		.single-post-content .post .video iframe{
			position:absolute;
			top:0;
			right:0;
			width:100%;
			height:100%;
		}
	
	}


@media screen and (max-width: 768px) {
	
	.single-post-content{
		width: 100%;
		margin: 0 auto;	
		padding:  0;
		position: relative;
	}
	
	
	
	/* PC用 sns シェア
	---------------------------------------*/ 
	/*
	.single-socialshare{
		background: #EEEEEE;
		position: absolute;
		top:20px;
		left:50%;
		margin-left: 420px;
		width: 60px;
		padding: 5px 0 10px;
	}
	.single-socialshare.fix{
		position: fixed;
	}
	.single-socialshare a{
		display: block;
		width:18px;
		height: auto;
		margin: 0 auto;
		padding: 12px 0;
	}
	.single-socialshare a.fb{
		width: 12px;	
	}
	.single-socialshare .share{
		text-align: center;
		font-size: 11px;
	}
	*/
	
	
	
	/* イベントインフォメーション
	---------------------------------------*/	
	
	.event-info{
		width: 100%;
		border: 2px solid #F2F2f2;
		border-right:none;
		border-left:none;
		border-botom:none;
		padding: 20px;
	}
	.event-info .event-title{
		font-size: 16px;
		line-height: 1.5;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.event-info dl{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.event-info dl dt{
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left: 20px;
		float: left;
		clear: left;
	}
	.event-info .event-date dt{
		background-image: url(../../common/img/icon_eventcal.svg) ;
	}
	.event-info .event-time dt{
		background-image: url(../../common/img/icon_eventtime.svg) ;
	}
	.event-info .event-place dt{
		background-image: url(../../common/img/icon_eventplace.svg) ;
	}
	.event-info dl dd{
		padding-left: 60px;
		font-weight: 700;
	}
	.event-info dl dd span{
		vertical-align: bottom;
		font-size: 11px;
		font-weight: 400;
	}
	
	
	
	
	/* 記事
	---------------------------------------*/ 
	
	.article{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.post-data{
		background: #F2F2F2;
		padding: 30px 5% 10px;
		color: #999999;	
		position: relative;	
		top:0 !important;
	}
	.post-data .place{
		position: absolute;
		bottom:10px;
		right:5%;
	}
	.cover-photo{
		width: 100%;
		margin-bottom: 20px;
	}
	.post-title{
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 15px;
		padding: 0 5%;
		font-weight: 700;
	}
	.tags {
		font-size: 14px;
		line-height: 1.6;
		color: #999999;
		margin-bottom: 20px;
		padding: 0 5%;
	}
	.tags a{
		padding-right: 0.8em;
	}
	.sp-single-socialshare{
		background: #F2F2F2;
		text-align: center;
		padding: 10px 0;
	}
	.sp-single-socialshare a{
		display: inline-block;
		width:22px;
		height: 22px;
		margin: 0 6%;
		vertical-align: middle;
	}
	.mac .sp-single-socialshare a{
		height: auto;
	}
	.sp-single-socialshare a.fb{
		width: 12px;	
	}
	
	
	
	/* 記事整形
	---------------------------------------*/ 
	
	.post{
		font-size: 15px;
		line-height: 1.8;
		padding-bottom: 30px;
		padding: 20px 5%;
		overflow-wrap: break-word;
		
	}
	.post em{
		font-style: italic;
	}
	.post p span{
		vertical-align: baseline !important;
	}
	.post .catch{
		font-size: 14px;
		margin-bottom: 0;
		line-height: 1.4;
	}
	.post h2{
		font-size: 18px;
		/*border-bottom: 1px solid #999999;
		padding-bottom: 5px;*/
	}
	.post h3{
		font-size: 17px;
		/*border-bottom: 1px solid #999999;
		padding-bottom: 5px;*/
	}
	.post .caption{
		color: #999999;
		font-size: 12px;
		padding: 15px 0;
	}
	
	
	
	/* 写真2列 */  

	.photo-layout-2 .photo{
		margin: 5px 0;
		line-height: 1;
	}


	/* 写真4列 */
	
	.photo-layout-4 .box{
		width: 49%;
		margin: 0 0.5% 1%;
		float: left;
	}
	
	
	/* ギャラリー*/

	.photo-gallery ul li{
		width: 49%;
		height: auto;
		margin: 0 2% 2% 0;
		float: left;
	}
	
	.photo-gallery ul li:nth-child(2n){
		margin-right: 0;
	}
	
	
	/* 地図
	---------------------------------------*/ 
	
	.map{
		width: 100%;
		padding: 0 5%;
		margin: 0 auto 30px;
	}
	
	.map .place-info{
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
	.map .place-info .rootmap-midashi{
		font-size: 18px;
	}
	.map .map-canvas{
		width: 100%;
		height: 280px;
		background: #CCCCCC;
	}
	.map .map-canvas iframe{
		width: 100%;
		height: 100%;
	}
	
	
	
	/* ルートマップ */
	
	#root-map .btn{
		display: block;
		border: 1px solid #696969;
		padding: 10px;
		color: #FFFFFF;
		text-align: center;
		cursor: pointer;
		background: #696969;
		margin-top: 5px;
	}
	/*
	#root-map .btn:hover{
		background: #FFFFFF;
		color: #696969;
	}
	*/
	#root-map small{
		display: block;
		margin-top: 5px;
		font-size: 12px;
		line-height: 1.4;
	}
	
	
	/* 著者
	---------------------------------------*/ 
	
	.post-author{
		width: 100%;
		margin: 0 auto 30px;
		padding: 0 5%;
	}
	
	.post-author .prof{
		padding: 20px 20px 40px;
		border: 4px solid #F2F2F2;
		position: relative;
	}
	
	.post-author .prof .photo{
		width: 60px;
		border-radius: 50%;
		margin-right: 20px;
		float: left;
		clear: left;
	}
	.post-author .prof .names{
		float: right;
		line-height: 1.6;
		width: calc(100% - 80px);
		margin: 0 0 20px;
	}
	
	.post-author .prof .names .author-name{
		font-size: 16px;
		display: inline-block;
		margin-right: 0.5em;
	}
	.post-author .prof .names .katagaki{
		line-height: 1;
	}
	.post-author .prof .message{
		clear: both;
		width: 100%;
		font-size: 13px;
		line-height: 1.4;
		text-align: justify;
	}
	.post-author .prof .names .sns{
		position: absolute;
		bottom:10px;
		right: 20px;
		display: inline;
		padding-left: 15px;
	}
	.post-author .prof .names .sns img{
		width: 33px;
		display: inline-block;
		vertical-align: bottom;
		padding-left: 15px;
	}
	
	.post-author .prof .names .sns span{
		font-size: 11px;
		vertical-align: baseline;
		font-weight: 700;
	}
	.post-author .prof .names .midashi{
		font-size: 10px;
		margin-bottom: 1px;	
	}
	
	
	/* 関連する記事
	---------------------------------------*/ 
	
	.related-posts{
		width: 100%;
		margin: 0 auto;
		position: relative;
		margin-bottom: 30px;
	}
	.related-posts .midashi{
		font-size: 16px;
		display: inline-block;
		border: 1px solid #999999;
		border-left:none;
		padding: 5px 10px 5px 5%;
		margin-bottom: 20px;
		
	}
	.related-posts .featured-box .place{
		
	}
	.related-posts .featured-box .featured-post-title{
		font-size: 16px;
	}
	.related-posts .featured-box{
		margin-bottom: 10px;
		padding: 0 5%;
	}
	
	
	/* タグ
	---------------------------------------*/ 
	
	.post-tag{
		width: 100%;
		margin: 0 auto 30px;
		position: relative;	
	}
	.post-tag .midashi{
		font-size: 16px;
		margin-bottom: 20px;
		padding-left: 5%;
	}
	.post-tag .tags{
		font-size: 16px;
		line-height: 1.6;
	}
	
	
	/* おすすめの記事
	---------------------------------------*/ 
	
	.recommend-posts{
		width: 100%;
		background: #F2F2F2;
		padding: 30px 0 10px;
	}
	.recommend-posts .inner{
		width: 90%;
		margin: 0 auto;
		position: relative;	
	}
	.recommend-posts .midashi{
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 20px;
		text-align: center;	
	}
	.recommend-posts .featured-box .place{
		
	}
	.recommend-posts .featured-box .featured-post-title{
		font-size: 16px;
	}
	.recommend-posts .featured-box{
		margin-bottom: 10px;
	}
	
	
	/* バナーエリア
	---------------------------------------*/
	
	.banner-area{
		width: 100%;
		background: #F2F2F2;
		padding: 0;
		
	}
	.banner-area .inner{
		width: 100%;
		margin: 0 auto;
	}
	
		
	#autoload a{
		width: 32px;
		height: 32px;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
}