@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@900&display=swap');/*極太*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;600&display=swap');/*英字用*/
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;400;600&display=swap');/*ロゴ明朝*/
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');/*ロゴ*/
/*モス #535c4b
ベージュ #fbf7ed
カーキ　#dbd4be
*/
/*-------------------------
個別
---------------------------*/
.footer-list-item{
	background-color:transparent !important;
	list-style: none;
    display: inline-block;
    margin: 5px 10px;
	border-right: 1px solid rgba(255,255,255,0.3);
	padding:0 20px 0 0;
}
.footer-list-item:last-child{
    border-right: none;
}
.footer-link a{color:#fff !important;}
.footer-link a:hover{color:#dbd4be !important;}
/*-------------------------
font-setting
---------------------------*/
.logo-font{
	font-family: 'Lora', serif;
	font-weight:400 !important;
}
.font-mont{font-family: 'Montserrat', sans-serif;}
.font-spa{font-family: 'Spartan', sans-serif;}
.tex-red{color:#c00;}
.tex-black{color:#000;}
.tex-trance-white{color:rgba(255,255,255,0.6);}
.tex-trance-black{color:rgba(0,0,0,0.5);}
.tex-mos{color:#535c4b;}
.line-2{line-height:2.0 !important;}
.line-15{line-height:1.5 !important;}
/*--------------------
ボタン設定
-----------------------*/
.btn-main{
	background-color: #000 !important;
	color: #fff !important;
}
.btn-main:hover {
  border: 1px solid #000;
  background-color:#fff !important;
  color: #000 !important;
}
/*--------------------
はみ出し矢印ボタン設定
-----------------------*/
.arrow-btn{
  position: relative;
  border: 1px solid #535c4b;
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #535c4b;
  font-size: 18px;
  transition: all 1s ease;
  margin:1em auto;
}
.arrow-btn:hover{
	background-color:#535c4b;
	border:1px solid #535c4b;
	color:#fff;
}
.arrow-btn:before,
.arrow-btn:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 1px;
  background: #8e8d8a;
}
.arrow-btn:before{
  width: 80px;
  transform: translate(30px, 0px);
}
.arrow-btn:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}
/*使い方
<a href="#" target="_blank" class="arrow-btn">ボタンテキスト</a>
*/
/*-------------------------
card-balloon
---------------------------*/
.card-balloon {
  position: relative;
  display: inline-block;
  margin:0 !important;
  padding: 25px 15px;
  min-width: 120px;
  max-width: 100%;
  background-color:rgba(255,255,255,0.8);
}

.card-balloon:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgba(255,255,255,0.8);
}
/*--------------------
背景設定
-----------------------*/
.bg-half-bottom{background:linear-gradient(transparent 0%,transparent 80%,rgba(000,000,000,.5) 80%,rgba(000,000,000,.5) 100%);}/*横*/
.bg-trance-black{background-color:rgba(0,0,0,.5) ;}
.bg-trance-white{background-color:rgba(255,255,255,.8) ;}
.bg-black{background-color:#000;}
.bg-light-baige{background-color:#edf5e1;}
.bg-footer{background-color:#535c4b;}
.bg-baige{background-color:#fbf7ed;}
.bg-khaki{background-color:#dbd4be;}
/*-------------------------
見出し設定
---------------------------*/
/*BIG-TITLE*/
.big-wrap{
	position:relative;
	overflow:hidden;
	width:100% !important;
}
.big-title{
	font-size:3em;
	color:#edf5e1;
	font-family: 'Cinzel', serif;
	white-space:nowrap;
	margin:0 !important;
	padding:0 !important;
	line-height:1;
	max-height:200px;
}
.small-title{
	font-size:0.8em;
	top:50% !important;
	transform:translateY(-50%);
	left:0;
	color:#333;
	position:absolute;
	padding: 0 20px;
}
.small-title:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15px;
  height: 2px;
  border-top: solid 3px #C00;
  left:0;
  border-radius:2px;
}
/*縦ライン*/
.v-line-title {
  position: relative;
  display: inline-block;
  font-size: 1.3em;
  height: 150px;
  line-height: 150px;
}

.v-line-title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  height: 50px;
  margin: auto;
  background-color: rgba(0,0,0,.3);
}
/*左側に縦ライン*/
.headding-line {
  padding: 0.1em 0.5em;/*上下 左右の余白*/
  color: #494949;
  background: transparent;
  border-left: solid 5px #666;
}
/*斜め*/
.naname {/*グリーン*/
  position: relative;
  display: inline-block;
  padding: 0 3em;
  color:#535c4b;
  font-family: 'Spartan', sans-serif;
  font-weight:600;
}
.naname:before, .naname:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #535c4b;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.naname-white {/*ホワイト*/
  position: relative;
  display: inline-block;
  padding: 0 3em;
  color:#fff;
  font-family: 'Spartan', sans-serif;
  font-weight:600;
}
.naname-white:before, .naname-white:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.naname:before,.naname-white:before {
  left:0;
}
.naname:after,.naname-white:after {
  right: 0;
}/*-------------------------
左側に短いライン
---------------------------*/
.headline {
  position: relative;
  display: inline-block;
  padding: 0 20px;
}

.headline:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15px;
  height: 2px;
  border-top: solid 3px #8B1338;
  left:0;
  border-radius:2px;
}
/*--------------------
top information
-----------------------*/
.information-topics{
	height:300px;
	overflow:scroll;
}
.information-topics dl {
	padding: 20px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	width:100%;
	margin:0 auto !important;
}

.information-topics dt {
	padding-bottom: 5px;
	color:#999 !important;
	font-style:italic;
}
.information-topics .new{
	font-size:0.5em !important;
	background-color:#c00;
	padding:0.5em 1.2em;
	color:#fff;
	margin-right:1em;
}

@media screen and (min-width: 768px) {
.information-topics dt {
	clear: left;
	float: left;
	width: 30%;
}
.information-topics dd {
	margin-left: 11%;
}
}
@media screen and (max-width: 767px) {
.information-topics dt{margin-bottom:1em;}
}
/*--------------------
gallery用
-----------------------*/
.gallery {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	z-index: 0;
}
.gallery:after {
	position: absolute;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(-45deg, rgba(0,0,0, .8), rgba(0,0,0, .6));
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease;
}
.gallery img {
    transform: scale(1);
    z-index: -1;
    transition: all 0.6s ease;
}
.gallery .text {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    padding: 2em;
    opacity: 0;
    z-index: 2;
    transition: all 0.6s ease;
}
.gallery .text span {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: rgba(255, 255, 255, 0.8);
}
.gallery .text h2 {
      color: #fff; }
.gallery .text h3 a {
        color: #fff;
}
@media (max-width: 991.98px) {
.gallery .text {
        opacity: 0;
        bottom: 0;
}
}
.gallery .icon {/*拡大用icon*/
    position: absolute;
    top: -50px;
    right: 2em;
    width: 50px;
    height: 50px;
	line-height:50px;
	text-align:center;
    bordeR: 1px solid #fff;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: all 0.6s ease;
    opacity: 0;
    z-index: 2;
}
.gallery .icon span {/*awesame icon*/
      color: #fff;
      font-size: 20px;
	  
}
@media (max-width: 991.98px) {
.gallery .icon {
        opacity: 1;
        top: 50px;
}
}
.gallery:hover:after, .gallery:focus:after {opacity: .8;}
.gallery:hover .text, .gallery:focus .text {
    opacity: 1;
    bottom: 0;
}
.gallery:hover .icon, .gallery:focus .icon {
    top: 50px;
    opacity: 1;
}
.gallery:hover img, .gallery:focus img {transform: scale(1.1);}
/*--------------------
テーブル
-----------------------*/
table {width:100%;}
.table-res tr {
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.table-res th{
	padding:10px;
	font-size:1em;
	border-right:5px solid rgba(0,0,0,0.15);
	width:40%;
}
.table-res td {
	padding: 10px 20px 10px 20px ;
}
.first{border-top:1px solid rgba(0,0,0,0.15) !important;}
@media screen and (max-width: 992px) {
.last{
    width: 100%;
}
.table-res tr {border-bottom:none !important;}
.table-res {
    width: 100%;
	text-align:center;
}
.first{border-top:none !important;}
.table-res th{
	display: block;
    width: 100%;
	border:none !important;
	background-color:#fbf7ed;
}
.table-res td {
    width: 100%;
	text-align: center;
	display: inline-block;
  }
}
/*--------------------
FACEBOOKタイムラインレスポンシブ
-----------------------*/
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
	background-color:transparent !important;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}