/*
Theme Name: sanzenin
Theme URI: http://underscores.me/
Author: sanzenwp
Author URI: http://www.sanzenin.or.jp/
Description: 天台宗　京都大原三千院
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sanzenwp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

sanzenin is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}

/* @group reset */
/* @group Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
	display: block;
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells: show;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/* @end */


/* @group common */

* {
	font-family: PT Sans Caption,Josefin Sans,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body {
	text-align: center;
	margin: 0 auto;
	color: #333333;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
	text-decoration: none;
}

h1, h2, h3, h4 ,h5 ,h6 ,p, dl, ul, ol, table {
	line-height: 1.6;
}

legend { 
	color: #333333;
}

/* @end */


/* @group ClearFix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* @end */

/* @end */

/* @group layout */

*{
	color: #666;
	font-size: 16px;
	line-height: 1.6;
}

a{
	text-decoration: none;
	color: #666;
}

a:link,
a:active,
a:visited{
	color: #666;
}

a:hover{
	color: #666;
	opacity: 0.6;
}

img{
	max-width: 100%;
	
}

h2{
	font-family: serif;
	font-size: 34px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	padding: 10px;
	letter-spacing: 20px;
	text-indent: 20px;
}


h3{
	font-family: serif;
	font-size: 20px;
	color: #000;
	padding: 20px 0;
	letter-spacing: 5px;
}

section{
	padding-bottom: 15px;
}

#wrapper{
	position: relative;
}

#container{
	position: relative;
}

/* @group header */

header{
	width: 100%;
	position: relative;
}

.spmenu_btn{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	padding: 24px 5px 0;
	line-height: 1;
	font-size: 10px;
	background: url(./images/menu_btn.png) no-repeat top 5px center rgba(0,0,0,0.4);
	border: solid 1px #fff;
	box-sizing: border-box;
	color: #fff;
}

.spmenu_btn.active{
	background: url(./images/menu_btn.png) no-repeat top 5px center rgba(0,0,0,1);
	opacity: 0.6;
}

.spmenu{
	display: none;
}

#top header{
	min-height: 760px;
}

header .menu_cont{
	min-height: 80px;
	background: -wbkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.7) 60%, rgba(0,0,0,0));
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.7) 60%, rgba(0,0,0,0));

}

header nav{
	margin-bottom: 10px;
	padding: 10px;
}

header nav ul li{
	float: left;
}

header nav a,
header nav a:link{
	color: #fff;
	display: block;
	padding: 3px;
	font-size: 14px;
	font-family: serif;
}

header nav a:hover{
	color: #fff;
	opacity: 0.6;
}

header nav a:visited,
header nav a:active{
	color: #fff;
}

header nav ul li.nav_english a{
	border: solid 1px #ccc;
	font-family: sans-serif;
	font-size: 12px;
	position: relative;
}

header nav ul li.nav_english a i{
	position: absolute;
	color: #fff;
	right: 8px;
	top: 5px;
}

header h1{
	padding: 20px;
}

header .scroll{
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
}

header .scroll a{
	color: #fff;
	position: relative;
	font-size: 14px;
	font-family: serif;
	letter-spacing: 2px;
	font-style: italic;
}

header .scroll a:after{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin: -15px auto;
}

/* @end */

/* @group top */

#top #wrapper{
	background: none;
}

#top_guide{
	background: url(./images/top_bg.gif);
}

#top_access{
	background: url(./images/top_bg.gif);
}

#top_guide a{
	display: block;
	color: #000;
	font-family: serif;
	font-size: 20px;
	letter-spacing: 5px;
	text-align: left;
	position: relative;
}

#top_guide a:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right: 3px;
	top: 5px;
}

#top_guide a span{
	display: block;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 1px;
	color: #777;
}

#top_guide p a{
	padding: 20px;
	margin: 10px 20px;
	text-align: center;
	border: solid 1px #ccc;
}

#top_guide p a:after{
	top: 25px;
	right: 20px;
}

#top_guide ul.links{
	list-style-image: url(./images/list_style_img.gif);
	margin-left: 25px;
}

#top_guide ul.links li{
	border-bottom: solid 1px #ccc;
	padding: 10px 0;
	margin: 0 20px;
}

#top_access p{
	margin: 0 15px 15px;
}

#top_access ul{
	padding: 0 10px;
}

#top_access ul li{
	width: 49%;
	float: left;
	box-sizing: border-box;
	padding: 10px 0;
	border: solid 1px #ccc;
	margin-bottom: 5px;
	margin-right: 2%;
	min-height: 60px;
	position: relative;
}

#top_access ul li:nth-child(even){
	margin-right: 0;
}

#top_access ul li a{
	display: block;
	font-size: 14px;
	line-height: 1;
	padding-top: 12px;
}

#top_access ul li:nth-child(2) a{
	padding-top: 0;
}

#top_access ul li i{
	position: absolute;
	right: 5px;
	top: 20px;
}

p.links{
	margin-top: 30px;
	margin-bottom: 10px;
}

p.links a{
	display: block;
	width: 240px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #999;
	position: relative;
}

p.links a i{
	display: block;
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 20px;
}

/* @end */

/* @group info_cont */

.info_cont ul#feed li{
	display: block;
	border-top: 1px solid #ccc;
}

.info_cont ul#feed li:last-child{
	border-bottom: 1px solid #ccc;
}

.info_cont ul#feed li a{
	position: relative;
	display: table;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
	transition: .3s ease;
}

.info_cont ul#feed li a::after{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: solid 1px #666;
	border-top: solid 1px #666;
	transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transition: .3s ease;
	position: absolute;
	right: 20px;
	top: 50%;
}

@media screen and (min-width: 769px) {
.info_cont ul#feed li a:hover{
	background-color: rgba(0, 0, 0, .05);
}

.info_cont ul#feed li a:hover::after{
	right: 10px;
}
}

.info_cont ul#feed li a img{
	display: block;
}

.info_cont ul#feed li a p{
	padding: 5px 0;
	font-size: 14px;
}

.info_cont ul#feed li a span{
	display: table-cell;
	vertical-align: top;
	line-height: 1.6;
}

.info_cont ul#feed li a span.date{
	width: 120px;
}

.info_cont ul#feed li a span.date i{
	color: #000;
	font-style: normal;
}

.info_cont ul#feed li a span.category{
	width: 80px;
	position: relative;
	font-family: serif;
}

.info_cont ul#feed li a span.category i{
	color: #fff;
	font-size: 14px;
	padding: 4px 10px;
	line-height: 1.4;
	font-family: sans-serif;
	font-style: normal;
}

.info_cont ul#feed li a span.news_title{
	width: 100%;
	padding-left: 0;
	color: #000;
}

.info_cont ul#feed li a span.news_cont{
	font-size: 14px;
	line-height: 1.4;
}

.info_cont ul#feed li a span.category_5 i{
	background: #963636;
}

.info_cont ul#feed li a span.category_4 i{
	background: #055874;
}

.info_cont ul#feed li a span.category_3 i{
	background: #c8bd40;
}

.info_cont ul#feed li a span.category_1 i{
	background: rgba(82,134,75,0.8);
}

/* @end */

#lead p{
	font-size: 14px;
}

#content p{
	padding: 20px 0;
	text-align: left;
}

#content div.bg{
	background: url(./images/top_bg.gif);
}

#content dl{
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 20px 0;
}

#content ul{
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 20px 0;
}

#content ul.note li{
	padding-bottom: 10px;
	box-sizing: border-box;
}

/* @group div.links */

div.links a{
	display: block;
	color: #000;
	font-family: serif;
	font-size: 18px;
	letter-spacing: 5px;
	text-align: left;
	position: relative;
	line-height: 2;
	background: url(./images/list_style_img.gif) no-repeat left 10px top 35px #f4f6f7;
	padding: 20px 10px 20px 30px;
}

div.links ul a:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 40px;
}

#event div.links ul a:after{
	top: 28px;
}

div.links ul a span{
	display: block;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 1px;
	color: #777;
}

div.links{
	padding: 25px 10px;
	background: url(./images/top_bg.gif);
}

div.links ul li{
	border: solid 1px #ccc;
	box-sizing: border-box;
	margin-bottom: 10px;
}

/* @end */

/* @group guide */


#guide header{
	 background: url(./images/guide_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#guide.info header{
	 background: url(./images/guide_info_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#guide.heritage header{
	 background: url(./images/guide_heritage_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#guide.ground header{
	 background: url(./images/guide_ground_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#guide.info #content #info_cont1{
	padding: 40px 0 60px;
}

#guide.info #content #info_cont2{
	padding: 40px 0;
}

#guide.info #content table{
	width: 100%;
}

#guide.info #content table th{
	width: 20%;
	text-align: center;
	background: #edf1e5;
	color: #52874b;
	border-bottom: solid 1px #ccc;
	padding: 20px 0;
	box-sizing: border-box;
}

#guide.info #content table td{
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: solid 1px #ccc;
}

#guide.info #content dl dt{
	border-top: solid 1px #ccc;
	padding: 25px 0 10px;
}

#guide.info #content dl dt strong{
	color: #52854b;
	font-size: 18px;
}

#guide.info #content dl dd{
	padding: 10px 0 25px;
}

#guide.info #content dl dd:last-child{
	border-bottom: solid 1px #ccc;
}

#guide.heritage .more_cont{
	display: none;
}

#guide.heritage .more{
	background: #a6b87f;
	color: #fff;
	margin: 10px auto;
	text-align: center;
	width: 300px;
}

#guide.heritage #content h2{
	padding-bottom: 0;
}

#guide.heritage #content h2:after{
	content: "";
	display: block;
	width: 34px;
	height: 2px;
	background: #cbd7b1;
	margin: 20px auto 0;
}

#guide.heritage #content div{
	padding-bottom: 40px;
}

#guide.heritage #content ul li{
	padding: 20px 0;
	border-bottom: solid 1px #ccc;
}

#guide.heritage #content ul li img{
	display: block;
	padding-bottom: 20px;
}

#guide.ground #content #ground_cont1 img{
	padding: 40px;
	box-sizing: border-box;
	max-width: 100%;
}

#guide.ground #content #ground_cont2 img{
	display: block;
	margin: 0 auto 20px;
}


#guide.ground #content #ground_cont2 dd{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
}

#guide.ground #content #ground_cont2 dd strong{
	display: block;
	color: #000;
	font-family: serif;
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

/* @end */

/* @group gallery */

.page-id-94 header{
	 background: url(./images/gallery_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

.page-id-94 ul img{
	display: block;
	padding: 10px;
	box-sizing: border-box;
	max-width: 100%;
}


#gallery_cont1 ul{
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
}

#gallery_cont2 ul{
	margin: 0 auto;
	max-width: 1280px;
}

#gallery_cont2 ul li{
	float: left;
	box-sizing: border-box;
}

#gallery_cont2 p{
	text-align: center;
	width: 30px;
	margin: 0 auto;
}

#gallery_cont2 a#loadmore{
	display: block;
	font-size: 30px;
	width: 30px;
	word-wrap: break-word;
	line-height: 1;
}

/* @end */

/* @group event */


#event header{
	 background: url(./images/event_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#event.showroom header{
	 background: url(./images/event_showroom_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#event.ekou header{
	 background: url(./images/event_ekou_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#event #content {
	padding-bottom: 60px;
}

#event.showroom #event_showroom_cont1{
	padding: 30px 0 40px;
}

#event.showroom #event_showroom_cont1 h3{
	text-align: left;
	padding: 30px 15px 0;
}

#event.showroom #event_showroom_cont2 h3{
	font-family: sans-serif;
	color: #52854b;
	padding-bottom: 0;
	letter-spacing: 0;
}

.disnon{
	display: none;
}

#content ul#tab{
	padding-top:60px;
	padding-bottom: 0;
}

ul#tab li{
	padding: 20px 10px 20px 30px;
	background: #f4f6f7;
	margin-bottom: 10px;
	font-family: serif;
	letter-spacing: 8px;
	position: relative;
}

ul#tab li.select{
	background: #9cbe99;
}

ul#tab li:before{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 3px;
	background: #9dbd9a;
	left: 10px;
	top: 30px;
}

ul#tab li.select:before{
	background: #fff;
}

ul#tab li:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: 15px;
}

ul#tab li.select:after{
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#event.ekou #content {
	padding-bottom: 0;
}

#event #content .info_cont{
	padding-bottom: 60px;
}

#event #content .event_cont div p{
	text-align: center;
	padding: 0;
}

#event #content .event_cont h2,
#event #content #event_showroom_cont2 h2{
	padding-bottom: 0;
	letter-spacing: 8px;
	text-indent: 8px;
}

#event #content .event_cont h2:after,
#event #content #event_showroom_cont2 h2:after{
	content: "";
	display: block;
	width: 34px;
	height: 2px;
	background: #cbd7b1;
	margin: 15px auto 30px;
}

/* @end */

/* @group access */


#access header{
	 background: url(./images/access_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#access #access_cont ul li{
	border-top: solid 1px #ccc;
}

#access #access_cont ul li strong{
	display: block;
	padding: 20px 0;
	font-size: 20px;
	font-family: serif;
}

#access #content{
	padding-bottom: 0;
}

#access #access_cont ul li img{
	display: block;
	max-width: 100%;
	margin: 0 auto 30px;
}

/* @end */

/* @group text_cont */

#text_cont{
	margin-top: 50px;
	padding: 30px 10px;
}

#text_cont p{
	max-width: 960px;
	margin: 0 auto;
	line-height: 1.8;
}

#text_cont ul{
	max-width: 960px;
	margin: 0 auto;
	line-height: 1.8;
}

#text_cont ul li{
	margin-left: 2.5em;
	text-indent: -2.5em;
}

#text_cont strong{
	display: block;
	font-size: 24px;
	color: #52854b;
	border-top: solid 1px #ccc;
	padding-top: 20px;
	padding-bottom: 10px;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}


#text_cont img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

/* @end */

/* @group terms */

#terms header{
	 background: url(./images/terms_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#terms #content{
	padding-bottom: 0;
}

/* @end */


/* @group privacy */

#privacy header{
	 background: url(./images/privacy_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#privacy #content{
	padding-bottom: 0;
}

/* @end */


/* @group rakuhoku */

#rakuhoku header{
	 background: url(./images/rakuhoku_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

#rakuhoku #content{
	padding-bottom: 0;
}

#rakuhoku #text_cont{
	margin-top: 0;
	padding: 50px 10px;
}

/* @end */


/* @group wp */


.home header,
.blog header,
.single header{
	 background: url(./images/news_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

.page-id-7 header{
	 background: url(./images/contact_title_bg.jpg) no-repeat center center;
	 background-size: cover;
}

.entry-title{
	color: #000;
	font-size: 34px;
	text-align: left;
	padding-top: 60px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.entry-content img{
	margin-bottom: 30px;
}

.single #content{
	text-align: left;
	padding-bottom: 0;
}

.single #content .bg{
	margin-top: 60px;
	padding-bottom: 60px;
}

.blog #content.info_cont{
	padding-top: 50px;
	padding-bottom: 50px;
}

.single #content p.date{
	color: #fff;
	display: inline-block;
	text-align: left;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
	font-size: 14px;
	line-height: 1.3;
	margin-right: 30px;
	font-family: serif;
	background: rgba(0,0,0,0.5);
}

.single p.date:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-right: 20px solid transparent;
	border-top: 32px solid rgba(0,0,0,0.5);
	position: absolute;
	right: -20px;
	top: 0;
}

.single #content p.date i{
	color: #fff;
	font-size: 14px;
}

.single #content p.date.cate5{
	background: #963636;
}

.single #content p.date.cate5:after{
	border-top: 32px solid #963636;
}

.single #content p.date.cate4{
	background: #055874;
}

.single #content p.date.cate4:after{
	border-top: 32px solid #055874;
}

.single #content p.date.cate3{
	background: #c8bd40;
}

.single #content p.date.cate3:after{
	border-top: 32px solid #c8bd40;
}

.single #content p.date.cate1{
	background: rgba(82,134,75,0.8);
}

.single #content p.date.cate1:after{
	border-top: 32px solid rgba(82,134,75,0.8);
}

.nav-links{
	margin: 0 auto;
}

.navigation .nav-links:after{
	content: "";
	clear: both;
	display: block;
}

.navigation .nav-links a{
	display: block;
	margin: 10px;
	text-align: center;
	padding: 10px;
	border: solid 1px #ccc;
	background: #f4f6f7;
	position: relative;
}

.navigation .nav-links a i{
	font-size: 20px;
	position: absolute;
}

.navigation .nav-links a i.fa-angle-right{
	right: 30px;
}

.navigation .nav-links a i.fa-angle-left{
	left: 30px;
}

.single .list_link a{
	display: block;
	padding: 10px;
	border: solid 1px #ccc;
	width: 300px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	background: #9cbe99;
	color: #fff;
}

.single .list_link a i{
	position: absolute;
	right: 60px;
	font-size: 20px;
	color: #fff;
}

.page-id-7 #content{
	padding-bottom: 0;
}

.page-id-7 .bg{
	padding: 50px 0;
	margin-bottom: 0;
}

.page-id-7 p strong{
	color: #ff0000;
}

.wpcf7-form p{
	border-top: solid 1px #ccc;
}

.wpcf7-form input.wpcf7-submit{
	width: 300px;
	background: url(images/submit_bg.gif) no-repeat left 10px top 25px #9cbe99;
	margin: 0 auto;
	display: block;
	padding: 20px 10px;
	font-size: 18px;
	border-radius: 0;
	font-family: serif;
	position: relative;
}

.wpcf7-form input.wpcf7-confirm{
	width: 300px;
	background: url(images/submit_bg.gif) no-repeat left 10px top 25px #9cbe99;
	margin: 0 auto;
	display: block;
	padding: 20px 10px;
	font-size: 18px;
	border-radius: 0;
	font-family: serif;
	position: relative;
}

.wpcf7-form input.wpcf7-back{
	width: 300px;
	background: #eee;
	margin: 0 auto;
	display: block;
	padding: 20px 10px;
	font-size: 18px;
	border-radius: 0;
	font-family: serif;
	position: relative;
	margin-bottom: 10px;
}


.wpcf7c-conf{
	background: #f5f5f5;
	color: black;
	border: 1px solid #ccc;
}

/* @end */

#map{
	padding: 0;
	margin: 0;
	width: 100%;
}

/* @group pagetop */


#pagetop p{
	position: absolute;
	right: 30px;
	bottom: 10px;
}

#pagetop a{
	display: block;
	text-align: center;
	font-size: 10px;
	font-family: serif;
	font-style: italic;
	background: rgba(0,0,0,0.8);
	color: #fff;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 20px;
	padding-top: 18px;
	position: relative;
	letter-spacing: 2px;
}

#pagetop a:before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	display: block;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 8px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

/* @end */

/* @group footer */

footer{
	background:#222;
	padding-top: 50px;	
}

footer *{
	color: #ccc;
}

footer a,
footer a:link,
footer a:active,
footer a:visited{
	color: #ccc;
}

footer dl{
	margin-left: 90px;
	text-align: left;
	margin-bottom: 40px;
}

footer dl dt{
	font-size: 14px;
	color: #9dbd99;
	letter-spacing: 10px;
}

footer dl dd{
	font-size: 14px;
	margin-bottom: 20px;
}

footer .flex_cont{
	border-top: solid 1px #444;
}

footer .flex_cont .flex_child_sp{
	float: left;
	width: 50%;
}

footer ul{
	padding: 20px 20px 0;
	box-sizing: border-box;
	text-align: left;
}

footer ul li{
	padding: 5px;
}

footer ul li i{
	color: #999;
}

footer ul li a{
	color: #9dbd99;
	font-family: serif;
	
}

footer ul li a:link,
footer ul li a:active,
footer ul li a:visited{
	color: #9dbd99;
}

footer ul ul{
	border-top: none;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
}

footer ul ul li a{
	color: #ccc;
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 1em;
	background: url(./images/list_style_img_s.gif) no-repeat top 5px left;
}

footer ul ul li a:link,
footer ul ul li a:active,
footer ul ul li a:visited{
	color: #ccc;
}

footer #address{
	background: #000;
	margin-top: 20px;
	padding: 5px;
}

footer #address small{
	color: #666;
	font-size: 12px;
}

/* @end */

/* @end */

/* スマホ */

@media only screen and (max-width:480px){



/* @group header */

header{
	height: 480px;
}

header nav#menu ul{
	padding-right: 50px;
}

header nav#menu ul li{
	width: 50%;
	text-align: left;
	padding: 3px;
	box-sizing: border-box;
}

header nav#pc_menu{
	display: none;
}

/* @end */

h1#logo{
	width: 60%;
	padding: 10px;
}

h2{
	padding: 30px 10px;
	box-sizing: border-box;
}

h2 img{
	width: 55%;
	display: block;
	margin: 0 auto;
}

#lead p{
	padding: 20px 15px;
}

#content p{
	padding: 20px 15px;
	text-align: left;
}

#content dl{
	padding: 20px 15px;
}

#content ul{
	padding: 20px 15px;
}

/* @group top */

#top h1#logo{
	width: auto;
	max-width: 90%;
	position: absolute;
	top: 200px;
}


#top header{
	min-height: 500px;
}


#top_guide ul a{
	font-size: 16px;
}

#top_guide a span{
	display: none;
}

/* @end */

/* @group info_cont */

.info_cont ul#feed{
	padding: 40px 20px;
	margin-bottom: 40px;
}

.info_cont ul#feed li a img{
	
}

.info_cont ul#feed li a{
	padding: 12px 10px;
}

.info_cont ul#feed li a span{
	display: inline-block;
	width: 100%;
	font-size: 13px;
}

.info_cont ul#feed li a span.news_img{
	margin-left: 0;
	width: 40%;
	min-height: 150px;
	background: #eee;
	float: left;
	margin-right: 5px;
}

.info_cont ul#feed li a span.date{
	width: 82px;
	margin-right: 10px;
}

.info_cont ul#feed li a span.date i{
	font-size: 14px;
}

.info_cont ul#feed li a span.category i{
	padding: 6px 8px;
	font-size: 13px;
}

.info_cont ul#feed li a span.category:after{
	border-top: 46px solid rgba(0,0,0,0.5);
}

.info_cont ul#feed li.cate2 a span.category:after{
	border-top: 46px solid rgba(130,74,108,0.8);
}

.info_cont ul#feed li.cate1 a span.category:after{
	border-top: 46px solid rgba(82,134,75,0.8);
}

.info_cont ul#feed li a span.news_title{
	width: 100%;
	display: block;
	margin-top: 6px;
	font-size: 15px;
}

/* @end */

h1#page_title{
	background: #f7f7f7;
	padding: 40px 10px 0;
	text-align: left;
	margin-bottom: 60px;
	position: relative;
}

h1#page_title span{
	display: block;
	position: absolute;
	color: #000;
	font-family: serif;
	letter-spacing: 3px;
	padding-top: 5px;
}

h1#page_title img{
	width: 70%;
}

#guide.info #content dl dt strong{
	display: block;
}

#gallery_cont1{
	background: url(./images/top_bg.gif) no-repeat top 200px center;
}

#gallery_cont2 ul li{
	width: 50%;
	box-sizing: border-box;
}

#event #content .info_cont h2{
	padding: 30px 0;
}

#event #content .info_cont h2 img{
	width: 90%;
}

.single #content .cont_inner{
	padding: 0 10px;
}

#map{
	height: 400px;
}

#map iframe{
	height: 400px;
}

footer{
	background: url(./images/footer_logo.png) no-repeat left 15px top 25px #222;
	background-size: 50px auto;
}

.spnone{
	display: none;
}

.pcnone{
	display: block;
}

}

/* タブレット */

@media print, screen and (min-width:480px){

#wrapper{
	background: url(./images/wrapper_bg.gif) repeat-x;
}

#container{
	min-width: 960px;
	box-sizing: border-box;
}

.pagetitle_cont{
	width: 960px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: left;
	padding-top: 240px;
	padding-left: 10px;
	margin-top: 60px;
}

h1#page_title{
	
}

h1#page_title span{
	display: block;
	text-align: left;
	padding-top: 20px;
	font-family: serif;
	color: #000;
	font-size: 20px;
	letter-spacing: 5px;
	
}

h2{
	padding: 50px 0 30px;
}

h3{
	text-align: left;
}

/* @group header */

header{
	min-width: 960px;
	min-height: 570px;
}

header nav#menu{
	display: none;
}

header nav#pc_menu{
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 0;
}

header nav#pc_menu h1#logo_s{
	padding: 0;
	position: absolute;
	top: 3px;
	left: 0;
}

header nav#pc_menu h1#logo_s a{
	padding: 0;
}

header nav#pc_menu ul{
	width: 100%;
	margin-top: 7px;
	padding-left: 60px;
	box-sizing: border-box;
}

#top header nav#pc_menu ul{
	padding-left: 0;
}

header nav#pc_menu ul li{
	width: 11%;
	line-height: 1;
	padding-bottom: 10px;
	box-sizing: border-box;
}

header nav#pc_menu ul li.current{
	border-bottom: solid 5px #9dbd9a;
}

header nav#pc_menu ul li a{
	border-left: solid 1px #666;
}

header nav#pc_menu ul li.nav_english{
	width: 9%;
}

header nav#pc_menu ul li.nav_english a{
	border-left: solid 1px #ccc;
}

header nav#pc_menu ul li.nav_kor {
	width: 9%;
	margin-left: 10px;
}

header nav#pc_menu ul li.nav_china {
	width: 13%;
	margin-left: 10px;
}

header nav#pc_menu ul li:first-child a{
	border-left: none;
}

.home header nav#pc_menu ul li.nav_news,
.single header nav#pc_menu ul li.nav_news,
.blog header nav#pc_menu ul li.nav_news{
	border-bottom: solid 5px #9dbd9a;
}

.page-id-7 header nav#pc_menu ul li.nav_contact{
	border-bottom: solid 5px #9dbd9a;
}

.page-id-94 header nav#pc_menu ul li.nav_gallery{
	border-bottom: solid 5px #9dbd9a;
}

header nav#pc_menu ul li a{
	line-height: 1.2;
	font-size: 14px;
}

header nav#pc_menu ul li.nav_english a{
	font-size: 12px;
}

header nav#pc_menu ul li.nav_fb{
	width: 24px;
	margin-left: 15px;
}

header nav#pc_menu ul li.nav_fb a{
	border-left: none;
	padding: 0;
}

header nav#pc_menu ul li.nav_fb a i{
	color: #fff;
	font-size: 24px;
}

header nav#pc_menu ul li.nav_insta{
	width: 24px;
	padding: 0;
	margin-left: 3px;
}

header nav#pc_menu ul li.nav_insta a{
	border-left: none;
	padding: 0;
}

header nav#pc_menu ul li.nav_insta a i{
	color: #fff;
	font-size: 24px;
}

header .menu_cont{
	background: rgba(0,0,0,0.8);
	min-height: 50px;
}

/* @end */

#content .cont_inner{
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

#content .left{
	float: left;
}

#content .right{
	float: right;
}

section{
	min-width: 960px;
}

.section_inner{
	/* padding: 30px 0 0; */
	margin: 0 auto;
}

#lead p{
	padding: 60px 0 40px;
	text-align: center;
}

/* @group top */

#top header .menu_cont{
	min-height: 80px;
	background: -wbkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.7) 60%, rgba(0,0,0,0));
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.7) 60%, rgba(0,0,0,0));

}

#top h1#logo{
	width: auto;
	position: absolute;
	top: 300px;
	left: 80px;
}

#top_guide .section_inner{
	position: relative;
	min-height: 500px;
	background: url(./images/top_guide_img.jpg) no-repeat left top;
	background-size: 50% auto;
	max-width: 1440px;
}

#top_guide img.left{
	display: block;
	width: 50%;
}

#top_guide .cont{
	position: absolute;
	right: 10%;
	top: 20%;
	max-width: 700px;
	box-sizing: border-box;
}

#top_guide p a{
	width: 100%;
	background: rgba(255,255,255,0.2);
	margin: 0 0 20px;
	box-sizing: border-box;
}

#top_guide p a:after{
	top: 45px;
	right: 20px;
}

#top_guide ul.links{
	margin: 0 0 0 150px;
}

#top_guide ul.links li{
	margin: 0;
}

#top_guide ul.links li a{
	padding-right: 30px;
}

#top_guide ul.links li a:after{
	top: 15px;
}

#top_gallery{
	padding: 0;
}

#top_gallery .left{
	width: 50%;
	float: left;
}

#top_gallery img.right{
	display: block;
	width: 50%;
	float: right;
}

#top_events{
	padding: 0;
}

#top_events img.left{
	display: block;
	width: 50%;
	float: left;
}

#top_events .right{
	width: 50%;
	float: right;
}

#top_access ul{
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 10px;
}

#top_access ul li{
	width: 24%;
	margin-right: 1.3%;
}

#top_access ul li:nth-child(even){
	margin-right: 1.3%;
}

#top_access ul li:last-child{
	margin-right: 0;
}

/* @end */

/* @group info_cont */

.info_cont ul#feed{
	max-width: 960px;
	margin: 0 auto;
	padding: 80px 0;
}

.info_cont ul#feed li{
}

.info_cont ul#feed li a span.news_title{
	width: calc(100% - 220px);
	padding-left: 10px;
}

.info_cont ul#feed li a span.category{
	width: 100px;
}

.info_cont ul#feed li span.news_img{
	display: block;
	height: 300px;
	width: 300px;
	overflow: hidden;
	margin: 0 auto;
	background: #eee;
}

/* @end */

/* @group div.links */


div.links{
	min-width: 960px;
	box-sizing: border-box;
}

div.links ul{
	max-width: 960px;
	margin-bottom: 0 auto;
	box-sizing: border-box;
	margin: 0 auto;
}

div.links ul li{
	width: 32%;
	float: left;
	margin-right: 1.5%;
}

div.links ul li:last-child{
	margin-right: 0;
}

div.links ul li span{
	font-size: 14px;
	line-height: 1.2;
	margin-top: 5px;
}

/* @end */

/* @group guide */

#guide header{
	 background: url(./images/guide_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

#guide.info header{
	 background: url(./images/guide_info_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
}

#guide.heritage header{
	 background: url(./images/guide_heritage_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
}

#guide.ground header{
	 background: url(./images/guide_ground_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
}

#guide #content p{
	padding: 30px 0;
}

#guide #content #guide_cont1{
	min-height: 500px;
	background: url(./images/guide_img01.jpg) no-repeat left top;
	background-size: 43% auto;
}

#guide #content #guide_cont1 p{
	width: 960px;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 80px;
	padding-left: 450px;
	line-height: 3;
}

#guide #content #guide_cont2{
	min-height: 500px;
	background: url(./images/guide_img02.jpg) no-repeat right top;
	background-size: 43% auto;
}

#guide #content #guide_cont2 p{
	width: 960px;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 80px;
	padding-right: 450px;
	line-height: 3;
}

#guide.heritage p{
	text-align: center;
}

#guide.heritage #content strong{
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: serif;
	color: #000;
	letter-spacing: 3px;
}

#guide.heritage #content #heritage_cont1 img{
	float: right;
	display: block;
	width: 50%;
	box-sizing: border-box;
}

#guide.heritage #content #heritage_cont1 .clearfix{
	border-bottom: solid 1px #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


#guide.heritage #content #heritage_cont1 .clearfix p{
	float: left;
	width: 50%;
	text-align: left;
	box-sizing: border-box;
	padding-right: 20px;
}

#guide.heritage #content ul{
	padding-top: 0;
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
	padding-bottom: 0;
}

#guide.heritage #content ul li{
	width: 50%;
	padding: 20px 40px;
	box-sizing: border-box;
	float: left;
	border: none;
}

#guide.heritage #content p.more{
	padding: 20px 0;
}

#guide.ground #content #ground_cont2 dl{
	border-bottom: solid 1px #ccc;
}

#guide.ground #content #ground_cont2 dl dt{
	width: 35%;
	float: left;
	clear: left;
	box-sizing: border-box;
	margin-top: 20px;
	padding-top: 20px;
}

#guide.ground #content #ground_cont2 dl .bordernone{
	border-top: none;
}

#guide.ground #content #ground_cont2 dl dd{
	padding-left: 35%;
	box-sizing: border-box;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #ccc;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	min-height: 280px;
}


/* @end */

/* @group gallery */

.page-id-94 header{
	 background: url(./images/gallery_title_bg.jpg) no-repeat left;
	 background-position:left 350px center;
	 background-size: cover;
}

.page-id-94 .bg{
	 padding-top:40px;
}

#gallery_cont1{
	background: url(./images/top_bg.gif) repeat-x top 400px center;
}

#gallery_cont1 ul{
	min-height: 940px;
}

#gallery_cont1 ul li{
	position: absolute;
}

#gallery_cont1 ul li.img01{
	left: 0;
	top: 0;
	width: 60%;
}

#gallery_cont1 ul li.img02{
	right: 0;
	bottom: 0;
	width: 40%;
}

#gallery_cont2 ul li{
	width: 20%;
}


/* @end */



/* @group event */

#event header{
	 background: url(./images/event_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

#event.showroom header{
	 background: url(./images/event_showroom_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

#event.ekou header{
	 background: url(./images/event_ekou_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

#event.showroom #event_showroom_cont1 h3{
	padding: 30px 0 0;
}

#event #content #event_showroom_cont2 .showroom_cont{
	text-align: left;
}

#event #content #event_showroom_cont2 img{
	vertical-align: top;
}

ul#tab li{
	float: left;
	width: 49%;
	box-sizing: border-box;
}

ul#tab li:first-child{
	margin-right: 2%;
}

#event #content .event_cont img{
	display: block;
	width: 50%;
	box-sizing: border-box;
}

#event #content .event_cont div{
	width: 50%;
	box-sizing: border-box;
	padding: 20px;
}

#event.ekou #content #event_ekou_cont .clearfix{
	padding: 30px 0;
	border-bottom: solid 1px #ccc;
}

#event.ekou #content #event_ekou_cont .right{
	width: 55%;
	display: block;
	padding: 30px 0;
	box-sizing: border-box;
}

#event.ekou #content #event_ekou_cont .left{
	width: 45%;
	box-sizing: border-box;
	padding-right: 30px;
}

/* @end */

/* @group access */

#access header{
	 background: url(./images/access_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

#access #access_cont ul{
	max-width: 960px;
	margin: 0 auto;
}

#access #access_cont ul li{
	width: 33%;
	box-sizing: border-box;
	padding: 10px;
	float: left;
}

#access #access_cont ul li.bordernone{
	border-top: none;
}

#access #access_cont ul li:nth-child(even){
	width: 66%;
}

#access #access_cont ul li:nth-child(even) img{
	float: left;
	padding:0 25px;
}

/* @end */

/* @group terms */

#terms header{
	 background: url(./images/terms_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

/* @end */


/* @group privacy */

#privacy header{
	 background: url(./images/privacy_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

/* @end */


/* @group rakuhoku */

#rakuhoku header{
	 background: url(./images/rakuhoku_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}


/* @end */



/* @group wp */

.home header,
.blog header,
.single header{
	 background: url(./images/news_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

.page-id-7 header{
	 background: url(./images/contact_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}


.page-id-94 header{
	 background: url(./images/gallery_title_bg.jpg) no-repeat;
	 background-position:left 350px center;
	 background-size: cover;
}

.navigation .nav-links{
	width: 50%;
}

.wpcf7-form input.wpcf7-submit{
	float: right;
	margin-right: 50px;
}

.wpcf7-form input.wpcf7-back{
	float: left;
	margin-left: 50px;
}

/* @end */


#map{
	height: 500px;
	min-width: 960px;
}

#map iframe{
	height: 500px;
}



/* @group footer */

footer{
	min-width: 960px;
}

footer .footer_inner{
	max-width: 960px;
	margin: 0 auto;
	background: url(./images/footer_logo.png) no-repeat left 15px top;
	background-size: auto;
}

footer .footer_info{
	margin-left: 130px;
}

footer .footer_info dl{
	margin-left: 0;
	margin-bottom: 20px;
}

footer .footer_info dl dt,
footer .footer_info dl dd{
	float: left;
	margin-bottom: 0;
	font-size: 16px;
}

footer .footer_info dl dd{
	margin-right: 40px;
}


footer .flex_cont{
	padding-top: 20px;
}


footer .flex_cont .flex_child_sp ul.flex_child{
	width: 50%;
	padding: 0;
	float: left;
}

/* @end */

.spnone{
	display: block;
}

.pcnone{
	display: none;
}

}

/* PC */

@media only screen and (min-width:1024px){

/* @group top */

.info_cont ul#feed li a span.news_title{
	width: calc(100% - 220px);
	padding-left: 10px;
	color: #000;
}

.info_cont ul#feed li a span.category i{
	display: inline;
	color: #fff;
}

.info_cont ul#feed li.cate2 a span.category:after{
	border-top: 28px solid rgba(130,74,108,0.8);
}

.info_cont ul#feed li.cate1 a span.category:after{
	border-top: 28px solid rgba(82,134,75,0.8);
}

#top_guide .section_inner{
	background: url(./images/top_guide_img.jpg) no-repeat left top;
	background-size: 50% auto;
}

/* @end */



#guide header{
	 background-position:left 430px center;
}

#guide.info header{
	 background-position:left 430px center;
}

#guide.heritage header{
	 background-position:left 430px center;
}

#guide.ground header{
	 background-position:left 430px center;
}

.page-id-94 header{
	 background-position:left 430px center;
}

#event header{
	 background-position:left 430px center;
}

#event.showroom header{
	 background-position:left 430px center;
}

#event.ekou header{
	 background-position:left 430px center;
}

#access header{
	 background-position:left 430px center;
}

#terms header{
	 background-position:left 430px center;
}

#privacy header{
	 background-position:left 430px center;
}

#rakuhoku header{
	 background-position:left 430px center;
}

.home header,
.blog header,
.single header{
	 background-position:left 430px center;
}

.page-id-7 header{
	 background-position:left 430px center;
}

.page-id-94 header{
	 background-position:left 430px center;
}

#content .cont_inner{
	padding: 0;
}

#map{
	height: 550px;
}

#map iframe{
	height: 550px;
}

}

/* PC 1440 */

@media only screen and (min-width:1440px){

#guide header{
	 background-position:right center;
	 background-size: 60% auto;
}

#guide.info header{
	 background-position:right center;
	 background-size: 60% auto;
}

#guide.heritage header{
	 background-position:right center;
	 background-size: 60% auto;
}

#guide.ground header{
	 background-position:right center;
	 background-size: 60% auto;
}

.page-id-94 header{
	 background-position:right center;
	 background-size: 60% auto;
}

#event header{
	 background-position:right center;
	 background-size: 60% auto;
}

#event.showroom header{
	 background-position:right center;
	 background-size: 60% auto;
}

#event.ekou header{
	 background-position:right center;
	 background-size: 60% auto;
}

#access header{
	 background-position:right center;
	 background-size: 60% auto;
}
	 
#terms header{
	 background-position:right center;
	 background-size: 60% auto;
}

#privacy header{
	 background-position:right center;
	 background-size: 60% auto;
}

#rakuhoku header{
	 background-position:right center;
	 background-size: 60% auto;
}

.home header,
.blog header,
.single header{
	 background-position:right center;
	 background-size: 60% auto;
}

.page-id-7 header{
	 background-position:right center;
	 background-size: 60% auto;
}

.page-id-94 header{
	 background-position:right center;
	 background-size: 60% auto;
}

}


@media print {
body {
width: 1024px;
}
/* 印刷時に画面と変更するスタイルを定義 */

}