@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Courgette&display=swap');

/* ユーザーページ（index）
------------------------------------ */
.head_img {
	height: 400px;
}
	.head_img img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

/* コンテンツエリア */
.p_user_contents {
	padding: 0px 0;
	margin: 0 auto 0px auto;
}
	/* コンテンツの基本の外側 */
	.p_user_contents .content_index {
		padding: 60px 10px;
		margin: 0 0;
	}
	/* コンテンツの基本の外側（index以外） */
	.p_user_contents .content {
		padding: 20px 10px 40px 10px;
		margin: 0 0;
	}
	/* コンテンツの基本の外側（色あり） */
	.p_user_contents .content_color {
		background: #f8f8f4;
		color: #333;
	}
		/* コンテンツの大見出し */
		.p_user_contents .container h2.headline {
			position: relative;
			font-size: 1.5em;
			padding: 0 65px;
			margin: 30px 0 30px 0;
			text-align: center;
		}
		.p_user_contents .container h2.headline:before {
			position: absolute;
			top: calc(50% - 1px);
			left: 0;
			width: 100%;
			height: 1px;
			content: '';
			background: #939292;
		}
			.p_user_contents .container h2.headline span {
				position: relative;
				padding: 0 1em;
				background: #fff;
				color: #5e5e5e;
			}

	/* 見出しの下のテキスト */
	.p_user_contents .container .content_info {
		padding: 20px 0;
		margin: 0 auto 30px auto;
	}

	/* 各コンテンツの情報をさらに表示するボタン */
	.p_user_contents .container .btn_more {
		padding: 10px 0;
		margin: 0 auto;
		font-size: 0.9em;
		text-align: right;
	}
		.p_user_contents .container .btn_more a {
			display: inline;
		}
		.p_user_contents .container .btn_more a span {
			font-size: 1.1em;
		}

	.p_user_contents .container .see_all a {
		color: #104975;
	}

	/* 市区町村の紹介エリア */
	.p_user_contents .about {
		padding: 30px 0;
		margin: 0;
	}
		/* ビデオもしくは画像のエリア */
		.p_user_contents .about .about_left {
			padding: 10px;
			margin: 0 auto 20px auto;
		}
		.p_user_contents .about .about_right h2.h_about {
			padding: 0 10px 10px 10px;
			margin: 0 auto 30px auto;
			font-size: 1.4em;
			border-bottom: dashed 1px #ddd;
		}
		.p_user_contents .about .about_right p {
			padding: 0 10px 10px 10px;
		}

	/* イベント情報エリア */
	.p_user_contents .content .event {
		padding: 0;
		margin: 0 auto 40px auto;
	}
		.p_user_contents .content .event dl {
			padding: 0;
			margin: 0 0 10px 0;
			display: flex;
			flex-wrap: wrap;
		}
			.p_user_contents .content .event dl dt {
				border-bottom: solid 1px #ddd;
				padding: 10px;
				margin: 0;
				width: 15%;
			}
			.p_user_contents .content .event dl dd {
				border-bottom: solid 1px #ddd;
				padding: 10px;
				margin: 0;
				width: 85%;
			}
		/* スマホ */
		@media screen and (max-width: 410px) {
			.p_user_contents .content .event dl {
				padding: 0;
				margin: 0 0 10px 0;
				display: flex;
				flex-wrap: wrap;
			}
				.p_user_contents .content .event dl dt {
					border-bottom: none;
					padding: 10px 10px 4px 10px;
					margin: 0;
					width: 100%;
				}
				.p_user_contents .content .event dl dd {
					border-bottom: solid 1px #ddd;
					padding: 0 10px 10px 10px;
					margin: 0 0 10px 0;
					width: 100%;
				}
		}



	/* イベント情報詳細ページ */
	.p_user_contents .content .event_detail {
		padding: 20px 0;
		margin: 0 auto 40px auto;
	}
		.p_user_contents .content .event_detail h3 {
			font-size: 1.4em;
			padding: 10px;
			margin: 0 auto 10px auto;
			border-left:solid 8px #f7f7f7;
			/* background: #f7f7f7; */
		}
		.p_user_contents .content .event_detail .img_block {
			padding: 20px 0;

		}
		.p_user_contents .content .event_detail .text_block {
			padding: 20px 0;
		}
			.p_user_contents .content .event_detail h4 {
				font-size: 1.1em;
				padding: 0px;
				margin: 0 auto 10px auto;
				border-bottom: solid 1px #eee;
				color: #104975;
			}
			.p_user_contents .content .event_detail p {
				padding: 10px 0 30px 0;
				margin: 0;
			}
			.p_user_contents .content .event_detail p a.link {
				border-bottom: solid 1px #ddd;
			}


	/* ギャラリーエリア */
	.p_user_contents .content .gallery {
		padding: 10px 0;
	}
		.p_user_contents .content .gallery .row div {
			padding-bottom: 30px;
		}


	/* 旅のしおりエリア */
	.p_user_contents .shiori {
		padding: 0;
		margin: 0 0 30px 0;
	}
		.p_user_contents .shiori .shiori_area {
			padding: 20px;
			margin: 0 0 20px 0;
			background: #fbfbfb;
			display: inline-block;
		}
			.p_user_contents .shiori .shiori_area img {
				padding: 0 0 10px 0;
				margin: 0 0 10px 0;
			}
			.p_user_contents .shiori .shiori_area h3.title {
				padding: 0 0 4px 0;
				margin-bottom: 16px;
				font-size: 1em;
				color: #274256;
				border-bottom: solid 1px #ececec;
			}
			.p_user_contents .shiori .shiori_area .discription {
				padding: 0 0 10px 0;
				margin: 0;
				font-size: 0.9em;
			}

/* クーポン一覧ページ */
.coupon_area table.coupon {
	margin: 20px auto;
	padding: 0;
	width: 100%;
}
	.coupon_area table.coupon tr {
		margin: 0;
		padding: 0;
	}
		.coupon_area table.coupon tr th {
			margin: 0;
			padding: 10px;
			background: #f3f3f3;
			border-bottom:solid 1px #ddd;
			font-weight: normal;
		}
		.coupon_area table.coupon tr td {
			margin: 0;
			padding: 10px;
			border-bottom:solid 1px #ddd;
		}
		.coupon_area table.coupon tr td.c_date {
			text-align: left;
		}

/* SNSリンク */
.sns_links {
	padding: 20px 10px;
}
	.sns_links div {
		margin: 0 10px 10px 0;
		padding: 8px;
		border-radius: 6px;
		display: inline-block;
		width: 120px;
		text-align: center;
		font-size: 0.8em;
		background: #fff;
	}
	.sns_links .website {
		border: solid 2px #949494;
		color: #605e5f;
	}
	.sns_links .insta {
		border: solid 2px #9f235d;
		color: #9f235d;
	}
	.sns_links .x {
		border: solid 2px #22262a;
		color: #22262a;
	}
	.sns_links .facebook {
		border: solid 2px #116cb1;
		color: #116cb1;
	}
	.sns_links .line {
		border: solid 2px #0bb217;
		color: #0bb217;
	}
	.sns_links .youtube {
		border: solid 2px #db1016;
		color: #db1016;
	}

/*  スマホ  */
@media screen and (max-width: 430px) {
	.sns_links {
		padding: 20px 10px;
	}
		.sns_links div {
			margin: 0 8px 8px 0;
			padding: 8px;
			width: 90px;
			font-size: 0.7em;
		}
}