@charset 'UTF-8';
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);
/* M+ 1p　font-family: "Mplus 1p"; */

@import url(//fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
/* Rounded M+ 1c　font-family: "Rounded Mplus 1c"; */

@import url(//fonts.googleapis.com/earlyaccess/hannari.css);
/* はんなり明朝　font-family: "Hannari"; */

@import url(//fonts.googleapis.com/earlyaccess/kokoro.css);
/* こころ明朝　font-family: "Kokoro"; */

@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* さわらび明朝　font-family: "Sawarabi Mincho"; */

@import url(//fonts.googleapis.com/earlyaccess/sawarabigothic.css);
/* さわらびゴシック　font-family: "Sawarabi Gothic"; */

@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);
/* ニコモジ　font-family: "Nico Moji"; */

@import url(//fonts.googleapis.com/earlyaccess/nikukyu.css);
/* ニクキュウ　font-family: "Nikukyu"; */

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* Noto Sans Japanese　font-family: "Noto Sans Japanese"; */





/* ================================================================================

	サイトスタイル

================================================================================ */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  position: relative;
  color: #2f1d14;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  word-wrap: break-word;
	font-family: "游明朝", "YuMincho", "yu-mincho-pr6", "a-otf-ryumin-pr6n", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#wrapper {
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  display: block;
  overflow: hidden;
}
h1 {
  margin: 0;
  font-weight: 300;
}
h2, h3, h4 {
  margin: 0;
  font-weight: 700;
}
img {
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}


/* リンク：透過アクション付 */
a {
  color: #8b2d2d;
  opacity: 1;
  transition-property: color, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
a:hover {
  color: #8b2d2d;
  opacity: 0.6;
}
a img {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
a:hover img {
  opacity: 0.6;
}





/* ================================================================================

	display:none

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
  /* SP改行消し */
  .br-pc {
    display: none;
  }
  /* SPコンテンツ消し */
  .pc_none {
    display: none;
  }
	.top_short {
		margin-top: 50px;
	}
		.gallery-item {
       
	}

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
  /* PC改行消し */
  .br-sp {
    display: none;
  }
  /* PCコンテンツ消し */
  .sp_none {
    display: none;
  }
	.top_short {
		margin-top: 50px;
	}
	.banner {
		display : flex;
        flex-wrap :wrap;
	}
		.gallery-item {
		width:50%!important;
      
	}
}





/* ================================================================================

	フロート回り込み解除 clearfix

================================================================================ */

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: "";
  overflow: hidden;
  float: none;
}
.clearfix {
  display: block;
  /* for IE8 */
}





/* ================================================================================

	エディター共通設定

================================================================================ */

p {
  margin-bottom: 1em;
}
p:last-of-type {
  margin-bottom: 0;
}
strong, b {
  font-weight: 700;
}
big {
  font-size: larger;
}
small {
  font-size: smaller;
}
em {
  font-style: italic;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
  body {
    font-size: 4vw;
  }
  p {
    font-size: 4vw;
  }
  /* youtube siteorigin */
  .youtube-player {
    width: 100%;
    height: 36.5vw;
    margin-top: 4vw;
  }
  /* エディターで画像の下に隙間ができるの解除 */
  img+br {
    display: none;
  }
}





/* ================================================================================

	PCヘッダー

================================================================================ */

@media (min-width: 768px) {
  header {
    position: relative;
    max-width: 1920px;
    width: 100%;
  }
	#pc_head .h_tel {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 50%;
		margin-left: -580px;
	}

  /* H1
	----------------------------------------------- */
  .sp_h1 {
    display: none;
  }
  .pc_h1 {
    position: absolute;
    z-index: 10;
    max-width: 1920px;
    width: 100%;
    height: 0;
    margin: 0 auto;
  }
  .pc_h1 h1 {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 50%;
    margin-left: -285px !important;
    text-align: left;
    font-size: 12px;
    color: #ffffff;
    padding: 0 0 0 0;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 5px rgba(0,0,0,1);
  }


  /* グローバルナビゲーション
	----------------------------------------------- */
  #globalnav {
    position: relative;
    z-index: 20;
    max-width: 1920px;
    width: 100%;
  }
  #globalnav>ul {
    position: absolute;
		z-index: 0;
		top: -237px;
		left: 50%;
		margin-left: 100px;
		width: 420px;
  }
  #globalnav>ul>li {
    float: left;
    position: relative;
		padding: 0 13px 0 0;
  }
  #globalnav>ul>li a:hover {
    opacity: 1 !important;
    filter: saturate(150%);
  }
  #globalnav>ul>li a:hover img {
    opacity: 1 !important;
    filter: saturate(150%);
  }
  .sp_drawer {
    display: none;
  }


  /* ドロップメニュー */
  #dropmenu {}
  #dropmenu>li>ul {
    list-style: none;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 20px;
    margin: 0;
    padding: 0;
  }
  #dropmenu>li>ul>li {
    overflow: hidden;
    width: 200%;
    height: 0;
    color: #7149b4;
    transition: .2s;
  }
  #dropmenu>li>ul>li>a {
    padding: 13px 15px;
    background: #eb6100;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    display: block;
    border-bottom: 1px solid #ffffff;
  }
  #dropmenu>li>ul>li>a:hover {
    background-color: #f9791e;
    text-decoration: none;
  }
  #dropmenu>li:hover>a {}
  #dropmenu>li:hover>a {
    border-radius: 0;
  }
  #dropmenu>li:hover>ul>li {
    overflow: visible;
    height: 100%;
  }
  #dropmenu>li>ul>li:first-child {
    border-top: 0;
  }
  #dropmenu>li>ul>li:last-child {
    border-bottom: 0;
  }
  #dropmenu>li:>ul>li:last-child a {
    border-radius: 0;
  }
}





/* ================================================================================

	SPヘッダー

================================================================================ */

@media (max-width: 767px) {
  header {
    position: relative;
  }
  #pc_head .h_tel {
    display: none;
  }


  /* H1
	----------------------------------------------- */
  .pc_h1 {
    display: none;
  }
  .sp_h1 {
    position: absolute;
    z-index: 10;
    padding: 1.8vw;
  }
  .sp_h1 h1 {
    color: #ffffff;
    font-size: 2.8vw;
    text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 5px rgba(0,0,0,1);
    padding-right: 15vw;
  }

  /* グローバルナビゲーション
	------------------------------------------- */
  #globalnav {
    display: none;
  }
}





/* ================================================================================

	フッター

================================================================================ */

/* PC設定
------------------------------------------- */
@media (min-width: 768px) {
  footer {
    position: relative;
		height: 630px;
		background: url(../img/footer_bg.jpg) center top no-repeat;
		padding: 95px 0 0 0;
  }
	.f_wrap {
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
	}
  .f_wrap .f_logo {
    padding: 0 0 30px 0;
  }
	.f_wrap .f_logo a img {
		width: 142px;
	}
  .f_wrap .f_address {
    font-size: 14px;
    padding: 0 0 20px 0;
  }
  .f_wrap .f_tel {
    padding: 0 0 20px 0;
  }
  .f_wrap .f_tel a img {
    width: 288px;
  }
  .f_wrap .f_tel a {
    pointer-events: none;
    display: block;
  }
  .f_wrap .f_time {
    font-size: 14px;
   /* padding: 0 0 30px 0;*/
	padding: 0 0 5px 0;
  }
  .Instagram-f,.LINE-f{
	padding: 2px 10px;	
  }
  .f_wrap .f_navi {
    font-size: 16px;
    color: #dbb114;
    padding: 0 0 50px 0;
  }
  .f_wrap .f_navi a {
    color: #dbb114;
  }


  /* SP用フッターリンク */
  .f_navi_sp {
    display: none;
  }

  /* 【固定ページ】フッター：基本情報 */
  .f_kotei {
    position: relative;
  }
  .f_kotei .panel-grid {
    display: block !important;
  }

  /* シェアボタン */
  footer .addtoany_shortcode>div {
    display: none;
  }

  /* コピーライト */
  .f_copy {
  }
  .f_copy p {
    text-align: center;
    color: #ffffff;
    font-size: 11px;
  }
}


/* SP設定
------------------------------------------- */
@media (max-width: 767px) {
  footer {
    position: relative;
		background: url(../img/footer_bg.jpg) center top no-repeat;
    background-size: cover;
		padding: 30px 20px 30px 20px;
  }
	.f_wrap {
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
	}
  .f_wrap .f_logo {
    padding: 30px 0 30px 0;
  }
	.f_wrap .f_logo a img {
    width: 20vh;
	}
  .f_wrap .f_address {
    font-size: 14px;
    padding: 0 0 20px 0;
  }
  .f_wrap .f_tel {
    padding: 0 0 20px 0;
  }
  .f_wrap .f_tel a img {
    width: 40vh;
  }
  .f_wrap .f_tel a {
  }
  .f_wrap .f_time {
    font-size: 14px;
    padding: 0 0 30px 0;
  }
  .f_wrap .f_navi {
    display: none;
  }

  footer .panel-grid {
    margin: 0 auto !important;
  }
  footer .panel-grid-cell {
    margin: 0 auto !important;
  }
  footer .so-panel {
    margin: 0 auto !important;
  }

  /* SP用フッターリンク type01 ※ボーダー下線のタイプ
	------------------------------------------- */
  .f_navi_sp ul {
    margin: 0 auto;
    overflow: auto;
    padding: 2vw 3% 3.5vw;
  }
  .f_navi_sp ul li {
    float: left;
    width: 48%;
    padding: 1.6vw 2vw;
    border-bottom: 1px solid #86654d;
  }
  .f_navi_sp ul li:nth-of-type(2n-1) {
    margin-right: 2%;
  }
  .f_navi_sp ul li:nth-of-type(2n) {
    margin-left: 2%;
  }
  .f_navi_sp ul li a {
    display: block;
    color: #ffffff;
    font-size: 3.5vw;
    text-decoration: none;
  }
  /* ボタンが奇数の場合
	.f_navi_sp ul li:nth-of-type(2n) {
		margin-right: 2%;
	}
	.f_navi_sp ul li:nth-of-type(2n-1) {
		margin-left: 2%;
	}
	.f_navi_sp ul li:first-child {
		float: none;
		width: 100%;
		margin: 0;
	}
	*/
  /* SP用フッターリンク type02 ※ボタンタイプ
	------------------------------------------- */
  /*
	.f_navi_sp ul {
		margin: 0 auto;
		overflow: auto;
		padding: 0 0 2vw;
		padding-top: 4vw;
	}
	.f_navi_sp ul li {
		float: left;
		width: 50%;
	}
	.f_navi_sp ul li:nth-of-type(2n-1) {
		width: 50%;
		padding-right: 1px;
	}
	.f_navi_sp ul li a {
		background-color: #000000;
		color: #ffffff ;
		display: block;
		font-size: 3.5vw;
		font-weight: 700;
		text-decoration: none;
		padding:3vw 0;
		margin-bottom: 1px;
		text-align: center;
	}
	.f_navi_sp ul li a:hover {
		background-color: #222222;
	}
	*/
  /* ボタンが奇数の場合
	.f_navi_sp ul li:first-child {
		width: 100%;
	}
	.f_navi_sp ul li:nth-of-type(2n) {
		width: 50%;
		padding-right: 1px;
	}
	*/

  /* 【固定ページ】フッター：基本情報 */
  .f_kotei {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .f_kotei .panel-grid {
    display: block !important;
  }

  /* シェアボタン */
  footer .addtoany_shortcode>div {
    text-align: center;
    display: block;
    padding: 2vw 0;
  }

  /* コピーライト */
  .f_copy {
    padding: 2vw 0;
  }
  .f_copy p {
    color: #ffffff;
    font-size: 3.2vw;
    text-align: center;
  }
}





/* ================================================================================

	ページトップボタン

================================================================================ */

/* PC設定
------------------------------------------- */
@media (min-width: 768px) {
  #page-top {
    position: fixed;
    z-index: 9999;
    right: 10px;
  }
  #page-top a {
    background: url(../img/pagetop.png) center top no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    display: block;
    text-indent: -9999px;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
  #page-top a:hover {
    opacity: 0.6;
  }
}


/* SP設定
------------------------------------------- */
@media (max-width: 767px) {
  #page-top {
    position: fixed;
    z-index: 9999;
    right: 8px;
  }
  #page-top a {
    background: url(../img/pagetop.png) center top no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
  }
  #page-top a:hover {
    opacity: 1;
  }
}





/* ================================================================================

	パンくずリスト

================================================================================ */

#breadcrumb {
  padding: 16px 0;
  background-color: transparent;
}
#breadcrumb>ul>li {
  font-size: 14px;
  display: inline-block;
}
#breadcrumb>ul>li+li:before {
  padding: 0 5px;
  content: '>';
}
#breadcrumb>ul>li>a {}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
  #breadcrumb {
    position: relative;
    max-width: 1920px;
    width: 100%;
  }
  #breadcrumb>ul {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
  #breadcrumb {
    position: relative;
    background: url(../img/) left top repeat;
    background-size: ;
  }
  #breadcrumb>ul {
    position: relative;
    width: 100%;
    padding: 0 4vw;
  }
}





/* ================================================================================

	ページネーション

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
  .wp-pagenavi_wrap {
    overflow: hidden;
  }
  .wp-pagenavi {
    text-align: center;
  }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
  .wp-pagenavi_wrap {
    overflow: hidden;
  }
  .wp-pagenavi {
    float: none !important;
    font-size: 12px !important;
    overflow: hidden;
  }
  .wp-pagenavi span, .wp-pagenavi a {
    display: block;
    float: left;
    margin-bottom: 4px;
  }
}





/* ================================================================================

	Wp Lightbox Bank プラグイン

================================================================================ */

#lightGallery-outer {
  background-color: rgba(0, 0, 0, 0.8) !important;
}





/* ================================================================================

	Addtoanyボタン

================================================================================ */

.addtoany_shortcode {
  padding-top: 2vw;
}

/* 翻訳プラグインバグ対策 */
.addtoany_shortcode font {
  display: none;
}





/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
  /* 汎用リンクボタン */
  .btn a {
    display: block;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    width: 280px;
    padding: 15px;
    background-color: #1c283e;
  }
  .btn span {
    position: relative;
    color: #ffffff;
    padding-left: 20px;
  }
  .btn span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #dbb114;
    border-right: 2px solid #dbb114;
    transform: rotate(45deg);
    margin-top: -5px;
  }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
  /* 汎用リンクボタン */
  .btn a {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    width: 100%;
    padding: 15px;
    background-color: #1c283e;
  }
  .btn span {
    position: relative;
    color: #ffffff;
    padding-left: 20px;
  }
  .btn span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #dbb114;
    border-right: 2px solid #dbb114;
    transform: rotate(45deg);
    margin-top: -5px;
  }
}

/* ================================================================================

	Elementor Lightbox フッター非表示

================================================================================ */
.elementor-slideshow__footer {
	display: none;
}