@charset "UTF-8";

/* reset */
.contenucontent.m20 {
	margin:  0 !important;
}
#kiji {
	width: 980px;
	font-size: 13px;
	line-height: 1.8;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
	color: #000;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	position:relative;
}

#kiji p,
#kiji ul,
#kiji ol,
#kiji li,
#kiji dl,
#kiji dt,
#kiji dd,
#kiji div {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.8;
}

#kiji ul,
#kiji ol,
#kiji li {
	display: block;
	list-style-type:none;
	list-style-position:outside;
	text-indent: none;
}

#kiji dt,
#kiji dd {
	text-indent: none;
}

#kiji h1,
#kiji h2,
#kiji h3,
#kiji h4,
#kiji h5,
#kiji h6 {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
	font-weight: bold;
}

#kiji a {
	color: #3d91ff;
}

#kiji a:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#kiji img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#kiji .fleft { float: left; }
#kiji .fright { float: right; }

/* 表示・非表示 */
.pcOnly{display:inline !important;}
.spOnly{display:none !important;}
@media screen and (max-width:600px){
.pcOnly{display:none !important;}
.spOnly{display:inline !important;}
}

/* content */
/* ヘッダー */
#kiji .kijiHeader { 
	position: relative;
	height: 400px;
	overflow: hidden;
	margin-bottom: 65px;
}

#kiji .kijiHeader h2 { 
	position: absolute;
}

#kiji .kijiHeader .commentWrap { 
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#kiji .kijiHeader .commentWrap p {
	float: right;
}

#kiji .kijiHeader .commentWrap p.comment { 
	width: 13em;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px 12px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 10px;
}

#kiji .kijiHeader .commentWrap p.comment span { 
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 2px;
}

/* スポット */
#kiji .spot {
	position: relative;
	margin-bottom: 70px;
}

#kiji #spot6 {
	margin-bottom: 0;
}

#kiji .spot h3 {
	font-size: 24px;
	line-height: 1.8;
	font-weight: bold;
	color: #000 !important;
	width: 700px;
	margin-left: 40px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-top: 6px;
	border-bottom: #eee solid 4px;
}

#kiji .spot h3 span {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

#kiji .spot p.map {
	position: absolute;
	top: 0;
	right: 25px;
}

#kiji .spot .photoWrap {
	margin-bottom: 2px;
}

#kiji .spot .photoWrap:nth-child(odd),
#kiji .spot #photoWrap10 {
	padding-left: 40px;
}
#kiji .spot #photoWrap6 {
	padding-right: 40px;
	margin-top: -212px;
}

#kiji .spot .photoWrap img.fullRound { border-radius: 20px; }
#kiji .spot .photoWrap img.leftRound { border-radius: 20px 0 0 20px; }

#kiji .spot .photoWrap .commentWrap {
	margin-left: 20px;
	margin-right: 20px;
}

#kiji .spot #photoWrap1 .commentWrap { margin-top: 130px; }
#kiji .spot #photoWrap2 .commentWrap { margin-top: 40px; }
#kiji .spot #photoWrap3 .commentWrap { margin-top: 100px; }
#kiji .spot #photoWrap4 .commentWrap { margin-top: 70px; }
#kiji .spot #photoWrap5 .commentWrap { margin-top: 100px; }
#kiji .spot #photoWrap6 .commentWrap { margin-top: 40px; }
#kiji .spot #photoWrap7 .commentWrap { margin-top: 130px; }
#kiji .spot #photoWrap8 .commentWrap { margin-top: 70px; }
#kiji .spot #photoWrap9 .commentWrap { margin-top: 150px; }
#kiji .spot #photoWrap10 .commentWrap { margin-top: 150px; }

#kiji .spot .photoWrap .commentWrap p.comment {
	width: 14em;
	background-color: #eee;
	padding: 12px 18px;
	border-radius: 10px;
}

#kiji .spot #photoWrap4 .commentWrap p.comment,
#kiji .spot #photoWrap8 .commentWrap p.comment {
	width: 12em;
}

#kiji .spot .photoWrap .fright p.portrait {
	text-align: right;
}

/* クレジット */
#kiji .cre {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
	color: #666;
	margin-right: 15px;
}

/* ロゴ */
#kiji .logo {
	padding: 25px 0;
}

#kiji .logo > ul > li >ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 0;
}

#kiji .logo > ul > li >ul > li {
	margin: 0 30px;
}

@media screen and (max-width:978px){
	#kiji { width: 100%; }
	
	#kiji .fleft, #kiji .fright { float: none; }
	
	/* ヘッダー */
	#kiji .kijiHeader { 
		height: 370px;
		margin-bottom: 20px;
	}
	
	/* スポット */
	#kiji .spot {
		padding-left: 40px;
		padding-right: 40px;
		margin-bottom: 40px;
	}
	
	#kiji .spot h3 {
		font-size: 20px;
		width: auto;
		margin-left: 0;
		margin-right: 30px;
		padding-top: 40px;
	}
	
	#kiji .spot h3 span {
		font-size: 17px;
	}
	
	#kiji #spot2 h3 span {
		display: block;
		margin-top: -8px;
	}
	
	#kiji .spot p.map {
		right: 15px;
	}

	#kiji .spot p.map img {
		width: 223px;
		height: auto;
	}
	
	#kiji .spot .photoWrap {
		margin-bottom: 40px;
	}
	
	#kiji .spot .photoWrap:nth-child(odd),
	#kiji .spot #photoWrap10 {
		padding-left: 0;
	}
	#kiji .spot #photoWrap6 {
		padding-right: 0;
		margin-top: 0;
	}
	
	#kiji .spot .photoWrap img.leftRound {
		border-radius: 20px;
	}
	
	#kiji .spot .photoWrap .commentWrap {
		margin-top: -80px !important;
	}
	
	#kiji .spot .photoWrap .fright p.portrait {
		text-align: left;
	}
	
	#kiji .spot .photoWrap .commentWrap p.comment {
		width: auto !important;
		line-height: 1.7;
	}
}
	
@media screen and (max-width:600px){
	/* ヘッダー */
	#kiji .kijiHeader { 
		height: 458px;
		background: url(../images/sp_kv.jpg) no-repeat center bottom;
		background-size: 600px auto;
		border-top: #ccc solid 1px;
		margin-bottom: 40px;
	}

	#kiji .kijiHeader h2 { 
		position: static;
		text-align: center;
	}
	
	#kiji .kijiHeader .commentWrap p.comment { 
		border-radius: 6px;
	}
	
	/* スポット */
	#kiji .spot {
		padding-left: 20px;
		padding-right: 20px;
	}

	#kiji .spot h3 {
		line-height: 1.2;
		margin-right: 0;
		margin-bottom: 5px;
		padding-top: 0;
		padding-bottom: 5px;
	}
	
	#kiji .spot h3 span {
		display: block;
		font-size: 17px;
	}
	
	#kiji #spot2 h3 span {
		margin-top: 0;
	}
	
	#kiji .spot p.map {
		position: static;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#kiji .spot .photoWrap p.photo img {
		border-radius: 6px !important;
	}
	
	#kiji .spot .photoWrap .commentWrap {
		margin-top: -92px !important;
		margin-left: 0;
		margin-right: 0;
	}
	
	#kiji .spot .photoWrap .commentWrap p.portrait img {
		margin-left: 8px;
	}
	
	#kiji .spot .photoWrap .commentWrap p.portrait img {
		width: 70px;
		height: auto;
	}
	
	#kiji .spot .photoWrap .commentWrap p.comment {
		line-height: 1.6;
		border-radius: 6px;
	}

	/* ロゴ */
	#kiji .logo {
		padding: 10px 0;
	}

	#kiji .logo > ul > li >ul {
		display: block;
		text-align: center;
		padding: 0;
	}

	#kiji .logo > ul > li >ul > li {
		margin: 30px 20px;
	}
	
	#kiji .logo > ul > li >ul > li.af {
		margin: 40px 20px;
	}
}