/********************************************************************************
** elements
********************************************************************************/
/*初期化*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
a { 
	color: #000;
	transition: all ease-in 0.2s;
	text-decoration: none;
}
a:hover, a:focus { 
	color: #A78F45;
}
a:focus-visible { outline: none;}
a:hover img, a:focus img { 
	opacity: 0.9
}
hr {border: 0; border-top: 1px solid #000000;}
span { display: inline-block;}
img { max-width: 100%;height: auto;}
/*flot解除*/
.cf::after {
  clear: both;
  content: "";
  display: block;
}
.clear { clear: both;}

/*配置設定*/
.img-center { margin: 0 auto;}
.ctr {text-align: center}
.tlrt {text-align:right}
.lt {float:left}
.rt {float:right}
.nogap.wp-block-columns { gap: 0 !important;}

/*IE hack svg*/
img[src$=".svg"] { width: 100%;}

/********************************************************************************
** font
********************************************************************************/
/* --------------------------------
デザインフォント
-------------------------------- */
/* Cormorant Garamond */
.cormorant-g {
	font-family: cormorant-garamond, serif;
	font-style: normal;
	font-weight: 400;
}
.cormorant-g-m {
	font-family: cormorant-garamond, serif;
	font-style: normal;
	font-weight: 500;
}
.cormorant-g-b {
	font-family: cormorant-garamond, serif;
	font-style: normal;
	font-weight: 700;
}
/* 源ノ明朝 JP */
.shsjp {
	font-family: source-han-serif-jp-variable, sans-serif;
	font-style: normal;
	font-variation-settings: 'wght' 400;
}
.shsjp-m {
	font-family: source-han-serif-jp-variable, sans-serif;
	font-style: normal;
	font-variation-settings: 'wght' 500;
}
.shsjp-b {
	font-family: source-han-serif-jp-variable, sans-serif;
	font-style: normal;
	font-variation-settings: 'wght' 700;
}

/* --------------------------------
text-deco
-------------------------------- */
.before-cercle::before {
	content: "■";
	color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
/* --------------------------------
font color
-------------------------------- */
.fc-base { color: #000000;}
.fc-main { color: #A78F45;}
.fc-sub { color: #FF9300;}
.fc-light { color: #f0f0f0;}
.fc-white { color: #ffffff;}
.fc-black { color: #000000;}
.fc-red { color: #E60063;}
/* --------------------------------
background color
-------------------------------- */
.bg-base { background-color: #000000; color: #fff}
.bg-main { background-color: #A78F45; color: #fff}
.bg-sub { background-color: #FF9300;}
.bg-light { background-color: #f0f0f0;}
.bg-lightbrown { background-color: #F7F5ED;}
.bg-white { background-color: #ffffff;}
.bg-black { background-color: #000000; color: #fff}
.bg-red { background-color: #E60063; color: #fff}
.bg-gray { background-color: #f3f3f3;}

/********************************************************************************
** button
********************************************************************************/
.button01,.button02,.button03 {overflow: hidden !important;}
.button01 a,.button02 a,.button03 a {
	font-family: cormorant-garamond, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	display: block;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden !important;
}
.button01 a {/* 背景色なしボタン */
    color: #fff;
	background: none;
    border: 1px solid #A78F45;
}
.button01 a:hover {
    color: #A78F45 !important;
    border: 1px solid #A78F45;
}
.button01 img {
	transition: all ease-in 0.2s;
}
.button01 a:hover img {
    filter: invert(1) brightness(0) invert(62%) sepia(50%) saturate(450%) hue-rotate(11deg) brightness(95%) contrast(90%);
	transition: all ease-in 0.2s;
}
.button02 a {/* メイン色枠なしボタン */
    color: #A78F45;
}
.button02 a:hover {
    color: #fff;
}
.button03 a {/* 背景色なし白色ボタン */
    color: #fff;
    border: 1px solid #fff;
}
.button03 a:hover {
    color: #A78F45;
	background: #fff;
    border: 1px solid #A78F45;
}
.button01 a img,.button02 a img {
	width: 15px;
	height: 15px;
    margin-top: -5px;
    margin-right: 7px;
}
.button02 a img {
  filter: invert(54%) sepia(57%) saturate(390%) hue-rotate(8deg) brightness(93%) contrast(87%);
}
.button03 a::after {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 20px;
	height: 20px;
	background-image: url("../img/arrow1.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 0;
    margin: auto;
	margin-right: 15px;
}
@media screen and (min-width: 992px) {/*PC （メニュー切り替え）*/
}

/********************************************************************************
** border
********************************************************************************/
.bdr-left {
	padding-left:10px;
	border-left: 5px solid #23330A;
}
.bdr-bottom {
	padding-bottom:5px;
	border-bottom: 1px solid #444444;
}
.bdr-right {
	border-right: 1px solid #444444;
}
.bdr-none {
	border: none;
}
.bdr-after {
	margin-bottom: 10px;
	position: relative;
}
.bdr-after::after {
	content:"";
	position: absolute;
	bottom: -5px;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}
.bdr-box {
	padding: 20px;
	margin: 20px 0;
	border: 5px solid #eee;
	border-radius: 10px;
}

/********************************************************************************
table layout
********************************************************************************/
table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
	padding: 25px 10px;
	vertical-align: middle;
	border-top: 1px solid #eee;
}
table > thead > tr:first-child > th, table > thead > tr:first-child > td { border-top: none;}
@media screen and (min-width: 992px) {/*PC （メニュー切り替え）*/
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 25px 15px;}
}

/********************************************************************************
list
********************************************************************************/
#main-block ol,#main-block ul { list-style:disc}
#main-block li {
  padding-left: 1em;
  text-indent: -1em;
}
/********************************************************************************
other
********************************************************************************/
/* --------------------------------
ホバーで画像拡大
-------------------------------- */
.power{
max-width:100%;
max-height:100%;
overflow:hidden;
	background: #000
}
.power img{
-webkit-transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
transition: 0.9s;
}
.power a:hover img,.power a:focus img { 
	opacity: 0.8
}
.power img:hover{
-moz-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
}

/* --------------------------------
アニメーション
-------------------------------- */