@charset "utf-8";
/*
 * =======================================================
 *
 * [blog]
 *
 * =======================================================
 */
#txtSearch {
	position: absolute;
	top: 0;
	right: 10px;
}
/**
 * 記事
 */
#detail {
	width: 100%;
}
	#detail .container {
		max-width: 940px;
		margin: 0 auto;
	}
	#detail header {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
		#detail header a {
			text-decoration: none;
		}
		#detail header h1 {
			font-size: 4.8rem;
			font-weight: bold;
			margin-bottom: 10px;
		}
		#detail header .infoWrap {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			margin-bottom: 22px;
		}
			#detail header .infoWrap .relation {
				width: 50%;
			}
				#detail header  .infoWrap .relation .tags {
					margin-bottom: 5px;
				}
					#detail header .infoWrap .relation .tags li {
						display: inline-block;
						color: #777;
					}
					#detail header .infoWrap .relation .tags li::after {
						content: ' / ';
					}
					#detail header .infoWrap .relation .tags li.tag::after {
						content: ', ';
					}
					#detail header .infoWrap .relation .tags li:last-child::after {
						display: none;
					}
					#detail header .infoWrap .relation .like a {
						background: url(../../images/content/content/ico_like.svg) no-repeat left center;
						background-size: 20px auto;
						padding-left: 25px;
						-webkit-transition: .3s;
						        transition: .3s;
					}
					#detail header .infoWrap .relation .like a.active {
						background-image: url(../../images/content/content/ico_like_on.svg);
					}
			#detail header .infoWrap .info {
				width: 50%;
				text-align: right;
				margin-top: 15px;
			}
				#detail header .infoWrap .info .writer {
					display: inline-block;
					padding-left: 60px;
					background-repeat: no-repeat;
					background-size: 50px auto;
					line-height: 50px;
				}
					#detail header .infoWrap .info .writer a {
						color: #00A496;
					}
					#detail header .infoWrap .info .writer a:hover {
						text-decoration: underline;
					}
				#detail header .infoWrap .info time {
					padding-left: 10px;
					margin-left: 5px;
					border-left: 1px solid #EFEFEF;
				}
	#detail .movieWrap {
		width: 100%;
		max-width: 780px;
		margin: 0 auto;
	}
		#detail .movieWrap .youtube {
			position: relative;
			max-width: 780px;
			padding-top: 56.25%;
			margin-bottom: 50px;
		}
		#detail .movieWrap iframe {
			width: 100% !important;
			height: 100% !important;
			position: absolute;
			top: 0;
			right: 0;
		}
.actionVox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
	.actionVox a {
		text-decoration: none;
	}
	.actionVox .share {}
		.actionVox .share li {
			width: 130px;
			display: inline-block;
			text-align: center;
			border-radius: 6px;
			margin-right: 10px;
		}
		.actionVox .share .fb {
			background-color: #395CA9;
		}
		.actionVox .share .tw {
			background-color: #1997F0;
		}
			.actionVox .share li a {
				display: block;
				line-height: 38px;
			}
				.actionVox .share li a img {
					margin-top: -2px;
				}
	.actionVox .returnBt {
		display: inline-block;
		border: 2px solid #395CA9;
		padding: 0 1em;
		line-height: 34px;
		border-radius: 5px;
		font-size: 1.6rem;
		color: #395CA9;
	}
		.actionVox .returnBt span {
			padding-left: 24px;
			background: url(../../images/content/content/ico_return.svg) no-repeat left center;
		}
		.actionVox .returnBt.ch span {
			padding: 0 3em;
		}
.editContent {
	max-width: 780px;
	margin: 0 auto;
}
	.editContent .box {
		margin-bottom: 60px;
	}
	.editContent img {
		width: 100%;
		max-width: 100%;
	}
	.editContent figure {
		margin-bottom: 20px;
		text-align: center;
	}
		.editContent figure figcaption {
			color: #777;
			margin-top: .5em;
		}
	.editContent p {
		padding: 0 10%;
		line-height: 2;
	}
.gMap {}
	.gMap iframe {
		width: 100%;
	}
.bottomArea {
	max-width: 830px;
	margin: 0 auto;
}
.detailVox {
	margin-bottom: 80px;
	padding: 30px 10% 0;
}
	.detailVox .title {
		display: block;
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.detailVox ul {}
	.detailVox li {
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 44px;
		line-height: 2;
		margin-bottom: 10px;
	}
	.detailVox li.addr {
		background-image: url(../../images/content/content/ico_pin_green.svg);
		background-position: left 5px center;
	}
	.detailVox li.phone {
		background-image: url(../../images/content/content/ico_phone_green.svg);
	}
	.detailVox li.time {
		background-image: url(../../images/content/content/ico_clock_green.svg);
	}
	.detailVox li.site {
		background-image: url(../../images/content/content/ico_www_green.svg);
		word-break: break-all;
	}
.likeVox {
	height: 190px;
	max-width: 830px;
	margin: 0 auto 20px;
	background: #F2F2F2;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
	.likeVox .mv {
		width: calc(100% - 260px);
		position: relative;
		overflow: hidden;
	}
		.likeVox .mv img {
			width: 100%;
			position: absolute;
			top: 0;
			width: 570px;
			height: auto;
			left: 50%;
			margin-left: -285px;
		}
	.likeVox .content {
		width: 260px;
		text-align: center;
		padding: 30px 0 0 0;
	}
		.likeVox .content .likeIcon {
			display: inline-block;
			width: 60px;
			height: 52px;
			background: url(../../images/content/content/ico_like.svg) no-repeat center;
			background-size: 100% auto;
			margin: 15px 0 10px;
			-webkit-transition: .3s;
			        transition: .3s;
		}
		.likeVox .content .likeIcon.active {
			background-image: url(../../images/content/content/ico_like_on.svg);
			cursor: default;
		}
		.likeVox .content .mainTxt {
			font-weight: bold;
		}
		.likeVox .content .subTxt {
			font-size: 1.2rem;
			font-weight: bold;
			color: #777;
		}
.relatedPosts {
	background: #F2F2F2;
	width: 100%;
	padding-right: 10px;
	margin-top: 60px;
	padding: 40px 5% 60px;
}
	.relatedPosts h3 {
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 35px;
	}
	.relatedPosts .entryWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		max-width: 840px;
		margin: 0 auto;
	}
	.relatedPosts .entryWrapper .entry {
		margin: 5px;
	}
.entry {
	position: relative;
	width: 200px;
	margin-bottom: 10px;
}
	.entry a {
		display: block;
		color: #FFF;
	}
	.entry a::before {
		content: '';
		position: absolute;
		top: 0;
		left: 10px;
		width: 40px;
		height: 60px;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.entry.stay a::before {
		background-image: url(../../images/content/content/label_stay.png);
	}
	.entry.sightseeing a::before {
		background-image: url(../../images/content/content/label_sightseeing.png);
	}
	.entry.shopping a::before {
		background-image: url(../../images/content/content/label_shopping.png);
	}
	.entry.eating a::before {
		background-image: url(../../images/content/content/label_eating.png);
	}
	.entry img {
		width: 100%;
	}
	.entry .content {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px;
	}
	.entry .info {
		display: inline-block;
		font-size: 1.1rem;
	}
		.entry .info time,
		.entry .info .like {
			display: inline-block;
		}
		.entry .info time {
			margin-right: 10px;
		}
		.entry .info .like {
			background: url(../../images/content/content/ico_like.svg) no-repeat left center;
			padding-left: 20px;
		}
		.entry .info .like.active {
			background-image: url(../../images/content/content/ico_like_on.svg);
		}
	.entry .entryTtl {
		font-size: 1.8rem;
	}
	.entry .bottom {
		font-size: 1.1rem;
		overflow: hidden;
		margin-top: 5px;
	}
	.entry .tags {}
		.entry .tags li {
			display: inline-block;
		}
		.entry .tags li::after {
			content: ' / ';
		}
		.entry .tags li.tag::after {
			content: ', ';
		}
		.entry .tags li:last-child::after {
			display: none;
		}
	.entry .writer {
		display: none;
	}
/**
 ****************************************************
 *
 * screens larger than 1024
 *
 ****************************************************
 */
@media screen and (min-width: 1025px) {
	#main {
		padding-top: 55px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
}
/**
 ****************************************************
 *
 * screens smaller than 1025
 *
 ****************************************************
 */
@media screen and (max-width: 1024px) {
	#detail {}
		#detail .container {
			max-width: 100%;
			padding: 0 2.67%;
		}
		#detail header {
			font-size: 1.4rem;
			margin-bottom: 30px;
			overflow: hidden;
		}
			#detail header h1 {
				font-size: 3.6rem;
			}
			#detail header .infoWrap {
				display: block;
				margin-bottom: 30px;
			}
				#detail header .infoWrap .relation {
					width: 100%;
					margin-bottom: 20px;
				}
					#detail header .infoWrap .relation .tags {
						margin-bottom: 10px;
					}
				#detail header .infoWrap .info {
					width: 100%;
					text-align: left;
					margin-top: 0;
				}
					#detail header .infoWrap .info .writer {
						padding-left: 50px;
						background-size: 40px auto;
						line-height: 40px;
					}
	.actionVox {
		display: block;
		overflow: hidden;
	}
		.actionVox .share {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			margin-bottom: 10px;
		}
			.actionVox .share li {
				width: 49%;
				margin-right: 0;
			}
			.actionVox .share .fb {
				background-color: #395CA9;
			}
			.actionVox .share .tw {
				background-color: #1997F0;
			}
		.actionVox .returnBt {
			font-size: 1.2rem;
			float: right;
			width: 49%;
			text-align: center;
			padding: 0;
		}
		html:lang(zh-tw) .actionVox .returnBt {
			font-size: 1.4rem;
		}
			.actionVox .returnBt span {
				background-size: 17px auto;
			}
	.editContent {
		max-width: 100%;
	}
		.editContent .box {
			margin-bottom: 60px;
		}
		.editContent p {
			padding: 0;
		}
	.gMap {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
		.gMap iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	.bottomArea {
		max-width: 100%;
		padding: 0 2.67%;
	}
	.detailVox {
		margin-bottom: 45px;
		padding: 20px 0 0;
	}
		.detailVox .title {
			font-size: 1.9rem;
			margin-bottom: 10px;
		}
		.detailVox ul {
			display: block;
		}
		.detailVox li {
			width: 100%;
			background-size: 20px auto;
			background-position: left top 4px;
			padding-left: 30px;
			margin-bottom: 5px;
		}
		.detailVox li.addr {
			background-position: left 3px top 4px;
			background-size: 14px auto;
		}
		.detailVox li.phone {
			background-position: left top 6px;
		}
	.likeVox {
		height: auto;
		max-width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
		.likeVox .mv {
			width: 50%;
			overflow: hidden;
			position: relative;
		}
			.likeVox .mv img {
				position: static;
				width: 100%;
				margin: 0;
			}
		.likeVox .content {
			width: 50%;
			padding: 10px .5em;
		}
			.likeVox .content .likeIcon {
				margin: 10px 0;
			}
			.likeVox .content .subTxt {
				font-size: 1.1rem;
			}
	.relatedPosts {
		padding: 30px 2.67% 20px;
	}
		.relatedPosts h3 {
			font-size: 1.9rem;
			margin-bottom: 25px;
		}
		.relatedPosts .entryWrapper {
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			max-width: auto;
		}
		.relatedPosts .entryWrapper .entry {
			margin: 0 0 10px;
		}
	.entry {
		width: 49%;
	}
		.entry a::before {
			width: 30px;
			height: 50px;
		}
		.entry img {
			width: 100%;
		}
		.entry .content {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 10px;
		}
		.entry .entryTtl {
			font-size: 1.6rem;
		}
		.entry .bottom {
			margin-top: 0;
		}
		.entry .tags {
			position: relative;
			height: 1.5em;
			overflow: hidden;
		}
		.entry .tags::after {
			content: '...';
			position: absolute;
			right: 0;
			bottom: 0;
		}
}
/**
 ****************************************************
 *
 * screens smaller than 375
 *
 ****************************************************
 */
@media screen and (max-width: 374px) {
	.likeVox {
		line-height: 1.5;
	}
		.likeVox .content {
			padding: .5em;
		}
		.likeVox .content .mainTxt {
			font-size: 1.2rem;
		}
		.likeVox .content .subTxt {
			font-size: 1.1rem;
		}
		.likeVox .content .likeIcon {
			width: 40px;
			height: 42px;
			margin: 5px 0 0;
		}
}	/* @media END */