/*
	Global Settings
*/

body, html{
	background-color: #231815;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}

body, html,
h1, h2, h3, h4, h5, h6{
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

body#tinymce{
	padding: 10px;
}

img{
	vertical-align: bottom;
	height: auto;
	width: auto;
	-ms-interpolation-mode: bicubic;
}

a, a:visited{
	color: #fff;
}

a:hover, a:focus{
	color: #C9A639;
	text-decoration: underline;
}

h2{
	font-size: 1.7em;
}

::selection{
	background-color: #CEBAA1;
	text-shadow: 1px 1px 0px #121212;
}

.icon-right{
	padding-left: 5px;
}

.icon-left{
	padding-right: 5px;
}

.narrow-line,
.narrow-line p,
.narrow-line div{
	margin-bottom: 0px;
	line-height: 1.6em;
}

.bit-smaller{
	font-size: 0.9em;
}

.simple-title{
	font-weight: normal;
	border-bottom: 1px #f4f4f4 solid;
}

.thin-font{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 2.1em;
}

.table-style{
	clear: both;
	overflow: hidden;
}

	.table-style div{
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #3F312E;
	}

.thumbed-list{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #3F312E;
}

	.thumbed-list .article-title{
		font-size: 1.3em;
		padding-bottom: 3px;
		border-bottom: 1px solid #3F312E;
	}

	.thumbed-list .article-date{
		margin-top: -10px;
		text-align: right;
		color: #D3BFB2;
		font-size: 0.8em;
	}
	
	.thumbed-list .article-content{
		color: #F7EDE7;
		line-height: 1.6em;
	}

	.thumbed-list .article-thumb{
	}

.nav-list{
	background-color: #5C4938;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	.nav-list li{
		
	}

		.nav-list li .list-title{
			padding: 10px;
			font-size: 1.2em;
			text-align: center;
			margin-bottom: 0px;
			text-shadow: 1px 1px 0px #281706;
			background: #776351;
			background: -moz-linear-gradient(top,  #776351 0%, #281809 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#776351), color-stop(100%,#281809));
			background: -webkit-linear-gradient(top,  #776351 0%,#281809 100%);
			background: -o-linear-gradient(top,  #776351 0%,#281809 100%);
			background: -ms-linear-gradient(top,  #776351 0%,#281809 100%);
			background: linear-gradient(to bottom,  #776351 0%,#281809 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776351', endColorstr='#281809',GradientType=0 );
		}

		.nav-list li a{
			display: block;
			padding: 10px 15px;
			border-top: 1px solid #281706;
		}
	

.responsive-map{
    width: 100%;
    padding: 0px;
}

    .responsive-map .mapp-layout{
        width: 100% !important;
    }

div.mapp-layout img{
    width: inherit;
    height: inherit;
    max-width: inherit;
}

table.brown{
	*border-collapse: collapse;
	border-spacing: 0;
	border-color: #565656;
}

	table.brown th,
	table.brown td{
		color: #fff;
		background: #513e30;
	}

	table.brown tr:nth-child(even) td{
		background: #382a1d;
	}

	table.brown tr th{
		background-color: #38281a;
	}

	table.brown tr:nth-child(even) th{
		background: #2E1E0F;
	}

	table.brown th.title{
		background-color: #2d201c;
		font-weight: bold;
		font-size: 1.2em;
	}

.box.brown{
	background-color: #2D1E19;
	border-color: #160f0d;
}

.container{
	padding-left: 30px;
	padding-right: 30px;
}

.page-contents p{
	line-height: 1.5em;
}

/*
	Header
*/
#global-header{
	position: relative;
	border-bottom: 1px solid #121212;
	z-index: 10;
	background: url(../images/base/trans-black.png) repeat left top;
}

#global-header .container{
	padding: 1em 0;
}

body.home #global-header{
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
}


#global-title{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#global-logo{
	width: 75%;
}

#global-temperature{
	padding: 0.5em;
	width: 200px;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	#global-temperature span{
		text-align: center;
		font-size: 1.1em;
		letter-spacing: 1px;
	}

	#global-temperature strong{
		font-size: 1.8em;
	}

.p-header-cards {
    display: flex;
    gap: 10px;
}

.p-header-card__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em;
    width: 200px;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.p-header-card__item span {
    text-align: center;
    font-size: 1.1em;
    letter-spacing: 1px;
}

.p-header-card__item strong {
    font-size: 1.8em;
}

/*
	Slider
*/
#global-slider{
	position: relative;
}

#ivew{
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 1450px;
	height: 580px;
	margin: 0 auto;
}

	#ivew .iviewSlider {
		display: block;
		width: 1450px;
		height: 580px;
		overflow: hidden;
	}

#font-resizer{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
	width: 200px;
	margin-right: 20px;
	margin-top: -20px;
}

	#font-resizer ul{
		background-color: #35261B;
		border-radius: 0px 0px 5px 5px;
		-webkit-border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		moz-box-shadow: 1px 1px 0px #44332f;
		-moz-box-shadow: 1px 1px 0px #44332f;
		-webkit-box-shadow: 1px 1px 0px #44332f;
	}

		#font-resizer ul li{
			padding: 0.5em;
			text-align: center;
			cursor: pointer;
		}

		#font-resizer ul li:hover{
			color: #C9A639;
			font-weight: bold;
		}

/*
	Global Navigation
*/
#global-nav{
	border-bottom: 2px solid #2B1E1B;
	position: relative;
	z-index: 1;

	moz-box-shadow: 0px 0px 10px #121212;
	-moz-box-shadow: 0px 0px 10px #121212;
	-webkit-box-shadow: 0px 0px 10px #121212;

	background: #776351;
	background: -moz-linear-gradient(top,  #776351 0%, #281706 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#776351), color-stop(68%,#281706));
	background: -webkit-linear-gradient(top,  #776351 0%,#281706 68%);
	background: -o-linear-gradient(top,  #776351 0%,#281706 68%);
	background: -ms-linear-gradient(top,  #776351 0%,#281706 68%);
	background: linear-gradient(to bottom,  #776351 0%,#281706 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776351', endColorstr='#281706',GradientType=0 );
}

	#global-nav ul{

	}

		#global-nav ul li{

		}

			#global-nav ul li a{
				display: block;
				padding: 1em 0.5em;
				color: #F7EDE7;
				text-align: center;
				border-right: 7px solid #3A302A;
				letter-spacing: 1px;
				text-shadow: 1px 1px 0px #121212;
				font-weight: bold;

				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;


			}

			#global-nav ul li:first-child a{
				border-left: 7px solid #3A302A;
			}

				#global-nav ul li a:hover{
					text-decoration: none;
					color: #D3C9C2;
					background-color: #281706;
				}

				#global-nav ul li a small{
					display: block;
					text-decoration: none;
					color: #D3BFB2;
				}

/*
	Main contents
*/
#content-wrapper{
	background: url(/wp-content/themes/oya/commons/images/base/content-bg.png) no-repeat center top;
}

a#gotop{
	color: #fff;
	padding: 0.5em 1em;
	background-color: #3F2C21;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	a#gotop:hover{
		text-decoration: none;
		background-color: #6B5745;
	}

/*
	Footer
*/
#global-footer{
	padding: 2em 0;
	border-top: 2px solid #2B1E1B;
	position: relative;
	z-index: 1;
	
	moz-box-shadow: 0px 0px 10px #121212;
	-moz-box-shadow: 0px 0px 10px #121212;
	-webkit-box-shadow: 0px 0px 10px #121212;

	background: #544636;
	background: -moz-linear-gradient(top,  #544636 0%, #281706 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#544636), color-stop(68%,#281706));
	background: -webkit-linear-gradient(top,  #544636 0%,#281706 68%);
	background: -o-linear-gradient(top,  #544636 0%,#281706 68%);
	background: -ms-linear-gradient(top,  #544636 0%,#281706 68%);
	background: linear-gradient(to bottom,  #544636 0%,#281706 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#544636', endColorstr='#281706',GradientType=0 );
}

#footer-nav{
	margin-top: -2em;
	background-color: #35261B;

	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;

	moz-box-shadow: 1px 1px 0px #232323;
	-moz-box-shadow: 1px 1px 0px #232323;
	-webkit-box-shadow: 1px 1px 0px #232323;
}

	#footer-nav ul{

	}

		#footer-nav ul li{

		}

			#footer-nav ul li a{
				display: block;
				padding: 5px 5px 10px 5px;
				color: #D3C9C2;
				font-size: 0.7em;
				text-align: center;
			}

/*
	Breadcrumb parts
*/

.breadcrumb{
	margin-bottom: 2em;
	border: 1px solid #44332f;
	font-size: 0.9em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	.breadcrumb ul{
		overflow: hidden;
		clear: both;
	}

		.breadcrumb ul li{
			float: left;
		}

			.breadcrumb ul li a,
			.breadcrumb ul li i{
				padding: 5px 10px;
				display: inline-block;
				color: #D3BFB2;
				border-right: 1px solid #44332f;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			.breadcrumb ul li a:hover{
				text-decoration: none;
				color: #fff;
			}


/*
	Release contents
*/

#release-single-content{
	padding: 1em;
	color: #F7EDE7;
	border: 1px solid #593e38;
}

	#release-single-content p{
		font-size: 1.1em;
		margin-bottom: 0;
		line-height: 1.8em;
	}

/*
	Contents Menu page
*/
#contents-nav{
	
}

	#contents-nav .thumbnail a{
		display: block;
		background-color: #3A3A3A;
		border: 5px solid #A4953D;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	#contents-nav .content{
		color: #F7EDE7;
	}

/*
	Gallery page
*/
#page-content.gallery{
	background: url(../images/base/trans-black.png) repeat left top;
}

	#page-content.gallery .gallery-link:hover{
		background-color: #D3BFB2;
	}

#translation{
	text-align: left;
}

#translation select.goog-te-combo{
	font-size: 11px;
	background-color: transparent;
	color: #fff;
	padding: 3px 10px;
	border: 1px solid #454545 !important;
}

#translation .goog-te-gadget-simple{
	background-color: transparent;
	font-size: 11px;
	border-color: #454545;
}

#translation .goog-te-gadget-simple a{
	color: #fff;
}

/*
	Wordpress default settings
*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.holiday-calendar-aside {
    margin-top: 20px;
}

.holiday-calendar-aside > .title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: 2px solid #fff;
}

.holiday-calendar-aside--sp {
    display: none;
}

.holiday-calendar {
    margin-bottom: 20px;
}

.holiday-calendar .title {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 25px;
    letter-spacing: 1px;
}

.holiday-calendar table,
.holiday-calendar table thead tr th,
.holiday-calendar table tbody tr td {
    border: none;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 10px;
    position: relative;
}

.holiday-calendar table tbody tr td span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.holiday-calendar table tbody tr td:after {
    display: block;
    content: "";
    width: 100%;
    padding-bottom: 100%;
}

.holiday-calendar table tbody tr td.is-holiday:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: 70%;
    padding-top: 70%;
    max-height: 70%;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.holiday-calendar table tbody tr td.is-holiday {
    color: #cf2121;
}

.holiday-calendar table tbody tr td.is-other-month {
    opacity: 0.6;
    font-weight: normal;
}