@charset "UTF-8";

/* =========================================================
reset
========================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #f9b4aa;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #f9b4aa;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
i {
	font-family: 'ionicons';
	font-style: normal;
}


/* =========================================================
base
========================================================= */
html {
    overflow-y: scroll;
	 overflow-x: hidden;
    min-height: 1000px;
	scroll-behavior: smooth;
}

body {
	color: #f9b4aa;
	background: #1f1517;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: 400;
		-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	min-height: 900px;
}
*, *::before, *::after {
  box-sizing: border-box;
}
/* link */
a {
	color: #f9b4aa;
	text-decoration: none;
}
a:visited {
	color: #f9b4aa;
}
a:hover {
	color: #f9b4aa;
}
a:active {
	color: #f9b4aa;
}
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: #f9b4aa;
}

@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: 80px 0;
	    background: #fff;
}
.item-page .article-wrap {
    clear: both;
    position: relative;
    padding: 30px 0 0;
}
.inner{
	width: 1000px;
	margin: 0 auto;
}
.inner-mini{
    width: 800px;
    margin: 0 auto;
}
.pic-wrap {
	
}
.text-wrap{
	
}
.aside-wrap{
	
}
.w-herf {
	width: 50%;
}
.w-thrd {
	width: 33%;
}
.w-quarter {
	width: 25%;
}
.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%;
  height: auto;
}





.grid-thrd li:nth-child(3n) {
	margin-right: 0%;
}

.grid-quarter li {
    width: 23%;
	float: left;
    margin-right: 2%;
	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: 18px;
 font-weight: 400;

}
.sec-subtitle{
	    font-size: 18px;
    letter-spacing: 0.2em;

}
.sec-leadcopy{
	    font-size: 18px;
    letter-spacing: 0.2em;

}
.sec-subcopy{
	    font-size: 18px;
    letter-spacing: 0.2em;

}
.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: #f9b4aa;
	height: 1px;
	width: 100px;	
}
.en{

}
.en-bold{

}

.serif{
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
}
.yu-go{
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
/* 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: rgb(31 23 23 / 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: #f9b5ab;
    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: #f9b5ab;
}
.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;
}

/* =========================================================
common
========================================================= */
 header h1 {
    padding: 23px 0px 20px 36px;
    width: 260px;
}

footer {
position: relative;
}


footer .footer-logo {
    width: 210px;
    padding: 10px 0;
}

.address {
    font-size: 13px;
    position: absolute;
    z-index: 10;
    top: 80px;
    left: 80px;
    padding: 40px 30px;
    background: #fff;
    width: 250px;
    line-height: 1.6;
}

.address p {
    padding-bottom: 10px;
	    color: #382f34;
}
.foot-logo {
    width: 80%;
    margin: 0 auto 10px;
}
.nav-logo {
    width: 140px;
    margin: 30px auto;
}

.nav-title {
    width: 200px;
    margin: 30px auto 0;
}

.menu ul {
    display: block;
    margin: 0 auto;
}
.menu .global li {
text-align: center;
}
.menu .global li a {
    display: block;
    font-size: 24px;
    font-weight: 400;
    padding: 7px;
    color: #f9b5ab;
    padding: 12px;
    width: 100%;
    margin: 0 1%;
    box-sizing: border-box;
}
.menu .global li.no-link {
    display: block;
    font-size: 24px;
    font-weight: 400;
    padding: 7px;
    color: #4a4141;
    padding: 12px;
    width: 100%;
    margin: 0 1%;
    box-sizing: border-box;
}
.menu .global li a.no-border {
    border: none;
}
.menu-logo {
    width: 200px;
    margin: 50px auto 20px;
}
.menu .fruit-list {
    width: 50%;
    margin: 40px auto;
}
.menu .item-title-en {
    font-size: 11px;
    margin-bottom: 20px;
}

.menu .item-title-jp {
    font-size: 18px;
    line-height: 1.4;
}
.menu .pic-wrap {
	overflow: hidden;
}
.menu .pic-wrap img {
  display: block;
	transition-duration: 0.3s;
}
.menu .pic-wrap img:hover {
 transform: scale(1.1);
	transition-duration: 0.3s;
}

#mainvisual {
    width: 100%;
    overflow: hidden;
    height: 500px;
	animation: bodyFadeIn 1s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
}

#bg-video{
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -100;
 background-size: cover;
}

#mainvisual img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
#home #mainvisual {
    height: 100vh;
}
#home #mainvisual img {
    height: 100%;
}

#homeslider {
    width: 100%;
    z-index: -5;
    top: 0;
    height: 100vh;
    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;
}
.demo {
    position: absolute;
    z-index: -10;
}
#side-furusatonouzei {
    position: fixed;
    z-index: 10;
    color: #f5bbaf;
    top: 30%;
    left: 15px;
    padding: 30px 15px;
    font-size: 11px;
    letter-spacing: 0.2em;
    transition: all 0.4s ease;
}






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  {
	-webkit-animation: menu-start 0.6s ease 1.2s 1 forwards;
  animation: menu-start 0.6s ease 1.2s 1 forwards;
	opacity: 0;
	    bottom: -15px;
    position: relative;
}
@-webkit-keyframes menu-start {
  100% {
    opacity: 0;
		bottom: -15px;
  }
}
@keyframes menu-start {
  100% {
    opacity: 1;
		bottom: 0px;
  }
}



#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
========================================================= */
#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;
}
#archive-list .pic-wrap{
	margin-bottom: 40px;
}

#archive-list .item-title-en{
	font-size: 20px;
	line-height: 1.0;
	margin-bottom: 10px;
}
#archive-list .line100{
	width: 30px;
	margin: 20px auto 20px;
}
#archive-list .item-title-jp{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 20px;
}

#archive-list p{
    font-size: 13px;
    line-height: 2;
    padding: 0 10px;
    color: #333;
}
.item-list{
	    margin-bottom: 80px;
}
.item-list li {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 80px;

}
.item-list .season {
	position: absolute;
	right: 0;
	top: 0px;
	padding: 3px 8px;
	background: #333;
	color: #fff;
	font-size: 11px;
}

.item-list .season.season-all {
	background: #2b704e;
}
.item-list .season.season-11-3 {
	background: #339999;
}
.item-list .season.season-5-3 {
	background: #3a7bb8;
}
.item-list .season.season-4-10 {
	background: #da5536;
}
.item-list .season.season-gentei {
	background: #a5508a;
}


.item-list .pic-wrap{
	margin-bottom: 20px;
}

.item-title-jp{
	font-size: 16px;
	line-height: 1.4;
}


.item-list .line100 {
    width: 30px;
	margin: 20px auto;
}

.item-list .tag{
	font-size: 13px;
	line-height: 1.6;
	margin: 10px 0;

	
}
.item-list p{
	padding:0 5px 20px;
	font-size: 13px;
	    color: #333;
	
}
#alacalt-menu.inner-mini,#course-menu.inner-mini {
    width: 600px;
        margin: 60px auto 120px;
}

#alacalt-menu.item-list p, #course-menu.item-list p {
        padding: 10px 0px 20px;
    font-size: 13px;
    color: #333;
}
#alacalt-menu.item-list p .sup, #course-menu.item-list p .sup {
display: block;
}

#activity .item-list p {
    font-size: 14px;
    line-height: 2.0;
}
#activity .sup {
color: #333;
	
}

#activity .lead-copy strong {
    display: block;
    padding-top: 15px;
    color: #f9b4aa;
}



#activity .item-list p.sup {
    font-size: 12px;
}
#activity .data-table dl {
    margin-bottom: 20px;
}

#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;
}


.plan-title {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}
.plan-wrap {
    margin-bottom: 25px;
}
.plan-wrap strong {
    display: block;
}

#activity .item-list dd a {
    text-decoration: underline;
}

.item-list p.price{
	position: absolute;
	bottom: -40px;
	padding-top: 12px;
	border-top: #ddd solid 1px;
	width: 100%;
	text-align: right;
	font-size: 13px;
}
.item-list p.sup {
    font-size: 12px;
}

#activity .item-list .pic-wrap {
    width: 300px;
    float: left;
    margin-bottom: 20px;
}

#activity .item-list .text-wrap {
    width: 650px;
    float: right;
    margin-left: 50px;
}
#activity .item-list .item-title-jp {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}
#activity .item-list .data-table dt {
    font-size: 13px;
    padding: 10px;
    width: 12em;
    float: left;
    color: #333;
}
#activity .item-list .data-table dd {
    font-size: 13px;
    padding: 10px 10px 10px 12em;
    border-bottom: #ddd solid 1px;
    color: #333;
}
#activity .item-list .data-table dd.challenge {
       color: #bdbcbc;
}
#activity .item-list .data-table dd.challenge {
       color: #bdbcbc;
}
#activity .item-list .data-table dd.challenge .star {
    color: #f59403;
}
.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: #f9b4aa;
    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: #f9b4aa;
  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: #f9b4aa;
}

.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: 35%;
    width:100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #f5bbaf;
}
.home-logo {
    width: 24%;
    margin: 0 auto;
	max-width: 550px;
}

.opening {
font-size: 22px;
	    padding: 10px 15px;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-top: 30px;
    border-top: #f8b4aa solid 1px;
    display: inline-block;
    border-bottom: #f8b4aa solid 1px;
}
.home-copy p {
    text-align: center;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 auto;
}
.content {
    background: #1f1517;
}
#home-gallery li {
    width: 25%;
    float: left;
    font-size: 0;
}
#home-gallery li img{
    width: 100%;

}
#home-gallery {
    background: #29191c;
}
#home-gallery li.txt {
    position: relative;
	font-size: 14px;
}
#home-gallery li.txt p {
    padding: 50px;
    line-height: 2;
    color: #d2b2ab;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;
}
#home-gallery li.txt p a {
    color: #d2b2ab;
    text-decoration: underline;
}
.message p {
    padding: 30px;
    line-height: 2;
    color: #d2b2ab;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;
}
.message a {
    color: #d2b2ab;
    text-decoration: underline;
}
#homelead  {
	-webkit-animation: catch 0.6s ease 1.2s 1 forwards;
  animation: catch 0.6s ease 1.2s 1 forwards;
	opacity: 0;
}
@-webkit-keyframes catch {
  100% {
    opacity: 0;
  }
}
@keyframes catch {
  100% {
    opacity: 1;
  }
}





#logo-fix{
	width: 160px;
	position: fixed;
	top: 25px;
	left: 36px;
	opacity: 0;
	 transition: 0.3s;
}
.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 {
    width: 800px;
    margin: 0 auto;
	position: relative;
}
#intro .text-wrap {
padding: 136px 0;
    width: 400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
	opacity: 0;
	 transition: 0.3s;
}
#intro .text-wrap.scrollfadein-on {
	opacity: 1;
	 transition:1.0s;
}



#intro p {
    font-size: 16px;
    letter-spacing: 0.3em;
    line-height: 50px;
}
#intro .btn-allow {
    text-align: center;
    position: relative;
    position: absolute;
    border: 0;
    bottom: 120px;
    right: 0;
}
.flimg01{
    position: absolute;
    width: 180px;
    top: 240px;
    left: 110px;
    z-index: 0;
}
.flimg02{
position: absolute;
    width: 180px;
    top: 160px;
    right: 30px;
}
.flimg03{
	 position: absolute;
    width: 180px;
    top: 30px;
    right: 100px;
    z-index: 0;
}
#gmap {
    width: 100%;
    height: 600px;
}

.btn-allow {
    text-align: center;
	position: relative;
}

a .btn-allow span {
    text-align: center;
    font-size: 16px;
    padding-bottom: 14px;
    display: inline-block;
    position: relative;
	    left: -0.05em;
}
.allow-line {
width: 110px;
    position: relative;
    margin: 0 auto;
    height: 30px;
	transition: 0.3s;
	left:0px;
}
.allow-line01 {
width: 100%;
    position: absolute;
    height: 1px;
    background: #f9b4aa;
}
.allow-line02 {
width: 12px;
    position: absolute;
    height: 1px;
    background: #f9b4aa;
    right: -2px;
    top: -3px;
    transform: rotate(34deg);
}

a:hover .allow-line {
left: 12px;
	 transition: 0.3s;
}

/*information*/
#home-info {
	padding: 150px 120px;
}
#home-info .sec-title {
    font-size: 32px;
    letter-spacing: 0;
    text-align: center;
    padding-bottom: 60px;
    color: #d2b2ab;
}
#home-info .item-title-jp {
    font-size: 16px;
    line-height: 1.4;
    color: #d2b2ab;
    padding: 20px 0;
}

#home-info .summary {
    color: #a08984;
    font-size: 13px;
    line-height: 1.6;
    padding-bottom: 10px;
    text-align: left;
}
#home-info .data {
    color: #8c726d;
    font-size: 12px;
    line-height: 1.8;
    text-align: left;
}

.pickup .item-title-jp {
    font-size: 16px;
    line-height: 1.4;
    color: #d2b2ab;
    padding: 20px 0;
}

.pickup .summary {
    color: #a08984;
    font-size: 13px;
    line-height: 1.6;
    padding-bottom: 50px;
    text-align: left;
}
.pickup .summary a{
font-size: 105%;
  text-decoration: underline;
}
.pickup  {
margin-bottom: 80px;
}
#food .pickup .item-title-jp {
    padding: 20px 0 5px;
}
#food .pickup .summary {
    text-align: center;
    padding-bottom: 30px;
}
.page-copy {
    font-size: 20px;
    text-align: center;
    padding-bottom: 60px;
}
/*concept*/
#home-concept {
	padding: 200px 0 0;
	position: relative;

}
#home-concept .sec-title {
font-size: 180px;
    letter-spacing: -0.08em;
    text-align: center;
    padding-bottom: -20px;
    color: #402c30;
    left: -30px;
    top: 50px;
    position: absolute;
}
#home-concept li {
    width: 25%;
    float: left;
    font-size: 0;
}
#home-concept li img{
    width: 100%;

}

#home-concept li.txt {
    position: relative;
	font-size: 14px;
}
#home-concept li.txt p {
    padding: 50px;
    line-height: 2;
    color: #d2b2ab;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;
}
#home-concept li.txt p a {
   text-decoration: underline;
}
#home-concept .sec-key {
    line-height: 0;
}


.ico-insta {
    width: 40px;
    margin: 60px auto 10px;
}

.inner {
 
    margin: 0 auto;
}
.item-page .inner {
    width: 680px;
    margin: 0 auto;
}
#item-intro .page-title {
    text-align: center;
    font-size: 36px;
}
.page-title-en {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 60px;
}
.page-title-img {
    width: 150px;
    margin: 0 auto;
}


.overlay {
display: none;
    position: fixed;
    top: -10px;
	left: 0;
    right: 0;
    bottom: -10px;
    background-color: rgba(202, 45, 45, 0.86);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 999;
}
.modal-wrap{
    width: 98%;
    margin: 20px auto;
    box-sizing: border-box;
}
.modal {
margin: 0 auto;
    padding: 1.9em 2em;
    max-width: 100%;
    text-align: justify;
    text-justify: inter-ideograph;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}
.modal::after {
  display: table;
  content: '';
  clear: both;
}

.button {
 border: #ea5768 solid 1px;
	padding: 20px;
  cursor: pointer;
width: 200px;
	margin: 50px auto;
	color: #ea5768;
	    text-align: center;
}
.button:hover {
  background-color: #ea5768;
	color: #fff;
}
.modal-inner {
    width: 650px;
    margin: 60px auto;
    color: #ea5768;
}
.modal-inner th {
    font-size: 20px;
    width: 26%;
    padding: 20px;
	 line-height: 1.8;
    border-bottom: #ea5768 dotted 1px;
}
.modal-inner td {
    line-height: 1.8;
    font-size: 15px;
    padding: 20px;
	 border-bottom: #ea5768 dotted 1px;
}
.modal-inner td strong {
    font-size: 18px;
    display: block;
}

.modalon {
position: relative;
    margin-top: 30px;
    padding-left: 25px;
    cursor: pointer;
}
.modalon span {
    position: absolute;
    top: -2px;
    left: 0;
    width: 18px;
}

#lectire .note {
    margin-top: 60px;
    padding: 30px;
    background: #eac449;
    color: #fff;
}
#lectire .note p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: -0.02em;
}
#pear .note {
    margin-top: 60px;
    padding: 30px;
       background: #a3c15b;
	color: #fff;
}
#pear .note p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: -0.02em;
}
#pear .overlay {
   background-color: rgba(150, 185, 67, 0.87);
}
#pear .modal-inner th {
    border-bottom: #96b943 dotted 1px;
}
#pear .modal-inner td {
	 border-bottom: #96b943 dotted 1px;
}
#pear .button {
 border: #96b943 solid 1px;
	color: #96b943;
}
#pear .button:hover {
  background-color: #96b943;
	color: #fff;

}
#pear .modal-inner {
    color: #96b943;
}
#lectire .overlay {
    background-color: rgba(232, 188, 43, 0.86);
}
#lectire .modal-inner th {
    border-bottom: #eab72b dotted 1px;
}
#lectire .modal-inner td {
	 border-bottom: #eab72b dotted 1px;
}
#lectire .button {
 border: #eab72b solid 1px;
	color: #eab72b;
}
#lectire .button:hover {
  background-color: #eab72b;
	color: #fff

}
#lectire .modal-inner {
    color: #eab72b;
}


/* =========================================================
inquiry
========================================================= */


#form {
    padding: 100px 0;
}
#form.inner-mini {
    width: 640px;
    margin: 0 auto;
}
.contact-form-input, .contact-form-textarea {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .08em;
    letter-spacing: normal;
    padding: 7px 11px;
    border: 1px solid #bdbdbd;
    box-sizing: border-box;
    background: #f3f3f3
}

.contact-form-label {
    font-size: 16px;
    margin-bottom: 10px;
}

.contact-content {
	margin: 0 auto;
	padding-top: 60px;
}

.policy-content {
	margin: 0 auto;
	padding-top: 60px;
}


.contact-form-row {
	margin-bottom: 25px;
	width: 100%;
}
.contact-form-td {
	width: 100%px;
	font-size: 15px;
}
.inview-target {
	opacity: 0;
}
.contact-form-th {
	display: block;
	margin-bottom: 5px;
}
.inview-target.is-inview {
	-webkit-animation: fadeIn 0.875s ease-in-out forwards;
	animation: fadeIn 0.875s ease-in-out forwards;
}
.contact-form-submit-btn a, .contact-form-submit-btn button {
    width: 240px;
    background: #ffffff;
    letter-spacing: 0em;
    text-align: center;
    box-sizing: border-box;
    display: block;
    padding: 14px 0;
    margin: 50px auto 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
       border: #f9b4aa solid 1px;
    color: #f9b4aa;
    line-height: 1;
}
.contact-form-submit-btn a:hover {
	color: #fff;
	background:#f9b4aa;
}
.contact-form-submit-btn button:hover {
	color: #fff;
	background: #f9b4aa;
}
#check .contact-lead-text {
	margin-bottom: 60px;
}
#check .error-body {
	width: 600px;
	margin: 0 auto;
}
#check .contact-header {
	width: 600px;
	margin: 0 auto;
}
#comp .contact-header {
	width: 600px;
	margin: 0 auto;
}
#comp .contact-lead-text {
	text-align: center;
	margin-bottom: 60px;
}
.error-text {
	color: #d90000;
}
#check .contact-form-row {
	margin-bottom: 25px;
	width: 100%;
	border-top: #ccc solid 1px;
	padding-top: 25px;
}
.contact-table {
	margin-bottom: 60px;
}

    .sns {
      position: absolute;
      top: 38px;
      right: 100px;    z-index: 2;
    }
      .sns ul li {
     display: inline-block;
        width: 28px;
        margin: 0 10px;
    }
@media screen and (max-width: 1080px) {


	
	#homelead {

}
.inner {
    width: 85%;
    padding-left: 0px;
    margin: 0 auto;
	}
	.homecopy-en {
    font-size: 90px;
    letter-spacing: 0em;
    line-height: 1;
}
	.homesiteid {
    font-size: 24px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
	.homecopy {
    font-size: 28px;
    letter-spacing: 0.1em;
}

	header h1 {
padding: 30px 35px;
    width: 280px;
    margin: 0 auto;
}
	.item-title-en {
    font-size: 15px;
}
	#home .slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: absolute;
    top: 0px;
    width: 45%;
    margin-right: 0;
    padding: 40px;
    right: 0;
       height: auto;
    box-sizing: border-box;
}
	#home .item-title-jp {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}
	.slider-wrap .item-title-jp {
    margin-bottom: 20px;
}
#home .slide-large .line100 {
    background: #f9b4aa;
    height: 1px;
    margin: 15px 0;
    width: 40px;
}	
	#home .slide-large .btn a {
    font-size: 13px;
    margin: 30px auto;

}
	#home .slide-large.l-left .slider-wrap .text-wrap {
    background: #fff;
    position: absolute;
    top: 0px;
    width: 45%;
    margin-left: 0;
    padding: 40px;
    left: 0;
    height: auto;
    box-sizing: border-box;
}
	#home .item-list li {
    height: 260px;
}

	.hotel-name {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
	.footer-tel {
    height: 64px;
    box-sizing: border-box;
    position: relative;
    width: 350px;
    border: #fff solid 1px;
    text-align: center;
    top: auto;
    left: 0;
    right: 0;
    padding-top: 18px;
    font-size: 13px;
    margin: 15px auto 5px;
}
	.footer-contact a {
    padding: 12px 0 0;
    position: relative;
    width: 350px;
    border: #fff solid 1px;
    text-align: center;
    top: 0px;
    left: 0;
    right: 0;
    height: 64px;
    box-sizing: border-box;
    line-height: 1.5;
    margin: 0 auto;
    font-size: 13px;
}

#home-list {
    clear: both;
    padding-bottom: 50px;
}
	
.menu .pic-wrap {
 
}
	.right {
    float: none;
}
	.w-herf {
    width: 100%;
}
.left {
    float: none;
}
.menu li a {
    display: block;
    font-size: 14px;
    padding: 7px;
    color: #fff;
    padding-left: 5px;
    width: 100%;
    float: none;
    margin: 0 1%;
}
	#eco {
    width: 90%;
    margin: 50px auto;
    background: #2a5640;
    color: #fff;
    padding: 30px 40px;
}
	#activity .item-list .pic-wrap {
    width: 30%;
    float: left;
    margin-bottom: 20px;
}
	#activity .item-list .text-wrap {
    width: 65%;
    float: right;
    margin-left: 0;
}
	#archive-list p {
    font-size: 12px;
    line-height: 2;
    padding: 0 10px;
    color: #333;
}
	#archive-list .item-title-jp {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
}
	.layor01 #mainvisual {
    height: 400px;
    border-radius: 4px 0px 0px 0px / 4px 0px 0px 0px;
}
	.layor01 #mainvisual img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
	.article-wrap {
    clear: both;
    position: relative;
    padding: 60px 0;
}
	.layor01 .article-title-en {
    font-size: 36px;
    line-height: 1.2;
    margin-left: -3px;
    font-weight: 400;
    text-align: center;
}
	.slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: relative;
    top: -60px;
    width: 90%;
    padding: 30px;
    right: 0;
    box-sizing: border-box;
}
	.slide-large .data-table {
    margin: 0px 0 120px;
    padding: 0 36px;
    width: 100%;
}
	.slider-wrap p {
    color: #333;
    line-height: 2;
    font-size: 12px;
}
	.slide-large-left .text-wrap {
    background: #fff;
    position: relative;
    top: -50px;
    width: 90%;
    padding: 30px;
    right: 0;
    right: auto;
    box-sizing: border-box;
}
.slide-large-left .data-table {
    margin: 0px 0 120px 0px;
    padding: 0 36px;
    width: 100%;
    box-sizing: border-box;
}
	.data-table dt {
    font-size: 12px;
    padding: 10px;
    width: 7em;
    float: left;
    color: #333;
}
	.data-table dd {
    font-size: 12px;
    padding: 10px 10px 10px 7em;
    border-bottom: #ddd solid 1px;
    color: #333;
}
	.slide-large-left .item-subtitle-en {
    text-align: left;
}
	#archive-list .item-title-en {
    font-size: 16px;
    line-height: 1.0;
    margin-bottom: 10px;
}
	.item-subtitle-en {
    font-size: 14px;
    margin-bottom: 10px;
}
	#alacalt-menu.inner-mini, #course-menu.inner-mini {
    width: 60%;
    margin: 60px auto 120px;
}
	#map01.inner, #map02.inner, #map03.inner {
    width: 85%;
    margin: 80px auto 0;
    text-align: center;
}
	#history #item-intro .page-title {
    font-size: 20px;
    letter-spacing: 0.2em;
    left: 0;
    top: 0;
    right: 0;
    margin: 0px auto 0;
    text-align: center;
    padding-top: 30px;
}
}


@media screen and (max-width: 800px) {
	.histry-link{
		position: relative;
		z-index: 3;
	}
	#bg-video {
    position: relative;
    right: auto;
    top: -150px;
    left: -350px;
    bottom: auto;
    min-width: auto;
    min-height: auto;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
	.home-logo {
 
}.grid-quarter li {
    width: 100%;
    float: none;
    margin-right: 0;
    position: relative;
}
	#logo-sp {
    width: 44%;
    margin: 30px auto;
}
#side-furusatonouzei a {
    display: none;

}
	#homelead {

}
#home .inner {
    width: 100%;
    padding-left: 0px;
    margin: 0 auto;
}
#about .inner {
    width: 100%;
    padding-left: 0px;
    margin: 0 auto;
}
	#home .inner {
    width: 85%;
    padding-left: 0px;
    margin: 0 auto;
}
	.homecopy-en {
    font-size: 70px;
    letter-spacing: 0em;
    line-height: 1;
}
	.homesiteid {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
	.homecopy {
    font-size: 22px;
    letter-spacing: 0.1em;
}
	#home .slide-large .pic-wrap {
    float: none;
    width: 100%;
    margin-bottom: 0;
}
	#home .slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: relative;
    top: 0px;
    width: 100%;
    margin-right: 0;
    padding: 40px;
    right: 0;
    height: auto;
    box-sizing: border-box;
}
#home .slide-large.l-left .pic-wrap {
    float: none;
    margin-bottom: 0;
}
#home .slide-large.l-left .slider-wrap .text-wrap {
    background: #fff;
    position: relative;
    top: 0px;
    width: 100%;
    margin-left: 0;
    padding: 40px;
    left: 0;
    height: auto;
    box-sizing: border-box;
}
#lead {
    max-width: auto;
    padding-left: 0;
    width: 80%;
    margin: 0 auto 120px;
}
	#home .item-list li {
    height: 180px;
}
	#home #home-list .item-title-en {
    position: absolute;
    top: 46%;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
}
	.article-title-en {
    font-size: 36px;
    line-height: 1.3;
    margin-left: -3px;
    font-weight: 400;
}
	.article-title {
    font-size: 16px;
    letter-spacing: 0.2em;
}
		#side-reserve-sp {
    position: fixed;
    background: #978774;
    right: 0px;
    z-index: 10;
    bottom: -188px;
    width: 100%;
    color: #fff;
			transition: all 0.2s ease;
}
				#side-reserve-sp.open {
    bottom: 0px;
		transition: all 0.2s ease;
}
		
		.side-reserve-ico {
    padding: 8px;
    width: 100%;
}
		.side-reserve-ico img {
       position: absolute;
    top: 10px;
    width: 40px;
    left: 10px;
}
	.side-reserve-subtitle {
    font-size: 14px;
    top: 19px;
    position: absolute;
    right: 110px;
}	
		.side-reserve-title {
      font-size: 20px;
    letter-spacing: 0.1em;
    position: absolute;
    right: 20px;
    top: 12px;
}
		.side-reserve-nav {
    position: relative;
    top: auto;
    left: auto;
    width: 90%;
    margin: 0 auto;
    padding-top: 60px;
			    padding-bottom: 30px;
}
	.side-reserve-nav li a {
    width: 100%;
    display: block;
    border: #fff solid 1px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}	

	
	.top-lead {
    width: 80%;
    margin: 0px auto;
}
	.information {
    width: 100%;
    float: none;
}

	.pic-large-wrap {
    width: 100%;
    margin: 0 auto 60px;
}
#order .detail {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
}
	.fare {
    width: 90%;
    margin: 60px auto 0;
}
	#intro {
    width: 80%;
    margin: 0 auto;
    position: relative;
}
	.flimg01 {
    position: absolute;
    width: 140px;
    top: 240px;
    left: 40px;
 
}
	.flimg02 {
    position: absolute;
    width: 150px;
    top: 160px;
 
    right: 30px;
}
	.flimg03 {
    position: absolute;
    width: 140px;
    top: 30px;
    right: 100px;
 
}
	#intro .text-wrap {
    padding: 100px 0;
    width: auto;
    margin: 0 auto;
}
	#intro p {
    font-size: 14px;
    letter-spacing: 0.3em;
    line-height: 40px;
}
	#about .sec-title {
    position: absolute;
    font-size: 20px;
    letter-spacing: 0.3em;
    top: -76px;
    left: 10%;
}
	#about .item-title-en {
    font-size: 20px;
}
	#about .text-wrap {
    width: auto;
    margin: 80px auto;
}
	#about .item-title-en {
    font-size: 20px;
}
	#about .line100-vertical {
    position: absolute;
    height: 60px;
    width: 1px;
    background: #f9b4aa;
    top: 100px;
    right: 13px;
}
#soil .sec-title {
    position: absolute;
    font-size: 20px;
    letter-spacing: 0.3em;
    top: -100px;
    right: 10%;
}
	#soil .item-title-en {
    font-size: 20px;
}
	#soil .line100-vertical {
    position: absolute;
    height: 60px;
    width: 1px;
    background: #f9b4aa;
    top: 50px;
    right: 13px;
}
	#soil p {
    letter-spacing: 0.2em;
    font-size: 14px;
    line-height: 36px;
    padding: 60px 0 30px;
}
	#soil .text-wrap {
    width: auto;
    margin: 80px auto;
}
	#fruit .sec-title {
    position: absolute;
    font-size: 20px;
    letter-spacing: 0.3em;
    top: -150px;
    left: 10%;
}
	#fruit .item-title-en {
    font-size: 20px;
}
	#fruit .text-wrap {
    width: auto;
    margin: 80px auto;
}
	#fruit p {
    letter-spacing: 0.2em;
    font-size: 14px;
    line-height: 36px;
    padding: 60px 0 30px;
}
	a .btn-allow span {
    text-align: center;
    font-size: 14px;
    padding-bottom: 14px;
    display: inline-block;
    position: relative;
    left: -0.05em;
}
	#order .sec-title {
    font-size: 18px;
    letter-spacing: 0.3em;
    text-align: center;
    display: inline-block;
}
	#information .sec-title {
    font-size: 20px;
    letter-spacing: 0.3em;
    text-align: center;
    display: inline-block;
}
	.item-page .inner {
    width: 70%;
    margin: 0 auto;
}
	#item .pic-wrap {
    float: left;
    width: 30%;
}
	#item .text-wrap {
    width: 60%;
    float: right;
}
	.menu .fruit-list {
    width: 80%;
    margin: 40px auto;
}
	
	}
	
	@media screen and (max-width: 600px) {
	
		.open .menu {
    padding-bottom: 300px;
			position: absolute;
}

		#history td {
    padding: 10px 5px;
    font-size: 11px;
    line-height: 1.8;
    border-bottom: #cecece solid 1px;
}
		
	#history .line100-vertical {
    height: 60px;
    position: absolute;
    width: 1px;
    background: #333;
    right: 10px;
    top: 60px;
}	
		main {
    margin: 0 0px;
    animation: bodyFadeIn 1s ease 0s 1 normal;
    -webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
}
		#side-logo {
    position: fixed;
    top: 20px;
    display: none;
    left: 15px;
    width: 30px;
}
	#recruit-detail dt {
    font-size: 16px;
    padding-bottom: 18px;
}
		#recruit-detail dd {
    font-size: 12px;
    line-height: 1.5;
    padding-bottom: 10px;
}
		#item-intro #recruit-detail p {
    font-size: 12px;
    line-height: 1.8;
    padding-left: 0;
    padding-bottom: 40px;
}
		
		
		.w-herf {
    width: 100%;
}
		.right {
    float: none;
}
		.grid-thrd li {
    width: 100%;
    float: none;
    margin-right: 0;
    position: relative;
}
		

		#siteid {
    top: -50px;
    position: absolute;
    z-index: 2;
    left: 50px;
    width: 100px;
    display: none;
}
	.homecopy-en {
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 1;
}	
		.homesiteid {
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
		.homecopy {
    font-size: 16px;
    letter-spacing: 0.1em;
}
	
		#home .item-list li {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 10px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}
		#home .item-list .pic-wrap {
    margin-bottom: 20px;
    position: relative;
}
		footer .footer-logo {
width: 140px;
    margin: 0 auto;
    padding: 0px 0 10px;
}
		.copyright {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding: 14px 0;
    border-bottom: #212121 solid 1px;
}
		.footer-nav {
    padding-left: 0px;
    display: block;
    text-align: center;
			 position: relative;
    top: auto;
    left: auto;
}
.home-logo {
    width: 200px;

}
		.foot-logo {
    width: 30%;
    margin: 0 auto 10px;
}
		.address p {
    padding-bottom: 10px;
    text-align: center;
}
	.home-copy p  {
    width: 80%;
    margin: 0 auto;
    font-size: 13px;
}
.opening {
    font-size: 20px;
    line-height: 1.2;
    padding: 14px;
}
		#homelead {
    width: 80%;
    margin: 0 auto;
}
	.nav-logo {
    width: 100px;
    margin: 40px auto 10px;
}
	.menu ul {
    display: block;
    width: 80%;
    margin: 0 auto;
}	
	.menu li a {
    display: block;
    font-size: 14px;
    padding: 7px;
    color: #fff;
    padding-left: 5px;
        width: 96%;
    float: none;
    margin: 0 1%;
}	
		.pic-large-wrap {
    width: 100%;
    margin: 0 auto 30px;
}
		.story .text-wrap {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.05em;
}
		.pic-mini-left {
    width: 120px;
    margin-right: 20px;
    float: left;
}
		.leadcopy-jp {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 0.1em;
}.story .btn a {
    display: block;
    width: 250px;
    border: #333 solid 1px;
    padding: 6px 0;
    box-sizing: border-box;
    font-size: 13px;
    margin: 60px auto;
    text-align: center;
}
		.pic-mini-right {
    width: 120px;
    margin-left: 20px;
    float: right;
}
		#mainvisual {
    width: 100%;
    overflow: hidden;
    height: 200px;
    animation: bodyFadeIn 1s ease 0s 1 normal;
    -webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
}
	#mainvisual img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}	
	header h1 {
    padding: 30px 0px 50px;
    width: 180px;
    margin: 0 auto;
}	
		.article-title-en {
    font-size: 30px;
    line-height: 1.3;
    margin-left: -3px;
    font-weight: 400;
    text-align: center;
}
.article-wrap {
    clear: both;
    position: relative;
    padding: 0px 0 60px;
}
.article-title {
    font-size: 14px;
    letter-spacing: 0.2em;
    text-align: center;
}
		#lead p {
    font-size: 14px;
    color: #333;
    line-height: 2.2;
}
	.slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: relative;
    top: 30px;
    width: 100%;
    padding: 20px;
    right: 0;
    box-sizing: border-box;
}	
		.layout-size {
    font-size: 12px;
}
		.eco-title {
    font-size: 14px;
    margin-bottom: 10px;
}
		#eco {
    width: 90%;
    margin: 50px auto;
    background: #2a5640;
    color: #fff;
    padding: 30px 30px;
    font-size: 12px;
}
		.grid-herf li {
    width: 100%;
    margin-right: 0;
    float: none;
}
	#lead .line100 {
    width: 100px;
    margin: 25px auto 30px;
}	
		.sort-nav li {
    position: relative;
    color: #f9b4aa;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.08em;
    cursor: pointer;
    margin-bottom: 0;
    padding-bottom: 0;
}
		.sort-nav ul {
    margin-bottom: 40px;
}#activity .item-list .pic-wrap {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
		#activity .item-list .pic-wrap img {
    width: 100%;
}
		#activity .item-list .text-wrap {
    width: 100%;
    float: none;
    margin-left: 0;
}
		.grid-thrd li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    margin-bottom: 30px;
}
		.layor01 #mainvisual img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
		.layor01 #mainvisual {
    height: 280px;
    border-radius: 4px 0px 0px 0px / 4px 0px 0px 0px;
}
	.sec-ico {
    width: 50px;
    margin: 0 auto;
}	
.slide-large-left .text-wrap {
    background: #fff;
    position: relative;
    top: 0;
    width: 100%;
    padding: 20px 0px;
    right: 0;
    right: auto;
    box-sizing: border-box;
}
		.grid-thrd li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;
    position: relative;
}
		.slide-large-left .data-table {
    margin: 0px 0 60px 0px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
}
		#alacalt-menu.inner-mini, #course-menu.inner-mini {
    width: 80%;
    margin: 60px auto 120px;
}
		#access .sec-title-jp {
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}
		#access hgroup p {
    padding: 0;
    color: #333;
    text-align: left;
}
		#map02 .pic-wrap {
    margin-top: 0;
    z-index: -5;
    position: relative;
}
		#access .link-wrap {
    padding: 20px;
    margin: 0px 0 40px;
    border: #277577 dotted 1px;
    text-align: left;
}
		#access .link-title {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #277577;
}
		#access .link-wrap li {
    float: left;
    font-size: 12px;
    margin-right: 20px;
}

#home-list #lead {
    max-width: 1300px;
    padding-left: 0px;
    margin: 0 auto 60px;
}
.footer-tel {
    height: 64px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border: #fff solid 1px;
    text-align: center;
    top: auto;
    left: 0;
    right: 0;
    padding-top: 18px;
    font-size: 12px;
    margin: 12px auto 5px;
}
		.footer-contact a {
    padding: 12px 0 0;
    position: relative;
    width: 100%;
    border: #fff solid 1px;
    text-align: center;
    top: 0px;
    left: 0;
    right: 0;
    height: 64px;
    box-sizing: border-box;
    line-height: 1.5;
    margin: 0 auto;
    font-size: 13px;
}
		#menu-reserve {
    width: 100%;
    padding-top: 0px;
    margin: 40px auto;
    clear: both;
}
		.slide-large .data-table {
    margin: 0px 0 120px;
    padding: 0px;
    width: 100%;
}
		.slide-large .slider-wrap .text-wrap {
    background: #fff;
    position: relative;
    top: 0;
    width: 100%;
    padding: 30px 0px;
    right: 0;
    box-sizing: border-box;
}
.data-table p {
font-size: 12px;
    color: #333;
}
		.layor01 .article-title-en {
    font-size: 30px;
    line-height: 1.2;
    margin-left: -3px;
    font-weight: 400;
    text-align: center;
}
		.layor01 .article-title {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.2em;
}
		footer .tel-link {
     pointer-events: auto;
			    font-size: 14px;
}
	.answer dt {
    font-size: 16px;
    margin-bottom: 30px;
}	
		.answer dd {
    padding-left: 0px;
    color: #4a4a4a;
    font-size: 12px;
}
		#faq .cat-title {
    font-size: 16px;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
    padding-top: 40px;
}
		.answer {
    padding: 30px;
    margin-bottom: 30px;
    background: #f1f1f1;
}
		.information li .data {
    width: auto;
    float: none;
    display: block;
    font-size: 13px;
}
		.footer-nav li {
    display: inline-block;
    font-size: 13px;
}
		.hoshino-logo {
    width: 100px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 0 100px;
}
		#content .coution {
    width: 80%;
    float: none;
    margin: 0px auto 50px;
}
		.coution strong {
    font-size: 13px;
}
		#intro p {
    font-size: 13px;
    letter-spacing: 0.3em;
    line-height: 36px;
}
		header {
    position: absolute;
    z-index: 98;
    bottom: 36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none;
}
		#intro .btn-allow {
    text-align: center;
    position: relative;
    position: absolute;
    border: 0;
    bottom: 30px;
    right: 0;
    left: 0;
}


	#logo-fix {
    width: 160px;
    display: none;
    position: fixed;
    top: 25px;
    left: 36px;
    opacity: 0;
    transition: 0.3s;
}	
		#order .grid-herf li:first-child {
    border-right: none;
}
		#order .grid-herf li {
    width: 100%;
    margin-right: 0%;
    float: none;
    padding: 0px 0 50px;
}
		.fare tbody td {
    width: 20%;
    font-size: 14px;
    line-height: 1.4;
    padding: 14px 0;
    box-sizing: border-box;
    background: #fff;
    font-weight: 400;
    border-bottom: #babdbc solid 1px;
    border-left: #babdbc dotted 1px;
}
		.fare tbody td .sup {
    display: block;
    font-size: 10px;
}
		.fare thead td {
    width: 20%;
    font-size: 12px;
    vertical-align: middle;
    padding: 16px 0;
    box-sizing: border-box;
    color: #fff;
    background: #6bafa0;
    line-height: 1.4;
    font-weight: 400;
    border-bottom: #babdbc solid 1px;
    border-left: #babdbc dotted 1px;
}
		#information {
    position: relative;
    padding-top: 100px;
    text-align: center;
}
		#information .sec-title {
    font-size: 18px;
    letter-spacing: 0.3em;
    text-align: center;
    display: inline-block;
}
		#order .grid-herf li .item-title-jp {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 40px;
}
		.ico-insta {
    width: 30px;
    margin: 60px auto 10px;
}
		.address {
    font-size: 13px;
    position: relative;
    z-index: 10;
    top: 0;
    left: auto;
    padding: 40px 30px;
    background: #fff;
    width: 100%;
    line-height: 1.6;
}
		.menu-logo {
    width: 40%;
    margin: 50px auto 20px;
}
		.menu ul {
    display: block;
    width: auto;
    margin: 0 auto;
}

		.page-title-img {
    width: 120px;
    margin: 0 auto;
}
	#logo-fix-layer {
    width: 100px;
    position: fixed;
    top: 20px;
    left: 20px;
    transition: 0.3s;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
    height: 70px;
}	
		.menu-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
    padding: 15px 20px;
    z-index: 100;
}
	#item-intro .page-title {
    text-align: center;
    font-size: 28px;
}	
		.item-page .inner {
    width: 85%;
    margin: 0 auto;
}
		#item-intro .item-title {
    font-size: 15px;
    width: 90px;
    float: left;
    position: relative;
}
		#item-intro p {
    font-size: 13px;
    line-height: 1.8;
    padding-left: 90px;
    padding-bottom: 30px;
}
		.sup {
    font-size: 12px;
    line-height: 1.4;
}
		.modalon {
    position: relative;
    margin-top: 30px;
    padding-left: 25px;
    cursor: pointer;
    font-size: 13px;
}
		.modalon span {
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
}
		#item .pic-wrap {
    float: none;
    width: 60%;
    margin: 0 auto 40px;
}
		#item .text-wrap {
    width: 100%;
    float: none;
}
	.scrollOn #logo-fix-layer {
    top: 20px;
    left: 20px;
    transition: 0.3s;
    z-index: 10;
    background: url(../images/logo-b.png) no-repeat;
    background-size: contain;
    height: 70px;
}	
		.item-page .item-name {
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 1.6;
}
		#item li {
    padding-bottom: 20px;
    border-bottom: #b3b3b3 dotted 1px;
    padding-top: 20px;
    font-size: 13px;
    line-height: 1.6;
}
		#item .item-price .price .tax {
    font-size: 12px;
}
		#item .item-price .price {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: -5px;
}
		.modal-wrap {
    width: 97%;
    margin: 16px auto;
    box-sizing: border-box;
}
		.modal-inner {
    width: 100%;
    margin: 60px auto;
    color: #ea5768;
}
		.modal-inner th {
    font-size: 16px;
    width: 26%;
    padding: 10px;
    line-height: 1.8;
    border-bottom: #ea5768 dotted 1px;
}
		.modal-inner td {
    line-height: 1.8;
    font-size: 13px;
    padding: 10px;
    border-bottom: #ea5768 dotted 1px;
}
		.modal-inner td strong {
    font-size: 15px;
    display: block;
}
		.button {
    padding: 16px;

}
		#history .inner {
    width: 85%;
    margin: 0 auto;
}
		#history td {
    padding: 10px;
    font-size: 13px;
    line-height: 1.8;
    border-bottom: #cecece solid 1px;
}
		#logo-sp {
    width: 44%;
    margin: 30px auto;
}
#side-furusatonouzei {
    position: fixed;
    z-index: 10;
    color: #f5bbaf;
    top: 18px;
    left: 14px;
    padding: 0px;
    font-size: 10px;
    letter-spacing: 0.2em;
    transition: all 0.4s ease;
}
		#home-gallery li {
    width: 33.333%;
}
		#home #mainvisual {
    height: 88vh;
}
		#home #mainvisual img {
    height: 88vh;
}
	.message p {
    padding: 36px;
    line-height: 2;
    color: #d2b2ab;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;
    font-size: 13px;
}	
	#home-info {
    padding: 150px 50px;
}
		
	#home-concept li {
    width: 33.3333%;
    float: left;
    font-size: 0;
}	
	#home-concept .sec-title {
    font-size: 90px;
    letter-spacing: -0.08em;
    text-align: center;
    padding-bottom: -20px;
    color: #402c30;
    left: -10px;
    top: 26px;
    position: absolute;
}	
	#home-concept {
    padding: 100px 0 0;
    position: relative;

}	
		
}

	@media screen and (max-width: 380px) {
.home-copy p {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 2;
}

.note-title {
    line-height: 1.5;
}

		
		#lead p {
    font-size: 14px;
    color: #333;
}
		#activity .item-list .data-table dt {
    font-size: 11px;
    padding: 10px;
    width: 8em;
    float: left;
    color: #333;
}
		#activity .item-list .data-table dd {
    font-size: 11px;
    padding: 10px 10px 10px 8em;
    border-bottom: #ddd solid 1px;
    color: #333;
}
		.article-title-en {
    font-size: 30px;
    line-height: 1.3;
    margin-left: -3px;
    font-weight: 400;
    text-align: center;
}
		#access .link-wrap li {
    margin-right: 0px;
}
		.entry {
    width: 95%;
    margin: 0 auto;
    padding: 60px 0;
    border-bottom: #333 solid 1px;
}
		#intro p {
    font-size: 13px;
    letter-spacing: 0.3em;
    line-height: 28px;
}
		#about .item-title-en {
    font-size: 18px;
}
		#about .line100-vertical {
    position: absolute;
    height: 40px;
    width: 1px;
    background: #f9b4aa;
    top: 90px;
    right: 9px;
}
		#soil .item-title-en {
    font-size: 18px;
}
		
		
		#soil .item-title-en {
    font-size: 18px;
}		#about p {
   letter-spacing: 0.2em;
    font-size: 13px;
    line-height: 26px;
    padding: 60px 0 30px;
			right: -10px;
    position: relative;
}		
		#soil p {
     letter-spacing: 0.2em;
    font-size: 13px;
    line-height: 26px;
    padding: 60px 0 30px;
    right: -10px;
    position: relative;
}
		#fruit p {
   letter-spacing: 0.2em;
    font-size: 13px;
    line-height: 26px;
    padding: 60px 0 30px;
			right: -10px;
    position: relative;
}		
		#order .tel {
    font-size: 28px;
    margin-bottom: 15px;
}
		#order .btn a {
    width: 100%;
    border: #333 solid 1px;
    display: block;
    margin: 0 auto 30px;
    height: 53px;
    line-height: 50px;
    transition: 0.3s;
    font-size: 14px;
}
		.fare-title {
    text-align: left;
    padding-bottom: 30px;
    padding-left: 0;
}
		.fare tbody th {
    width: 20%;
    font-size: 12px;
    padding: 16px 0;
    box-sizing: border-box;
    background: #fff;
    font-weight: 400;
    border-bottom: #babdbc solid 1px;
}
		.fare tbody td {
    width: 20%;
    font-size: 12px;
    line-height: 1.4;
    padding: 14px 0;
    box-sizing: border-box;
    background: #fff;
    font-weight: 400;
    border-bottom: #babdbc solid 1px;
    border-left: #babdbc dotted 1px;
}
		#order p {
    font-size: 12px;
    text-align: left;
    line-height: 1.8;
}
		.foot-logo {
    width: 44%;
    margin: 0 auto 10px;
}
		#mainvisual img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}
		#mainvisual {
    width: 100%;
    overflow: hidden;
    height: 260px;
    animation: bodyFadeIn 1s ease 0s 1 normal;
    -webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
}
		#order {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #edf6f4;
    text-align: center;
}
		#order .order-inner {
    width: 90%;
    margin: 0 auto;
}
		#item li {
    padding-bottom: 10px;
    border-bottom: #b3b3b3 dotted 1px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.6;
}
		#item .pic-wrap {
    float: none;
    width: 45%;
    margin: 0 auto 40px;
}
	#item .shipment li {
    padding-bottom: 0;
    border-bottom: none;
    padding-top: 0;
    font-size: 14px;
    line-height: 1.6;
}	
		#item .shipment-title {
    margin-bottom: 20px;
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    background: #4b5656;
    border-radius: 3px;
    letter-spacing: 0.1em;
}
		#soil hgroup {
    position: relative;
    padding-left: 20px;
    right: -5px;
}
		
		#about hgroup {
    position: relative;
    padding-left: 20px;
    right: -5px;
}
		#fruit hgroup {
    position: relative;
    padding-left: 20px;
    right: -5px;
}
		
}
	@media screen and (max-width: 320px) {
		.opening {
    line-height: 1.2;
    font-size: 34px;
    padding: 70px 0 20px;
}
		.home-copy p {
    width: 100%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 2;
}
		
		#home .slide-large .btn a {
    width: 100%;
}
		.side-reserve-title {
    font-size: 16px;
    letter-spacing: 0.1em;
    position: absolute;
    right: 20px;
    top: 17px;
}
		.side-reserve-subtitle {
    font-size: 11px;
    top: 21px;
    position: absolute;
    right: 100px;
}
		.entry p {
    font-size: 13px;
    line-height: 2.2;
    margin-bottom: 30px;
}
.modal {
    padding: 1.9em 1em;
}
	.modal-inner th {
    font-size: 13px;
    width: 26%;
    padding: 10px;
    line-height: 1.8;
    border-bottom: #ea5768 dotted 1px;
}	
	.modal-inner td {
    line-height: 1.8;
    font-size: 11px;
    padding: 10px;
    border-bottom: #ea5768 dotted 1px;
}	
}

/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
  .side-reserve-subtitle {
    height:180px;
  }
	  .side-reserve-title-wrap {
    height: 350px;
  }
}



.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-overlay{opacity:.5;background:url(overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-slideDown,.vegas-transition-slideDown2{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}
/*# sourceMappingURL=vegas.min.css.map */