/*==============================================
//
//		寺下観光開発 Website
//		./_style/style_common.css
//
//		LastUpdate	2025/11/30
//		Program Produced by yuki Hagiri
//
//============================================*/

/*==============================================
//		初期化（2025/11/30）
//============================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	text-size-adjust: 100%;
}

img {
	max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	font-weight: normal;
}

li {
	list-style-type: none;
}

.clear {
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;;
	width: 0 !important;
	height: 0 !important;
}

.hidden {
	display: none;
}

/*==============================================
//		フォント設定（2024/05/26）
//============================================*/

.language-ja {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.language-en {
	font-family: "Reddit Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

/*==============================================
//		全体共通設定（2024/10/08）
//============================================*/

body {
	background-color: #fff2d5;
	color: #000000;

	font-size: 22px;
	line-height: 1.2;
}

h1 {
	font-size: 1.8em;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
}

h1 span, h2 span {
	font-size: 0.8em;
}

.notice {
	color: #ff0000;
}

.display {
	display: block;
}

.print {
	display: none;
}

/*	モバイル対応
//----------------------------*/

body.mobile {
	font-size: 40px;
}

/*	印刷用設定
//----------------------------*/

@media print {
	body {
		background-color: #ffffff;
		color: #000000;
		font-size: 16px;
	}
}

/*==============================================
//		表示幅設定（2025/01/1721）
//============================================*/

header, main {
	margin: 12px auto;
	width: 100%;
	max-width: 1600px;
}

nav ul, #langSelect, #topImage, #slideshow {
	margin: 4px auto;
	max-width: 1600px;
}

/*==============================================
//		ロゴ（2024/07/03)
//============================================*/

#headerArea {
	display: flex;
	align-items: flex-end;
}

#headerArea .logo + div {
	margin: 0 20px 0 auto;
	text-align: right;
}

/*	レスポンシブ設定
//----------------------------*/

@media all and (max-width:1200px) {
	#headerArea {
		display: block;
	}

	#headerArea .logo + div {
		margin-top: 24px;
	}
}

@media all and (max-width:800px) {
	#headerArea .logo + div {
		display: none;
	}
}

/*==============================================
//		トップナビ（2024/06/03）
//============================================*/

#topNav {
	background-color: #722020;
	line-height: 2.0;
}

#topNav li {
	float: left;
	margin: 0 8px;
}

#topNav a {
	color: #eeeeee;
	padding: 4px 12px;
	font-weight: bold;
	text-decoration: none;
	transition-duration: 0.5s;
}

#topNav a:hover, #topNav a:active {
	background-color: #471616;
	color: #ffffff;
}

#topNav .selected {
	background-color: #471616;
	color: #ffffff;
	padding: 0 16px;
	font-weight: bold;
}

/*	印刷用設定
//----------------------------*/

@media print {
	#langSelect {
		display: none;
	}
}

/*==============================================
//		言語選択（2025/01/17）
//============================================*/

#langSelect {
	margin: 0 auto;
	font-size: 0.7em;
	text-align: center;
}

#langSelect ul {
	margin: 0 auto;
	width: calc(100% - 20px);
}

#langSelect li {
	float: right;
	margin: 8px;
	width: 96px;
	border: 1px #333333 solid;
}

#langSelect .selected {
	padding: 2px;
	background-color: #333333;
	color: #ffffff;
}

#langSelect a {
	display: block;
	padding: 2px;
	color: #333333;
	text-decoration: none;
	transition-duration: 0.5s;
}

#langSelect a:active, #langSelect a:hover {
	background-color: #333333;
	color: #ffffff;
}

/*==============================================
//		トップ画像（2024/12/02）
//============================================*/

#topImage img {
	display: block;
	margin: 0 auto;
}

#topImageforPrint {
	display: none;
	margin: 0 auto;
	max-width: 1600px;
}

/*	印刷用設定
//----------------------------*/

@media print {
	#slideshow {
		display: none;
	}

	#topImageforPrint {
		display: block;
	}
}

/*==============================================
//		本文部リンク（2024/09/01）
//============================================*/

main a, footer a {
	color: #563e8f;
	padding: 0 8px;
	text-decoration: underline;
}

main a:active, main a:hover, footer a:active, footer a:hover {
	background-color: #563e8f;
	color: #ffffff;
	text-decoration: none;
	transition-duration: 1.0s;
}

main a[target="_blank"] {
	padding-right: 36px;
	background: url(../_images/linkmark.png) no-repeat right center;
}

main a:active[target="_blank"], main a:hover[target="_blank"] {
	background-color:#563e8f;
	background-image: url(../_images/linkmark-r.png);
}

/*==============================================
//		本文部共通（2025/05/15）
//============================================*/

article {
	margin: 20px 0 72px;
}

section {
	margin: 20px 0 36px;
}

article.index section:first-of-type {
	margin-bottom: 54px;
}

article h1 {
	margin: 8px 16px;
	padding: 0;
	border-width: 0;
}

article h2 {
	margin: 8px 0 16px;
	padding: 4px 0 4px 12px;
	border-bottom: 2px #722020 solid;
	border-left: 24px #722020 solid;
}

article p {
	margin: 8px 16px 32px 36px;
	line-height: 1.8;
}

article p span {
	font-size: 0.8em;
}

article.index p {
	margin-left: 16px;
}

article p.link {
	margin-left: 80px;
}

.cold {
	color: #4444ff;
}

.hot {
	color: #ff4444;
}

/*==============================================
//		出版物（2024/10/04）
//============================================*/

#printed section:nth-of-type(1n+2) {
	margin: 0 16px 32px 20px;
}

#printed .img {
	float: left;
}

#printed .note {
	float: left;
	margin: 0 16px 20px;
}

#printed img {
	margin: 0 16px 16px;
}

#printed .pg1 .img {
	max-width: 272px;
}

#printed .pg2 .img {
	max-width: 544px;
}

#printed .pg1 .note {
	width: calc(100% - 304px);
}

#printed .pg2 .note {
	width: calc(100% - 576px);
}

#printed .pg1 img {
	max-width: calc(100% - 32px);
}

#printed .pg2 img {
	max-width: calc(50% - 32px);
}

#printed h3 {
	font-size: 1.2em;
	font-weight: bold;
}

#printed h3 + p {
	margin-left: 0;
	font-size: 0.9em;
}

/*	レスポンシブ設定
//----------------------------*/

@media all and (max-width:1200px) {
	#printed .pg1 .img, #printed .pg2 .img {
		float: none;
		width: 100%;
	}

	#printed .pg1 .note, #printed .pg2 .note {
		float: none;
		width: calc(100% - 32px);
	}
}

/*==============================================
//		Google地図表示（2024/11/30）
//============================================*/

#access .map div {
	max-width: 720px;
}

#access .map div div {
	position: relative;
	margin: 8px 36px;
	padding-bottom: 75%;
}

#access .map iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

#access ul {
	margin: 8px 36px 8px 64px;
	line-height: 1.4;
}

#access li {
	list-style-type: disc;
}

/*==============================================
//		フッター（2024/06/03）
//============================================*/

footer {
	margin: 12px 0;
	text-align: center;
}

footer div {
	margin: 2px 0;
	padding: 6px 0;
}

footer #copyright {
	background-color: #722020;
	color: #ffffff;
	font-size: 0.7em;
}

/*==============================================
//		EOF
//============================================*/