@charset "utf-8";
html, body {
	background:#fff;
	width:100%;
	/*color:#333333;*/
    position: relative;
	font-size:14px;
	/*line-height: 1.5;*/
	line-height: 1.1;
	font-family: 'Copse-Regular',　serif, 'NotoSerifJP-Medium', "游ゴシック", "YuGothic", "メイリオ", "meiryo", sans-serif;
	color: #002f48;
	overflow-x: hidden;
}

* {
    margin: 0px;
    padding: 0px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

#conts p#close {
	position:fixed;
	top: 0;
	right: 0;
	z-index: 2;
}
#conts p#close img {
	width: 35px;
	height: 35px;
}
#conts p#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
}
#conts p#pagetop img {
	width: 35px;
	height: 35px;
}

@media screen and (max-width: 768px) {
	
#conts p#close {
	position:fixed;
	top: 0;
	right: 0;
	z-index: 2;
	width: 60px;
	height: 60px;
}
#conts p#close img {
	width: 100%;
	height: 100%;
}
#conts p#pagetop {
	display: none;
}
}

.entry-header,
.post-navigation{
	display: none;
}

/* =トップ
------------------------------------------------------------------*/
#menu {
	display: none;
}
#news {
	position: fixed;
	z-index: 99999;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	top:0;
	left: 0;
}
#news p#close {
	top: -10px;
	right: -10px;
}
#news p#close img {
	width: 50px;
	height: 50px;
}
#news .box {
	position:absolute; 
	width: 800px;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#news p#newsTtl {
	text-align: center;
	padding: 0 0 20px;
}
#news a {
	display: block;
	width: 800px;
	border: 1px solid #FFF;
	margin: 0 auto 20px;
	clear: both;
	background: url(../../img/index/btn_arrow_pc_o.png) no-repeat 98% center;;
	transition: all 0.5s;
}
#news a:hover {
	background: url(../../img/index/btn_arrow_pc_o.png) no-repeat 99% center;
}
#news dl {
	clear: both;
	color: #FFF;
	width: 800px;
}
#news dl dt {
	width: 348px;
	height: 155px;
	margin: 0 0 40px;
	display: table-cell;
}
#news dl dd {
	width: 350px;
	height: 155px;
	display: table-cell;
	vertical-align: middle;
	margin: 0 0 40px;
	font-size: 20px;
	padding: 0 30px;
}

#index {
	width: 100%;
}

@media screen and (min-width: 791px){
#index {
	position: absolute;
	left: 3%;
	top: 100vh;
	z-index: 999;
	width: 26vw
}
/*#index #nav {
	left: 3%;
	top: 60px;
	z-index: 100;
}*/
.fixed {
  position: fixed;
  top: 60px;
}
	}
@media screen and (max-width: 790px){
#index #nav {
	position: fixed;
	left: 3%;
	top: 60px;
	z-index: 100;
}
    }
#index #nav h1  {
	margin: 0 0 30px 40px;
}

#index #nav h1 a img {
	width: 15vw;
}

#index #nav p.logo  {
	display: none;
}
#index #nav nav  {
	display: block;
}
#index #nav ul  {
	list-style: none;
	font-size: 1.9vw;
	margin-left: 40px;
	line-height: 0.9;
}
#index #nav ul li {
	margin: 0 0 20px;
}

#index #nav ul li a {
	color: #002f48;
}

#index #nav ul li:nth-of-type(5) {
	margin: 0 0 26px;
}
#index #nav ul li:nth-of-type(6) {
	padding: 0 0 34px;
	background: url() 5px 30px no-repeat;
}
#index #nav ul li:nth-of-type(7) {
	margin: 0 0 4px;
}
#index #nav ul li:nth-of-type(8) {
	margin: 0 0 4px;
}
/*
#index #nav ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#index #nav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #002f48;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#index #nav ul li a:hover::after {
  transform: scale(1, 1);
}


.line{
  position: relative;
  display: inline-block;
  font-size: 2em;
}

.line:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #34BBF3;
  transition: 2s;
}

.line:hover:before{
  width: 100%;
}
*/
/*
body {
  max-width: 600px;
  margin: 2em auto;
}
p {
  margin: 1.5em 0;
  color: silver;
}
a {
  color: #333;
}
*/
@media screen and (min-width: 768px) {
#inconts {
    width: 74vw;
    margin: 0 0 0 auto;
}
}

#about {
	width: 74vw;
    margin: 0 0 0 auto;
}
#about h2 img {
	width: 100%
}

@media screen and (max-width: 768px) {
	#about {
	width: 100%;
    margin: 0 0 0 auto;
}
}

	
/*
#tree {
	width: 67vw;
    margin: 0 0 0 auto;
}

#market {
	width: 67vw;
    margin: 0 0 0 auto;
}

#recommend {
	width: 67vw;
    margin: 0 0 0 auto;
}

#stroll {

}
*/

.kugiri{
	width: 54vw;
    float: right;
	height: 4px;
	/*margin: 9% 8%;*/
	margin: 0 8% 9%;
	background-color: #002f48;
	border:none;
}

.kugiri2{
	width: 54vw;
    float: right;
	height: 4px;
	margin: 9% 8% 16%;
	background-color: #002f48;
	border:none;
}

.txtbox{
	width: 67vw;
    margin: 0 0 0 auto;
}

@media screen and (max-width: 750px){
.kugiri{
	width: 75vw;
    float: right;
	height: 2px;
	margin: 9% 8%;
	background-color: #002f48;
	border:none;
}

.kugiri2{
	width: 75vw;
    float: right;
	height: 2px;
	margin: 9% 8% 23%;
	background-color: #002f48;
	border:none;
}
	
.txtbox{
	width: 100%;
    margin: 0 0 0 auto;
}
	
}


.txt dl {
    margin: 50px 25px 60px 65px;	
}

.txt dl dt {
	font-size: 3.5vw;
	margin-bottom: 25px;
}

.txt dl dd {
	font-size: 1.5vw;
	font-family: serif;
	line-height: 2.0;
	font-weight: bold;
}

.txt dl dd p {
	font-family: 'Copse-Regular';
    white-space: nowrap;
	font-size: 2.0vw;
}

.txt dl dd p span {
	font-size: 1.0vw;
	font-family: serif;
}

#index .rp h2 {
	display: none;
}
#index ul.imgs {
	max-width: 994px;
	margin: 0 8% 50px 38%;
}
#index ul.imgs.sline {
	margin: 0 8% 0 38%;
}
#index ul.imgs li {
	margin: 0 0 10px;
}
#index ul.imgs li.other {
	margin: 0 0 10px -16%;
}
#index ul.imgs li img {
	width:100%;
}
#index div.txt {
	max-width: 700px;
	padding: 0 0 110px;
	margin: 0 8% 200px 38%;
	border-bottom: 6px solid #000;
	text-align: justify;
	text-justify: inter-ideograph;
}
#index div.txt.last {
	margin: 0 8% 50px 38%;
	border-bottom: none;
}
#index div.txt dl dt {
	margin: 0 0 30px;
	font-size: 12px;
}
#index div.txt dl dt img {
	margin: 0 0 5px;
}
#index div.txt dl dd {
	margin: 0 0 40px;
}
#index div.txt dl dd.last {
	padding: 20px 0 0;
	margin: 0;
}
#index div.txt dl dd p.btn {
	border: 1px solid #000;
	margin: 0 0 25px;
}
#index div.txt dl dd p.btn.last {
	display: inline-block;
}
#index div.txt dl dd p.btn.size01 {
	width: 150px;
}
#index div.txt dl dd p.btn.size02 {
	width: 180px;
}
#index div.txt dl dd p.btn.size03 {
	width: 200px;
}
#index div.txt dl dd p.btn.size04 {
	width: 120px;
}
#index div.txt dl dd p.btn a {
	background-color: #fff;
	background-position: right 15px center, 10px center;
	background-repeat: no-repeat;
	padding: 17px 10px 20px; 
	display: block;
	transition: all 0.5s;
	text-indent: -9999em;
}
#index div.txt dl dd p.btn a img {
	display: none;
}
#index div.txt dl dd p.btn a:hover {
	background-color: #000;
	background-position: right 5px center, 10px center;
}
#index div.txt dl dd p.btn.btn01 a {
	background-image: url(../../img/index/btn_arrow_pc.png), url(../../img/index/btn_text01_pc.png);
}
#index div.txt dl dd p.btn.btn01 a:hover {
	background-image: url(../../img/index/btn_arrow_pc_o.png), url(../../img/index/btn_text01_pc_o.png);
}
#index div.txt dl dd p.btn.btn02 a {
	background-image: url(../../img/index/btn_arrow_pc.png), url(../../img/index/btn_text02_pc.png);
}
#index div.txt dl dd p.btn.btn02 a:hover {
	background-image: url(../../img/index/btn_arrow_pc_o.png), url(../../img/index/btn_text02_pc_o.png);
}
#index div.txt dl dd p.btn.btn03 a {
	background-image: url(../../img/index/btn_arrow_pc.png), url(../../img/index/btn_text03_pc.png);
}
#index div.txt dl dd p.btn.btn03 a:hover {
	background-image: url(../../img/index/btn_arrow_pc_o.png), url(../../img/index/btn_text03_pc_o.png);
}
#index div.txt dl dd p.btn.btn04 a {
	background-image: url(../../img/index/btn_arrow_pc.png), url(../../img/index/btn_text04_pc.png);
}
#index div.txt dl dd p.btn.btn04 a:hover {
	background-image: url(../../img/index/btn_arrow_pc_o.png), url(../../img/index/btn_text04_pc_o.png);
}
#index div.txt dl dd p.btn.btn05 a {
	text-indent: 0;
	font-size: 11px;
}
#index div.txt span {
	font-family: 'EB Garamond', serif;
	font-size: 12px;
	text-align:left;
	text-justify:none;
}
#index div.txt dl dd p.photo {
	display: table-cell;
	vertical-align: top;
}
#index div.txt dl dd div {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 45px;
}
#index div.txt dl dd div dt {
	font-size: 20px;
	line-height: 1.2;
}
#index div.txt dl dd div dt img.job {
	margin: 0 0 30px;
}
#index div.txt dl dd div dt img:last-of-type {
	margin: 0 0 10px;
}
#index div.txt dl dd.last div dd:last-of-type {
	margin: 0;
}
#index div.txt dl dd.last div dd a {
	text-decoration: underline;
}
#index div.txt dl dd.last div dd a:hover {
	text-decoration: none;
}
#index p.bigimg {
	clear: both;
	margin: 0 8% 10px;
}
#index p.bigimg.last {
	margin: 0 8% 50px;
}
#index p.bigimg img {
	width:100%;
}
#index p.bigimgbg {
	clear: both;
	width: 100%;
	height: 590px;
	margin: 0 0 50px;
	background:url(../../img/index/img14b_pc.png) no-repeat center;
	text-indent: -9999em;
}

#index .slick-item {
	width: 100%;
	height: auto;
	margin: 0 0 50px;
}
#index .slick-item img {
	width: 100%;
}
#index div.video {
	clear: both;
	max-width: 700px;
	margin: 0 8% 50px 38%;
	position: relative;
	padding-top: 23%;
}
#index div.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
address {
	margin: 0 0 50px 100px;
}


.blackBG{
	display: none;
}
.blackBG.black{
	display: none;
}

#menu {
	display: block;
}

#news {
	position: fixed;
	z-index: 99999;
	width: 100%;
	padding: 0;
	min-height: auto;
	height:  100vh;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
#news .box {
	position:static; 
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
#news p#close {
	top: 0px;
	right: 0px;
}
#news p#close img {
	width: 50px;
	height: 50px;
}
#news p#newsTtl {
	text-align: left;
	padding: 80px 0 30px;
	width: 80%;
	margin: 0 auto;
}
#news p#newsTtl img {
	width: 23%;
}
#news a {
	display: block;
	border: none;
	width: auto;
	background: none;
}
#news dl {
	clear: both;
	color: #FFF;
	width: 80%;
	margin: 0 auto;
}
#news dl dt {
	width: 100%;
	height: auto;
	border: 1px solid #FFF;
	margin: 0 0 10px;
	display: block;
}
#news dl dt img {
	width: 100%;
}
#news dl dd {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	border-right: none;
	margin: 0 0 50px;
	padding: 0;
	font-size: 20px;
}
.drawer {
  position:fixed;
  top:0;
  right:0;
  width: 300px;
  height: 100%;
  background: #fff;
  -webkit-transform: translateX(-300px);
  transform: translateX(300px);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:9999;
  opacity: 0.9;
filter:alpha(opacity=90); /* IE 6,7*/
-ms-filter: "alpha(opacity=90)"; /* IE 8,9 */
-moz-opacity:0.9; /* FF , Netscape */
-khtml-opacity: 0.9; /* Safari 1.x */
zoom:1;
}
.drbtn {
  position: fixed;
  top:5px;
  right: 15px;
  width: 50px;
  height: 50px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  padding-bottom: 2px;
  z-index: 10000;
  font-family: 'Gotham-Medium';
}
.hambarg {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 4px;
  width: 30px;
  background: #E65E6B;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}
.hambarg:nth-child(1) {
    top: 20%;
    left: 50%;
}
.hambarg:nth-child(2) {
    top: 35%;
    left: 50%;
}
.hambarg:nth-child(3) {
    top: 50%;
    left: 50%;
}
.drawer.action {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.drbtn.action .hambarg:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
.drbtn.action .hambarg:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
zoom:1;
}
.drbtn.action .hambarg:nth-child(3) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.blackBG{
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	z-index: 9998;
	width: 100%;
	height:  100%;
	display: none;
	top: 0;
	left: 0;
}
.blackBG.black{
	display: block;
}

.drawer p {
	margin:80px 0 15px 25px;
}
.drawer p img {
	width: 117px;
	height: auto;
}
	.drawer ul li {
	  list-style: none;
	}
	
.drawer ul li {
	margin: 60px 0 0 30px;
}

.drawer ul li img {
	width: 100%;
	height: auto;
}

.drawer ul li a {
	color: #E65E6B;
	text-decoration: none;
	font-size: 3vw;
	font-family: 'arial-black','Gotham-Medium',"Arial Black",'Noto Sans', Gadget, "sans-serif";
}
	
#index {
	width: 100%;
	/*padding: 55px 0 0;*/
}
#index #nav {
	position:static;
	left: 0;
	top:0;
	z-index: 1;
}
#index #nav h1  {
	/*text-align: right;*/
	margin: 0 25px 8px 35px;
}
#index #nav h1 img  {
    display: none;
}
	
#index #nav nav  {
	display: none;
}
#index .rp  {
	position: relative;
	clear: both;
}
#index .rp h2 {
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	display: block;
}
#index .rp h2 img {
	width: 35px;
}
#index ul.imgs {
	width:  calc(100% - 35px);
	margin: 0 0 0 35px;
}
#index ul.imgs.sline {
	margin: 0 0 4px 35px;
}
#index ul.imgs li {
	margin: 0 0 4px;
}
#index ul.imgs li.last {
	margin: 0 0 30px;
}
#index ul.imgs li img {
	width:100%;
}

#index div.txt {
	width:  calc(100% - 50px);
	margin: 0 0 40px 35px;
	padding: 0 15px 40px 0;
	border-bottom: 6px solid #000;
	text-align: justify;
	text-justify: inter-ideograph;
}
#index div.txt.last {
	margin: 0 0 45px 35px;
	border-bottom: none;
}
#index div.txt dl dt {
	margin: 0 0 15px;
	font-size: 11px;
}
#index div.txt dl dt img {
	width: 100%;
	margin: 0 0 5px;
}
#index div.txt dl dt img.about {
	width: 50%;
}
#index div.txt dl dd {
	margin: 0 0 25px;
}
#index div.txt dl dd.last {
	padding: 20px 0 0;
	margin: 0;
}
#index div.txt dl dd p.btn {
	border:none;
	margin: 0 0 10px;
}
#index div.txt dl dd p.btn.last {
	display: inline-block;
}
#index div.txt dl dd p.btn.size01,
#index div.txt dl dd p.btn.size02,
#index div.txt dl dd p.btn.size03,
#index div.txt dl dd p.btn.size04 {
	width: auto;
}
#index div.txt dl dd p.btn a {
	background:none !important;
	padding: 0; 
	display:inline-block;
	transition: all 0.5s;
	text-indent: 0;
}
#index div.txt dl dd p.btn a:hover {
	background:none;
}
#index div.txt dl dd p.btn a img {
	height: 41px;
	width: auto;
	display: block;
}
#index div.txt span {
	font-family: 'EB Garamond', serif;
	text-align:left;
	text-justify: none;
}
#index div.txt dl dd p.photo {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}
#index div.txt dl dd p.photo img {
	width: 115px;
	height: auto;
}
#index div.txt dl dd div {
	display: block;
	vertical-align: top;
	padding: 0;
}
#index div.txt dl dd div dt {
	font-size: 15px;
	line-height: 1.2;
}
#index div.txt dl dd div dt img {
	width: 50%;
	height: auto;
	margin: 0 0 30px;
}
#index div.txt dl dd div dt img:last-of-type {
	margin: 0 0 5px;
}
#index div.txt dl dd div dt img.job {
	margin: 20px 0 10px;
}
#index div.txt dl dd.last div dd {
	clear: both;
	width: 100%;
}
#index div.txt dl dd.last div dd:last-of-type {
	margin: 0;
}
#index div.txt dl dd.lastBtn a img {
	width: 39%;
	height: auto;
}
#index div.txt dl dd.lastBtn a:last-of-type img {
	width: 58%;
	height: auto;
}
	
#index p.bigimg {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
#index p.bigimg.sline {
	width:  calc(100% - 35px);
	margin: 0 0 10px 35px;
}
#index p.bigimg.last {
	margin: 0 auto 30px;
}
#index p.bigimg.last.sline {
	width:  calc(100% - 35px);
	margin: 0 0 30px 35px;
}
#index p.bigimg img {
	width:100%;
}
#index p.bigimgbg {
	clear: both;
	width:  100%;
	margin: 0 0 30px 0;
	padding: 80px 0 0 0;
	height: auto;
	background:none;
	text-indent:0;
}
#index p.bigimgbg img {
	width:100%;
}

#index .slick-item {
	width: 100%;
	height: auto;
	margin: 0 0 30px;
}
#index .slick-item img {
	width: 100%;
}
#index div.video {
	clear: both;
	width:  calc(100% - 35px);
	margin: 0 0 20px 35px;
	position: relative;
	padding-top: 39%;
}
#index div.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
address {
	text-align: right;
	margin: 0 15px 20px auto;
}
address img {
	width: 15%;
}


@media screen and (max-width: 768px) {
#menu {
	display: block;
}

#news {
	position: fixed;
	z-index: 99999;
	width: 100%;
	padding: 0;
	min-height: auto;
	height:  100vh;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
#news .box {
	position:static; 
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
#news p#close {
	top: 0px;
	right: 0px;
}
#news p#close img {
	width: 50px;
	height: 50px;
}
#news p#newsTtl {
	text-align: left;
	padding: 80px 0 30px;
	width: 80%;
	margin: 0 auto;
}
#news p#newsTtl img {
	width: 23%;
}
#news a {
	display: block;
	border: none;
	width: auto;
	background: none;
}
#news dl {
	clear: both;
	color: #FFF;
	width: 80%;
	margin: 0 auto;
}
#news dl dt {
	width: 100%;
	height: auto;
	border: 1px solid #FFF;
	margin: 0 0 10px;
	display: block;
}
#news dl dt img {
	width: 100%;
}
#news dl dd {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	border-right: none;
	margin: 0 0 50px;
	padding: 0;
	font-size: 20px;
}
.drawer {
  position:fixed;
  top:0;
  right:0;
  width: 225px;
  height: 100%;
  background: #fff;
  -webkit-transform: translateX(-300px);
  transform: translateX(300px);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:9999;
	}
.drbtn {
  position: fixed;
  top:5px;
  right: 5px;
  width: 50px;
  height: 50px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  padding-bottom: 2px;
  z-index: 10000;
  font-family: 'Gotham-Medium';
}
.hambarg {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 4px;
  width: 30px;
  background: #E65E6B;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}
.hambarg:nth-child(1) {
    top: 20%;
    left: 50%;
}
.hambarg:nth-child(2) {
    top: 35%;
    left: 50%;
}
.hambarg:nth-child(3) {
    top: 50%;
    left: 50%;
}
.drawer.action {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.drbtn.action .hambarg:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
.drbtn.action .hambarg:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
zoom:1;
}
.drbtn.action .hambarg:nth-child(3) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.blackBG{
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	z-index: 9998;
	width: 100%;
	height:  100%;
	display: none;
	top: 0;
	left: 0;
}
.blackBG.black{
	display: block;
}

.drawer p {
	margin:80px 0 15px 25px;
}
.drawer p img {
	width: 117px;
	height: auto;
}
	.drawer ul li {
	  list-style: none;
	}
	
.drawer ul li {
	margin: 60px 0 0 25px;
}

.drawer ul li img {
	width: 100%;
	height: auto;
}

.drawer ul li a {
	color: #E65E6B;
	text-decoration: none;
	font-size: 5vw;
}
	
#index {
	width: 100%;
	/*padding: 55px 0 0;*/
}
#index #nav {
	position:static;
	left: 0;
	top:0;
	z-index: 1;
}
#index #nav h1  {
	/*text-align: right;*/
	margin: 0 25px 8px 35px;
}
#index #nav h1 img  {
    display: none;
}
	
#index #nav nav  {
	display: none;
}
#index .rp  {
	position: relative;
	clear: both;
}
#index .rp h2 {
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	display: block;
}
#index .rp h2 img {
	width: 35px;
}
#index ul.imgs {
	width:  calc(100% - 35px);
	margin: 0 0 0 35px;
}
#index ul.imgs.sline {
	margin: 0 0 4px 35px;
}
#index ul.imgs li {
	margin: 0 0 4px;
}
#index ul.imgs li.last {
	margin: 0 0 30px;
}
#index ul.imgs li img {
	width:100%;
}

#index div.txt {
	width:  calc(100% - 50px);
	margin: 0 0 40px 35px;
	padding: 0 15px 40px 0;
	border-bottom: 6px solid #000;
	text-align: justify;
	text-justify: inter-ideograph;
}
#index div.txt.last {
	margin: 0 0 45px 35px;
	border-bottom: none;
}
#index div.txt dl dt {
	margin: 0 0 15px;
	font-size: 11px;
}
#index div.txt dl dt img {
	width: 100%;
	margin: 0 0 5px;
}
#index div.txt dl dt img.about {
	width: 50%;
}
#index div.txt dl dd {
	margin: 0 0 25px;
}
#index div.txt dl dd.last {
	padding: 20px 0 0;
	margin: 0;
}
#index div.txt dl dd p.btn {
	border:none;
	margin: 0 0 10px;
}
#index div.txt dl dd p.btn.last {
	display: inline-block;
}
#index div.txt dl dd p.btn.size01,
#index div.txt dl dd p.btn.size02,
#index div.txt dl dd p.btn.size03,
#index div.txt dl dd p.btn.size04 {
	width: auto;
}
#index div.txt dl dd p.btn a {
	background:none !important;
	padding: 0; 
	display:inline-block;
	transition: all 0.5s;
	text-indent: 0;
}
#index div.txt dl dd p.btn a:hover {
	background:none;
}
#index div.txt dl dd p.btn a img {
	height: 41px;
	width: auto;
	display: block;
}
#index div.txt span {
	font-family: 'EB Garamond', serif;
	text-align:left;
	text-justify: none;
}
#index div.txt dl dd p.photo {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}
#index div.txt dl dd p.photo img {
	width: 115px;
	height: auto;
}
#index div.txt dl dd div {
	display: block;
	vertical-align: top;
	padding: 0;
}
#index div.txt dl dd div dt {
	font-size: 15px;
	line-height: 1.2;
}
#index div.txt dl dd div dt img {
	width: 50%;
	height: auto;
	margin: 0 0 30px;
}
#index div.txt dl dd div dt img:last-of-type {
	margin: 0 0 5px;
}
#index div.txt dl dd div dt img.job {
	margin: 20px 0 10px;
}
#index div.txt dl dd.last div dd {
	clear: both;
	width: 100%;
}
#index div.txt dl dd.last div dd:last-of-type {
	margin: 0;
}
#index div.txt dl dd.lastBtn a img {
	width: 39%;
	height: auto;
}
#index div.txt dl dd.lastBtn a:last-of-type img {
	width: 58%;
	height: auto;
}
	
#index p.bigimg {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
#index p.bigimg.sline {
	width:  calc(100% - 35px);
	margin: 0 0 10px 35px;
}
#index p.bigimg.last {
	margin: 0 auto 30px;
}
#index p.bigimg.last.sline {
	width:  calc(100% - 35px);
	margin: 0 0 30px 35px;
}
#index p.bigimg img {
	width:100%;
}
#index p.bigimgbg {
	clear: both;
	width:  100%;
	margin: 0 0 30px 0;
	padding: 80px 0 0 0;
	height: auto;
	background:none;
	text-indent:0;
}
#index p.bigimgbg img {
	width:100%;
}

#index .slick-item {
	width: 100%;
	height: auto;
	margin: 0 0 30px;
}
#index .slick-item img {
	width: 100%;
}
#index div.video {
	clear: both;
	width:  calc(100% - 35px);
	margin: 0 0 20px 35px;
	position: relative;
	padding-top: 39%;
}
#index div.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
address {
	text-align: right;
	margin: 0 15px 20px auto;
}
address img {
	width: 15%;
}

}


/* =メンテナンス
------------------------------------------------------------------*/
#meinte {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#meinte img {
	width: 50%;
	max-width: 600px;
}

/* =BIOGRAHY
------------------------------------------------------------------*/
#biography {
	width: 800px;
	margin: auto;
}
#biography h1 {
	text-align: center;
	padding: 128px 0 0 0;
	margin: 0 0 23px;
}
#biography nav {
  position: -webkit-sticky;
  position: sticky;
	top: 20px;
	text-align: center;
	padding: 20px;
	margin: 0 0 50px;
}
#biography nav li {
	display: inline-block;
	padding: 0 30px 0 10px;
	background: url(../../img/biography/navi_line.png) right top no-repeat;
}
#biography nav li:last-of-type {
	display: inline-block;
	padding: 0 0 0 10px;
	background: none;
}
#biography table {
	width: 100%;
	border-top: 1px solid #919191;
	line-height: 2;
	margin: 0 0 200px;
}
#biography table th {
	width: 220px;
	text-align: left;
	padding: 20px 0;
	vertical-align: top;
}
#biography table th img {
	vertical-align: middle;
}
#biography table td {
	font-size: 15px;
	padding: 20px 0;
	vertical-align: top;
}
#biography table tr {
	border-bottom: 1px solid #919191;
}
#biography #contsBox {
	font-size: 14px;
	line-height: 1.8;
	padding: 30px 0 50px;
}
#biography #contsBox h2 {
	padding: 0 0 15px;
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
}
#biography #contsBox img {
	width: 100%;
	height: auto;
}

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

#biography {
	width: 100%;
	margin: auto;
}
#biography h1 {
	text-align: left;
	padding: 100px 0 0 0;
	margin: 0 25px 10px;
	width: 35%;
}
#biography h1 img {
	width: 100%;
	height: 100%;
}
#biography nav {
  position: -webkit-sticky;
  position: sticky;
	top: 20px;
	text-align: left;
	padding: 10px 0 10px 25px;
	margin: 0 0 30px;
}	
#biography nav li {
	display: inline-block;
	padding: 0;
	margin: 0 1% 1% 0;
	background: #FFF;
}
#biography nav li:last-of-type {
	background: #FFF;
}
#biography nav li:nth-of-type(n + 1):not(:nth-child(n + 5)) {
	width: 21.5%;
}
#biography nav li:nth-of-type(n + 5):not(:nth-child(n + 8)) {
	width: 29%;
}
#biography nav li:last-of-type {
	padding: 0;
}
#biography nav li img {
	width:100%;
}
#biography table {
	width: calc(100% - 50px);
	border-top: none;
	line-height: 3;
	margin: 0 auto 100px;
}
#biography table th {
	display: block;
	width: auto;
	text-align: left;
	font-size: 12px;
	margin:0 0 10px;
	padding: 0;
	line-height: 1;
}
#biography table th img {
	width: 30%;
	height: auto;
}
#biography table td {
	display: block;
	font-size: 12px;
	padding: 0 0 50px 20px;
}
#biography table tr {
	border-bottom:none;
}
#biography table li {
	line-height: 1.5;
	border-bottom: 1px solid #919191;
	padding:10px 0;
}
#biography #contsBox {
	padding: 20px 25px 50px;
	font-size: 12px;
	line-height: 1.8;
}
#biography #contsBox h2 {
	padding: 0 0 15px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
#biography #contsBox img {
	width: 100%;
	height: auto;
}

}

/* =STOCK LIST
------------------------------------------------------------------*/
#stock {
	width: 800px;
	margin: auto;
}
#stock h1 {
	text-align: center;
	padding: 128px 0 0 0;
	margin: 0 0 23px;
}
#stock p.text {
	text-align: center;
	border: 1px solid #919191;
	padding: 20px;
	margin: 0 0 50px;
}
#stock table {
	width: 100%;
	border-top: 1px solid #919191;
	line-height: 3;
	margin: 0 0 200px;
}
#stock table th {
	width: 220px;
	text-align: left;
	font-size: 15px;
	vertical-align: top;
}
#stock table td {
	font-size: 20px;
	vertical-align: top;
}
#stock table tr {
	border-bottom: 1px solid #919191;
}
#stock table td a {
	display: block;
}
#stock table td a:hover {
	background: #eeefef;
	text-decoration: none;
}
#stock table td dl {
	width: 100%;
	display: table;
	border-bottom: 1px solid #919191;
}
#stock table td dl.last {
	border-bottom:none;
}
#stock table td dt {
	display: table-cell;
}
#stock table td dd {
	display: table-cell;
	position: relative;
	width: 160px;
	vertical-align: middle;
}
#stock table td i {
	position: absolute;
	left:0;
	display: block;
	margin: -7px 0 0 0;
}
#stock table td p {
	position: absolute;
	right:0;
	margin: -4px 0 0 0;
}
#stock table td img {
	display: block;
}

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

#stock {
	width: 100%;
	margin: auto;
}
#stock h1 {
	text-align: center;
	padding: 100px 0 0 0;
	margin: 0 auto 10px;
	width: 88%;
}
#stock h1 img {
	width: 100%;
	height: 100%;
}
#stock p.text {
	text-align: left;
	border:none;
	padding: 20px;
	margin: 0 0 30px;
}
#stock table {
	width: calc(100% - 50px);
	border-top: none;
	line-height: 3;
	margin: 0 auto 100px;
}
#stock table th {
	display: block;
	width: auto;
	background: #eeefef;
	text-align: left;
	font-size: 12px;
	margin:0 0 10px;
	line-height: 1;
}
#stock table td {
	display: block;
	font-size: 14px;
	padding: 0 0 50px;
}
#stock table tr {
	border-bottom:none;
}
#stock table td a {
	display: block;
}
#stock table td a:hover {
	background: #eeefef;
}
#stock table td dl {
	width: 100%;
	display: table;
	border-bottom: 1px solid #919191;
}
#stock table td dl.last {
	border-bottom: 1px solid #919191;
}
#stock table td dt {
	display:table-cell;
	width: 80%;
	line-height: 1.5;
	padding: 10px 0;
}
#stock table td dd {
	display:table-cell;
	position: relative;
	width: auto;
	padding: 5px 0;
}
#stock table td i {
	display: none;
}
#stock table td p {
	position: absolute;
	right:0;
	width: 42px;
	margin: -9px 0 0 0;
}
#stock table td img {
	width: 100%;
}

}

/*
.hover-underline {
  padding-bottom: .25em;
  background-position: 0 50%;
  background: linear-gradient(#002f48, #002f48) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
}
.hover-underline.reverse {
  background-position: 100% 100%;
}
.hover-underline:hover {
  background-size: 100% 2px;
}
*/

.hover-underline {
  background: linear-gradient(#002f48, #002f48) 0 100%/0 1px no-repeat;
  transition: background .4s;
  background-position: 0 50%;
  text-decoration: none;
  color: #002f48;
}
.hover-underline.reverse {
  background-position: 100% 100%;
}
.hover-underline:hover {
  background-size: 100% 1px;
}

/*
.parallax {
	min-height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
		
.parallax .bg-01 {
	background-image: url(./images/para.jpg);
}
*/

.small-section {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-background-attachment: fixed;
  -moz-background-attachment: fixed;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size:cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 140px 0
}

.small-section {
  padding: 180px 0
}

.section-message {
  background-image: url(../images/para.jpg);
  /*padding: 0*/
  margin: 200px 0;
}

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

	.small-section {
		  background-attachment: unset;
	}
	
.section-message {
  margin: 100px 0;
}
}

	
/*.section-message > div {
  padding: 70px 30px;
  background-color: rgba(0,0,0, 0.2);
  margin: 0 auto;
  width: 100%;
}*/

.slidetexWrap {
  width:100%;
  overflow: hidden;
  white-space: nowrap;
}

.slidetex1 {
  font-size: 5vw;
  animation: rtol 10s linear infinite;
  transform: translateX(100%);
}


@keyframes rtol {
  100% {
    transform: translateX(-100%);
  }
}

.slidetex2 {
  font-size: 5vw;
  animation: ltor 10s linear infinite;
  transform: translateX(-100%);
	margin-bottom: 200px;
}


@keyframes ltor {
  100% {
    transform: translateX(100%);
  }
}


.fade-block {
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
zoom:1;
  opacity: 0;
  transform: translateY(45px);
  transition: opacity 1s ease-in-out, transform 0.5s ease-in-out;
}
.fade-block.active {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1; /* FF , Netscape */
-khtml-opacity: 1; /* Safari 1.x */
zoom:1;
  opacity: 1;
  transform: translateY(0);
}


/*.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}*/

.ximg01 {
	margin:14% 0 10% 8%;
}

.ximg02 {
	margin:0 0 9% 24%;
}
.ximg02 img {
	width:76%;
}

.ximg03 {
	margin:0 0 11% 42%;
}
.ximg03 img {
	width:90%;
}

.ximg04 {
	margin:0 0 18% 40%;
}
.ximg04 img {
	width:65%;
}

.ximg05 {
	margin:11% 0 10% 43%;
}

.ximg06 {
	margin:0% 0 15% 19%;
}
.ximg06 img {
	width:100%;
}

.ximg07 {
	margin:15% 0 20% 41%;
}
.ximg07 img {
	width:87%;
}

.ximg08 {
	margin:-32% 0 22% 14%;
}
.ximg08 img {
	width:75%;
}

.ximg09 {
	margin:15% 0 0 9%;
}
.ximg09 img {
	width:35%;
}

.ximg10 {
	margin:-7% 0 10% 49%;
}
.ximg10 img {
	width:80%;
}

#page_top {
    position: absolute;
    right: 0;
    margin: 10% 10% 0 0;
}
.pagetop {
    /*position: absolute;*/
    float: right;
    margin: 13% 8% 4% 0;
}

@media screen and (max-width: 750px){
	#page_top a img {
	width: 55px;
    margin: 25%;
}

.pagetop {
    margin: 11% 8% 2.5 0;
}
	
.pagetop img{
	width: 70px;
	}	
	
.ximg01 {
	margin:0 0 10% 8%;
}
.ximg01 img {
	width:47%;
}

.ximg02 {
	margin:0 0 9% 15%;
}
.ximg02 img {
	width:90%;
}

.ximg03 {
	margin:0 0 8% 10%;
}
.ximg03 img {
	width:80%;
}

.ximg04 {
	margin:0 0 19% 40%;
}
.ximg04 img {
	width:65%;
}
	
.ximg05 {
	margin:20% 0 10% 43%;
}
.ximg05 img {
	width:86%;
}
	
.ximg06 {
	margin:0% 0 8% 8%;
}
.ximg06 img {
	width:100%;
}
	
.ximg07 {
	margin:0 0 8% 17%;
}
.ximg07 img {
	width:90%;
}

.ximg08 {
	margin:-20% 27% 10% -1%;
}
.ximg08 img {
	width:100%;
}
	
.ximg09 {
	margin:25% 0 0 12%;
}
.ximg09 img {
	width:35%;
}

.ximg10 {
	margin:-7% 0 10% 49%;
}
.ximg10 img {
	width:80%;
}
	
}
	
	

	
.copy_light { 
/*position: absolute;*/
text-align:center;
padding:10px 10px 10px;
font-size:11px;
background-color: #002f48;
color: #fff;
margin-top: -5px;
}


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

.copy_light { 
text-align:center;
padding:10px 10px 10px;
font-size:1vw;
}
	
#footer p {
padding-top:5%;
text-align:center;
font-size:10px;
}

.txt dl dt {
	font-size: 4.8vw;
}
	
.txt dl dd {
	font-size: 2.8vw;
	font-family: serif;
}
	
.txt dl dd p {
	font-family: 'Copse-Regular';
    white-space: normal;
	font-size: 2.0vw;
}

.slidetex2 {
	margin-bottom: 100px;
}
	
}

@font-face {
font-family: 'Copse-Regular';
src: url('../font/Copse-Regular.woff') format('woff'), url('../font/Copse-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'NotoSerifJP-Medium';
	src: url('../font/NotoSerifJP-Medium.woff') format('woff'), url('../font/NotoSerifJP-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../font/Gotham-Medium.woff') format('woff'), url('../font/Gotham-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'arial-black';
	src: url('../font/Arial-Black.woff') format('woff'), url('../font/Arial Black.ttf') format('truetype');
}

.footerpre {
	width: 100%;
    text-align: center;
}
.footerpre p img{
	width: 100%;
}



.xreadmore {
    background: url("../images/readmore.jpg") no-repeat; 
}

.xreadmore a {
    width: 150px;
    height: 40px;
    background: url("../images/readmore.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

.xreadmore a:hover {
    background-image: url("../images/readmoreaft.jpg");
}

.xcoso {
    background: url("../images/xcoso.jpg") no-repeat; 
	padding: 20px;
}


ul.xdatearea {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    list-style: none;
	justify-content: center;
	width: 89%;
}
/*@media screen and (max-width: 750px){
ul.xdatearea {
    margin: 10px 0px 10px;
}
}*/

ul.xdatearea div img{
	width: 100%;
	margin: 0 auto;
}
ul.xdatearea li {
	box-sizing: border-box;
	width: 49.8%;
}
ul.xdatearea li button div {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
}

ul.xdatearea li button , ul.xdatearea div button {
	border: none;
	box-sizing: border-box;
	margin: 0;
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
	padding: 15px 15px 2px;
	background-color: transparent;
    appearance: none;
	width: 100%;
}
@media screen and (max-width: 750px){
ul.xdatearea li button , ul.xdatearea div button {
	padding: 5px 8px 2px;
}
}
ul.xdatearea li a {
    display:block;
    text-decoration:none;
	padding: 2px;
}

ul.xdatearea li img{
	width: 100%;
}
ul.xdatearea div img:hover ,ul.xdatearea li img:hover{
	opacity: 0.8;
	-webkit-opacity: 0.8;
}

ul.xdatearea li a img{
	width: 100%;
}


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

#index #nav h1 a img {
	width: 30vw;
}
	
.xreadmore {
    background: url("../images/xreadmore_sp.jpg") no-repeat; 
}

.xreadmore a {
    width: 100px;
    height: 25px;
    background: url("../images/xreadmore_sp.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

.xreadmore a:hover {
    background-image: url("../ximages/readmoreaft_sp.jpg");
}
/*ul.xdatearea li {
	width: 30%;
	margin: 10px 0;
}*/
	
.xcoso {
    background: url("../images/xcoso_sp.jpg") no-repeat; 
	padding: 15px;
}

}
/*
.dline {
	color: #002f48;
	font-size: 2.5vw;
	display: flex;
	align-items: center;
	padding: 10% 0 2%; 
}
.dline:before, .dline:after {
	content: "";
	flex-grow: 1;
	border-top: 4px double #002f48;
	display: block;
}
.dline:before {
	margin:0 .4em 0 2em;
}
.dline:after {
	margin:0 2em 0 .4em;
}


@media all and (max-width: 769px) {
.dline {
	font-size: 4vw;
	padding: 9% 0 2%; 
}
}*/
/*
.spacearea{
	width: 100%;
	display: inline-block;
	}
	
.spacearea dd{
    width: 49%;		
	}	
.spacearea dt{
		width: 49%;
		padding: 20%;
	}
*/


.mday{
	display: -webkit-flex;
    display: flex;
	justify-content: center;
    width: 100%;
	padding-top: 4%;
	 /*margin: 0 auto;*/
}
/*
.mday dl{
	width: 44%;
}
*/
@media screen and (max-width: 750px){
	.mday p{
		width: 180px;
	}
.mday img{
    width: 100%;
	height: auto;
}
}
.shoplong {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    list-style: none;
    justify-content: center;
    width: 100%;
	margin-bottom: 10px;
}
.shoplong img {
	width: 100%;
}


.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  /*width: 20%;*/
  /*float: left;*/
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.dropmenu li button{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  /*background: #8a9b0f;*/
  color: #002f48;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  font-family: serif;
  width: 100%;
  font-weight: 600;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 80%;
}
.dropmenu li ul li button{
  padding: 13px 15px;
  border-top: 1px solid #fff;
  background: 100% url("../images/itemback.png");
  text-align: left;
  border-radius: 6px;
  text-align: center;
}
/*.dropmenu li:hover > button{
  background: #fff;
}*/

.dropmenu li ul li button:hover{
  background: 100% url("../images/itemback.jpg");
}

#left-to-right ul{
  overflow: hidden;
  width: 0;
  transition: .5s;
}
#left-to-right li:hover ul{
  width: 100%;
}
#left-to-right li:hover ul li button{
  white-space: nowrap;
}

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

	.dropmenu li button{
		font-size: 13px;
		font-weight: 600;
	}
.dropmenu li ul li button {
  padding: 8px 0;
}
}
.shoplast{
	border-bottom: none !important;
	font-size: 10px !important;
	padding-bottom: 0 !important;
	margin-top:-7px !important;
	text-align: right !important;
}

.shoplastL{
	border-bottom: none !important;
	font-size: 10px !important;
	padding-bottom: 0 !important;
	margin-top:-7px !important;
	text-align: right !important;
	border-top: #002f48 1px solid;
	margin-bottom: 10%;
	padding-top: 10px;
}

ul, ol, li {
    list-style: none;
}

#stcontainer {
  overflow: auto;
  scroll-snap-type: y mandatory;
  height: 100vh;
  position: relative;
}
#stcontainer h2 {
	font-family: 'arial-black','Gotham-Medium',"Arial Black",'Noto Sans', Gadget, "sans-serif";
    font-size: 4.5vw;
    letter-spacing: 10px;
	padding-top: 2%;
}
.area01 {
  scroll-snap-align: start;
  height: 100vh!important;
  background-image: url(../images/st01.jpg);
  left: 0;
  top: 0;
  z-index: 1;
  background-position: center;
  -ms-background-size:cover;
  background-size: cover;
}
.area02 {
  scroll-snap-align: start;
  height: 100vh!important;
  background-image:url(../images/st02.jpg);
  text-align: center;
  position: relative;
	  -ms-background-size:cover;
  background-size: cover;
}
.area02 dd {
  color: #e09789;
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}
.area02 dd h2{
    font-family: 'arial-black','Gotham-Medium',"Arial Black",'Noto Sans', Gadget, "sans-serif";
    font-size: 4.5vw;
    letter-spacing: 10px;
    padding-top: 2%;
	margin-bottom: 50px;
}
.area02 dd p{
	font-family: 'Noto Sans','Gotham-Medium',"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
    font-size: 22px;
    line-height: 1.7;
}
.area03 {
  scroll-snap-align: start;
  height: 100vh!important;
  background-image:url(../images/st05.jpg);
  -ms-background-size:cover;
  background-size: cover;
	text-align: center;
  position: relative;
}
.area03 dd {
  color:#fff;
  position: absolute;
  width: 90%;
  top: 23%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}
.area03 dd h2{
	font-family: 'arial-black','Gotham-Medium',"Arial Black",'Noto Sans', Gadget, "sans-serif";
    font-size: 4.5vw;
    letter-spacing: 10px;
    padding-top: 2%;
    margin-bottom: 50px;
}
.area04 {
  scroll-snap-align: start;
  background-image:url(../images/st04.jpg);
  -ms-background-size:cover;
  background-size: cover;
  text-align: center;
  position: relative;
  height: 100vh!important;
}
/*.area04 {
  scroll-snap-align: start;
  height: 100vh;
  background-image:url(../images/st04.jpg)
}*/
.area04 dd {
  color: #fff;
/*
  position: absolute;
  width: 90%;
  top: 23%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
*/
}
.area04 dd h2{
    margin-bottom: 50px;
}
.area05 {
  scroll-snap-align: start;
  height: 100vh!important;
  background-image:url(../images/st05.jpg);
  -ms-background-size:cover;
  background-size: cover;
  text-align: center;
  position: relative;
  color: #fff;
}
.area06 {
  scroll-snap-align: start;
  height: 100vh!important;
  background-image:url(../images/st04.jpg);
  -ms-background-size:cover;
  background-size: cover;
  text-align: center;
  position: relative;
  color: #e09789;
}
/*@media screen and (min-width: 768px){
.area04 {
  height: 100vh;
}
}*/
@media screen and (max-width: 767px){
.area01 {
  background-image: url(../images/st01_sp.jpg);
	}
#stcontainer h2 {
    font-size: 30px;
    letter-spacing: 5px;
	margin-bottom: 0;
	padding-top: 10%;
	}
.section-content h2,.menu-content h2{
	font-size: 8.5vw !important;		
	}
.area02 dd h2{
    margin-bottom: 40px;
}
.area02 dd p{
    font-size: 18px;
    line-height: 1.7;
}
.area03 dd h2{
    margin-bottom: 50px;
}
.area04 dd h2{
    padding: 12% 0 9%;
}	
}

/*.area05 {
  scroll-snap-align: start;
  height: 100vh;
  background-image:url(../images/st05.jpg)
}
.area05 {
  scroll-snap-align: start;
  height: 100vh;
  background-image:url(../images/st05.jpg)
}*/
/*
.areaend {
    background-image:url(../images/st_foot.jpg);
	background-repeat:no-repeat;
}
*/
.areaend {
  scroll-snap-align: start;
  width: 100%;
}
.areaend img{
	width: 100%;
}

#menuzone{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width:70%;
  max-width: 900px;
  margin: 0 auto;
}

#menuzone h3 span{
  font-size:16px;
  display:block;
  padding-top:10px;
}

#menuzone article{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#menuzone article dl{
  width: 24%;
  position: relative;
  align-items: center;
  /*float:left;*/
  overflow:hidden;
  margin-top:12px;
}

#menuzone article dl dd img{
  /*-webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;*/
  width:100%;
  height:auto;
}


#menuzone article dl dd a{
  display:block;
  text-align:center;
  vertical-align:middle;
  color:#FFF;
  position:absolute;
  z-index:2;
  width:90%;
  height:70%;
  padding-top:19%;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  /*line-height:1000%;*/
  opacity:0;
  background-color:rgba(214,145,141,0.6);
  font-size:16px;
  text-decoration:none;
  font-family:"Arial Black", Gadget,'Noto Sans', "sans-serif";
}
/*
#menuzone article dl dd a span {
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    padding: 15%;
    margin: 0 -5%;
}
*/
#menuzone article dl dd a{
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#menuzone article dl dd a:hover{
  filter: alpha(opacity=100);
  -moz-opacity:100;
  opacity:1;
  z-index:1;
}

#menuzone article dl dt{
  width:100%;
  height:10%;
  position:absolute;
  bottom:0;
  z-index:1;
  background-color:rgba(0,0,0,0.6);
  padding:10px 0;
}

#menuzone article dl dt p{
  width:40px;
  height:40px;
  float:left;
  display:block;
  margin-right:15px;
  padding:0;
  border:#FFF 1px solid;
}

#menuzone article dl dt h4{
  font-size:16px;
  color:#FFF;
  font-weight:normal;
  padding-top:6px;
  letter-spacing:1px;
}

#menuzone article dl dt h4 span{
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;*/
  font-size:16px;
  padding-top:1%;
  display: flex;
  padding-left:10px;
  text-align: left;
}

#menuzone article dl dd{
  width:90%;
  height: 89%;
  overflow:hidden;
  margin: 0 auto;
  border: solid 10px #FFF3E9;
}
@media all and (max-width: 767px) {
#menuzone{
	width: 75%;
	}
#menuzone article dl dd{
	height: 87%;
    border: solid 6px #FFF3E9;
	}

#menuzone article dl dt strong{
  display:none;
}

/*TOP*/
#menuzone1{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width:55%;
  margin: 0 auto;
  padding:20px 0 0;
}

#menuzone1 article{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /*margin-right:-40px;*/
  margin: 0 auto;
}

#menuzone1 article dl{
  width: 100%;
  position: relative;
  align-items: center;
  float:left;
  overflow:hidden;
  margin:10px 0 0;
}

#menuzone1 article dl dd img{
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  width:100%;
  height:auto;
}

#menuzone1 article dl dd a{
  display:block;
  text-align:center;
  vertical-align:middle;
  color:#FFF;
  position:absolute;
  z-index:2;
  width:100%;
  height:100%;
  padding-top:0;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  line-height:1500%;
  opacity:0;
  background-color:rgba(0,0,0,0.6);
  font-size:20px;
  text-decoration:none;
  font-family:FuturaBTMedium,Verdana,Arial,'Noto Sans',sans-serif;
}

#menuzone1 article dl dd:hover img{
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
}

#menuzone1 article dl dd a:hover{
  filter: alpha(opacity=100);
  -moz-opacity:100;
  opacity:1;
  z-index:1;
}

#menuzone1 article dl dt{
  width:100%;
  height:10%;
  position:absolute;
  bottom:0;
  z-index:1;
  background-color:rgba(0,0,0,0.6);
  padding:10px 0;
}

#menuzone1 article dl dt p{
  width:40px;
  height:40px;
  float:left;
  display:block;
  margin-right:15px;
  padding:0;
  border:#FFF 1px solid;
}

#menuzone1 article dl dt h4{
  font-size:16px;
  color:#FFF;
  font-weight:normal;
  padding-top:6px;
  letter-spacing:1px;
}

#menuzone1 article dl dt h4 span{
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;*/
  font-size:16px;
  padding-top:1%;
  display: flex;
  padding-left:10px;
  text-align: left;
}

#menuzone1 article dl dd{
  width:100%;
  overflow:hidden;
}

#menuzone1 article dl dt strong{
  display:none;
}

@media all and (max-width: 767px) {
#menuzone article dl {
    width: 47%;
    position: relative;
    align-items: center;
    margin:3% 0;
  }
	}
	
  #menuzone1{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:90%;
    margin: 0 auto;
    padding:20px 0 0;
  }
  
  #menuzone1 article dl {
    width: 100%;
    position: relative;
    align-items: center;
    margin:10px 0;
  }

}

#menuzone article dl dt h4,
#menuzone article dl dt h4 span {
  padding-top: 0;
}

	
@media all and (max-width: 1280px) {
  #menuzone article dl dt {
   height: auto; 
  }
  #menuzone article dl dt h4 span {
    font-size: 12px;
  }
}

.shopinfo {
	display: flex;
    flex-wrap: wrap;
    width: 80%;
    /*margin: 170px auto 0;*/
	margin: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,'Noto Sans', "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*color: #fff;*/
	}
.shopinfo li {
    list-style: none;
    width: 35%;
	margin: 0 auto;
	text-align: left;
	}
	
.shopinfo li img {
    width: 100%;
	border: solid 25px #FFF3E9;
	}
.eaticon{
	border: none !important;
    width: 20% !important;
    padding: 5% 5% 5% 0;
	}
.shopinfo li h3 {
	font-size: 24px;
	line-height: 1.2;
	padding-bottom: 5%;
}
.stpl{
	text-align: right;
    font-size: 12px;
	padding-bottom: 5%;
}
.stpl span {
    font-size: 20px;
}
.shopinfo li h3 {
}
.shopinfo li h3 {
}
/*
.stfooter{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.stfooter img {
	width: 100%;
}
*/
@media all and (max-width: 767px) {
.shopinfo {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: 15% auto 0;
}
.shopinfo li {
    width: 100%;
	margin: 0 auto;
	text-align: center;
	}
.shopinfo li img {
    width: 85%;
	border: solid 18px #FFF3E9;
	margin: -18px;
	}
.eaticon{
    padding: 18% 5% 9% 0;
	margin: 0 !important;
	}
.stpl{
	text-align: center !important;
}
}
.area4h {
	padding: 0 0 3%;
	color: #e09789;
}
.menu-content{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);	
	-ms-transform: translateY(-50%) translateX(-50%);
}
.menu-content h2{
    font-family: 'arial-black','Gotham-Medium',"Arial Black",'Noto Sans', Gadget, "sans-serif";
    font-size: 4.5vw;
    letter-spacing: 10px;
}
.vashopinfo{
	display: flex;
	letter-spacing: 1px;
    font-size: 13px;
    padding-top: 15px;
    /*color: #fff;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,'Noto Sans', "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.5;
    align-items: center;
	border-top: 1px solid;
}
.vashopinfo span{
	width: 15%;
    padding: 0 15px 0 0;
}
.vashopinfo span img {
	width: 100%;
	border: none;
}
.stshopcap{
	padding-bottom: 15px;
    text-align: left;
}
@media screen and (max-width: 767px) {
.vashopinfo{
	font-size: 10px;
	}
.menu-content{
    width: 75%;
	/*top: 45%;*/
}
.menu-content h2{
	padding: 10% 0;	
	}
.shopinfo li h3 {
    font-size: 17px;
	width: 110%;
	}
.vashopinfo{
	text-align: left;
	}
.vashopinfo span img {
	margin: 0;
}
.stpl{
	width: 110%;
	}
}



.area03h{
	color:#FFF2E8;
	padding-top: 100px!important;
}
.area03 .stmap{
	width:80%;
	margin: 0 auto;
    /*margin-top: 28%;*/
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	z-index: 999;
}
.stmap img{
	width: 100%;
	padding: 5% 0 10%;
}
.maparea{
	display: flex;
	display:-ms-flexbox;
    justify-content: space-between;
	-ms-flex-pack: justify;
}
.mapbox{
	width: 45%;
	position: relative;
    margin: 10% 0;
}
.mapbox h3{
	position: absolute;
    top: -25%;
	margin: auto;
    left: 0;
    right: 0;
    font-size: 3.5vw;
    font-family: 'arial-black','Gotham-Medium',"Arial Black", Gadget, "sans-serif";
    color: #FFF2E8;
}
.mapbox h3 span{
    font-size: 7vw;
    font-weight: 100;
    padding-right: 6px;
}
.mapbox li{
    cursor: pointer;
    position: absolute;
}

@media only screen and (max-width: 767px) {
.maparea{
		display: block;
	}
.mapbox{	
	width: 90%;
    position: relative;
    margin: 30% auto;
}
.mapbox h3{
	top: -20%;
    font-size: 7vw;
}
.mapbox h3 span{
	font-size: 9.5vw;
}
.stmap img{
	padding: 0 0 10%;
}
}
.point1_1{
	width: 19%;
    top: -2%;
    left: 31.5%;
}
.point1_2{
	width: 19%;
    top: -2%;
    left: 52%;
}
.point1_3{
	width: 19%;
    top: -2%;
    left: 81%;
}
.point1_4{
    width: 19%;
    bottom: -12%;
    left: 39%;	
}
.point1_5{
	width: 19%;
    bottom: -12%;
    left: 61%;
}
.point2_1{
	width: 19%;
    top: -2%;
    left: 3.5%;
}
.point2_2{
    width: 19%;
    top: -2%;
    left: 77%;
}