@charset "UTF-8";


/* =========================================================
base
========================================================= */
html {
    overflow-y: scroll;
	 overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	color: #161619;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
		-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    font-size: 1vw;
	font-feature-settings: "palt";
	    letter-spacing: 0.08em;
	background: #fff;
	
}
*, *::before, *::after {
  box-sizing: border-box;
}
/* link */
a {
	color: #131420;
	text-decoration: none;
}
a:visited {
	color: #131420;
}
a:hover {
	color: #131420;
}
a:active {
	color: #131420;
}
a img {
	-webkit-transition: opacity, 300ms;
	transition: opacity, 300ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	vertical-align: bottom;
}
img {
	max-width: 100%;
}
.tel-link {
	cursor: default;
	pointer-events: none;
	color: #131420;
}

@media screen and (max-width: 800px) {
.tel-link {
	pointer-events: auto;
}
}
/* clear */
.cf {
 *zoom: 1;
}
.cf::before, .cf::after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* sppc */
.only-pc {
	display: block;
}
.only-sp {
	display: none;
}

@media screen and (max-width: 800px) {
.only-pc {
	display: none;
}
.only-sp {
	display: block;
}
}

/* =========================================================
animation
========================================================= */

.fadeOut {
    -webkit-animation: fadeOut .8s cubic-bezier(.55,0,.1,1) both;
    animation: fadeOut .8s cubic-bezier(.55,0,.1,1) both;
}
.fadeIn {
    -webkit-animation: fadeIn .8s cubic-bezier(.55,0,.1,1) both;
    animation: fadeIn .8s cubic-bezier(.55,0,.1,1) both;
}
@-webkit-keyframes fadeOut { to { opacity: 0; -webkit-transform: translate(0px,0px); }}
@keyframes fadeOut { to { opacity: 0; -webkit-transform: translate(0px,0px); transform: translate(0px,0px); }}
@-webkit-keyframes fadeIn { from { opacity: 0; -webkit-transform: translate(10px,0px); }}
@keyframes fadeIn { from { opacity: 0; -webkit-transform: translate(10px,0px); transform: translate(10px,0px); }}

@keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
/* =========================================================
 Layout 
========================================================= */

main {
  margin:0px;
	animation: bodyFadeIn 1s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 1s ease 0s 1 normal;

}
.article-wrap {
clear: both;
    position: relative;
    padding: 12em 0 0;
}
.item-page .article-wrap {
    clear: both;
    position: relative;
    padding: 2.4em 0 0;
}
.inner{
width: 82%;
    margin: 0 auto;
	max-width: 100%;
}
.inner-mini{
	width: 70%;
    margin: 0 auto;
}
.pic-wrap {
	
}
.text-wrap{
	
}
.aside-wrap{
	
}
.copyright {
    font-size: 13px;
    text-align: center;
    padding-bottom: 80px;
}
.grid-herf li {
	width: 48%;
	margin-right: 3%;
	float: left;
}
.grid-herf li:nth-child(2n) {
	margin-right: 0%;
}

.grid-thrd ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-thrd li {
    width: 29.3%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    position: relative;
}
.grid-thrd li img {
	width: 100%;
}





.grid-thrd li:nth-child(3n) {
	margin-right: 0%;
}

.grid-quarter li {
width: 22.6%;
    float: left;
    margin-right: 3%;
    position: relative;
}
.grid-quarter li img {
	width: 100%;
}
.grid-quarter li:nth-child(4n) {
	margin-right: 0%;
}
.grid-fifth li {
    width: 18.3%;
    float: left;
    margin-right: 1.7%;
    position: relative;
}




.list-cycle li:before {
	font-size: 10px;
	content: "●";
	padding-right: 4px;
}
.list-cycle li {
	padding-left: 1em;
	text-indent: -1em;
}
.list-cycle dd:before {
	font-size: 14px;
	content: "・";
	padding-right: 4px;
}
.list-cycle dd {
    padding-left: 1em;
    text-indent: -1em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align-right{
	text-align: right;
}
/* text */

.article-title{
	    font-size: 17px;
    letter-spacing: 0.2em;
}
.article-title-en{
font-size: 48px;
    line-height: 1.3;
	margin-left: -3px;
	font-weight: 400;
}
.sec-title-en{
	    font-size: 24px;
margin-bottom: 12px;
	    line-height: 1.0;
}
.sec-title-jp {
    font-size: 16px;
    text-align: center;
	line-height: 1.0;
}
.sec-hgroup {
	margin-bottom: 80px;
}
.sec-ico {
	width: 70px;
	margin: 0 auto;
}
.sec-title{
    font-size: 1.4em;
    padding-bottom: 1.8em;
	    line-height: 1.5em;

}
.sec-subtitle{
	    font-size: 18px;
    letter-spacing: 0.05em;
}
.sec-leadcopy{
	    font-size: 18px;
    letter-spacing: 0.05em;

}
.sec-subcopy{
	    font-size: 18px;
    letter-spacing: 0.05em;

}
.aside-title-jp {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.aside-title-en {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
}


.vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}


.sub-title {
	
}

.sup {
    font-size: 12px;
}
.coution .sup {
    font-size: 12px;
	color: #846f57;
}
.line100{
	background: #131420;
	height: 1px;
	width: 100px;	
}

body {
 font-family: "Noto Sans JP", sans-serif;
}

.en{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
.en-bold{
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}
.jp-g{
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
}
.serif{
 font-family: "Rokkitt", serif;
font-weight: 400;
font-style: normal;
}
.serif-bold{

}
/* adobe webfont 読込遅延
.en-bold {
  visibility: hidden;
}
.wf-active .en-bold {
  visibility: visible;
}
.jp-bold {
  visibility: hidden;
}
.wf-active .jp-bold {
  visibility: visible;
}*/

.copy p {
    line-height: 36px;
    letter-spacing: 0.1em;
}
.align-center {
	text-align: center;
}
/* =========================================================
module
========================================================= */

/* breadcrumb */

#breadcrumb {
    margin-top: 20px;
    height: 48px;
}
#breadcrumb ul {
float: right;
}
#breadcrumb ul li {
    display: inline;
    position: relative;
    padding-right: 15px;
	    font-size: 12px;
}
#breadcrumb ul li.current {
    padding-right: 0px;
}
#breadcrumb ul li:after {
    content: ">";
    font-size: 72%;
    top: 0px;
    right: 2px;
    position: absolute;
}
#breadcrumb ul li.current:after {
	padding-left: 0;
	content: "";
}

/* moldal menu */

.menu-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
    padding: 30px;
    z-index: 100;
}

.menu-btn span {
    color: #fff;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}

.open .menu-btn span:after {
    content: attr(data-txt-close);
}
.menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 107, 81, 0.94);
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.menu ul {
display: block;
    margin: 0 auto;
}

.menu li {
	opacity: 0;
	color: #fff;
}

.menu li a {
    display: block;
    font-size: 18px;
    color: #fff;
}

.menu li a:hover {
   opacity: 0.7;
}

.open .menu li {
	opacity: 1;
	transform:translateY(15px);
}

.open .menu li:nth-child(1) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1).5s;
}

.open .menu li:nth-child(2) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .5s;
}

.open .menu li:nth-child(3) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .6s;
}

.open .menu li:nth-child(4) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .6s;
}
.open .menu li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .7s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .7s;
}
.open .menu li:nth-child(6) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .7s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .7s;
}
.open .menu li:nth-child(7) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .8s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .8s;
}
.open .menu li:nth-child(8) {
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .8s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) .8s;
}



/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
	z-index: 99;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
position: relative;
    width: 37px;
    height: 32px;
    z-index: 100;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
  top: 10px;
}
.menu-trigger span:nth-of-type(2) {
  top: 21px;
}
.menu-trigger span:nth-of-type(3) {
    width: 70%;
    top: 31px;
	opacity: 1;
}
.open .menu-trigger span {
    background-color: #fff;
}
.open .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(4px) rotate(-45deg);
  transform: translateY(4px) rotate(-45deg);
}
.open .menu-trigger span:nth-of-type(2) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
.open .menu-trigger span:nth-of-type(3) {
  opacity: 0;
}
/*タブ*/
.tabs {

}

.tab_item {
       width: 32.2%;
    height: 60px;
    background-color: #d9d9d9;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    margin: 0 0.5%;
    cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
padding: 0;
    clear: both;

}
#course01_content,
#course02_content,
#course03_content {
  display: none;
}
#course01:checked ~ #course01_content,
#course02:checked ~ #course02_content,
#course03:checked ~ #course03_content {
  display: block;
}
.tabs input:checked + .tab_item. {
  background-color: #5ab4bd;
  color: #fff;
}
img {
    width: 100%;
}
/* =========================================================
common
========================================================= */
#head .menu-trigger span:nth-of-type(3) {
    bottom: auto;
	top: 20px;
}
#mainvisual {
    width: 100%;
    height: 90vh;
    animation: bodyFadeIn 1s ease 0s 1 normal;
    -webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
    position: relative;
}
#mainvisual img {
    width: 100%;
    height: 90vh;
    object-fit: cover;
}
#home .logo {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: -56px;
    width: 280px;
    right: -50px;
    box-sizing: border-box;
}

.page-summary {
    position: absolute;
    top: -11vw;
    z-index: 2;
    width: 17vw;
  left: 5vw;
}
.page-logo {
    width: 14vw;
  margin: 0 auto;
}
.page-logo .img {
display: inline-block;
    border-bottom: 2px solid #000;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1.4em;
    margin-bottom: 1.5em;
    width: 100%;
}
.page-logo .num {
    font-family: 'cambria';
    font-size: 30px;
    line-height: 1;
}
.page-logo .num span {
    display: block;
    font-size: 100px;
    font-style: oblique;
    letter-spacing: -.1em;
    margin-top: -5px;
}
.page-summary li {
    font-size: 0.75em;
    line-height: 1.5em;
    font-style: oblique;
    font-weight: 400;
	letter-spacing: 0;
}
.page-summary li span {
padding-right: 0.4em;    color: #939393;
}
p.note {
    padding-top: 1em;
}
.page-summary p {
font-size: 0.75em;
    line-height: 1.6em;
    margin-top: 0.5em;
    font-style: oblique;
	    color: #494949;
}
.summary-title.jp-g {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5;
    font-style: italic;
}
.season-year {
    font-size: 7em;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    line-height: 0.7em;
    letter-spacing: -0.03em;
}
.season {
    font-size: 2.2em;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    line-height: 1em;
    letter-spacing: -0.02em;
}

.entry-title {
    text-align: center;
    font-size: 30px;
    line-height: 48px;
    margin-bottom: 90px;
	    letter-spacing: 0.12em;
}
.nextpage .entry-title {
    font-size: 2em;
}
.nextpage {
padding-bottom: 4em;
}

main#content {
    width: 100%;
    margin: 0 auto;
	position: relative;
}

#homeslider {
    width: 100%;
    z-index: -5;
    top: 0;
   height: 81vh;
    position: relative;
}
#homeslider .text-wrap {
position: absolute;
    right: 120px;
    top: 40%;
    color: #a4967f;
    text-align: right;
}
#homeslider .siteid-en {
    font-size: 64px;
    line-height: 0.9;
    margin-bottom: 20px;
}
#homeslider .siteid{
 margin-bottom: 30px;
}
#homeslider .siteid-jp-title {
    font-size: 30px;
    line-height: 1.1;
}
#homeslider .text-wrap p{
 font-size: 13px;
	line-height: 1.8;
}
#homeslider .pic-wrap{
	width: 500px;
	float: right;
}




header {
    position: absolute;
    z-index: 98;
    bottom: 36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#menu-pc {
    transition: all .4s;
	    color: #fff;
}
#menu-pc li {
     display: inline-block;
    font-size: 13px;
    letter-spacing: 0.12em;
}
#menu-pc li:not(:last-child)::after {
    content: '/';
    font-size: 10px;
    padding: 0 7px;
    position: relative;
    display: inline-block;
}

#menu-pc li a {
	 position: relative;
    color: #fff;
}

#menu-pc li a:before,
#menu-pc li a:after{
  position: absolute;
  top: 1.8em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #fff;
  transition: 0.3s;
}

#menu-pc li a:before{
  left: 50%;
}

#menu-pc li a:after{
  right: 50%;
}

#menu-pc li a:hover:before,
#menu-pc li a:hover:after{
  width: 50%;
}




/* =========================================================
layout
========================================================= */
.left-wrap {
    width: 47%;
    float: left;
}
.left-wrap .pic-wrap {
    width: 100%;
    float: left;
    padding-top: 0px;
}
.left-wrap .pic-wrap img {
    margin-bottom: 22px;
}
.right-wrap .pic-wrap img {
    margin-bottom: 22px;
}

.right-wrap {
    width: 47%;
    float: right;
}
.right-wrap .pic-wrap {
    width: 100%;
    float: right;
    padding-top: 0px;
}
#sec03 .right-wrap .pic-wrap {
    padding-top: 0px;
}
.entry-subtitle {
font-size: 1.2em;
    padding-bottom: 0.8em;
    text-align: center;
}
.location-logo {
    margin: 2em auto 1em;
    width: 10vw;
}
.link-wrap p{
    font-size: 0.85em;
    line-height: 1.8;
    padding-bottom: 2em;
    font-style: italic;
    color: #717171;
}
.entry-title {
    font-size: 2.4em;
    line-height: 1.4;
    margin-bottom: 1em;
    letter-spacing: 0.12em;
}
.writer ul {
    padding-left: 5px;
}
.writer li {
    line-height: 1.2;
    font-size: 13px;
    font-style: italic;
}
.writer li span {
    color: #969696;
    padding-right: 4px;
}
.share {
    width: 60px;
    position: absolute;
    bottom: -50px;
    right: 20px;
	display: none;
}

.hitokoto {
    position: relative;
}
.left-wrap .hitokoto .tmb {
       width: 13%;
    position: absolute;
    left: 0;
}
.left-wrap .hitokoto .txt {
    background: #a7a091;
    padding: 14px 20px;
    color: #fff;
    font-size: 0.92em;
    line-height: 1.6;
    border-radius: 10px;
    position: absolute;
    right: 0;
    width: 82%;
}
.left-wrap .hitokoto .txt:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -36px;
    border: 15px solid transparent;
    border-right: 50px solid #a7a091;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    z-index: -1;
}
.right-wrap .hitokoto .tmb {
       width: 13%;
    position: absolute;
    right: 0;
}
.right-wrap .hitokoto .txt {
background: #a7a091;
    padding: 15px 25px;
    color: #fff;
  font-size: 0.92em;
    line-height: 1.6;
    border-radius: 10px;
    position: absolute;
    left: 0;
    width: 80%;
}
.right-wrap .hitokoto .txt:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 25%;
    right: -36px;
    border: 15px solid transparent;
    border-right: 50px solid #a7a091;
    -webkit-transform: rotate(-170deg);
    transform: rotate(-170deg);
    z-index: -1;
}



#lead .line100 {
    width: 100px;
        margin: 12px 0 20px;
}
#lead p {
    font-size: 15px;
    color: #333;
}
#lead {
max-width: 1300px;
    padding-left: 60px;
    margin: 0 auto 120px;
}

#archive-list {
    margin-bottom: 120px;
    padding-top: 180px;
    width: 100%;
    margin: 0 auto;
}
.single-link-wrap {
    position: relative;
}

#archive-list .btn {
    margin-top: 35px;
    margin-left: 20px;
}
#archive-list .allow-r {
    position: absolute;
    right: -33px;
    top: -2px;
    width: 22px;
}
#archive-list .summary {
     margin-bottom: 60px;
}
#archive-list .pic-wrap{
	margin-bottom: 80px;
	position: relative;
}
#archive-list .pic-wrap .day{
    position: absolute;
    bottom: 30px;
    font-size: 40px;
    left: 20px;
    font-style: italic;
	z-index: 2;
}
.single-link-wrap .pic-wrap {
    display: block;
    width: 100%;
    margin: 0px auto;
}
#archive-list .single-link-wrap img {
   height: auto;
}

#archive-list .entry-subtitle {
    font-size: 14px;
    padding-bottom: 10px;
	text-align: right;
}
#archive-list .entry-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
	text-align: right;
}




#archive-list p{
    font-size: 13px;
    line-height: 2;
    padding: 0 10px;
    color: #333;
}


#contact .item-list li {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: #d6d6d6 solid 1px;
    margin-top: 30px;
    padding-left: 10px;
}
#contact .item-list p {
    padding: 0;
    font-size: 13px;
    line-height: 1.6;
}
#contact .item-list a {
   text-decoration: underline;
}
#contact .item-title-jp {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    padding-bottom: 15px;
}




.slider-wrap {
    position: relative;
}

.slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: absolute;
    top: 400px;
    width: 45%;
    padding: 40px;
    right: 0;
    box-sizing: border-box;
}

.slide-large-left .text-wrap {
    background: #fff;
    position: absolute;
    top: 350px;
    width: 45%;
    padding: 40px;
    right: 0;
    right: auto;
    box-sizing: border-box;
}
.slide-large-left .data-table {
    margin: 60px 0 120px 460px;
    padding: 0 36px;
    width: 55%;
    box-sizing: border-box;
}
.slide-large-left .item-subtitle-en {
  
}



.item-title-en {
    font-size: 20px;
}

.slider-wrap .item-title-jp {
    margin-bottom: 30px;
}

.slider-wrap p {
  color: #333;
    line-height: 2;
}
.item-subtitle-en {
    font-size: 16px;
    margin-bottom: 30px;
}
.slide-large .data-table {
    margin: 60px 0 120px;
    padding: 0 36px;
    width: 55%;
}
.slide-large .data-table dl,.slide-large-left .data-table dl {
margin-bottom:30px;
}
.data-table dt {
    font-size: 13px;
    padding: 10px;
    width: 7em;
    float: left;
	color: #333;
}
.data-table dd {
    font-size: 13px;
    padding: 10px 10px 10px 7em;
    border-bottom: #ddd solid 1px;
    color: #333;
}
.data-table-mini dl {
   margin-bottom: 15px;
}
.data-table-mini dt {
    font-size: 12px;
    padding: 0;
    width: 4em;
    float: left;
	color: #333;
}
.data-table-mini dd {
    font-size: 12px;
    padding: 0px 0px 0px 5em;
    color: #333;
}
.data-table-mini {
    display: table;
}
#overview {
padding-bottom: 80px;
}

#overview li {
   margin-bottom: 30px;
}
#overview li p {
       font-size: 13px;
    color: #333;
}
#aniversary .pic-wrap {
    width: 140px;
    float: left;
    margin-right: 26px;
}
#aniversary p {
    color: #333;
    margin-bottom: 40px;
}
#aniversary li p {
    font-size: 13px;
    margin-bottom: 10px;
}

.addition {
    padding: 100px 0;
    background: #f1f1f1;
}
#foot-reserve {
    width: 1000px;
	height: 100px;
    padding: 20px;
    margin: 50px auto;
    box-sizing: border-box;
    color: #fff;
    background: #ad9d8b;
    position: relative;
}
.aside-foot-reserve-hgroup {
	position: relative;
	top: 10px;
	left: 20px;
}
.aside-foot-reserve-title-en {
    font-size: 18px;
    line-height: 1.0;
}
.aside-foot-reserve-title-jp {
	font-size: 15px;
}
#foot-reserve p {
   position: absolute;
	    top: 26px;
	left: 200px;
	font-size: 13px;
	line-height: 1.8;
}
.tel-wrap{
    height: 100px;
    background: #978774;
    position: absolute;
    padding: 36px 30px;
    top: 0;
    right: 0;
}

.tel-wrap a{
    color: #fff;
    font-size: 30px;
    display: block;
    line-height: 1.0;
}
#hotel-overview .data-table dt {
    width: 12em;
}#hotel-overview .data-table dd {
    padding: 10px 10px 10px 13em;
}
#areamap {
	margin-bottom: 80px;
}

.data-table ul {
    list-style: disc;
    margin-left: 20px;
    color: #333;
	margin-bottom: 60px;
}
.data-table ul li .sup {
display: block;
    padding-left: 20px;
    color: #333;
    padding-top: 15px;
}

/* activity */
.sort-nav {
    text-align: center;
}

.sort-nav li {
	 position: relative;
    color: #131420;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.08em;
	cursor: pointer;
}
.sort-nav li:not(:last-child)::after {
    content: '/';
    font-size: 10px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
}
.sort-nav li span{
  position: relative;
}
.sort-nav li span:before,
.sort-nav li span:after{
  position: absolute;
  top: 1.8em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #131420;
  transition: 0.3s;
}

.sort-nav li span:before{
  left: 50%;
}

.sort-nav li span:after{
  right: 50%;
}

.sort-nav li span:hover:before,
.sort-nav li span:hover:after{
  width: 50%;
}
.pdf-link a {
	text-decoration: underline;
}



#Container .mix{
	display: none;
}




.slider{
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #131420;
}

.slick-arrow {
	display: none;
}
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-large-left .slide-dots{
  text-align:right;
	margin-top: 10px;
}

.slide-dots {
    text-align: left;
    margin-top: 10px;
}
 .slide-dots li{
    display: inline-block;
    margin-right: 12px;
}
   .slide-dots button{
      position: relative;
      text-indent: -9999px;
}
.slide-dots button:before{
        content: '■';
        font-size: 15px;
        text-indent: 0px;
        position: absolute;
        top: 0;
        left: 0;
	color: #999;
      }
.slide-dots .slick-active button:before{
        content: '■';
	font-size: 15px;
	color: #333;
      }


#homelead{
position: absolute;
    top: 38%;
    width: 30%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
#home-intro p {
    width: 600px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2.2;
}

/*.logo {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    bottom: -50px;
    width: 130px;
    right: 0;
    padding: 30px 25px 0;
    background: #fff;
    box-sizing: border-box;
}

*/
.logo {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: -44px;
    width: 210px;
    right: -34px;
    box-sizing: border-box;
}
.lead{
    position: absolute;
    bottom: -190px;
    left: 0px;
    background: #fff;
    padding: 50px 50px 50px 30px;
}
#home .lead .page-title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding-bottom: 30px;
}
#home .lead {
    position: relative;
    bottom: 0;
    width: 520px;
    font-size: 12px;
    line-height: 2.2;
    background: #fff;
    padding: 60px 50px;
}
.home-logo {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    bottom: 30%;
    width: 150px;
    right: 50px;
    padding: 0;
    box-sizing: border-box;
}

.scrollOn #logo-fix{
    top: 30px;
    left: 36px;
    opacity: 1;
    transition: 0.3s;
    z-index: 10;
}
#history #logo-fix{
    top: 30px;
    left: 36px;
    opacity: 1;
    transition: 0.3s;
    z-index: 10;
}
#logo-fix-layer{
    width: 160px;
    position: fixed;
    top: 30px;
    left: 36px;
    transition: 0.3s;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
    height: 70px;
}
.scrollOn #logo-fix-layer{
    top: 30px;
    left: 36px;
    transition: 0.3s;
    z-index: 10;
	background: url(../images/logo-b.png) no-repeat;
	background-size: contain;
	height: 70px;
}

#intro {

}
.entry-sec {
    padding-bottom: 12em;
}
.text-wrap {
    width: 100%;
}
.text-wrap p.leadtxt {
    line-height: 2.3;
    font-size: 1.18em;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
}
.text-wrap p {
    line-height: 2.2;
    font-size: 1.14em;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
	    letter-spacing: 0.1em;
}
a img:hover{
	opacity: 0.6;
	transition: all 0.2s ease;
	
}


.text-wrap p a {
    text-decoration: underline;
}
.btn {
    display: inline-block;
    position: relative;
}
.btn a {
    font-size: 1.15em;
    font-weight: 600;
	transition: all 0.2s ease;
}
.btn a:hover .allow-r {
  right: -43px;
	transition: all 0.2s ease;
}
.btn a:hover .allow-l {
 left: -43px;
	transition: all 0.2s ease;
}
.allow-r {
position: absolute;
    right: -33px;
    top: -8px;
    width: 22px;

}
.right-wrap .pic-wrap .allow-l img {
    margin-bottom: 0;
}
.right-wrap .pic-wrap .allow-r img {
    margin-bottom: 0;
}
.left-wrap .pic-wrap .allow-r img {
    margin-bottom: 0;
}
.left-wrap .pic-wrap .allow-l img {
    margin-bottom: 0;
}
.allow-l {
    position: absolute;
    left: -33px;
       top: -8px;
		width: 22px;
}
#prof {
    clear: both;
	padding: 120px 0;
}
#prof .inner {
    clear: both;
	padding: 40px;
	border-top: #e0e0e0 solid 1px;
	border-bottom: #e0e0e0 solid 1px;
}
#prof .prof-tmb {
    float: left;
    width: 20%;
}
.prof-title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 24px;
}
#prof .prof-text {
float: right;
    width: 75%;
}

#prof p {
    font-size: 14px;
    line-height: 1.8;
}
.sec-copy {
    font-size: 20px;
    padding-bottom: 60px;
    text-align: center;
	line-height: 1.6;
	    letter-spacing: 0.05em;
}
.sec-copy span {
    font-size: 14px;
}
#intro .text-wrap {
    padding-top: 2em;
    width: 75%;
    margin: 0 auto;
}
#intro .btn-allow {
    text-align: center;
    position: relative;
    position: absolute;
    border: 0;
    bottom: 120px;
    right: 0;
}
.btn-back {
    text-align: center;
	margin-top: 80px;
}
#facility-list .grid-quarter li {
    text-align: center;
	height: 420px;
}
.facility-name {
    text-align: center;
    padding-bottom: 15px;
    font-size: 16px;
}
#facility-list .pic-wrap {
    margin-bottom: 20px;
}
.facility-location {
text-align: center;
    font-size: 11px;
    display: inline-block;
    padding: 8px;
    border-top: #9e9e9e solid 1px;
    border-bottom: #9e9e9e solid 1px;
    margin-bottom: 15px;
}

#facility-list p {
    font-size: 13px;
    text-align: left;
    line-height: 1.8;
}

.line-100 {
    width: 50px;
    height: 1px;
    background: #333;
    margin: 0 auto 40px;
}

.page-title-en {
    text-align: center;
    font-size: 4em;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    font-style: italic;
}

.page-title-sub {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 20px;
}
.page-copy {
    font-size: 1.7em;
    text-align: center;
    padding-bottom: 2.5em;
	line-height: 1.5;
}
.bg {
	width: 100%;
	margin: 0 auto 8em;
}
.bg img {
    width: 100%;
}

.fl-img01 {
    position: absolute;
    width: 14vw;
    top: 9vw;
    right: -15vw;
}
#season01-vol02 .fl-img01 {
    position: absolute;
    width: 21vw;
    top: 9vw;
    right: -22vw;
}
#season2019-vol03 .fl-img01 {
    width: 18vw;
    right: -15vw;
}
#season2021 .fl-img01 {
right: -12vw;
    top: 12vw;
}


#mainvisual .fl-img01 img {
   height: auto;
}
#archive-link-list {
    margin-top: 60px;
}
		#archive-link-list p {
    font-size: 13px;
    text-align: left;
    line-height: 1.8;
}
#archive-link-list .day {
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
}	
.pager span, .pager a {
    width: 50px;
    line-height: 50px;
    border: #000 1px solid;
    display: inline-block;
    text-align: center;
    font-family: 'cambria';
    font-size: 24px;
    margin-left: 1px;
    margin-right: 1px;
}
.pager span, .pager a:hover {
    background-color: #000;
    color: #fff;
}
.pager {
    text-align: center;
    padding-top: 6em;
}
.hitokoto.h160.cf {
    height: 12em;
}
.inner.mgt60 {
    padding-top: 6em;
}
.btn-home {
    text-align: center;
    padding-top: 2.5em;
    font-weight: 600;
    text-decoration: underline;
    font-size: 1.1em;
}
.text-wrap .sp-img {
    display: none;
}

@media screen and (max-width: 1100px) {
	body {
		font-size: 14px;
	}
	.page-logo {
    width: 100%;
}
		.page-summary {
    position: absolute;
    top: -12vw;
    z-index: 2;
    width: 20vw;
}
}



@media screen and (max-width: 960px) {
#mainvisual {
    width: 100%;
    height: 60vh;
	}
		
#mainvisual img {
 height: 60vh;
}	
	
	
	.grid-quarter li {
    width: 31%;
    float: left;
    margin-right: 3%;
    position: relative;
}
.grid-quarter li:nth-child(4n) {
    margin-right: 3%;
}	
	.grid-quarter li:nth-child(3n) {
    margin-right: 0%;
}


	#home .logo {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: -46px;
    width: 250px;
    right: -30px;
    box-sizing: border-box;
}
	.lead {
    position: absolute;
   bottom: -190px;
    left: 0px;
    background: #fff;
    padding: 50px 50px 50px 5px;
}
	.entry-subtitle {
    font-size: 13px;
    padding-bottom: 10px;
}
	.entry-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}
	.location-logo {
    padding-left: 5px;
    margin-bottom: 20px;
    width: 120px;
}
	.right-wrap {
    width: 100%;
    float: none;
}
	.page-copy {
    font-size: 16px;
    text-align: center;
    padding-bottom: 50px;
}
.left-wrap {
    width: 84%;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}
	.right-wrap {
    width: 84%;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}
	.left-wrap .pic-wrap {
    width: 100%;
    float: none;
    padding-top: 40px;
}
	.hitokoto {
		    padding-top: 15px;
    position: relative;
    height: 100px;
}
	#prof .prof-tmb {
    float: none;
    width: 20%;
    margin: 0 auto 40px;
}
	#prof .prof-text {
    float: none;
    width: 100%;
}
	#facility-list .grid-quarter li {
    text-align: center;
    height: 320px;
}
	.right-wrap .pic-wrap {
    width: 100%;
    float: none;
}
	.right-wrap .pic-wrap {
    width: 100%;
    float: none;
    padding-top: 40px;
}
	.bg {
    width: 100%;
    margin: 0 auto 80px;
}
	.entry-sec {
    padding-bottom: 10em;
}
	.page-summary {
    position: absolute;
    top: -120px;
    z-index: 2;
    width: 150px;
}
.season-year {
    font-size: 80px;
}
	.page-summary li {
    font-size: 11px;
}
	.page-summary p {
    font-size: 11px;
    line-height: 1.6em;
    margin-top: 0.5em;
    font-style: oblique;
}
	.fl-img01 {
    width: 150px;
}
	#season2021 .fl-img01 {
    right: -150px;
    top: 150px;
}
	#intro .text-wrap {
    padding-top: 2em;
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
}.text-wrap p.leadtxt {
    line-height: 2.3;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
}.page-title-en {
    text-align: center;
    font-size: 40px;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    font-style: italic;
}.page-copy {
    font-size: 20px;
    text-align: center;
    padding-bottom: 50px;
}.sec-title {
    font-size: 18px;
    padding-bottom: 1.8em;
    line-height: 1.5em;
}.text-wrap p {
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
    letter-spacing: 0.1em;
}.left-wrap .hitokoto .txt {
    font-size: 12px;
}.link-wrap p {
    font-size: 12px;
}.btn a {
    font-size: 14px;
}.allow-r {
    top: -4px;
}
	.right-wrap .hitokoto .txt {
    font-size: 12px;
}	#single #talk h2 {
    font-size: 22px;
}
	}
	@media screen and (max-width:960px){
#single #talk h2 {
    font-size: 24px;
    line-height: 39px;
}

#single #talk .wrap.bg {
    background-size: 360px;
}
#single #talk h2.mdb {
    margin-bottom: 40px;
}
#single #talk .member li {
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    display: block;
    margin-bottom: 40px;
}
#single #talk .member li dt {
        font-size: 17px;
        margin-top: 1em;
        margin-bottom: 0.8em;
}
#single #talk .ttl dd {
    font-size: 20px;
    line-height: 30px;
}
#single #talk .wrap .inner h3 {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 50px;
}
#single #talk .wrap .inner .comment dd {
    font-size: 15px;
    line-height: 32px;
}

	.page-summary {
    position: absolute;
    top: -120px;
    z-index: 2;
    width: 150px;
}
.season-year {
    font-size: 80px;
}
	.page-summary li {
    font-size: 11px;
}
	.page-summary p {
    font-size: 11px;
    line-height: 1.6em;
    margin-top: 0.5em;
    font-style: oblique;
}
	.fl-img01 {
    width: 150px;
}
	#season2021 .fl-img01 {
    right: -150px;
    top: 150px;
}
	#intro .text-wrap {
    padding-top: 2em;
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
}.text-wrap p.leadtxt {
    line-height: 2.3;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
}.page-title-en {
    text-align: center;
    font-size: 40px;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    font-style: italic;
}.page-copy {
    font-size: 20px;
    text-align: center;
    padding-bottom: 50px;
}.sec-title {
    font-size: 18px;
    padding-bottom: 1.8em;
    line-height: 1.5em;
}.text-wrap p {
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding-bottom: 40px;
    letter-spacing: 0.1em;
}.left-wrap .hitokoto .txt {
    font-size: 12px;
}.link-wrap p {
    font-size: 12px;
}.btn a {
    font-size: 14px;
}.allow-r {
    top: -4px;
}
	.right-wrap .hitokoto .txt {
    font-size: 12px;
}
	#single #talk h2 {
    font-size: 22px;
}
	#talk {
    position: relative;
    padding-top: 70px;
}
.page-summary {
    position: relative;
    top: auto;
    z-index: 2;
    width: 280px;
    margin: 0 auto;
	padding-bottom: 50px;
}
	#single #talk .member li dd {
    font-size: 12px;
    line-height: 1.9em;
    text-align: left;
    letter-spacing: 0;
    color: #36393d;
}
	.inner1150 {
    margin: auto;
    width: 100%;
}
	#single #talk .wrap {
    background-color: #fff;
    margin: 4em 0;
    padding: 2em 4em 4em;
}#single #talk .ttl {
    padding: 3em 0 2em;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
	line-height: 1.6;
}#single #talk .wrap h3 {
    font-size: 14px;
    line-height: 1.6em;
    color: #8b7d64;
    margin-bottom: 2em;
    font-weight: 500;
    padding-left: 4em;
    position: relative;
}#single #talk .wrap h3:before {
    content: "";
    width: 3em;
    height: 1px;
    background: #8b7d64;
    position: absolute;
    left: 0;
    top: 0.8em;
}
	#single #talk .wrap .comment dd {
    font-size: 14px;
    line-height: 1.8em;
    vertical-align: middle;
    padding-bottom: 1.4em;
    width: 91%;
    letter-spacing: 0.08em;
}
	#single #talk .wrap .comment dt span {
    font-size: 12px;
    letter-spacing: 0.1em;
    display: block;
    line-height: 1;
    margin-top: 0.5em;
    text-align: center;
}
	#single #talk .wrap .sub {
    font-size: 12px;
    line-height: 1.8em;
    margin-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    font-style: italic;
}.pager span, .pager a {
    width: 30px;
    line-height: 30px;
    border: #000 1px solid;
    display: inline-block;
    text-align: center;
    font-family: 'cambria';
    font-size: 16px;
    margin-left: 1px;
    margin-right: 1px;
}.pager {
    text-align: center;
    padding-top: 3em;
}
	.article-wrap {
    clear: both;
    position: relative;
    padding: 50px 0 0;
}

main#content {
 padding-top: 70px;
}		
	#season2021 .fl-img01 {
    right: 0;
    top: 100px;
}	.page-summary {
    left: 0;
}#season2021 .fl-img01 {
    right: -100px;
    top: 100px;
}#intro .text-wrap {
    padding-top: 1em;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
		.entry-sec {
    padding-bottom: 40px;
}
		.fl-img01 {
    width: 120px;
    right: -100px;
}
		
}
@media screen and (max-width:650px){
#single #talk h2 {
    font-size: 19px;
    line-height: 1.6em;
}
	.page-summary li {
    font-size: 11px;
    text-align: center;
}#single.season2025 #talk .member li {
    width: 100%;
}
#single #talk .member {
    display: block;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}
	#single #talk .member .photo {
width: 80%;
    margin: 0 auto;
}
	#single #talk .ttl {
    padding: 2em 0 1.6em;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}#single #talk .wrap h3 {
    font-size: 14px;
    line-height: 1.6em;
    color: #8b7d64;
    margin-bottom: 1em;
    font-weight: 500;
    padding-left: 4em;
    position: relative;
}
	#single #talk .wrap .comment dd {
    font-size: 13px;
    line-height: 1.8em;
    vertical-align: middle;
    padding-bottom: 1.4em;
    width: 87%;
    letter-spacing: 0.08em;
}
	#single #talk .wrap .comment dt {
    width: 10%;
}#single #talk .wrap {
    background-color: #fff;
    margin: 4em 0;
    padding: 2em 2em 4em;
}#single #talk .wrap .comment dt span {
    font-size: 10px;
    letter-spacing: 0.1em;
    display: block;
    line-height: 1;
    margin-top: 0.5em;
    text-align: center;
}#single #talk .wrap .sub {
    font-size: 10px;
    line-height: 1.8em;
    margin-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    font-style: italic;
}
	#single #talk .ttl {
    font-size: 16px;
    line-height: 1.4;
}
	#single #talk .wrap h3 {
    font-size: 14px;
    line-height: 1.4em;
    color: #8b7d64;
    margin-bottom: 1em;
    font-weight: 500;
    padding-left: 40px;
    position: relative;
}
	#single #talk .wrap h3:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #8b7d64;
    position: absolute;
    left: 0;
    top: 0.8em;
}
	#mainvisual {
    width: 100%;
    height: 50vh;
}
	    #mainvisual img {
        height: 50vh;
    }
	.season-year {
    font-size: 72px;
}.right-wrap {
    width: 100%;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}.left-wrap {
    width: 100%;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}.inner.mgt60 {
    padding-top: 30px;
}.inner {
    width: 86%;
    margin: 0 auto;
    max-width: 100%;
}
	.text-wrap p {
    line-height: 2;
    font-size: 13px;
    padding-bottom: 20px;
}.left-wrap .pic-wrap {
    width: 100%;
    float: none;
    padding-top: 20px;
}.entry-sec {
    padding-bottom: 30px;
}.bg {
    width: 100%;
    margin: 0 auto 30px;
}
	.fl-img01 {
    width: 80px;
    right: -50px;
}.entry-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}.text-wrap p.leadtxt {
    line-height: 2;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding-bottom: 20px;
}.page-title-en {
    text-align: center;
    font-size: 30px;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    font-style: italic;
}.page-copy {
    font-size: 16px;
    text-align: center;
    padding-bottom: 50px;
}.sec-title {
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1.5em;
}.left-wrap .hitokoto .txt {
    font-size: 10px;
}.right-wrap .pic-wrap img {
    margin-bottom: 15px;
}.link-wrap p {
    font-size: 10px;
}.right-wrap .hitokoto .txt {
    font-size: 10px;
}#season01-vol02 .fl-img01 {
    position: absolute;
    width: 90px;
    top: 9vw;
    right: -50px;
}#season2019-vol03 .fl-img01 {
    width: 70px;
    right: -30px;
}main#content {
    padding-top: 50px;
}.page-logo {
    width: 80%;
}.summary-title.jp-g {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    font-style: italic;
}.sec-title {
    font-size: 15px;
    padding-bottom: 15px;
    line-height: 1.5em;
    text-align: center;
}.left-wrap .pic-wrap img {
    margin-bottom: 15px;
}.location-logo {
    padding-left: 0;
    margin-bottom: 10px;
    width: 140px;
}.allow-l {
    position: absolute;
    left: -33px;
    top: -4px;
    width: 22px;
}#season2021 .fl-img01 {
    right: -50px;
    top: 100px;
}.line-100 {
    width: 50px;
    height: 1px;
    background: #333;
    margin: 0 auto 20px;
}.page-copy {
    font-size: 16px;
    text-align: center;
    padding-bottom: 30px;
}.right-wrap .pic-wrap {
    width: 100%;
    float: none;
    padding-top: 20px;
}#head .menu-trigger span:nth-of-type(3) {
    top: 14px;
}
	.allow-r {
    top: -8px;
}
	.allow-l {
top: -8px;
}
	.btn a {
    font-size: 13px;
}.sec-title {
    font-size: 17px;
}
	
	.fl-img01 {
    width: 80px;
    right: -10px;
    top: 120px;
}
	#head #site-id {
    display: none;
}
	.page-logo .img {
    padding-left: 1.6em;
    padding-right: 1.6em;
    padding-bottom: 1.6em;
    margin-bottom: 1.6em;
}
	#season2019-vol03 .fl-img01 {
    width: 110px;
    right: -40px;
    top: 140px;
}
	#season01-vol02 .fl-img01 {
    position: absolute;
    width: 110px;
    top: 140px;
    right: -40px;
}
}



@media screen and (max-width:390px){
.page-summary {
    position: relative;
    top: auto;
    z-index: 2;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 60px;
}
#single #talk .wrap .comment dd {
    font-size: 13px;
    line-height: 1.8em;
    vertical-align: middle;
          padding-bottom: 10px;
    width: 80%;
    letter-spacing: 0.08em;
}
	#single #talk .wrap .comment dt {
    width: 14%;
}
	#single #talk .wrap {
    background-color: #fff;
    margin: 4em 0;
    padding: 20px 22px 30px;
}#talk {
    position: relative;
    padding-top: 50px;
}
	.page-logo {
    width: 74%;
}	#mainvisual {
    width: 100%;
    height: 40vh;
}#mainvisual img {
    height: 40vh;
}#single #talk h2 {
    font-size: 18px;
    line-height: 1.6em;
}.page-summary p {
    font-size: 10px;
    line-height: 1.6em;
    margin-top: 0.5em;
    font-style: oblique;
}.hotel-item-tmb {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}
}

/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
  .side-reserve-subtitle {
    height:180px;
  }
	  .side-reserve-title-wrap {
    height: 350px;
  }
}

