@charset "utf-8";
/* CSS Document */
@-webkit-keyframes pulse {
 from {opacity: 1.0;}
 to {opacity: 0.2;}
}
@media screen and (max-width: 800px)
{/*-----------wrap start--------------*/
/*	
*{
    margin:0;
    padding:0;
}	*/
body {
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 1.5s ease 0s 1 normal;
  }
img{
	margin:0; 
	padding:0;
	}
body a{
	text-decoration:none; 
	font-weight:normal;
	transition: all 0.3s ease 0s;
	color:#000000;
}
div img {
	vertical-align: top!important;/*上下余白発生時の回避策　あとは個別にタグ設定*/
}
  @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
html,body{
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: 400;
	font-size:14px;
font-style: normal;	
margin:0;
padding:0;
width:100%;
height:auto;
overflow-x:hidden;
overflow-y:auto;
line-height:160%;
/* 画像ファイルの指定 */
	background:#FFFEFB;
  /*background-image: url("../img/bg_002.jpg");*/
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}
img {
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}	
h1{ 
box-sizing:border-box;
	text-align:center;
	font-weight:bold;
    font-size:140%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:7% 2%;
  text-decoration: none;
  color:#DDDBAA;
	border-bottom:2px solid #FFFFFF;
	letter-spacing:0.5px;
	text-shadow:0.5px -0.5px 0.5px #FFFFFF;
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000000),
        to(#4D4B4B)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #000000, #4D4B4B
        );
	/*IE*/
    	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#000000', endColorstr='#4D4B4B')
    ;
	box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
}
	
	
	
h2{ 
	font-weight:normal;
    font-size:130%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:10% 2%;
  text-decoration: none;
  color:#666666;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #929292;/*線色*/
	margin:40px auto 20px auto;
	text-align:center;
	overflow:hidden;
	border-spacing: inherit;
	letter-spacing:0;  
	box-sizing:border-box;
}
	
	
h3{ 
	font-weight:normal;
    font-size:130%;
	width:80%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:10% 2%;
  text-decoration: none;
  color:#FFFFFF;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  /*border: solid 1px #929292;*//*線色*/
	margin:20px 10%;
	text-align:center;
	overflow:hidden;
	border-spacing: inherit;
	letter-spacing:0;  
	box-sizing:border-box;
}	
	
h4{   box-sizing:border-box;
	text-align:center;
	justify-content: center;
    font-size:120%;
	marigin:0 auto;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:7% 2%;
	border-bottom:1px solid #434343;
	letter-spacing:1px;
	text-shadow:0.5px -0.5px 0.5px #FFFFFF;
	/*background:url("../img/bg_black_003.jpg");*/
	background: rgb(255,254,241);
background: linear-gradient(90deg, rgba(255,254,241,1) 0%, rgba(221,221,221,1) 88%, rgba(241,241,241,1) 100%);
	box-shadow: 0 0 2px rgba( 0, 0, 0, 0.9 );
	
}	
a h5{ box-sizing:border-box; margin:25px auto!important;
position: relative;
	display: block;
	width: 100%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:url("../img/bg_black_005.jpg");
	border:solid 1px #fff;
	overflow: hidden;
	}
a h5:before  {
	content:"";
	position: absolute;
	top: -25px;
	left: -20px;
	height:90px;
	width:20px;
	background : #fff;
	opacity: 0.3;
	transform: rotate(40deg);
	transition: 0.3s;
}
a h5:hover:before {
	left:98%;
}	
#page-top {display:none!important;
    position: fixed;
    bottom: 100px;
    right: 20px;
    font-size: 100%;
	z-index:10;
}
#page-top a {display:none!important;
    background:url("../img/bg_header.jpg");
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 6px;
}
#page-top a:hover {display:none!important;
    text-decoration: none;
   opacity:0.8;
}

/*-----------toggle setting--------------*/	
	.breadcrumb{display:none;}
/*全体レイアウト*/	
nav{font-size:90%;
 width: 100%;
 height: 80px;
 position:fixed;
	top:0; left:0;
	background:#000000;
z-index:9998;
}
.logo{box-sizing:border-box;width:auto; height:auto; text-align:center;margin:0 auto;}
.logo img{box-sizing:border-box; height:64px; width:auto;margin:8px auto;text-align:center;}
	
.drawer{
 display: flex;
box-sizing:border-box;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 80px;
 padding: 0 1em;
	font-size:80%;  box-shadow: 0 0 10px rgba(0,0,0,.8);

}
/*.drawer:before {
  position: fixed;
  top: -10px;
  left: 0;
  z-index: 100;
  content: '';
  width: 100%;
  height: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}	*/


/*トグル部分*/
.navbar_toggle{
 z-index:9999;
}
.navbar_brand{text-align:center; color:#FFFFFF;height:auto;width:auto;padding:0;margin:0;box-sizing:border-box;}	
	
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 30px;
 background:#FFFFFF;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

/*ナビゲーション部分*/
.menu{
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .3s;
 transition:ease .3s;
 z-index:9999;
}
.menu ul li{
 padding: 0.8em 2em 0.8em 2em;
	vertical-align: middle;
 border-bottom: 1px solid #CCC;
	 z-index:9999;
	box-sizing:border-box;
	width:100%;height:auto;
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#F2F2F2)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2
        );
	/*IE*/
    	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#000000', endColorstr='#4D4B4B')
    ;
	opacity:0.95;

}
	.menu ul li a{color:#514D2B;}
	
/*OPEN時の動き*/
.menu.open {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
	
/*-----------toggle setting--------------*/	

	
	.s_invoice{position:fixed; top:80px; right:0px; z-index: 9999; overflow:hidden; 
}	
	
	
	
	
	
	
	
#line_atto a {
    background:#25af00;
    box-shadow:0 5px 0 #219900;
    font-size:95%;
    position:relative;
    display:block;
    padding:10px;
    color:#fff;
    border-radius:6px;
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    width:280px;
    margin:5% 0% 5% 0%;
}
 
#line_atto a:hover {
    background:#219900;
    -webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
}	
	.slider-for-case{margin:100px 0;}
	.slider-for{height:300px!important;width:95%;margin:10px auto;}	
	.slider-for img{height:300px!important;width:100%;margin:0!important;object-fit: cover;}	
	
	.slider-nav{height:60px!important;width:80%;margin:0 auto;}	
	.slider-nav img{height:60px!important;width:auto!important;margin:0!important;}	
	
/*【追加】プロフィール画面用CSSスライド自作*/	
input[type="radio"]{
  display: none;
}	
.slide {background:#575757;
 position: relative;
 width: 100%;
 height: 500px;
 overflow: hidden;
}
.slide img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 opacity: 0;object-fit: cover;
}
@keyframes thumb1 {
 0% {
  filter: grayscale(0%);
 }
 6% {
  filter: grayscale(0%);
 }
 10% {
  filter: grayscale(0%);
 }
 28% {
  filter: grayscale(0%);
 }
 37% {
  filter: grayscale(0%);
 }
 100% {
  filter: grayscale(0%);
 }
}
@keyframes thumb2 {
 0% {
  filter: grayscale(0%);
 }
 6% {
  filter: grayscale(0%);
 }
 10% {
  filter: grayscale(0%);
 }
 28% {
  filter: grayscale(0%);
 }
 37% {
  filter: grayscale(0%);
 }
 100% {
  filter: grayscale(0%);
 }
}
@keyframes thumb3 {
 0% {
  filter: grayscale(0%);
 }
 6% {
  filter: grayscale(0%);
 }
 10% {
  filter: grayscale(0%);
 }
 28% {
  filter: grayscale(0%);
 }
 37% {
  filter: grayscale(0%);
 }
 100% {
  filter: grayscale(0%);
 }
}
@keyframes slideshow1 {
 0% {
  opacity: 0;
 }
 10% {
  opacity: 1;
 }
 28% {
  opacity: 1;
 }
 38% {
  opacity: 0;
 }
 100% {
  opacity: 0;
 }
}
 
@keyframes slideshow2 {
 0% {
  opacity: 0;
 }
 
 10% {
  opacity: 1;
 }
 28% {
  opacity: 1;
 }
 38% {
  opacity: 0;
 }
 100% {
  opacity: 0;
 }
}
@keyframes slideshow3 {
 0% {
  opacity: 0;
 }
 
 10% {
  opacity: 1;
 }
 
 28% {
  opacity: 1;
 }
 
 38% {
  opacity: 0;
 }
 
 100% {
  opacity: 0;
 }
 
}
.thumbnail {
 list-style: none;
 display: flex;
 padding: 0;
 margin-top:10px;
	margin-bottom:10px;
 justify-content: center;width:100%;
height:120px;
}
input[type="radio"] {
 display: none;
}
.thumbnail img { object-fit: contain!important;
  width: 100px!important;
  height: 100px!important;
  border: 1px solid #ccc;
/*	
 display: block;
 width: 100px;
 height: 100px;
 object-fit: cover;
 margin: 2px;
 cursor: pointer;border:2px solid #767676;*/
}
/*ページを開いたとき＆一つ目のサムネイルをクリックしたとき*/
#img1:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img1:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 8s;
}
#img1:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 16s;
}
#img1:checked ~ .slide img {
 animation: slideshow1 24s linear infinite;
}
#img1:checked ~ .slide img:nth-child(1) {
 animation-delay: 0s;
}
#img1:checked ~ .slide img:nth-child(2) {
 animation-delay: 8s;
}
#img1:checked ~ .slide img:nth-child(3) {
 animation-delay: 16s;
}
/*二つ目のサムネイルをクリックしたとき*/
#img2:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 16s;
}
#img2:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img2:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 8s;
}
#img2:checked ~ .slide img {
 animation: slideshow2 24s linear infinite;
}
#img2:checked ~ .slide img:nth-child(1) {
 animation-delay: 16s;
}
#img2:checked ~ .slide img:nth-child(2) {
 animation-delay: 0s;
}
#img2:checked ~ .slide img:nth-child(3) {
 animation-delay: 8s;
}
/*二つ目のサムネイルをクリックしたとき*/
#img3:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 8s;
}
#img3:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 16s;
}
#img3:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img3:checked ~ .slide img {
 animation: slideshow3 24s linear infinite;
 animation-delay: 8s;
}
#img3:checked ~ .slide img:nth-child(1) {
 animation-delay: 8s;
}
#img3:checked ~ .slide img:nth-child(2) {
 animation-delay: 16s;
}
#img3:checked ~ .slide img:nth-child(3) {
 animation-delay: 0s;
}
/*【追加】プロフィール画面用CSSスライド自作 END */		
	
	/*sns*/	.portalArea{display: flex; flex-direction: row;justify-content: center;}
	.portalArea > .ssbtn{background:#474747!important;width:32%;justify-content: center;}
		.portalArea > .ssbtn img{width:100%;height:auto;}
	div.sns{width:100%;height:auto; box-sizing:border-box;}
	div.sns img{width:50px; height:50px; padding:0;object-fit: cover; /* この一行を追加するだけ！ */}
.ssbtn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  margin:2px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
}
.ssbtn:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,.2)
}
.ssbtn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.ssbtn > span,.btn-icon > i {
  float:left;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}
.ssbtn > span {
  white-space:nowrap;
  color:#fafafa;
  font-size: 1rem;
  font-weight: 600;
}
.ssbtn:focus > span {
  background:#233242;
}
.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  text-align:center;
  font-size:1.25rem;
  color:#fafafa;
  background:#30445a;
}
.btn-icon:hover > i,.btn-icon:focus > i {
  color:#fafafa
}
.btn-icon > span {
  border-radius:0 5px 5px 0
}
/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#5971aa;
}
.btn-facebook > span {
  /*background:#7c95ec;*/
}
/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#65a4c6;
}
.btn-twitter > span {
  /*background:#7dcdf7;*/
}
/*Feedly*/
.btn-feedly:hover > i,.btn-feedly:focus > i {
  color:#5ea667;
}
.btn-feedly > span {
  /*background:#85e991;*/
}
/*Instagram*/
.btn-instagram:hover > i,.btn-instagram:focus > i {
color: linear-gradient( 45deg, #b56b33, #ba3c56, #823a8d);
}
.btn-instagram > span {
/*background:linear-gradient( 45deg, #f79444, #ef4974, #a349b2);*/
}
/*sns*/		
	
	
/* 画面外にいる状態 */
.fadeinArea{box-sizing:border-box; width:100%; height:auto;}	
	
.fadein {
	margin:0px auto;
	height:auto; width:100%;
		opacity : 0.1;

	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
	
	.fadeinBg1{	height:auto;min-height:300px; width:100%;
		background:url("../img/subtitle_bg_001.png") center center no-repeat;
	background-size:cover;
	text-align:right;color:#FFFFFF;
	}
	.fadeinBg2{	height:auto;min-height:300px; width:100%;
		background:url("../img/subtitle_bg_002.png") center center no-repeat;
	background-size:cover;
	text-align:right;color:#FFFFFF;
	}
	.fadeinBg3{	height:auto;min-height:300px; width:100%;
		background:url("../img/subtitle_bg_003.png") center center no-repeat;
	background-size:cover;
	text-align:right;color:#FFFFFF;
	}
	.fadeText{position:absolute; top:110px; left:20px;}
	.fadeTextbottom{position:absolute; bottom:20px; left:20px;}	
	
#loopSlidebox{display:none; width:100%; margin:100px auto 10px auto; background:url("../img/logo.png") center center no-repeat;background-size:contain;}
	
.simply-scroll-container {opacity:0.9;
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: 600px;
    height: auto;float: left;
}
.simply-scroll-list li img {
    display: block;
    width: 100%;
}	
	
#loopslider {display:none;
    margin: 0px auto 0px auto;
    width: 100%;
    height: 300px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 300px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 220px;
    height: 300px;
    float: left;
    display: inline;
    overflow: hidden;  object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */
}
#loopslider ul li img{
    width: 220px;
    height: 300px;
    float: left;
    display: inline;
    overflow: hidden;  object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */
}
	
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}	
	
	
.sp-thumbnails{display:none;margin-top:0px!important;color:#686831; height:100px!important; width:75px;}
.sp-thumbnail-container{padding:0;height:100px!important;}
	.sp-thumbnail-title{width:100%;height:auto;font-size:130%;}
	.sp-thumbnail-description{font-size:80%;}
	.sp-selected-thumbnail{color:#FFFFFF;}
	
	.wrap{display:none!important;width:100%; position:relative; margin:0 auto;}	
.sp-thumbnail{width:100%;color:#555555;}
	.sp-thumbnails{color:#555555;}
	
	.sp-thumbnail-title{background:#FFFFFF; padding:2px 2px; font-size:80%;}
.sp-thumbnail-description{background:#555555;  color:#FFFFFF;padding:5px 5px;}	
	#slide2 img{width:100%; height:350px;object-fit: cover;} /* この一行を追加するだけ！*/
	#slide2 {width:70%; margin:0 auto;}
	
	.overText{font-size:85%; color:#B12D5E;box-sizing: border-box; width:100%;text-align:center;letter-spacing:0.5px;margin:7px auto;}
.overText{
  animation: flash 2s linear infinite;
  width:100%;
  height:auto;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
	  color:#000000;
  }
}
body a{
    text-decoration:none;
	font-size:100%;
}

.gnav{
	display:none;
	}
.header_bar{
	display:none!important;
	}
	
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;word-wrap: break-word; white-space: pre-wrap;
}
.news-list .item a:hover .title{
  color: #00F;
}
.news-list .subtextTitle{text-align:center;
	font-size:1.2rem; 
	letter-spacing:4px; 
	color:#434343;
	}
@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}
	
	

	
	
.news{
		font-size:90%;
		margin:0 auto;
		width:100%;
		height:auto;
		padding:2%;
	box-sizing:border-box;
	}
.newsarea{
	width:100%; 
	margin:0 auto;
	}
.newsTitle{	
	margin:0px auto;
	text-align:center;
	font-size:100%!important;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	text-transform:uppercase;
	letter-spacing:0.2rem;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
	border-bottom:solid 1px #3B3729;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
background: rgb(187,179,93);
background: linear-gradient(90deg, rgba(187,179,93,1) 0%, rgba(224,231,164,1) 45%, rgba(182,177,38,1) 100%);
	color:#000000; font-weight:600;
}
	.newsSubtitle{font-size:120%; color:#45421E;}
	
		.newsTextarea{
		margin-top:40px;word-wrap: break-word; white-space: pre-wrap;
	}
	.newsTextarea > div > p{font-size:105%;}
		.newsTextarea > div{margin-bottom:20px;border-bottom:1px solid #0E0E0E; padding-bottom:30px;}
		.newsTextarea > div > img{box-sizing: border-box; width:100%;height:auto;object-fit: cover;}
	.newsTextbox{
		box-sizing:border-box;
		width:100%; 
		margin:0 auto;
		height:50px;
		border-bottom:1px dotted #666666; 
		vertical-align:middle;
	}
	.newsDate{
		font-size:80%;
		box-sizing:border-box; vertical-align:middle;
		width:auto; 
		margin-right:30px;
	}
	.newsMark img{
		box-sizing:border-box;
		background-size: contain; 
		height:18px;
		width:32px;vertical-align:middle;
		margin:2px 4px;
	}
	.newsText{
		box-sizing:border-box; 
		width:auto; 
		height:auto;
		margin:5px 0;
	}
.txt-hide{
display: none;
}
.txt-show p{
font-size:80%;
}
.txt-show{
margin-bottom:100px;
}	
button.more {
width: auto;
margin: 0px auto 50px auto;
display: block;
background-color:#9A9A9A;
color: #fff;
padding:7px 10px;
border: none;
outline: 0;
	border-radius:1.5px;
transition: .5s;
-erbkit-transition: .5s;
	font-size:80%!important;
}
button.more::after {
content: "他の記事";
transition: .2s;
-erbkit-transition: .2s;
}
button.more.on-click::after{
content: "閉じる";
}
/* この記述は不要です */
#wrap {
width: 300px;
height: 100%;
font-size:13px;
}
	
.textArea{
	box-sizing:border-box; 
	position:relative;
	text-align:left;
	width:100%;
	height:auto;
	margin:10px auto;
	padding:5% 5%;
	line-height:180%;
	font-size:90%;
	letter-spacing:0.3px;
	overflow:hidden;
	}
	.textArea img{margin:0 auto;width:100%; height:auto;  object-fit: cover;}
	.textArea p{margin:10px auto;width:85%; height:auto;font-size:90%;
}
.textAreasub{
	box-sizing:border-box; 
	position:relative;
	text-align:left;
	width:100%;
	height:auto;
	margin:10px auto;
	padding:5% 5%;
	line-height:200%;
	font-size:90%;
	letter-spacing:0.3px;
	overflow:hidden;color:#514F4F!important;
	word-wrap: break-word; white-space: pre-wrap;
	}	
	.textAreasub > p{color:#514F4F!important;}	
.p_textArea{
	box-sizing:border-box; background:#E8E6CC;
	position:relative;
	text-align:left;
	width:100%;
	height:auto;
	margin:10px auto;
	padding:5% 5%;
	line-height:180%;
	font-size:90%;
	letter-spacing:0.3px;
	overflow:hidden;
	}
	.p_textArea img{margin:0 auto;width:100%; height:auto;  object-fit: cover;}
	.p_textArea p{margin:10px auto;width:85%; height:auto;font-size:90%;
}
	
	
.imgBox{
	margin:0 auto;
	width:90%;
	height:auto; 
	background:transparent;
	}
.imgBox img{
width: 100%;
  height: auto;
  object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */
	}

	
/* BOXデザインカラム */
.div_design001 {
	margin:30px auto;
	width:100%;
	padding:0 0 0 0;
	box-sizing: border-box; 
  display: -webkit-box;
  display: -ms-flexbox;
  display:block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.div_design001 .div_design001_contents {
  background: #FFF;
  width:100%;	box-sizing: border-box; 

  height: auto;
	min-height:100px;
  margin: 0px;
  display: column;padding:0;
}
.div_design001 .div_design001_contents img {
  width: 100%;
  height: 220px;
	object-fit: cover;
}
.div_design001 .div_design001_contents p:nth-of-type(1)  {
  font-size: 1.5rem;font-weight:580;
  width:100%;
  margin: 0 0 20px 20px;
  display: block;
  text-align:left;
}
.div_design001 .div_design001_contents p:nth-of-type(2)  {
  font-size: 1rem;font-weight:580;
  width:100%;
  margin: 0 0 20px 20px;
  display: block;
  text-align:left;
}	
.div_design001 .div_design001_contents .div_side {
box-sizing:border-box;
  width: 90%;
  margin:20px 5%;
  padding:20px 0px 20px 0px;
  display: block;
height:auto;background:rgba(255,248,233,1.00);
}
	

	

.div_design001 .div_design001_contents > .acbox{
  width:100%;position:relative;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0px auto 30px auto; /* ボックス全体の位置調整 */
}

.div_design001 .div_design001_contents > .acbox label{
  width: 80%;	position:absolute; 
	top:-80px;
	left:0;opacity:0.9;

	margin:0 10%;
  font-size: 1.2rem; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #202020; /* ラベルの背景色 */

  display: block;
  padding:25px;box-sizing: border-box;
  border-radius: 0px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #FFFFFF;
}

.div_design001 .div_design001_contents > .acbox label:hover{
  background: rgba(86,74,58,1.00); /* ラベルにマウスを乗せた時の背景色 */
	color:#FFFFFF;  font-weight: bold;

}

.div_design001 .div_design001_contents > .acbox input{
  display: none;
}

.div_design001 .div_design001_contents > .acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -10px;
}

.div_design001 .div_design001_contents > .acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.div_design001 .div_design001_contents > .acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.div_design001 .div_design001_contents > .acbox input:checked ~ div{
  height: auto;box-sizing:border-box;
  padding: 0px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #FFFFFF; /* 開いた部分の背景色 */
  opacity: 1;
}

.div_design001 .div_design001_contents > .acbox input:checked ~ label {
  background: #464141; /* クリック後のラベルの背景色 */
}

.div_design001 .div_design001_contents > .acbox > .acbox-under{
	width:100%;
	margin:0 auto;
	line-height:180%;box-sizing: border-box;
  font-size:0.8rem; /* 開いた部分の文字サイズ */
text-align:left;	
  color: #555555; /* 開いた部分の文字色 */
}
		
	
/*---------------------------------
アコーディオンボックス
--------------------------------*/	
	
	
.acbox{
  width:80%;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 auto; /* ボックス全体の位置調整 */
}

.acbox label{
  width: 80%;
	margin:0 auto 30px auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #202020; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:25px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #FFFFFF;
}

.acbox label:hover{
  background: rgba(75,56,38,1.00); /* ラベルにマウスを乗せた時の背景色 */
	color:#FFFFFF;  font-weight: bold;

}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 30px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #F3F4F5; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #464141; /* クリック後のラベルの背景色 */
}

.acbox-under{width:80%;margin:0 auto;
	line-height:180%;
  font-size: 12px; /* 開いた部分の文字サイズ */
	text-align: left;
  color: #555555; /* 開いた部分の文字色 */
}

	
.catalog {	 /*コレ*/border-spacing: 10px;
	margin:0px auto 0px auto;
	box-sizing:border-box;
	border:0.5px solid #f2f2f2;
	box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);
	color:#040000;
	width:100%;
	letter-spacing:0.1rem;
	font-size:95%;
}
.catalog div{width:80%;margin:0 10%;}	

.catalog  th,
.catalog  td {border-bottom:0.5px solid #F1F1F1;
padding: 20px 0px;vertical-align:middle;
/*border-spacing: inherit 2px;	*/
	line-height:1.0rem;
}
.catalog tr:nth-child(even) {
	background: #FFFFFF;
}

.catalog tr:nth-child(odd) {
	background: rgba(251,251,251,1.00);
}	
.catalog .th-center{text-align:center!important;}	
.catalog td {padding-left:20px;width:50%;border-left:solid 10px rgba(119,105,86,1.00);

background-color: #FFFFFF;
}
.catalog th {font-weight:normal;box-sizing:border-box;
letter-spacing: 0.1rem;width:50%; padding-left:10px;
  border-left:solid 10px #666666;
	color:#040000;
 
}	
	.linkBox{margin:20px 0 70px 0;width:100%;height:auto;padding:30px auto;box-sizing: border-box;background:rgba(164,0,2,1.00);color:#FFFFFF!important;}
	.linkBox a{color:#FFFFFF!important;}		
	
	.courseLink{width:100%;height:auto;padding:5%;box-sizing: border-box;background:rgba(185,0,3,1.00);color:#FFFFFF;}	
	
	
.maintextTitle{
	text-align:center;
	margin:10px auto;
	font-size:130%;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	text-transform:uppercase;
	border-radius:10px;
	letter-spacing:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #4682B4;
  border-left: solid 20px #303F9F;/*左線*/
  color: #FFFFFF;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.textTitle{
	font-weight:normal;
    font-size:90%;
	width:100%!important;
	height:auto;
	position: relative;
  display: inline-block;
  padding:4% 2%;
  text-decoration: none;
  color: #FFF;	
	box-sizing:border-box;
  background: url("../img/bg_black_005.jpg");/*色*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	margin:5px auto;
	overflow:hidden;
	text-align:center;
	border-spacing: inherit;
	letter-spacing:0.2rem;
/*	margin-bottom:30px;
	font-size:200%;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	background:#F0E68C;
	text-transform:uppercase;
	border-radius:20px;
	letter-spacing:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 20px #FFB6C1;/*左線*/
/*	
  color: #FFB6C1;/*文字色*/
/*font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	*/
}
.menutextTitle{
	font-weight:normal;
    font-size:90%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:4% 2%;
  text-decoration: none;
  color: #FFF;	
	box-sizing:border-box;
  background: url("../img/bg_black_005.jpg");/*色*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	margin:5px auto;
	overflow:hidden;
	text-align:center;
	border-spacing: inherit;
	letter-spacing:0.2rem;
/*	margin-bottom:30px;
	font-size:200%;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	background:#F0E68C;
	text-transform:uppercase;
	border-radius:20px;
	letter-spacing:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 20px #FFB6C1;/*左線*/
/*	
  color: #FFB6C1;/*文字色*/
/*font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	*/
}
.inquirytextTitle{
		font-weight:normal;
    font-size:110%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:5% 0%;
  text-decoration: none;
  color: #FFF;
  background: #4682B4;/*色*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  border: solid 2px #303F9F;/*線色*/
	margin:2px auto;
	overflow:hidden;
	text-align:center;
	border-spacing: inherit;
	letter-spacing:2px;
/*	margin-bottom:30px;
	font-size:200%;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	background:#F0E68C;
	text-transform:uppercase;
	border-radius:20px;
	letter-spacing:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 20px #FFB6C1;/*左線*/
/*	
  color: #FFB6C1;/*文字色*/
/*font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	*/
}
p.inquirytextTitle:before{content:"";
	display:inline-block;
	width:1em;
	height:1em;
vertical-align:middle;	
	margin-right:10px;
	background:url(../img/icon_001.png) no-repeat;
	background-size:contain;
}
p.inquirytextTitle:after{content:"";
	display:inline-block;
	width:1em;
	height:1em;
vertical-align:middle;	

			margin-left:10px;
	background:url(../img/icon_002.png) no-repeat;
	background-size:contain;
}
.columnBox{
	box-sizing:border-box;
	margin:0 auto;
	width:100%; 
	padding:auto;
	height:auto;
	background:#FFFFFF;
	}	
	
.textAreaLittle{
	position:relative;
	float:left;
	text-align:center;
	width:40%; 
	height:auto; 
	margin:10px 0 0 0;
	padding:5%; 
	background:#E8EAF6; 
	letter-spacing:4px;
	line-height:300%;
	}	
	.infoColumn{
		box-sizing:border-box;
		text-align:center; 
		padding:0;
	    line-height:150%!important;
		background:transparent;
		width:80%; 
		color:#434040;
		height:auto;
		margin:0 auto;
	}

	.jump ul{width:100%; margin:5px auto 5px auto; height:auto;text-decolation:none;}
	.jump ul li{
		/*display: inline-block;*/
		box-sizing:border-box;
		list-style: none;}	
	
	/*.jump ul li a{color:#D2B48C;text-decolation:none;border-radius:12px; border:solid 1px #666666;letter-spacing:3px;box-sizing:border-box;height:80px; padding:40px; width:15%; background:#FFFFFF;}*/	
	.jump ul li a{
	margin:8px auto;
	width:80%; 
	height:auto;
	font-size:120%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background:#3F51B5;/*ボタン色*/
    color: #FFFFFF;/*ボタン色より暗く*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #627295;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(50, 20, 40, 0.5);
}
.jump ul li a:active  {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
	
.header_bar{
	box-sizing:border-box; position:absolute; top:65px; left:0; height:120px; width:120px; background:transparent; opacity:1; z-index:9996; margin:0; padding:0;
	}
.header_bar #navigation{
	display:none;
	}
.smartbar{display:none;
	position:absolute; top:65;left:120px; width:280px; height:auto;
	}
	
.home_smartImg	{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	height:80px;line-height:180%;font-size:120%;
	margin:0px auto 0px auto;color:#FFFFFF;
	padding:5px 0;
	text-align:center;
	}
	.home_smartImg p a{line-height:100%; font-size:120%;
		color:#FFFFFF!important;
	}	

.smartTelnumber{
	position:fixed; 
	bottom:0px; 
	right:0; 
	box-sizing:border-box;
	width:100%;
	eight:100px; 
	margin:0 auto;/*background:rgba(0,0,0,0.8);*/
	background:url("../img/bg_wrapper.jpg"); 
	font-size:70px;
	z-index:2;
	padding:0 5%;
	}
	.smartTelnumber img{width:90%; margin:0 5%;}
	
	#nav{display:none;}

.bt_text{height:auto; width:90%; margin:0 auto;padding:0;}
.bt_img{width:100%; height:auto; object-fit: cover; /* この一行を追加するだけ！ */}
.bt_img img{width:auto;
    height:auto;
    max-width:100%;
	max-height:100%;object-fit: cover; /* この一行を追加するだけ！ */}

.wrapper{
width:100%;
	/*background:#7B6F51;*/

	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	height:auto;
	margin:0px auto 0px auto;
display: -webkit-flex;
    display: flex;  
	flex-direction: column;
	height:auto;
  min-height:auto;
}
	.subwrapper{
	margin-top:0px;
padding-top:0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
	
	.headimgCase{margin:0 auto!important;padding:0!important;
		box-sizing:border-box;
		width:90%;
		height:auto;
	}
	.headimgCase img{width:100%; height:auto;margin:0!important;padding:0!important;object-fit: cover; /* この一行を追加するだけ！ */}
	
	.imgCase{margin:90px auto 0 auto;
		box-sizing:border-box;
		width:100%; 
		height:auto;
	}
	.imgCase img{width:100%; height:auto;margin:0!important;padding:0!important;object-fit: cover; /* この一行を追加するだけ！ */}
	
	.imgCasesub{margin:0px auto 0 auto;padding:0;
		box-sizing:border-box;
		width:100%;/*background:url("../img/bg_wrapper.jpg");*/
		height:auto;
	}
	.imgCasesub img{width:100%; height:auto; object-fit: cover; /* この一行を追加するだけ！ */}
	
	.imgCase2{margin:0 5%;
		box-sizing:border-box;
		width:90%;
		height:auto;
	}
	.imgCase2 img{width:100%; height:auto;}

	.imgCase2 h5{
	box-sizing:border-box;
    font-size:105%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:4% 1%;
  text-decoration: none;
	border-bottom:2px solid #FFFFFF;
	text-align:center;
	letter-spacing:0.5px;margin-bottom:10px;}
	
	
	.imgCase3{margin:0 auto;
		box-sizing:border-box;
		width:auto;
		height:auto;
	}
	
		.imgCase_3{margin:0px auto 0 auto;padding:0;
		box-sizing:border-box;
		width:auto;
		height:auto;word-wrap: break-word; white-space: pre-wrap;
	}
	.imgCase3 > .imgCase_3 > img{aspect-ratio:5　/ 5; width:100%; height:auto!important; object-fit: cover; /* この一行を追加するだけ！ */}	
	
	
main{-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	margin:0 auto!important;padding:0!important;
	width:100%; 
	height:auto; 
	/*text-transform:uppercase;*/
	letter-spacing:0.0em;
	} 
	
article{
	width:100%; 
	height:auto; 
	margin:0 auto;
	background:transparent;

	}
	article video{
	width:100%; 
	height:auto; 
	margin:0 auto;
	}
	#inline-frame{width:80%; height:500px;margin:0 10%;}

	.s_topArea{background:#FCFCFC;width:100%; height:auto;padding:5%;box-sizing:border-box;}	
	.pc_info{display:none!important;}
	
.album {
	margin:auto;
	position: relative;
}

.album img {
	width:100%;height:500px;object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */

	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 15s;
	-webkit-animation-duration: 15s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	display: block;
	margin: 0 auto;
}

.album .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	position: absolute;
	top: 0;
	left: 0;
}

	
.album .img3 {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0;
}
	
.albumTop {display:none!important;
	margin:0 auto -150px auto;
	padding:0!important;
	position: relative;
}
	.albumTopLeftbar{display:none;position:absolute; top:0;left:0;height:600px;z-index:2; width:17px;background: url("../img/gnav.jpg")no-repeat;background-size:cover;}
.s_albumTop {
	margin:0 auto -80px auto;
	padding:0!important;
	position: relative;
	width:100%;
	height:auto;
}

.s_albumTop img {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
	/*width:100%;height:500px;	object-fit: cover;	margin:0!important;padding:0!important;/*object-fit: cover;*/ /* この一行を追加するだけ！ */
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 12s;
	-webkit-animation-duration: 12s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
	-ms-animation-name: album;
	animation-duration: 12s;
	-ms-animation-duration: 12s;
	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	opacity: 0;
}

.s_albumTop .img1 {
	display: block;
	margin: 0 auto;
}

.s_albumTop .img2 {
	animation-delay:4s;
	-webkit-animation-delay:4s;
	-ms-animation-delay:4s;
	position: absolute;
	top: 0;
	left: 0;
}

.s_albumTop .img3 {
	animation-delay:8s;
	-webkit-animation-delay:8s;
	-ms-animation-delay:8s;
	position: absolute;
	top: 0;
	left: 0;
}
	
@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
	.albumTopLeft{display:none!important;position:relative;float:left;width:30%;height:600px;margin:0;padding:2%;box-sizing:border-box;}	
	.albumTopLeft p{margin-left:30px;color:#ECEAD3;font-size:70%;letter-spacing:0.2rem;line-height:180%;}
	.albumTopLeftbar{position:absolute; top:0;left:0;height:600px;z-index:2; width:40px;background: url("../img/gnav.jpg")no-repeat;background-size:cover;}
	
.album4 {
	margin:auto;
	position: relative;
}

.album4 img {
	width:100%;height:500px;object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */

	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 20s;
	-webkit-animation-duration: 20s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album4 .img1 {
	display: block;
	margin: 0 auto;
}

.album4 .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	position: absolute;
	top: 0;
	left: 0;
}

	
.album4 .img3 {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0;
}
	
.album4 .img4 {
	animation-delay:15s;
	-webkit-animation-delay:15s;
	position: absolute;
	top: 0;
	left: 0;
}
	
	
	
@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
	
div.lineqr	{display:none;}
	
.linebutton{margin:0 auto; text-align:center;}
	
.headerlinebutton{position:absolute; bottom:0; center:0;}
	
.iflame{background:#000000; margin:0 auto; padding:5%; width:90%; height:auto;}	
	
/*-----------gallery--------------*/	
.galleryBox{
	position:relative;width:95%;margin:0px auto 0px auto;height:auto;
	}
.galleryBox p{margin:0 auto; text-align:center;color:#FFFFFF;}	
.gallery{display:none;
	}
.gallery li {padding:2%;
	list-style:none;
  float: left;
  position: relative;
  width: 45;
	height:auto;
  background: transparent;
  z-index: 1;
  box-sizing: border-box;font-size:120%!important;
letter-spacing:0.05rem;
}
.gallery img {border:inset 2px #62633E;border-radius:4px;
  width:100%;height:400px;object-fit: cover; /* この一行を追加するだけ！ */
}
	.bottomtext	{font-size:65%; box-sizing: border-box;
		color:#FFFFFF;
		background:rgba(147,1,3,1.00);
	text-align:center!important;
	margin:2% 10%;
	padding:2% 4%;
	width:80%!important;
		border-radius:6px;
		border:2px dotted rgba(146,146,146,1.00);
}
.pc_deliTitle{display:none!important;}	
.maingallery{width:90%;margin:0 5%;box-sizing:border-box;
	}
.maingallery li {padding:2%;
	list-style:none;
  float: left;
  position: relative;
  width: 49%;
	height:auto;
  background: transparent;
  z-index: 1;
  box-sizing: border-box;font-size:100%;
letter-spacing:0.05rem;
}
.maingallery img {
  width:100%;height:200px;object-fit: cover; /* この一行を追加するだけ！ */
}
	.maingallery > .bottomtext{font-size:70%; box-sizing: border-box;
	text-align:center!important;
	margin:5% 0;
	padding:5% 2%;
	width:auto;
	height:auto;
}
	.bottomtextfull	{font-size:80%;
	text-align:center;
	margin:2% 0 2% 5%;
	padding:3%;
	box-sizing:border-box;
	width:auto;
	height:auto;
	background:red;
	color:#FFFFFF;
	border-radius:3px;}
	
.s_gallery{
	margin:2% auto;
	}
.s_gallery li{padding:5% 2%;
	list-style:none;
  float: left;
  position: relative;
  width: 100%;
	height:auto;
  background: transparent;
  z-index: 1;
	display:block;
  box-sizing: border-box;font-size:125%!important;
letter-spacing:0.05rem;/*border-bottom:1px solid #666666!important;*/
}
.s_gallery img {border:inset 2px #62633E;border-radius:4px;
  width:100%;height:400px;object-fit: cover; /* この一行を追加するだけ！ */
}
	.s_gallery p.bottomtext	{font-size:1.3rem; display: block;
	text-align:center!important;
	margin:10px 0;
	padding:10% 10%;
	width:100%!important;
	height:auto!important;
	color:#FFFFFF!important;

	background:url("../img/bg_black_004.jpg");
  border-left: 0.2px solid #FFFFFF;
  border-top: 0.2px solid #FFFFFF;
  border-right: 0.2px solid #5B5535;
  border-bottom: 0.5px solid #000000;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.7) inset;
}
	
	.s_gallery .bottomtextfull	{font-size:80%;
	text-align:center;
	margin:2% 0 2% 5%;
	padding:3%;
	box-sizing:border-box;
	width:auto;
	height:auto;
	background:red;
	color:#FFFFFF;
	border-radius:3px;}
	
/*.gallery li:hover {
  z-index: 10;
  transform: scale(1.5) rotate(0deg);
}*/	
	
/*.gallery li {
  transform: scale(1.0);
  transition: all 0.3s ease-out;
}*/	
/*-----------gallery--------------*/	
	
/*-----------form--------------*/

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.fade_on {
    opacity: 1;
}
#formWrap{box-sizing:border-box;
	width:95%;
	margin:0px auto 0 auto;
	color:#555;
	line-height:130%!important;
	font-size:90%;
	overflow:hidden;
}
/*-----------form tabledesign--------------*/	

#form1:before {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  content: '';
  width: 15px;
  height: 15px;
  background: url(../img/select.png) no-repeat;
  background-size: contain;
}

#form1 select{font-size:110%;
  width: 100%;
  outline:none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding: 5px;
  border:1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}

#form1 select::-ms-expand {
  display: none;
}
#formTable{table-layout: fixed;
	align:center;
	margin:5px auto;
  width: 90%;
  border-collapse:separate;
  border-spacing: 0;
}
#formTable th:first-child{
  border-radius: 5px 0 0 0;
}
#formTable th:last-child{
	vertical-align: middle;
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}
#formTable th{ 
	vertical-align: middle; 
	width:120px;
  text-align: center;
	color:#FFFFFF;	
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#C7C5C5),
        to(#747049)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #C7C5C5, #747049
        );
	/*IE*/
    	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#C7C5C5', endColorstr='#747049')
    ;
  border-left: 0.2px solid #FFFFFF;
  border-top: 0.2px solid #FFFFFF;
  border-right: 0.2px solid #5B5535;
  border-bottom: 0.5px solid #C7C5C5;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.7) inset;
  padding: 3% 5%; 
	line-height:130%;	
	font-size:120%;
	letter-spacing:2px;

}

#formTable td{
width:70%;	background:#efefef;
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  /*box-shadow: 0px -3px 5px 1px #000000 inset;*/
  padding: 1% 5%; 
	font-size:100%;
	vertical-align:middle;
}

#formTable td:last-child{
  border-right: 1px solid #a8b7c5;
}

#formTable tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

#formTable tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

table#formTable td {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}	
	
#profileformTable{table-layout: fixed;
	align:center;
	margin:0px auto 10px auto;
  width: 90%;
  border-collapse:separate;
  border-spacing: 0;letter-spacing:0;
}
#profileformTable th:first-child{
  border-radius: 5px 0 0 0;
}
#profileformTable th:last-child{vertical-align: middle;
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}
#profileformTable th{ 
	vertical-align: middle; 
	width:120px;
  text-align:center;
	color:#FFFFFF;	
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#C7C5C5),
        to(#747049)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #C7C5C5, #747049
        );
	/*IE*/
    	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#C7C5C5', endColorstr='#747049')
    ;
  border-left: 0.2px solid #FFFFFF;
  border-top: 0.2px solid #FFFFFF;
  border-right: 0.2px solid #5B5535;
  border-bottom: 0.5px solid #C7C5C5;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.7) inset;
  padding: 3% 0;
	line-height:115%;	
	font-size:90%;
	letter-spacing:0;
}

#profileformTable td{
width:75%;	background:#efefef;

  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  /*box-shadow: 0px -3px 5px 1px #000000 inset;*/
  padding: 1.5%; 
	vertical-align:middle;line-height:200%;	font-size:80%;
}

#profileformTable td:last-child{
  border-right: 1px solid #a8b7c5;
}

#profileformTable tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

#profileformTable tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

table#profileformTable td {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}	
table#scheduleformTable{
	table-layout: fixed;
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}	
	
table#scheduleformTable td{
	width:auto;height:auto;
	font-weight:normal;
	background:#efefef;
	text-align:center;	
	vertical-align: middle;
	border:1px dotted #ccc;
	padding:15px 3px;
		font-size:100%;
	letter-spacing: 3px;
}

table#scheduleformTable th{box-sizing:border-box;
	width:60px;height:auto;
	font-weight:bold;
	background:#E4E4E4;
	color:#676767;
	text-align:center;	
	vertical-align: middle;
	font-size:120%;
		padding:2px;
	border-bottom:1px dotted #ccc;
}
table#scheduleformTable th img{
	width:100%; height:auto; object-fit: cover; /* この一行を追加するだけ！ */
}
	
button.submitButton{font-size:70%;
	text-align:center;
	margin:10px 20%;
	padding:2% 0;
	border:1px solid #AB6667;
	box-sizing:border-box;
	width:60%;
	height:auto;

	background:red;
	color:#FFFFFF!important;
	border-radius:6px;}
	
button.submitButton a{	font-weight:bold;
	color:#FFFFFF!important;
}
	.smartMail input{width:auto;}	
	.map{position:relative; width:100%;}	
	.map iframe{width:100%; text-align:center;height:300px; margin:0 auto;}	
	
/*-----------form tabledesign　見出し--------------*/		
/*table{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}*/
/*-----------form tabledesign 見出し--------------*/	
	
	
	
.mail_theme{
	font-size:150%;	
    width:90%;
	margin:0 auto;
	text-align:center;
	height:auto;
	padding:15px;
	background:
		#FCE9C1
		
		
		
		
    /*-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0066FF),
        to(#003366)
        );
    /*firefox*/
	/*background: -moz-linear-gradient(top, #003366, #0066FF
        );
	/*IE*/
    /*filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#003366', endColorstr='#0066FF')*/
		
		
		
    ;
}


/*-----------form--------------*/			
	
	
	.banner{width:90%; height:100px;margin:0 auto; text-align:center!important;}	
	.banner img{width:100%; height:auto; margin:5px auto;object-fit: cover; /* この一行を追加するだけ！ */}	
	
	
	#twitter{width:80%; margin:10px 10%;}	
	
	
	
	
	.twi_timeline{width:80%; margin:0 auto;height:auto; max-height:400px; overflow:scroll;}		
	
	
	.slide__title{font-size:100%;}
	
	
	.reserve{width:100%; marign:0 auto;height:auto;box-sizing:border-box;padding:0;}
	.reserve .reserveForm{width:100%; margin:20px 0%;height:auto;box-sizing:border-box;}
		.mainnews{
		font-size:80%;
		margin:0 auto;
		width:100%;
		height:auto;
		padding:2%;
		background:rgba(255,255,255,0.8);
		box-sizing:border-box;
	}

	
	/*---footer(common)----*/
	footer { 
	background:#000000; 
	background-size:contain;
	object-fit:cover;
	color:#FFFFFF; 
	width:100%;
	height:auto; 
	padding-top:3%;
	padding-bottom:20%;
	}
	footer > .sns{width:70%;margin:0 15%; display: flex; justify-content: space-between;}
	footer .smartCredit img{
	width:auto; 
	margin:10px 23%!important;
	}	
	.bottomtelNumber{
		margin:30px 7%;
		overflow:hidden;
		color:#FFFFFF!important;
	}
	.bottomtelNumber a{
		font-size:100%;
		margin-left:20px;
		color:#FFFFFF!important;
	}
	.footerText{
		font-size:100%;
		width:90%; 
		height:auto; 
		background:transparent;
		margin:0 auto; 
		padding:0; 
	}
	.footerText p{line-height:120%;margin:10px auto; text-align:center!important; color:#FFFFFF;font-size:85%;}	
	.footerText a{opacity:0.8; font-size:100%;}
.footerText > p > a.bottomtelNumber{display: block;width:50%;margin:5px 25% 0 25%; padding:3% 0;height:auto;font-size:200%!important;
}

.copy{margin-top:30px!important;padding:0;color:#FFFFFF; text-align:center;font-size:80%!important; margin:0 auto;letter-spacing: 2px;}
	
		.material{font-size:220%; color:#B08C3D;}
	.smartDelete{display:none;}
	.footerNav{display:none;}	
	.shopTitle{font-size:130%!important;margin:20px 0!important;text-align:center!important;}	
	.footertelNumber{font-size:180%!important;}	
	/*---footer(common)----*/

}/*-----------wrap end--------------*/



/*only write the 【over 1024px】*/


/*--substitution--
@import url(base.css) screen and (min-width: 769px); 
@import url(tab.css) screen and (max-width: 768px); 
@import url(smart.css) screen and (min-width: 640px);
/* -------------