@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-size: 1rem;
font-weight: 100;
line-height: 1.8;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 0px;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
line-height: 1.7em;
}
.grecaptcha-badge {
display: none!important;
}
body{
background-color:#e8e8e8;
}
a {
color: #494848;
text-decoration: none;
}
a:link {
color: #494848;
}
a:visited {
color: #494848;
}
a:hover {
　color: #494848;
text-decoration: none;
}
a:active {
color: #494848;
}
p{
color: #494848;
}
.single p a {
font-style: italic;
border-bottom: 1px dotted #494848;
padding-bottom: 2px;
}
.mb10{ margin-bottom: 10px!important; }
.mb20{ margin-bottom: 20px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb100{ margin-bottom: 100px!important; }
.mt50{ margin-top: 50px!important; }
.mt100{ margin-top: 100px!important; }
.mt150{ margin-top: 150px!important; }
.mt130{ margin-top: 130px!important; }
.mt120{ margin-top: 120px!important; }
.mt110{ margin-top: 110px!important; }
.pb10{ padding-bottom: 10px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb40{ padding-bottom: 40px; }
.pb50{ padding-bottom: 50px; }
.pb100{ padding-bottom: 100px; }
.pb150{ padding-bottom: 150px; }
.pt50{ padding-top: 50px; }
.pt100{ padding-top: 100px; }
.view_sp{ display: none!important; }
.view_wide{ display: block!important; }
@media screen and (max-width:960px) {
.view_sp{ display: block!important; }
.view_wide{ display: none!important; }
}
a, button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
button{
font-size: 11px;
line-height: 1.7em;
letter-spacing: 2px;
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
header {
z-index: 4000;
width: 100%;
top: 0px;
position: absolute;
}
.description a {
text-decoration: none;
text-decoration: none;
color: #494848!important;
border-bottom: 1px solid #494848;
}
.description a:hover {
　color: #494848!important;
border-bottom: 2px solid #494848;
}
.description a:active {
color: #494848!important;
}
.title-area {
text-align: center;
margin-bottom: 100px;
}
.title-area .title {
font-weight: 100;
letter-spacing: 2px;
}
.title-area p {
font-size: 11px;
}
.logo a{
border: 0px;
}
.globalmenu {
display: inline-block;
position: absolute;
top: 0px;
right: 20px;
transition: all 0.3s ease-in
}
.globalmenu li {
line-height: 100px;
display: inline-block;
padding: 0px 20px;
}
.globalmenu li a{
font-size: 12px;
letter-spacing: 2px;
color: ##ffffff!important;
font-weight: 100;
border: 0px;
text-decoration: none;
}
.globalmenu li a:hover{
color: #d2d2d2!important;
border: 0px!important;
border: 0px!important;
}
.footer-menu {
transition: all 0.3s ease-in;
margin: 0 auto 100px;
}
.footer-menu li {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
}
.footer-menu li a{
font-size: 11px;
letter-spacing: 2px;
color: #494848!important;
font-weight: 100;
border: 0px;
text-decoration: none;
}
.footer-menu li a:hover{
color: #494848!important;
border: 0px!important;
border: 0px!important;
}
.footer-menu ul {
margin-left: 0px;
padding-left: 0px;
}
.left-unit {
}
.right-unit {
}
h1.logo img {
width: 340px;
height: auto;
}
.sections.mt130{
margin-top: 110px!important;
}
.sections.mt100{
margin-top: 110px!important;
}
header {
}
h1.logo {
display: block;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
margin-top: 290px;
}
.globalmenu {
overflow: auto;
width: 100%;
position: fixed;
z-index: 990;
right: 0px;
padding-top: 120px;
padding-bottom: 50px;
height: 100%;
}
.globalmenu ul{
padding: 0px;
display: block;
position: absolute;
top: 18%;
bottom: 0px;
left: 0px;
right: 0px;
}
.globalmenu li {
padding: 0px 20px;
line-height: initial;
display: block;
text-align: center;
margin-bottom: 20px;
text-decoration: none;
}
.globalmenu li a{
font-size: 12px;
letter-spacing: 2px;
color: #ffffff;
text-decoration: none;
}
.minilogo {
width: 50px;
margin-top: 60px;
}
header .line {
position: absolute;
bottom: 0px;
}
.right-menu {
position: absolute;
right: 0px;
bottom: 0px;
padding: 0px;
text-align: center;
font-size: 11px;
z-index: 9999;
}
.globalmenu.close{
opacity: 0.0;
top:-100%;
}
.globalmenu.open{
opacity: 1.0;
top:0px;
background-color: rgba(0,0,0,0.5);
}
@media screen and (max-width:960px) {
h1.logo img {
width: 260px;
height: auto;
}
}	
.pageclass_sub h1.logo {
display: block;
font-size: 12px;
letter-spacing: 2px;
text-align: left;
margin-top: 30px;
margin-left: 30px;
}
.pageclass_sub h1.logo img {
width: 260px;
height: auto;
}
.pageclass_sub .header-section.categorylist .head-images {
height: 500px;
width: 100%;
margin: 0 auto 100px;
}
.pageclass_sub .header-section.categorylist img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media screen and (max-width:960px) {
.pageclass_sub h1.logo {
display: block;
font-size: 12px;
letter-spacing: 2px;
text-align: left;
margin-top: 40px;
margin-left: 20px;
}
.pageclass_sub h1.logo img {
width: 170px;
height: auto;
}
}
@media screen and (min-width:1280px) {
.pageclass_sub .header-section.categorylist .head-images {
height: 700px!important;
}
.head-images video {
height: 700px!important;
}
}
.footvideo {
margin: 0px 50px 100px;
}
.footvideo img {
width: 100%;
}
.footvideo video {
width: 100%;
height: 340px;
object-fit: cover;
}
.flexslider, ul.slides, .flexslider .slides li, .flexslider .slides img{
width: 100%;
height: 100%;
} .section.map {
margin: 0 auto;
width: 800px;
}
.section.event{
margin: 0 auto;
width: 800px;
}
.section.slider{
margin-left: 0px;
margin-right: 0px;
height: 720px;
}
.section.about {
width: 600px;
margin: 0 auto;
}
.sections .section{
}
.blog .title {
margin: 0 auto 70px;
text-align: center;
}
.member .title {
margin: 0 auto 70px;
text-align: center;
}
.section .title h2,.section .title h3 {
margin-bottom: 0px;
letter-spacing: 2px;
font-weight: 100;
font-size: 16px;
color: #494848;
}
.sub_caption {
font-size: 11px;
margin-bottom: 17px;
}
.section .title .caption {
font-size: 10px;
}
.section .description {
font-size: 13px;
line-height: 2.0em;
margin-bottom: 40px;
}
.section .description img {
width: 100%;
}
.section .more-button{
text-align: center;
margin-bottom: 100px;
}
.section .more-button img{
width: 198px;
}
.section.about .title {
margin-bottom: 30px;
}
.section.about .title h2,.section.about .title h3 {
margin-bottom: -8px;
letter-spacing: 2px;
font-weight: 100;
}
.section.about .title .caption {
font-size: 10px;
}
.section.about .description {
font-size: 13px;
line-height: 2.0em;
margin-bottom: 40px;
}
.section.about .description img {
width: 100%;
}
.section.about .more-button{
text-align: center;
}
.section.about .more-button img{
width: 198px;
}
.section.attention {
width: 600px;
margin: 0 auto;
}
.section.attention .title {
margin-bottom: 30px;
}
.section.attention .title h2,.section.about .title h3 {
margin-bottom: -8px;
letter-spacing: 2px;
font-weight: 100;
}
.section.attention .title .caption {
font-size: 10px;
}
.section.attention .description {
font-size: 13px;
line-height: 2.0em;
margin-bottom: 40px;
}
.section.attention .description img {
width: 100%;
}
.section.attention .more-button{
text-align: center;
}
.section.attention .more-button img{
width: 198px;
}
@media screen and (max-width:960px) {
.section.about .title {
margin-left: 0px;
}
.blog .title {
width: auto;
}
.section.attention{
margin-left: 30px;
margin-right: 30px;
width: auto;
}
.section .title {
margin-left: 0px;
}
.footer-menu {
margin: 0 auto 100px;
}
.footvideo {
margin: 0px 30px 100px;
}
}
.section.map .title {
margin-bottom: 30px;
}
.section.map .title h2,.section.map .title h3 {
margin-bottom: -8px;
letter-spacing: 2px;
font-weight: 100;
}
.section.map .title .caption {
font-size: 10px;
}
.section.map iframe{
width: 100%;
}
.section.event .title {
margin-bottom: 30px;
}
.section.event .title h2,.section.event .title h3 {
margin-bottom: -8px;
letter-spacing: 2px;
font-weight: 100;
}
.section.event .title .caption {
font-size: 10px;
}
.section.event .description {
font-size: 13px;
line-height: 2.0em;
margin-bottom: 40px;
}
.section.event .event-title{
text-align: center;
margin-bottom: 50px;
}
.section.event .event-title img{
width: 292px;
}
.section.event h2.event-title span,.section.event h3.event-title span {
font-size: 20px;
text-align: left;
letter-spacing: 1px;
}
.section.event h2.event-title,.section.event h3.event-title {
font-size: 29px;
font-weight: 100;
}
.section.event .description{
font-size: 13px;
}
.section.event .description img{
width: 100%;
margin-bottom: 20px;
}
.section.event .more-button{
text-align: center;
}
.section.event .more-button img{
width: 198px;
}
@media screen and (max-width:960px) {
.section.event h2.event-title span,.section.event h3.event-title span {
font-size: 15px;
}
.section.event h2.event-title,.section.event h3.event-title{
font-size: 22px;
}
.section.event .description iframe{
width: 100%;
}
} footer{
text-align: center;
}
footer .footermenu ul{
padding: 0px;
}
footer .footermenu li {
line-height: 100px;
display: inline-block;
padding: 0px 20px;
}
footer .footermenu li a{
font-size: 13px;
letter-spacing: 1px;
color: #494848;
}
footer .placefiller{
margin: 0px;
letter-spacing: 1px;
font-size: 12px;
}
footer .sns-icon {
overflow: auto;
width: 300px;
margin: 0 auto 50px;
}
footer .sns-icon a img {
width: 40px;
height: auto;
margin-bottom: 30px;
}
footer .sns-icon .item{
font-size: 11px;
letter-spacing: 1px;
color: #494848!important;
font-weight: 100;
border: 0px;
display: inline-block;
text-align: center;
width: 90px;
margin-bottom: 20px;
font-style: italic;
}
footer .sns-icon .item a{
text-decoration: none;
}
footer .logo-v{
width: 80px;
}
.item {
font-size: 12px;
letter-spacing: 1px;
color: #494848;
}
@media screen and (max-width:960px) {
footer .logo-v {
}
footer .footermenu li {
}
footer .footermenu li a{
}
footer .sns-icon {
}
footer .sns-icon .item {
}
.footer-menu li {
display: inline-block;
padding-right: 20px;
padding-left: 20px;
width: 40%;
margin-bottom: 16px;
}
} .swiper-slide img {
width: 100%;
height: auto;
}
.swiper-container{
}
.swiper-pagination-bullet-active {
background-color: #494848!important;
}
.swiper-pagination-bullet {
background: #888888;
width: 6px;
height: 6px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
background-color: #494848;
padding-top: 30px!important;
padding-bottom: 30px!important;
}
@media screen and (max-width:960px) {
.swiper-container {
padding-left: 30px!important;
padding-right: 30px!important;
}
}
.menu-area.close {
transition: all 0.3s linear;
height: 0px;
padding: 0px;
padding-top: 5px;
overflow: hidden;
}
.right-menu.switch {
position: fixed;
top: 40px;
right: 30px;
border: 0px;
height: 50px;
}
button {
display: block;
background: none;
border: none;
padding: 0;
width: 26px;
color: #494848;
letter-spacing: 0.1em;
cursor: pointer;
top: 10px;
left: 10px;
z-index: 1001;
text-align: center;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button span.bar {
display: block;
height: 2px;
background-color: #ffffff;
margin: 17px 0;
transition: all 0.3s;
transform-origin: 0 0;
width: 26px;
box-shadow: 2px 2px 4px #333;
}
button.active .bar1 {
transform: rotate(40deg);
margin-left: 1px;
}
button .close {
letter-spacing: 0.08em;
display: none;
font-size: 10px;
}
button .menu {
display: inline;
font-size: 10px;
margin-left: 0px;
padding: 0px;
margin: 0px;
line-height: 0px;
letter-spacing: 0px;
}
button.active span.bar {
width: 29px;
}
button.active .bar1 {
transform: rotate(40deg);
margin-left: 2px;
}
button.active .bar2 {
opacity: 0;
}
button.active .bar3 {
transform: rotate(-40deg);
margin-left: 2px;
}
button.active .menu {
display: none;
}
button.active .close {
display: inline;
font-size: 10px;
margin-left: 0px;
padding: 0px;
margin: 0px;
line-height: 0px;
letter-spacing: 0px;
}
.contact_block p{
font-size: 11px;
}
ul.about-list{
padding-left: 0px;
}
ul.about-list li{
font-size: 13px;
list-style: none;
margin-bottom: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #E1CCA4;
}
ul.about-list .text {
margin-left: 100px;
}
ul.about-list span {
float: left;
margin-right: 30px;
}
ul.doc-list{
padding-left: 0px;
}
ul.doc-list li{
font-size: 13px;
list-style: none;
margin-bottom: 10px;
}
ul.doc-list li span.cap {
font-size: 11px;
background-color: #494848;
color: #ffffff;
line-height: 1.8em;
padding: 3px 8px;
margin-left: 10px;
list-style: none;
margin-bottom: 10px;
display:inline-block;
}
input, select, optgroup, textarea {
border: 1px solid #494848;
width: 100%;
padding: 3px;
}
.section.contact {
width: 600px;
margin: 0 auto;
}
.contact_block{
margin-bottom: 40px;
}
.contact_block p{
margin-bottom: 10px;
}
input[type=radio], input[type=checkbox] {
width: auto;
} input[type="submit"]{
background-color: #494848;
color: #ffffff;
margin-bottom: 20px;
}
.contact_message{
font-size: 11px;
margin-bottom: 50px;
}
.section.contact .description {
font-size: 13px;
line-height: 2.0em;
margin-bottom: 40px;
}
@media screen and (max-width:960px) {
.section.contact {
width: auto;
margin: 0 auto;
margin-left: 30px;
margin-right: 30px;
}
} section.member, section.blog{
width: 1300px;
margin: 0 auto 100px;
}
.layout_entry_wrapper{
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 1300px;
margin: 0 auto;
}
.layout_entry{
width: 300px;
margin: 10px;
text-align: center;
margin: 0 auto 80px;
padding-bottom: 30px;
background-color: #ffffff;
position: relative;
height: 340px;
}
.layout_entry img {
width: 300px;
height: 173px;
object-fit: cover;
margin-bottom: 20px;
}
.title_section h2 {
font-size: 10px;
color: #494848;
line-height: 1.8em;
letter-spacing: 1px;
}
.title_section .category {
margin-bottom: 10px;
font-size: 10px;
background-color: transparent;
display: inline-block;
padding: 1px 0px;
color: #494848;
letter-spacing: 1px;
margin-right: 5px;
font-weight: 100;
}
.title_section .category.gray{
background-color: #989898;
}
.title_section .category.blue, .title_section .category.news{
background-color: #8cb9bb;
}
.title_section .category.red, .title_section .category.musubine{
background-color: #E18483;
}
.title_section .category.yellow, .title_section .category.kyobatethinking{
background-color: #cec183;
}
.title_section .category.green, .title_section .category.hatenomidori{
background-color: #20B2AA;
}
.title_section .category.green, .title_section .category.jikkenntenpo{
background-color: #00bb98;
}
.title_section .category.green, .title_section .category.hitdukuri{
background-color: #33AA98;
}
.title_section .category a{
color: #494848;
text-decoration: none;
}
.title_section .date {
font-size: 8px;
color: #494848;
letter-spacing: 1px;
}
.title_section h2 {
font-size: 12px;
font-weight: 100;
font-family: serif;
letter-spacing: 1px;
font-weight: 100;
}
.title_section .date {
font-size: 8px;
}
.title_section {
text-align: left;
margin-left: 20px;
}
.title_section .category .line {
border-bottom: 1px solid #aaaaaa;
width: 40px;
height: 1px;
display: inline-block;
margin-right: 30px;
top: -3px;
position: relative;
margin-left: 30px;
}
.title_section .more_link {
font-size: 12px;
font-weight: 100;
width: auto;
display: block;
text-align: center;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
text-align: left;
position: absolute;
right: 20px;
margin-bottom: 0px;
bottom: 20px;
}
.top_more_link {
background-color: #ffffff;
padding: 8px 0px;
width: 600px;
margin: 0 auto;
display: block;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 100px;
}
@media screen and (min-width:960px) and ( max-width:1300px) {
section.member, section.blog{
width: 960px;
}
.layout_entry_wrapper{
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 960px;
margin: 0 auto;
}
}
@media screen and (min-width:0px) and ( max-width:960px) {
section.member, section.blog{
width: auto;
}
.layout_entry_wrapper{
width: auto;
}
.layout_entry img {
object-fit: cover;
}
.layout_entry{
width: auto;
margin: 10px 20px 60px 20px;
}
.title_section h2 {
font-size: 11px;
font-weight: 100;
}
.title_section .category .line {
border-bottom: 1px solid #aaaaaa;
width: 40px;
height: 1px;
display: inline-block;
margin-right: 15px;
margin-left: 15px;
top: -3px;
position: relative;
}
.top_more_link {
background-color: #ffffff;
padding: 8px 0px;
width: auto;
margin: 0 30px;
display: block;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 100px;
}	
}
.top_news ul {width: 403px;margin: 0 auto;padding-left: 0px;}
.top_news {
background-color: #ffffff;
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 100px;
}
.top_news ul li {
list-style: none;
}
.top_news ul li .date {
color: #494848;
margin-right: 30px;
letter-spacing: 1px;
font-size: 11px;
}
.top_news ul li .text {
color: #494848;
margin-right: 20px;
letter-spacing: 1px;
font-size: 12px;
}
.top_news ul li a {
color: #494848;
font-size: 11px;
letter-spacing: 1px;
position: relative;
left: 70px;
}
.news {
width: 500px;
margin: 70px auto 120px;
position: relative;
}
.news ul li span.date {
font-size: 11px;
letter-spacing: 1px;
margin-right: 50px;
}
.news .more_link{
font-size: 10px;
font-weight: 100;
position: absolute;
right: 0px;
letter-spacing: 1px;
}
.news h3{
color: #494848;
font-size: 14px;
margin-bottom: 80px;
font-weight: 100;
margin-left: 0px;
letter-spacing: 8px;
text-align: center;
}
.news ul{
margin-bottom: 20px;
margin-left: 0px;
padding-left: 0px;
}
.news ul li{
list-style: none;
font-size: 12px;
margin-bottom: 17px;
position: relative;
color: #494848;
border-bottom: 1px solid #494848;
padding-bottom: 6px;
margin-bottom: 50px;
}
.news ul li span{
font-size: 13px;
letter-spacing: 1px;
}
.news ul li span.category-name{
margin-right: 0px;
width: 80px;
display: inline-block;
}
.news ul li .line{
border-bottom: 1px solid #aaaaaa;
width: 40px;
height: 1px;
display: inline-block;
margin-left: 30px;
margin-right: 30px;
top: -3px;
position: relative;
}
.news ul li .blank{
width: 100px;
display: inline-block;
position: absolute;
right: 0px;
text-align: right;
font-size: 10px;
}
.news ul li a{
font-size: 12px;
color: #494848;
}
@media (max-width: 960px) {
.news {
width: auto;
height: auto;
margin: 70px auto;
padding: 0px 20px;
z-index: 0;
overflow: hidden;
}
.news ul li span.date {
font-size: 10px;
letter-spacing: 1px;
margin-right: 50px;
display: block;
}
.news h3 {
font-size: 16px;
margin-left: 0px;
}
.news ul li{
margin-bottom: 30px;
}
.news ul li .line{
border-bottom: 1px solid #AAAAAA;
width: 40px;
height: 1px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
top: 2px;
position: relative;
}
.news ul li a{
font-size: 11px;
}
.news ul li span.category-name{
width: 0px;
}
.news ul li span {
margin-bottom: 5px;
}
.top_news ul {width: 280px;margin: 0 auto;padding-left: 0px;}
.top_news {
background-color: #ffffff;
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 100px;
}
.top_news ul li {
list-style: none;
}
.top_news ul li .date {
color: #494848;
margin-right: 10px;
letter-spacing: 0px;
font-size: 10px;
}
.top_news ul li .text {
color: #494848;
margin-right: 10px;
letter-spacing: 0px;
font-size: 10px;
}
.top_news ul li a {
color: #494848;
font-size: 10px;
letter-spacing: 0px;
position: static;
left: 50px;
}
}
.pagination-single .nav-previous.alignleft {
width: 30%;
background-color: #ffffff;
display: inline-block;
margin-right: 2%;
text-align: center;
font-size: 10px;
}
.pagination-single .aligncenter {
text-align: center;
width: 34%;
background-color: #ffffff;
display: inline-block;
font-size: 10px;
}
.pagination-single .nav-next.alignright {
position: absolute;
right: 0px;
top: 0px;
background-color: #ffffff;
width: 30%;
display: inline-block;
font-size: 10px;
text-align: center;
}
.metaslider {
position: relative;
z-index: 0;
max-width: initial!important;
}
.flexslider {
border: 0px solid #fff!important;
}
.bg {
width: 100%;
height: 400px;
overflow: hidden;
margin-bottom: 100px;
}
.bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.header-section.categorylist .head-images,
.header-section.about .head-images,
.header-section.contact .head-images,
.header-section.gardenflow .head-images,
.header-section.single .head-images{
height: 100%;
width: 800px;
margin: 0 auto 50px;
}
.header-section.categorylist img,
.header-section.about img,
.header-section.contact img,
.header-section.gardenflow img,
.header-section.single img{
object-fit: cover;
height: 330px;
width: 100%;
}
.contents .single {
width: 500px;
margin: 0 auto 50px;
}
.contents .single img {
}
.contents .single h3 {
margin-bottom: 100px;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
color: #494848;
}
.contents .single .caption a {
padding: 5px 10px;
background-color: #494848;
font-size: 10px;
color: #fff;
font-weight: bold;
}
.contents .single .text {
line-height: 1.8em;
font-size: 12px;
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
color: #494848;
}
.single p,.single {
font-size: 12px;
line-height: 2.6em;
font-size: 12px;
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
color: #494848;
}
.contents .single .text iframe {
width: 100%;
}
.contents .single .text p {
line-height: 1.8em;
font-size: 12px;
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
margin-bottom: 16px;
}
.pageclass_sub .contents {
padding: 0px 0px 100px;
}
.category-list {
margin-bottom: 50px;
text-align: center;
}
.category-list span {
border: 1px solid #888888;
padding: 5px 15px;
font-size: 12px;
margin: 0px 5px;
}
.pagination-single.clearfix {
overflow: auto;
width: 500px;
margin: 50px auto 50px;
line-height: 1.5em;
font-size: 13px;
position: relative;
}
.pagination-single:after, .pagination-single:before {
clear: both;
display: block;
}
.pagination-single a {
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
color: #494848;
font-size: 20px;
text-decoration: none;
font-weight: 100;
font-size: 11px;
letter-spacing: 1px;
padding: 10px 0px;
display: inline-block;
}
.nav-next.alignright {
float: right;
}
@media (max-width: 960px) {
.header-section.categorylist .head-images,
.header-section.about .head-images,
.header-section.contact .head-images,
.header-section.gardenflow .head-images,
.header-section.single .head-images{
width: auto;
}
.contents .single{
width: auto;
padding: 0px 20px;
}
.contents .single iframe{
width: 100%;
}
.pagination-single.clearfix {
padding: 0px;
width: auto;
margin: 0px 20px;
}
}
.page .frame{
overflow: hidden;
position: relative;
top: 0px;
height: 500px;
}
.page .blog{
margin-top: 100px;
}
.page .works .layout_entry{
width: 380px;
height: 330px;
}
.page .works .layout_entry img {
width: 400px;
height: 200px;
object-fit: cover;
margin-bottom: 40px;
}
.page .works h3{
font-size: 20px;
}
.page .blog h3{
font-size: 20px;
}
.contact-area{
width: 490px;
margin: 0 auto;
}
.contact-area label{
display: block;
font-size: 12px;
line-height: 2.0em;
color: #494848;
}
.contact-area p{
font-size: 12px;
line-height: 2.0em;
}
@media (max-width: 600px) {
.contact-area{
width: auto;
margin-left: 30px;
margin-right: 30px;
}
}
.pageclass_sub .mt100 {
margin-top: 100px!important;
}
.pageclass_sub .mt130 {
margin-top: 110px!important;
}
.pageclass_sub .mt100 {
margin-top: 110px!important;
}
.caption2 {
font-size: 12px;
margin-top: -19px;
}
.title img {
width: 130px;
}
.section.about2 {
margin-bottom: 100px!important;
width: 600px;
margin: 0 auto;
}
ul.category-menu {
width: 610px;
margin: 0 auto 100px;
padding: 0px;
}
.category-menu li {
display: inline-block;
width: 200px;
text-align: center;
}
.category-menu li a {
font-size: 10px;
letter-spacing: 1px;
color: #494848!important;
font-weight: 100;
border: 0px;
text-decoration: none;
}
.section .category-title {
margin-bottom: 20px;
letter-spacing: 2px;
font-size: 10px;
color: #494848;
font-weight: bold;
text-align: center;
}
@media screen and (max-width:960px) {
ul.category-menu {
width: auto;
}
.category-menu li {
width: 100%;
}
.section.about,.section.about2, .section.event, .section.map {
margin-left: 0px;
margin-right: 0px;
width: auto;
}
.sections .section{
}
.layout_entry_wrapper{
display:block;
width: 100%;
}
.layout_entry img {
width: 100%;
object-fit: cover;
}
.sections .section {
}
}
.sns-message {
margin-left: 30px;
margin-right: 30px;
}
.wpcf7-list-item {
display: block;
}
.slider video {
width: 100%;
object-fit: cover;
height: 100%;
}
.top_artpiece {}
.top_artpiece　ul　li {
width: 300px;
}
.top_artpiece ul {
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
width: 960px;
padding: 0px;
}
.top_artpiece ul li {
width: 300px;
list-style: none;
margin: 0px 10px;
margin-bottom: 50px;
}
.top_artpiece ul li img {
width: 300px;
height: 300px;
object-fit: cover;
margin-bottom: 20px;
}
.top_artpiece ul li p {
text-align: center;
font-size: 11px;
letter-spacing: 2px;
}
@media screen and (max-width:960px) {
.top_artpiece ul {
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
width: 340px;
padding: 0px;
}
.top_artpiece ul li {
width: 150px;
list-style: none;
margin: 0px 10px;
margin-bottom: 50px;
}
.top_artpiece ul li img {
width: 150px;
height: 150px;
object-fit: cover;
margin-bottom: 20px;
}
}
.top_blog {}
.top_blog　ul　li {
width: 300px;
}
.top_blog ul {
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
width: 960px;
padding: 0px;
}
.top_blog ul li {
width: 300px;
list-style: none;
margin: 0px 10px;
margin-bottom: 50px;
}
.top_blog ul li img {
width: 300px;
height: 200px;
object-fit: cover;
margin-bottom: 20px;
}
.top_blog ul li p.date {
text-align: center;
font-size: 10px;
letter-spacing: 2px;
}
.top_blog ul li p {
text-align: center;
font-size: 11px;
letter-spacing: 2px;
}
@media screen and (max-width:960px) {
.top_blog ul {
display: flex;
flex-flow: column;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
width: 340px;
padding: 0px;
}
.top_blog ul li {
width: 150px;
list-style: none;
margin: 0px 10px;
margin-bottom: 50px;
}
.top_blog ul li img {
width: 150px;
height: auto;
object-fit: cover;
margin-bottom: 20px;
}
}
.exhibition_box {
width: 960px;
margin: 0 auto;
padding: 100px 100px;
background-color: #fff;
border: 1px solid #c0c0c0;
margin-bottom: 100px;
}
ul.exhibition_box li {
list-style: none;
vertical-align: top;
margin-bottom: 20px;
}
ul.exhibition_box li .text1 {
font-size: 10px;
letter-spacing: 1px;
display: inline-block;
width: 280px;
}
ul.exhibition_box li .text2 {
font-size: 10px;
letter-spacing: 1px;
margin-right: 30px;
display: inline-block;
width: 60px;
}
ul.exhibition_box li .text3 {
font-size: 10px;
letter-spacing: 1px;
margin-right: 30px;
display: inline-block;
width: 200px;
margin-bottom: 20px;
}
ul.exhibition_box li .date {
font-size: 10px;
letter-spacing: 1px;
display: inline-block;
width: 130px;
}
ul.exhibition_box li .blank {
font-size: 10px;
letter-spacing: 1px;
display: block;
text-align: right;
border-bottom: 1px solid #dddddd;
padding-bottom: 10px;
}
@media screen and (max-width:960px) {
.exhibition_box {
width: auto;
margin: 0px 20px;
padding: 100px 20px;
background-color: #fff;
border: 1px solid #c0c0c0;
margin-bottom: 100px;
}
ul.exhibition_box li {
list-style: none;
position: relative;
width: 100%;
height: 120px;
margin-bottom: 50px;
border-bottom: 1px solid #aaaaaa;
}
ul.exhibition_box li .text1 {
font-size: 14px;
letter-spacing: 1px;
display: block;
width: auto;
margin-bottom: 10px;
}
ul.exhibition_box li .text2 {
font-size: 12px;
letter-spacing: 1px;
margin-right: 10px;
display: inline;
width: 60px;
}
ul.exhibition_box li .text3 {
font-size: 12px;
letter-spacing: 1px;
margin-right: 10px;
display: inline;
width: 100px;
}
ul.exhibition_box li .date {
font-size: 12px;
letter-spacing: 1px;
display: block;
width: auto;
}
ul.exhibition_box li .blank {
font-size: 10px;
letter-spacing: 1px;
position: absolute;
bottom: 0px;
right: 0px;
margin-bottom: 10px;
top:auto;
border-bottom: 0px;
}
}
.head-images {
margin: 0px 50px 100px;
}
.head-images video {
height: 500px;
width: 100%;
object-fit: cover;
}
.text .sns-icon {
overflow: auto;
width: 300px;
margin: 0 auto 50px;
}
.text  .sns-icon a img {
width: 40px;
height: auto;
margin-bottom: 30px;
}
.text .sns-icon .item{
font-size: 11px;
letter-spacing: 1px;
color: #494848!important;
font-weight: 100;
border: 0px;
display: inline-block;
text-align: center;
width: 90px;
margin-bottom: 20px;
font-style: italic;
}
.text .sns-icon .item a{
text-decoration: none;
}
p.onlinelink {
width: 100%;
border: 1px solid #aeaeae;
padding: 20px 0px;
text-align: center;
background-color: #fff;
}
.blogphoto {
width: auto;
margin: 0px 20px 50px;
}
.blogphoto img {
width: 100%;
}
.radio .more_link {
border-bottom: 1px solid #888;
display: inline-block;
font-style: italic;
}
.radio ul li p.date {
text-align: left;
font-size: 10px;
letter-spacing: 2px;
margin-bottom: 5px;
}
.radio ul li p {
text-align: left;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 8px;
}