@charset "utf-8";
@media screen and (min-width: 801px) {
  body {
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 1.5s ease 0s 1 normal;
  }

@keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }
body: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);
}	

div.linebutton{display:none!important;}	

	

	
	
body{
margin:0px;padding:0;
	min-width:1080px!important;
/*font-family: xfb5ukq, serif;font-weight: 400;*/
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
/*font-family: bebas-neue-by-fontfabric, sans-serif;*/
font-weight: 400;
font-size:14px;
font-style: normal;
letter-spacing: 0px;
  /* 画像ファイルの指定 */
  background-image: url("../img/bg_main_002.png");
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
	/*background:#EDCECF;*/
	/*
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000000),
        to(#333121)
        );
	/*firefox*/
	/*
	background: -moz-linear-gradient(top, #000000, #333121
        );
	/*IE*/
    /*	
	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#000000', endColorstr='#333121')
    ;*/
}
body a{text-decoration:none; font-weight:normal;
  transition: all 0.3s ease 0s;
	color:#000000;
}

body a:hover {
  opacity: 0.75;
}
html{
  /*scroll-behavior: smooth;*/
}	
/*div img {
  vertical-align: top!important;
}*//*上下余白発生時の回避策　あとは個別にタグ設定*/

.wrapper img {
  pointer-events: none!important; 
}	
.iflame{margin:0 auto; width:80%;}	
	
	
hr{margin-bottom:10px!important;}
	
/* 画面外にいる状態 */
	
.fadeinArea{width:80%; margin:0 auto;}
.fadein {box-sizing: border-box;
	margin:40px auto;
	height:auto; width:100%;
		opacity : 0.0;

	transform : translateX(300px);
	transition : all 1000ms;
	}
	
.fadein:nth-of-type(2) {
	transform : translateY(300px);
	transition : all 1000ms;
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
.fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}	
.fadein:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
.fadein:nth-of-type(5) {
	-moz-transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-o-transition-delay:800ms;
	-ms-transition-delay:800ms;
	}
.fadein:nth-of-type(6) {
	-moz-transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	}	
	
	
	
	
	

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
	
	.fadeinBg1{	height:600px; width:100%;
		background:url("../img/subtitle_bg_001.png") center center no-repeat;
	background-size:contain;box-sizing: border-box;object-fit: cover;
	text-align:right;color:#FFFFFF;
	}
	.fadeinBg2{	height:600px; width:100%;
		background:url("../img/subtitle_bg_002.png") center center no-repeat;
	background-size:contain;box-sizing: border-box;object-fit: cover;
	text-align:right;color:#FFFFFF;
	}
	.fadeinBg3{	height:600px; width:100%;
		background:url("../img/subtitle_bg_003.png") center center no-repeat;
	background-size:contain;box-sizing: border-box;object-fit: cover;
	text-align:right;color:#FFFFFF;
	}
	
	.fadeTextbottom{position:absolute; bottom:20px; left:20px;}	
	
	
	
	
h1{  margin:0 auto;
	box-sizing:border-box;
	text-align:center;
    font-size:240%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:4% 2%;
  text-decoration: none;
  /*color:#8C865A;*/
	/*background:#E4E4E4;*/
  color:#DDDBAA;
	border-bottom:2px solid #000000;
	letter-spacing:2px;
	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 );
	overflow:hidden;
	border-spacing: inherit;
/*	
    font-size:300%;
	font-weight:bold;
	width:100%;
	height:auto;
  box-sizing:border-box;
	letter-spacing:0.8rem;
  padding:4% 4%;
  text-decoration: none;
  color: #FFF;
	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: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #565555;/*線色*/
	
}
	
	
	
h2,h3{ 
	font-weight:normal;  
	box-sizing:border-box;
    font-size:220%;
	width:80%;
	height:auto;
	position: relative;
  padding:2% 2%;
  text-decoration: none;
  color: #3A3930;

  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 #473F2C;/*線色*/
	margin:10px auto;
	text-align:center;
	overflow:hidden;
	border-spacing: inherit;
	letter-spacing:0;
}
h4{    margin:50px auto 20px auto;box-sizing:border-box;
	text-align:center;
	font-weight:bold;
    font-size:150%;
	width:100%;
	height:150px;
	position: relative;
  display: inline-block;
  padding:6% 2%;
  text-decoration: none;
		/*text-shadow:0px 2px 2px rgba(0,0,0,0.5);*/
  /*color:#8C865A;*/
	color:#FFFFFF;
	letter-spacing:0.4rem;
	/*text-shadow:0.5px -0.5px 0.5px #FFFFFF;box-shadow: 0px 4px 14px -8px #777777;*/
	background:transparent;
}
.bottomBar{margin:0 auto; box-sizing: border-box; height:4px; width:100%; background:url("../img/gnav.jpg");}	
h5{   box-sizing:border-box;
margin:20px auto 20px auto;
	font-weight:bold;
    font-size:140%;
	width:100%;
	height:auto;
	position: relative;
  display: inline-block;
  padding:2% 2%;
  text-decoration: none;
  color:#55533B;
	/*border-bottom:1.5px solid #605F46;*/
	text-align:center;
	letter-spacing:0;
}

	
	
	.smallDate{letter-spacing:0.0rem!important;font-size:70%!important;}	
	
#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 100%;
	justify-content: center;
}
#page-top a {
    background:#FFFFFF;
    text-decoration: none;
    color: #2E2E2E;
    width: 150px;
	height:75px;
    padding:40px 0 0px 0;
    text-align: center;
    display: block;	justify-content: center;
}
#page-top a:hover {
    text-decoration: none;
}

#page-top a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(-45deg);
}
	
nav{display:none !important;}
nav{
 display: flex;
 flex-direction: row;
}
.navbar_toggle{
 display: none;
}
.menu{
 width: 100%;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.menu ul{
 height: 70px;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 align-items: center;
}
.menu ul li{
 padding: 0 1em;
 border-bottom: none;
}

	
.header_bar{
	position:fixed;
	z-index:3;
	color:#FFFFFF;
	box-sizing:border-box; 
	height:100px; 
	width:100%; 
	min-width:1080px;
	max-width:auto;
	background:url("../img/header_goi_002.png") center center no-repeat;
	background-size:cover;
	opacity:0.95; 
	margin:0!important; 
	padding:10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}
.logo{box-sizing:border-box;width:100%; height:auto; text-align:center;margin:10px 0;}
.logo img{box-sizing:border-box; height:80px; width:auto;margin:0 auto;text-align:center;}

.lineLink{position:absolute; display: flex ;flex-direction:row; top:20px; left:20px; width:20%; height:auto;}
.lineLink img{box-sizing:border-box;width:100%; height:auto;}	

.gnav {
	position:absolute;
	left:0; top:100px;
    display: flex;
    height:2rem;
    margin: 0 auto;
    width:auto;z-index: 9999;
	justify-content: center;
	
}
.gnav #Stay a {
color:#9E1416!important; font-weight:bold;font-size:0.8rem!important;background:transparent;}
	
	
.gnav ul {
    display: flex;
    height: 3rem;
    margin: 0 auto;
    width:auto;z-index: 9999;
	justify-content: center;
}
.gnav > ul > li {/*親階層のみ幅を25%にする*/
    width: 25%;
}
/*全てのリスト・リンク共通*/
.gnav ul li {width:160px;padding:10px;
	letter-spacing:0;
    list-style: none;    display: block;
    position: relative;		
	/*background:url("../img/bg_black_005.jpg");*/
	background:rgba(255,255,255,1);
}
.gnav ul li a {
     
	/*text-shadow: 1px 1px 1px rgba(100, 100, 40, 0.5);*/
    display: block;
    height: 3rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
	font-size:80%;
}	
.gnav ul > li:hover{
-webkit-transition: background-color .3s;
transition: background-color .3s;
/*background-image:url("../img/bg_header.jpg");*//*box-shadow: 2px 2px 5px #777777 ;*/
	background-color:rgba(255,255,255,0.8);
	border-bottom:4px solid rgba(164,0,0,1.00);
}	
	
/*子階層以降共通*/
.gnav ul li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav ul li li a {
    border-top: 1px solid #eee;
}
.gnav ul li:hover > ul > li {
    height: 3rem;
    overflow: visible;	
	color:#2F2C2C!important;

}	
	/*孫階層以降共通*/
.gnav ul li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
	
	

	
	
	
	
	
#formWrap {box-sizing:border-box;
	width:65%;
	margin:200px auto 0 auto;
	color:#555;
	line-height:200%!important;
}
.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')*/
    ;
}
	
	
.overText{
	font-size:120%; 
	color:#D1C67A;
	box-sizing:border-box;
	width:100%;
	height:auto;
	text-align:center;
	letter-spacing:1.5px;
	margin:40px auto;}
	
.overText{
  animation: flash 2s linear infinite;
}

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

  50% {
    opacity: 0.4;
	  color:#6B6339;
  }
}
	
	

table td {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}
	
table#formTable{
	table-layout: fixed;
	width:60%;
	margin:20px auto;
	border-collapse:collapse;
}

table#formTable td{
	width:auto;
	font-weight:normal;
	background:#efefef;
	text-align:right;	
	vertical-align: middle;
	border-bottom:1px dotted #ccc;
	padding:30px;
		font-size:120%;
	letter-spacing: 3px;
}

table#formTable th{box-sizing:border-box;
	width:250px;
	background:#46443D;
	color:#FFFFFF;
	text-align:left;
	vertical-align: middle;
	font-size:140%;
		padding:30px;
	border-bottom:1px dotted #ccc;
}
	

	table#formTable .tableTitle{text-align:center;background:#2E2E2E; font-size:140%;letter-spacing:0.2rem;}	

	
	
table td {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}
	
	
/*sns*/	
	
	
	.portalArea > .ssbtn{background:#474747!important;}
	div.sns{width:auto;}	
	div.sns img{width:70px; height:auto; padding:0 -30px; 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;
  padding:0px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}
.ssbtn > span {
  padding:0;
  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*/		
	
/*プロフィールページ設定　START--------------------*/
	

/*【追加】プロフィール画面用CSSスライド自作*/	
input[type="radio"]{
  display: none;
}	
.slide {
 position: relative;
 width: 600px;
 height: 800px;
 overflow: hidden;
	background-image:url("../img/chloris_logo.png");

}
.slide img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 opacity: 0;
}
@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;
 justify-content: center;
	width:50%;height:100px;
	margin-bottom:30px; overflow: hidden;

}
input[type="radio"] {
 display: none;
}
.thumbnail img {
 display: block;
 width: 100px;
 height: 100px;
 object-fit: cover;
 margin: 10px;
 cursor: pointer;
}
/*ページを開いたとき＆一つ目のサムネイルをクリックしたとき*/
#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 */		
	
	
	
	
table#profileformTable{
	table-layout: fixed;
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}

table#profileformTable td{
	width:auto;
	font-weight:normal;
	background:#efefef;
	text-align:right;	
	vertical-align: middle;
	border-bottom:1px dotted #ccc;
	padding:15px;
		font-size:120%;
	letter-spacing: 3px;
}

table#profileformTable th{box-sizing:border-box;
	width:250px;
	background:#C0BEAE;
	color:#FFFFFF;
	text-align:left;
	vertical-align: middle;
	font-size:120%;
		padding:15px;
	border-bottom:1px dotted #ccc;
}
	
table#profileformTable .tableTitle{background:#837A56;}	
	

.p_textArea{
	box-sizing:border-box;
	position:relative;
	text-align:left;
	width:65%;
	height:auto;
	margin:10px auto;
	padding:5% 5%;
	line-height:180%;
	font-size:90%;
	letter-spacing:0.3px;
	overflow:hidden;color:#FFFFFF;
	}
	.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%;
}
	
/*プロフィールページ設定　END--------------------*/
	
	
	
	
	
table#scheduleformTable{
	table-layout: fixed;
	width:80%;
	margin:20px auto;
	border-collapse:collapse;
}	
	
table#scheduleformTable td{
	width:auto;height:65px;
	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:100px;height:65px;
	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{
	margin:0; padding:0; width:100%; height:auto; object-fit: cover; /* この一行を追加するだけ！ */
}
	
	
	
button.submitButton{font-size:120%;
	text-align:center;
	margin:10px 20%;
	padding:2% 0;
	border:2px solid #4D4D4D;
	box-sizing:border-box;
	width:60%;
	height:auto;

	background:#323129;
	color:#FFFFFF!important;
	border-radius:6px;}
	
button.submitButton a{	font-weight:bold;
	color:#FFFFFF!important;
}

textarea.textboxSize{font-size:140%!important;
width:auto;
min-width:50%;	max-width:50%;	
height:auto;
		word-break: break-all;
}
input.boxSize{
width:auto;
min-width:50%;	
height:auto;
}
select.boxSize{
width:auto;
min-width:50%;	

height:auto;
}

/*pankuzu*/	
.breadcrumb {box-sizing:border-box;
  margin: 0;
  padding: 20px;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #989898;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}	
/*pankuzu*/	
	
#Stay a{background-color:#948962; color:#564820;}	
	
	.telNumber{ position:absolute; top:15px; right:20px;overflow:hidden; 
}
	.telNumber a{color:#FFFFFF!important; font-size:200%;
}	
	.invoice{ position:absolute; top:100px; right:0px;overflow:hidden; 
}
	.s_invoice{display:none; 
}
	
	
	.reserveLink{position:absolute; top:80px; right:20px;font-size:100%;overflow:hidden;
}
	
	
	
	.linkBox{width:100%;height:auto;padding:30px 0;box-sizing: border-box;background:rgba(248,248,248,1.00);}	
	
	.courseLink{width:100%;height:auto;padding:30px 30px;box-sizing: border-box;background:rgba(248,248,248,1.00);}	
	
	
	
	.topArea{min-width:1080px;width:100%; box-sizing:border-box;height:auto;position:relative;}

	.s_topArea{width:60%; min-width:1000px;margin:30px auto ;height:auto;padding:2%;box-sizing:border-box;}		
	.s_topArea > .fadein > .news > .newsTextarea > p{line-height:1.5rem; word-wrap: break-word; white-space: pre-wrap; color:#41403E; margin:0px 0; }
	.s_topArea > .fadein > .news{min-height:500px;}

	
	.topicsArea{width:100%;height:auto;padding:5%;box-sizing: border-box;background: #FFFFFF;}	
	
	
.news-list{
  list-style: none outside;
  margin: 10px auto 10px auto;
  padding: 0;
	height:auto;
	min-height:auto;
	max-width:1080px;
}
.news-list .item a{
	margin-top:30px;
  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: 14px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00F;
}
.news-list .title{
  font-size:1.0rem;  line-height:1.5rem;padding: 5px 20px;word-wrap: break-word; white-space: pre-wrap;

}

.news-list .item .sentence{
  display: inline-block;
  padding:0;
  font-size: 16px;
  line-height: 1.7rem;
}	
	
	
.news-list .subtextTitle{
	font-size:1.2rem; 
	letter-spacing:4px; 
	color:rgba(126,126,126,1.00);
	}
	
	
@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;
}
}
	
	
	
/* BOXデザインカラム */
.div_design001 {
	margin:100px 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: row;
          flex-direction: row;
}
.div_design001 .div_design001_contents {
  background: #FFF;
  width:100%;
  height: auto;
	min-height:100px;
  margin: 0px;
  display: flex;
	padding:20px;
	box-sizing: border-box; 
}
.div_design001 .div_design001_contents img {
  width: 40%;
  height: 400px;
	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:60%;
  margin: 0;
  padding:20px 0px 20px 0px;
  display: block;
height:auto;background:rgba(255,248,233,1.00);
}
	

	

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

.div_design001 .div_design001_contents > .acbox label{
  width: 100%;
	margin:0 auto;
  font-size: 1.2rem; /* ラベルの文字サイズ */
  font-weight: 450;
  text-align: center;
  background: linear-gradient(180deg, rgba(112,108,76,1) 0%, rgba(0,0,0,1)100%);/* ラベルの背景色 */
  position: relative;
  display: block;
  padding:25px;box-sizing: border-box;
  border-radius: 0px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #FFFFFF; 
}

.div_design001 .div_design001_contents > .acbox label:hover{
  background: linear-gradient(180deg, rgba(220,0,0,1) 0%, rgba(51,0,0,1)100%); /* ラベルにマウスを乗せた時の背景色 */
	color:#FFFFFF;  font-weight: 600;

}

.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: linear-gradient(180deg, rgba(220,0,0,1) 0%, rgba(51,0,0,1)100%);/* クリック後のラベルの背景色 */
}

.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:0px auto 30px auto; /* ボックス全体の位置調整 */
}

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

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

}

.acbox input{
  display: none;
}

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

.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: 16px; /* 開いた部分の文字サイズ */
text-align:left;	
  color: #555555; /* 開いた部分の文字色 */
}
	
.contactStyling	{padding-bottom:0px;}
		
	
.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:1.0rem;
}
.catalog div table{width:100%;border-collapse: separate!important; border-spacing: 0px 5px!important; }	

.catalog  th,
.catalog  td {border-bottom:0.5px solid #F1F1F1;
padding: 20px 0px;vertical-align:middle;
/*border-spacing: inherit 2px;	*/
	line-height:150%;
}
.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:40%;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:60%; padding-left:20px;
  border-left:solid 10px #666666;
	color:#040000;
 
}

@media screen and (max-width: 767px) {
.catalog,
.catalog tr,
.catalog td,
.catalog th {display:block;}
.catalog th {width:auto;}
}		
	
	
	
	
		.mainnews{
		font-size:0.9rem;
		margin:10px auto 10px auto;
		width:100%;
		height:auto;
		padding:2%;
		background:rgba(255,255,255,1);
		
	}
	.mainnews .newsTextarea div p{font-size:105%;margin:20px 0; line-height:180%;}
	.fadein > .news{
		font-size:1.0rem;
		margin:70px auto 70px auto;
		width:100%;
		height:auto;
		padding:2%;box-sizing: border-box;
		background:rgba(255,255,255,1);
		
	}
	.newsTitlearea{
		margin:0;
	width:30%; 
	height:auto;
	box-sizing:border-box;
	letter-spacing:0;
		padding:20px 0;
  text-decoration: none;
}
	.newsTextarea{
				display: flex;
flex-direction: column;
		width:70%;
		margin-left:30%;
		box-sizing:border-box; 
		height:auto;
		padding:20px 0;
	}
	.newsTextarea div > p{color:#454545;　word-wrap: break-word; white-space: pre-wrap; line-height: 1.5rem;}
		.newsTextarea > div{border-bottom:1px solid #787878; margin-bottom:60px;}
	.newsTitle{margin-left:20px;box-sizing: border-box;
		border-bottom:1px dotted #666666; 
		vertical-align:middle;
		font-size:300%!important;padding:20px;
  color:#454545;word-wrap: break-word; white-space: pre-wrap;background:rgba(241,241,241,1.00);
	}
	
 /*--- サンプル表示の枠 ---------------------------- */
.newsTitle {
  display      : inline-block;
 /* width        : 200px; */             /* 枠のサイズ   */
  /*background   : #ffffff;   */         /* 背景色       */
  /*border       : 1px solid #999; */    /* 枠線         */
  font-size    : 12pt;               /* 文字のサイズ */
  text-align   : left;               /* 文字位置     */
  padding      : 5px;                /* 枠の余白     */
  line-height  : 1.2;                /* 1行の高さ    */
}
 /*--- 先頭文字の定義 ------------------------------ */
.newsTitle:first-letter {
  font-size    : 2em;                /* 文字サイズ   */
  padding      : 0px;                /* 余白         */
  color        : #d71313;            /* 文字の色     */
}	
	
	
.newsTextarea > div > img{box-sizing: border-box; width:100%;height:auto;object-fit: cover;}	
	.newsSubtitle{font-size:150%;}
	.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;
	}
	
	
.txt-hide{
display: none;
}
.txt-show p{
font-size:80%;
}
button.more {
width: 120px;
margin: 20px auto 100px auto;
display: block;
background-color:#831315;
color: #fff;
padding:12px 15px;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
 
button.more::after {
content: "他を表示";
transition: .2s;
-erbkit-transition: .2s;
}

button.more.on-click::after{
content: "閉じる";
}
	
	
.album4 {width:80%;height:auto;
	margin:0 auto;
	position: relative;
}

.album4 img {
	width:100%;height:800px;	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;
	-ms-animation-name: album;
	animation-duration: 20s;
	-ms-animation-duration: 20s;
	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	opacity: 0;
}

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

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

.album4 .img3 {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	-ms-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0;
}
	.album4 .img4 {
	animation-delay:15s;
	-webkit-animation-delay:15s;
	-ms-animation-delay:15s;
	position: absolute;
	top: 0;
	left: 0;
}

.album {width:100%;height:auto;
	margin:0 auto;
	position: relative;
}

.album img {
	width:100%;height:auto;	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;
	-ms-animation-name: album;
	animation-duration: 15s;
	-ms-animation-duration: 15s;
	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	opacity: 0;
}

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

.album .img2 {display: block;
	margin: 0 auto;
	animation-delay:5s;
	-webkit-animation-delay:5s;
	-ms-animation-delay:5s;
	position: absolute;
	top: 0;
	left: 0;
}

.album .img3 {display: block;
	margin: 0 auto;
	animation-delay:10s;
	-webkit-animation-delay:10s;
	-ms-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0;
}
	
.s_albumTop {display:none!important;
	margin:0 auto;
	position: relative;
}
	
	
.albumTopLeft{position:absolute;
	top:10px;left:10px;
	z-index: 2;
	overflow-x:hidden;
	width:400px;
	height:auto;
	max-height:800px;
	min-height:auto;
	margin:0;
	padding:3%;
	box-sizing:border-box;
	background: url("../img/bg_black_004.jpg");
	opacity:0.90;
	}	
.albumTopLeft p{
	font-size:65%;
	letter-spacing:0.1rem;
	line-height:160%;
	text-align:left;
	color:#FFFFFF;
	}
.albumTopLeftbar{
	position:absolute; 
	top:20px;
	left:20px;
	height:auto;
	max-height:700px;
	min-height:auto;
	z-index:4;
	width:17px;
	background: url("../img/gnav.jpg")no-repeat;
	background-size:cover;
	}
	
.albumTop {
	position: relative;
	height:100vh;
	overflow:hidden;
	box-sizing:border-box;	object-fit:cover;	/*object-fit: cover; /* この一行を追加するだけ！ */

}

.albumTop img {
	width:100%;
	height:100vh;
	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;
	-ms-animation-name: album;
	animation-duration: 15s;
	-ms-animation-duration: 15s;
	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	opacity: 0;
}

.albumTop .img1 {
	display: block;
	margin: 0 auto;		position: absolute;
	top: 0;
	left: 0;
}
	


.albumTop .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	-ms-animation-delay:5s;
	position: absolute;
	top: 0;
	left: 0;	display: block;
	margin: 0 auto;	
}

.albumTop .img3 {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	-ms-animation-delay:10s;
	position: absolute;
	top: 0;
	left: 0;display: block;
	margin: 0 auto;	

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

	
	.s_kyujin{display:none!important;}	
	
	
	.smartTelnumber
	{display: none;}
	.galleryBox{position:relative;width:100%;margin:50px 0%;height:auto;}
	.gallery{width:100%;height:auto;margin:0px 0;box-sizing:border-box;}
		
	.galleryBox p{margin:0 auto; text-align:center;line-height:180%;}	
	
	
	.s_gallery{display:none;}	
	
.gallery li {list-style:none;
  float: left;
  position: relative;
  width:20%;
	height:auto;
  margin: 0 auto;
  box-shadow: 2px 2px 5px #777777 ;
  z-index: 1;
  box-sizing: border-box;
}
.gallery img {z-index:2; /*margin-bottom:2%;*/
  width:100%;height:auto; min-height: 400px; object-fit: cover; /* この一行を追加するだけ！ */
}
/*	
.gallery li:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0deg);
}	
*/
/*	
.gallery li {
  transform: scale(1.0);
  transition: all 0.3s ease-out;
}	*/

	.bottomtext{font-size:80%;display:block;
	text-align:center;
	margin:0px auto;
	padding:6% 3%;
	box-sizing:border-box;
	width:100%;
	height:auto;
	color:#FFFFFF!important;font-weight:bold;background:#252525;
	}
	button.profile{
	font-size:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	width:auto;
	height:auto;
		background:#CD1AAB!important;
		color:#FFFFFF!important;
	}
.maingallery{width:80%;height:auto;margin:30px 10%;box-sizing:border-box;}
.maingallery li {list-style:none;
  float: left;
  position: relative;
  width:31%;
	height:auto;
  margin: 0 1% 20px 1%;
  background:url("../img/bg_black.jpg");
  box-shadow: 2px 2px 5px #777777 ;
  z-index: 1;
  box-sizing: border-box;
}
.maingallery img {z-index:2; /*margin-bottom:2%;*/
  width:100%;height:auto; min-height: 300px; object-fit: cover; /* この一行を追加するだけ！ */
}
/*	
.gallery li:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0deg);
}	
*/
/*	
.gallery li {
  transform: scale(1.0);
  transition: all 0.3s ease-out;
}	*/
	.bottomtextfull{font-size:100%!important;
	text-align:center;
	margin:10px;
	padding:2.5px;
	box-sizing:border-box;
	width:auto;
	height:auto;
	background:red;
	color:#FFFFFF;
	}
.gallerySmartImg{display:none!important;}
ul li {
  list-style: none;
}
#loopSlidebox{width:60%; margin:300px auto 10px auto; background:url("../img/logo.png");}
	
.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;
}
.simply-scroll-list li img {
    display: block;
    width: 100%;
}	
	
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 700px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 600px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 400px;
    height: 600px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}	
	.slider-for-case{position:relative;box-sizing: border-box;width:100%;height:auto; margin:30px auto;}
	.menuslider-for-case{position:relative;box-sizing: border-box;width:100%;height:auto; margin:0px auto 0 auto;}	
	.slider-for{height:800px!important;width:1080px;margin:0px auto;}	
	.slider-for img{height:800px!important;width:1080px;margin:0!important;object-fit: cover;}	
	.slider-nav{height:180px!important;width:1080px;margin:5px auto;}	
	.slider-nav img{height:180px!important;width:200px;margin:0!important;}	
	
	.wrap{display:none!important;width:100%;height:85vh; margin:0 auto;}
.sp-thumbnail{width:100%;color:#555555;}
	.sp-thumbnails{display:none;color:#555555;}
	.sp-thumbnail-title{background:#FFFFFF; padding:30px 5px;}
.sp-thumbnail-description{background:#555555;  color:#FFFFFF;padding:5px 5px;}	
	#slide2 img{width:100%; height:350px;object-fit: cover;} /* この一行を追加するだけ！*/
	#slide2 {width:70%; height:500px; margin:0 auto;}
.slideImg{box-sizing: border-box;
padding:0; width:100%;height:auto;max-height:700px; min-height:700px;object-fit: cover; /* この一行を追加するだけ！ */}
.slideImg img{box-sizing:border-box; 
width:100%; height:auto; max-height:700px;min-height:700px;object-fit: cover; /* この一行を追加するだけ！ */ margin:0; padding:0;}
.smartbar{display:none;}
.smartDelete{display:none;}
	
#inline-frame{margin:15px auto;width:100%; height:auto; min-height:600px;}
	
.wrapper{width:50%; min-width:1080px;margin:0px auto 0px auto;
padding-top:0px;color:#5E5A5B;
  display: flex;
  flex-direction: column;
	/*background:url("../img/bg_wrapper.jpg");*/
	
}
	.subwrapper{
	margin-top:10px;
padding-top:0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
	.headimgCase{margin:0 auto;padding:0;
		box-sizing:border-box;
		width:80%;
		height:auto;
	}
	.headimgCase img{width:100%; height:auto;}
	.imgCase{margin:0px auto 0 auto;padding:0;
		box-sizing:border-box;
		width:100%;min-width:1080px;/*background:url("../img/bg_wrapper.jpg");*/
		height:auto;word-wrap: break-word; white-space: pre-wrap;
	}
	.imgCase2 > .imgCase > img{width:100%; height:450px!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 auto;
		box-sizing:border-box;
		width:50%;min-width:1080px;text-align:center;
		height:auto;
	}
	.imgCase2 img{width:100%; height:auto;margin:0 auto;}
	
	
	.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{width:100%; height:300px!important; object-fit: cover; /* この一行を追加するだけ！ */}
	
	
main{
	box-sizing:border-box;
	margin:0 auto; 
	width:80%;min-width:1080px;
	height:auto; 
	padding:0;
	}
	.imageBg{height:auto; width:100%; margin:0 auto; text-align:center;background:url(../img/image_bg_001.jpg) center center no-repeat;
		 background-size:contain;/*object-fit: cover; /* この一行を追加するだけ！ */
}
		.imageBg img{height:auto; width:100%; margin:0 auto; background-size:cover;
}
	.gallerySmartImg{display:none;}

.textArea{
	position:relative;
	text-align:center;
	width:60%;min-width:600px;
	height:auto;
	margin:10px auto;
	padding-top:20px;/*padding-bottom:20px;*/
	line-height:185%;
	font-size:90%;
	letter-spacing:1.5px;
	overflow:hidden;color:#FFFFFF;
	}
.textAreasub{
	position:relative;
	text-align:center;
	width:80%;
	height:auto;
	margin:10px auto;
	padding-top:20px;/*padding-bottom:20px;*/
	line-height:185%;
	font-size:1.1rem;
	letter-spacing:0.1rem;
	overflow:hidden;color:#FFFFFF;
	word-wrap: break-word; white-space: pre-wrap;
	}
.p_textArea{
	box-sizing:border-box;
	position:relative;
	text-align:left;
	width:65%;
	height:auto;
	margin:10px auto;
	padding:5% 5%;
	line-height:180%;
	font-size:90%;
	letter-spacing:0.3px;
	overflow:hidden;color:#555252;
	}
	.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{padding:0;width:50%;height:auto;margin:0 auto;
	}
.imgBox img{
width: 100%;
  height: auto;
  object-fit: cover;	/*object-fit: cover; /* この一行を追加するだけ！ */
	}
.textTitle{
	margin:200px auto!important;
	text-align:center!important;
	font-size:130%!important;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	text-transform:uppercase;
	letter-spacing:0.5rem;
  padding: 2em 0.5rem;
	border:solid 2px #FFFFFF;
  text-decoration: none;
  color: #FFFFFF;/*文字色*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	text-shadow:0px 2px 2px rgba(0,0,0,0.5);
}
.menutextTitle{
	margin:10px auto;
	text-align:center!important;
	font-size:130%!important;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	text-transform:uppercase;
	letter-spacing:0.5rem;
  padding: 2em 0.5rem;
	border:solid 2px #FFFFFF;
  text-decoration: none;
  color: #040000;/*文字色*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.columntextTitle{
	box-sizing:border-box;
	margin:10px auto;
	text-align:center;
	font-size:120%;
	width:80%; 
	height:auto;
	text-transform:uppercase;
	letter-spacing:0;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #4682B4;
  color: #FFFFFF;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
	
	
	
	
.maintextTitle{
	margin:20px auto;
	font-size:200%;
	width:100%; 
	height:auto;
	box-sizing:border-box;
	text-transform:uppercase;
	border-radius:20px;
	letter-spacing:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #C71585;
  border-left: solid 20px #FFB6C1;/*左線*/
  color: #FFFFFF;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
	
.columnBox{position:relative;
	width:auto; padding:0;
	height:auto;
	font-size:80%; 
	letter-spacing:normal;
	}	
	
.textAreaLittle{
	position:relative;
	float:left;
	text-align:center;
	width:40%; 
	height:auto; 
	margin:10px 0 0 0;
	padding:5%; 

	letter-spacing:4px;
	line-height:300%;
	}	
	.infoColumn{text-align:center; padding:20px; margin:10px auto;box-sizing:border-box;

	line-height:180%!important;background:#6495ED;width:90%; height:auto;
	}

	.jump ul{width:100%; margin:20px auto 20px auto; height:auto;text-decolation:none;}
	.jump ul li{display: inline-block;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{padding:10px;	box-sizing:border-box;

  display: inline-block;
		width:100%;height:auto;margin:10px;
		line-height:500%;
  text-decoration: none;
  background:#003366;/*ボタン色*/
  color: #FFFFFF;/*ボタン色より暗く*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #777777;
  border-radius: 10px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(100, 100, 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;
}
	
	
article{
	margin:0 10%; 
	width:70%; 
	height:auto; 
	padding:5%;
	background-color:transparent; 
	opacity:1.0;
	} 

	#twitter{width:80%; margin:10px 10%;}	
	
	.map{position:relative; width:100%;}	
	.map iframe{width:100%; text-align:center;height:500px; margin:0 auto;}	
	
	
	/*.twi_timeline{position:fixed; top:30px; right:30px;margin:20px auto;width:20%; height:50%; max-height:600px; overflow:scroll;}*/	

	
	
	
	
	.reserve{}	
	
	
	
	
	
	/*---footer(common)----*/
	
footer {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	position:relative;
	height:auto;
	width: 100%; min-width:1080px;
	/*background:url("../img/bg_black_004.jpg")center center no-repeat;object-fit: cover!important;*/
	background:#1D1C1B;
	color:#F5F0D8;
	padding:30px 0;
	box-sizing: border-box;
	overflow:hidden;
}
footer a:link { font-size:150%; margin-left:30px;color:#FFF; }
footer a:visited { color:#F6F8B4; }
footer a:hover { color:#F9F9AB; }
footer a:active { color:#FFE668; }
	
/*.banner , .sns_logo_twi , .sns_logo_fb , .sns_logo_lineqr{width:100px; height:100px; background-size: contain; margin:20px; float:right;}*/
	
.shopTitle{text-align:center;font-size:1.2rem!important;}		
.footerText{
	box-sizing: border-box;
	border-left:1px solid #FFFFFF; 
	text-align:center;
	margin:0 auto;
	margin-right:150px;
	position:relative;
	padding:0 0 0 5%;
	width:auto;
	}
	.footerText img{float:left; margin-bottom:50px;}	
.footerText p{font-size:70%;
	margin:10px 0; line-height:150%;
	letter-spacing:0.1rem;text-align:left;
	}
.footerText a{opacity:0.8; font-size:100%;}
.footerText > p > a.bottomtelNumber{display: block; margin-top:20px; text-align:left;font-size:200%!important;
}
	
	
.footerNav{
	font-size:90%;margin:0 auto;
	height:auto;
	width:auto; 
	box-sizing:border-box;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:10px;
	text-align:center;
	overflow:hidden;
	border-left:1px solid #FFFFFF;
	}
.footerNav ul{
	text-align:center;margin:10px auto;
	list-style:none;white-space: nowrap;
	}
.footerNav ul li a{
	display:block; margin:20px;text-align:left;
	letter-spacing:0;font-size:70%;
	color:#DCDCDC;white-space: nowrap;
}

	

	

.copy {	position:absolute;
	bottom:10px;left:0%;
	font-size:50%;
	height:auto;
	width: 100%; 
	box-sizing:border-box;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:30px 0 0 0;
	text-align:center;
	overflow:hidden;
}


	/*---footer(common)----*/
	
	
.menuImg{text-align:center;margin:0 auto 10px auto; width:80%; height:auto;}	
.home_smartImg{display:none;}
.vd{text-align:center;margin:0 auto;}	
/*form-fix*/
	
/*リロード　フェードインアウト*/
.start {
	background: #000000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999999;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999999;
	width: auto;}	
/*リロード　フェードインアウト*/	

}

@media all and (-ms-high-contrast: none) {
}