@charset "utf-8";
/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6,h2,h3{font-weight:normal;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {font-weight:normal;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;border-radius: 0;border-radius:3px;font-size:16px;}
a {cursor: pointer;outline: none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#2B2B2B;transition:all .3s ease;}
table { border-collapse:collapse;border-spacing:0; }
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}
html, body {background:#fff;position:relative;z-index:0;color:#2B2B2B;-webkit-print-color-adjust: exact;word-break: break-all;font-weight:normal;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","游ゴシック", "メイリオ", sans-serif;-webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}
body {font-size: 14px; font-size: 1.4em;line-height:1.65;overflow-wrap: anywhere;word-break: normal;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.opa a:hover{opacity:0.65;}

/**
#2B2B2B
#EA9A97
#DC7672
#B89167
#E5E5E5
/

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#headerPc {
  position: relative;
  width: 100%;
}
#headerPc .uk-clearfix {
  padding: 0 20px;
}
#headerPc h1 {
  width: 240px;
}
#headerPc .mainNavi {
  display: table;
  background: #ea9a97;
  width: 100%;
}
#headerPc .mainNavi li {
  display: table-cell;
  border-left: 1px dotted #dc7672;
}
#headerPc .mainNavi li a {
  display: block;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.03em;
  padding: 15px;
  text-align: center;
}
#headerPc .mainNavi li a:hover {
  background: #dc7672;
}
#headerPc .subNavi li {
  margin: 0 8px;
}
#headerPc .subNavi li a:hover {
  color: #dc7672;
}

/*spnav*/
#spNavi .uk-offcanvas-bar .uk-offcanvas-close {
  color: #2e2e2e;
}
#spNavi .uk-offcanvas-bar {
  background: #fff;
}
#spNavi .logo {
  width: 180px;
  margin: 40px 0 10px 0;
  display: block;
}
#spNavi .uk-nav {
  border-top: 1px solid #e5e5e5;
}
#spNavi .uk-nav > li {
  border-bottom: 1px solid #e5e5e5;
}
#spNavi .uk-nav li a {
  padding: 15px 0;
  color: #2b2b2b;
  font-size: 16px;
}
#spNavi .uk-nav li a:hover {
  color: #dc7672;
}
#spNavi .clm2Navi li {
  width: auto;
}
#spNavi .clm2Navi li a {
  color: #2b2b2b;
  display: block;
  padding: 15px 0 0;
}

/* 予約ボタン */
.rsvBtn a {
  background: #dc7672;
  color: #fff;
  text-align: center;
  display: block;
  padding: 10px 0;
  font-size: 16px;
  letter-spacing: 0.08em;
}
.rsvBtn a:hover {
  background: #ea9a97;
}
/* TEL */
.telBox {
  display: -webkit-flex;
  display: flex;
  letter-spacing: 0.03em;
	padding-left:2rem;
}
.telBox .num {
  font-size: 28px;
}
.telBox .num i {
  font-size: 20px;
  padding-right: 5px;
}
.telBox .time {
  font-size: 12px;
  line-height: 1.5;
  padding-right: 10px;
}
.langDp {
  padding: 10px;
}
.langDp li {
  padding: 8px 0;
  border-bottom: 1px solid #efefef;
}
.langDp li:last-child {
  border-bottom: none;
}
.langDp li a {
  color: #2b2b2b;
}
.langDp li a:hover {
  color: #dc7672;
}
.langDp li img {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.spBttomNav {
  display: none;
}
.langBtn {
  position: relative;
  padding-left: 2rem;
  border-bottom: 1px solid #000;
  margin-left: 1rem;
}
.langBtn::before {
  content: "";
  background: url("../img/icon/lang_icon.svg");
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 3px;
  z-index: 2;
}
.langBtn select {
  border: none;
  padding: 0 0.7rem;
  width: 100px;
  text-align: left;
  font-size: 1.4rem;
  text-transform: none;
  line-height: 1.8;
  cursor: pointer;
  border-radius: 0;
  background: #fff;
  color: var(--color-black);
}
.langBtn select:focus-visible {
  outline: none;
}
.langBtn .uk-button i {
  margin-left: 2rem;
}
.langBtn .uk-dropdown {
  margin-top: 0;
  box-shadow: none;
  padding: 10px;
}


@media screen and (max-width: 1350px) {
  #headerPc h1 {
    width: 160px;
    margin: 10px auto;
  }
  #headerPc .mainNavi,
  #headerPc .subNavi > li:not(.lang):not(.sns),
  #headerPc .subNavi > li.sns span,
  #headerPc .subNavi > li.lang span,
  #headerPc .telBox {
    display: none;
  }
  #headerPc .subNavi > li.sns {
    background: #eee;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
  }
  #headerPc .subNavi > li.lang {
    background: #eee;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
  }
	#headerPc .subNavi li {
		margin: 0;
	}
	#headerPc .subNavi li.sns {
		margin-right:10px;
	}
  .toggleBtn {
    cursor: pointer;
    z-index: 100;
  }
  .spBttomNav {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    border-top: 1px solid #ededed;
  }
  .spBttomNav ul {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .spBttomNav ul li {
    position: relative;
    display: table-cell;
    text-align: center;
    border-left: 1px solid #ededed;
    font-size: 12px;
  }
  .spBttomNav ul li a {
    display: block;
    height: 70px;
    font-size: 12px;
    letter-spacing: 0;
    padding-top: 16px;
		line-height: 1.2;
  }
  .spBttomNav ul li a:hover {
    background: #f7f7f7;
  }
  .spBttomNav ul li i {
    display: block;
    font-size: 1.8rem;
    padding-bottom: 3px;
    line-height: 20px;
  }
  .spBttomNav ul li.spRsv a {
    background: #ea9a97;
    color: #fff;
  }
  .spBttomNav ul li.spRsv a:hover {
    background: #dc7672;
    color: #fff;
  }

/*tripla　クッキー同意SP位置調整*/
	.style-wrapper-99c7fa{
		margin-bottom:70px;
		z-index:100!important;
	}
	#headerPc .uk-clearfix{
		padding: 0 10px;
	}
	#headerPc h1 {
		width: 140px;
	}
	#headerPc .subNavi li.sns {
		margin-right: 5px;
	}	
}


/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
footer {
  width: 100%;
  text-align: center;
  border-top: 1px solid #efefef;
}
#profile {
  width: 90%;
  padding: 60px 0 40px 0;
  margin: 0 auto;
}
#profile .logo {
  max-width: 280px;
  margin: 0 auto 20px auto;
}
#profile address {
  font-style: normal;
  line-height: 2.7rem;
  margin-bottom: 20px;
}
#profile address .name {
  display: block;
}
#profile address .add {
  margin-bottom: 10px;
}
#profile address .add .code {
  padding-right: 10px;
}
#copy {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  padding: 0 0 20px 0;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 50;
}
#pageTop a {
  display: block;
  height: 40px;
  width: 40px;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  #copy {
    padding: 50px 0 100px 0;
  }
}
@media screen and (max-width: 639px) {
  #profile .logo {
    max-width: 250px;
  }
  #profile address .add .code {
    display: block;
    padding-right: 0;
  }
}

/* 予約番　空室検索

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#fixedRsvBtn {
  display: none;
}
@media screen and (min-width:1219px) {
  #fixedRsvBtn {
    display: block;
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 150px;
    text-align: center;
  }
  #fixedRsvBtn a {
    display: block;
    background: #dc7672;
    color: #fff;
    width: 80px;
    height: 80px;
    padding: 10px;
    border-radius: 3px 0 0 3px;
		line-height: 1.2;
  }
  #fixedRsvBtn a:hover {
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  #fixedRsvBtn a:before {
    content: "\f002";
    font-family: FontAwesome;
    display: block;
    font-size: 22px;
		margin-bottom: .6rem;
  }
}
#rsvModal .uk-modal-dialog {
  width: 100%;
  max-width: 850px !important;
}
#rsvModal .uk-modal-dialog .uk-modal-body{
	min-height: 461px!important;
}
#search_489ban {
  position: relative;
  padding-bottom: 10px;
  max-width: 100%;
  margin: 0 auto;
}
#search_489ban #ui-datepicker-div {
  left: 2% !important;
  top: 150px !important;
}
#search_489ban form {
  display: table;
}
#search_489ban dt label {
  margin-bottom: 3px;
  display: block;
}
#search_489ban input,
#search_489ban select {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  height: 38px;
  font-size: 16px;
}
#search_489ban .date_489ban dd label {
  display: none;
}
#search_489ban .date_489ban input {
  width: 140px;
}
#search_489ban .stay_489ban,
#search_489ban .room_489ban,
#search_489ban .person_489ban {
  display: table-cell;
  width: 100px;
  vertical-align: bottom;
}
#search_489ban .date_489ban {
  margin-bottom: 10px;
}
#search_489ban button {
  font-weight: bold;
  display: table-cell;
  width: 100%;
  vertical-align: bottom;
  padding: 10px;
  height: 40px;
  background: #dc7672;
  border: none;
  border-radius: 3px;
  color: #fff;
  margin-top: 22px;
  font-size: 16px;
  cursor: pointer;
}
#search_489ban .list {
  margin-top: 30px;
  margin-bottom: 30px;
}
#search_489ban .list li a {
  background: #ebebeb;
  border-radius: 3px;
  display: block;
  line-height: 42px;
  padding: 5px 10px;
  width: 100%;
}
#search_489ban .tel p {
  display: block;
  padding-right: 15px;
}
#search_489ban .tel .num {
  font-size: 28px;
}
#search_489ban .tel .num:before {
  content: "\f095";
  font-family: FontAwesome;
  content: "\f095";
  font-size: 22px;
  padding-right: 5px;
}

@media screen and (min-width: 600px) {
  #search_489ban .date_489ban,
  #search_489ban .inbox_489ban {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 15px;
  }
  #search_489ban .stay_489ban {
    width: 85px;
  }
  #search_489ban .stay_489ban .digits {
    width: 70px;
  }
  #search_489ban .list li {
    display: table-cell;
    padding: 0 10px 0 0;
  }
  #search_489ban .list li a {
    line-height: 30px;
  }
  #search_489ban button {
    width: 200px;
  }
}
/* お知らせ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.articleList {
  position: relative;
  background: #fff;
  border-top: 1px solid #ddd;
}
.articleList li {
  border-bottom: 1px solid #ddd;
}
.articleList li a {
  display: table;
  table-layout: fixed;
  padding: 12px 10px;
  width: 100%;
}
.articleList li a:hover {
  background: #eee;
}
.articleList li a .thum,
.articleList li a .text {
  display: table-cell;
  vertical-align: top;
}
.articleList li a .thum {
  width: 80px;
}
.articleList li a .text {
  padding-left: 15px;
}
.articleList li a .text h3,
.articleList li a .text h4 {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
}
.articleList li a .text p {
  font-size: 14px;
  line-height: 1.35;
}
.articleList li .noThum .thum {
  display: none;
}
.articleList li .noThum .thum,
.articleList li .noThum .text {
  width: 100%;
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .articleList li a .thum {
    width: 60px;
  }
  .articleList ul li .detail {
    padding-left: 10px;
  }
  .articleList ul li .detail p {
    font-size: 12px;
    margin: 2px 0 10px 0;
  }
}
@media screen and (max-width: 640px) {
  .spNoneText {
    display: none;
  }
}
/*トピックス*/
.topArticle {
  background: #faf5ef;
  margin-bottom: 2em;
}

.new {
  position: absolute;
  top: 0;
  right: 0;
  background: #a13636;
  font-size: 10px;
  padding: 0 5px;
  display: inline-block;
  color: #fff;
  line-height: 1.6;
  font-size: 11px !important;
}
.newsDetail .new {
  position: relative;
  min-width: 35px;
  padding: 4px 5px;
  margin-right: 10px;
  text-align: center;
}
.category {
  min-width: 80px;
  font-size: 12px;
  margin: 5ox 0;
}
.category .time {
  color: #333 !important;
  min-width: auto;
  padding-left: 0;
}
.category span {
  line-height: 1;
  margin: 0 2px;
}
.subCategory span {
  display: inline-block;
  color: #555 !important;
  border: 1px dotted #aaa;
  min-width: auto;
  margin-right: 5px;
  font-size: 13px;
  padding: 1px 10px;
}
.subCategory span a {
  display: block;
  padding: 1px 10px;
}
.subCategory span:hover a {
  background: #eee;
}
.c1,
.c2,
.c3 {
  display: inline-block;
  border: 1px solid #ccc;
  line-height: 1;
  font-size: 12px;
  padding: 2px 5px;
}
.searchResult {
  margin: 15px 0;
  font-size: 13px;
}
.articleCategory {
  font-size: 16px;
}
/* 詳細 */
.newsDetail h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
}
.newsDetail a {
  text-decoration: underline;
}
.articleList .tag,
.newsDetail .tag {
  display: inline-block;
  border: 1px solid #ccc;
  line-height: 1;
  font-size: 12px;
  padding: 5px;
}
.articleList .time,
.newsDetail .time {
  font-size: 12px;
}
.newsDetail .text {
  font-size: 16px;
}

#jump {
  position: relative;
  overflow: hidden;
}
#mainContent {
  float: left;
  width: 72%;
}
#mainContent .articleList {
  border-top: 1px solid #eee;
}
#mainContent .articleList li a:hover {
  background: #f7f7f7;
}
#mainContent .articleList li {
  margin: 0;
}
#sideContent {
  float: right;
  width: 24%;
}
#sideContent h4 {
  background: #555;
  font-size: 16px;
  color: #fff;
  padding: 8px 10px;
}
#sideContent .list {
  margin-bottom: 1em;
}
#sideContent .list li {
  list-style: none;
  display: block;
  border-bottom: 1px dotted #ddd;
}
#sideContent .list li .thum {
  width: 40px;
}
#sideContent .list li .thum img {
  width: 100%;
  display: block;
}
#sideContent .list li .thum,
#sideContent .list li .box {
  display: table-cell;
  vertical-align: top;
}
#sideContent .list li .box {
  padding-left: 10px;
}
#sideContent .list li .box h5 {
  line-height: 1.3;
  font-size: 100%;
}
#sideContent .list li .time {
  display: block;
  font-size: 12px;
  opacity: 0.8;
  line-height: 1.4;
}
#sideContent .list li a {
  display: table;
  width: 100%;
  padding: 13px 5px;
  font-size: 83%;
}
#sideContent .list li a:hover {
  background: #f7f7f7;
}
/* 月間アーカイブ */
#archive {
  max-height: 500px;
  overflow: scroll;
}
#archive::-webkit-scrollbar {
  overflow: hidden;
  width: 3px;
  background: #eee;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#archive::-webkit-scrollbar:horizontal {
  height: 3px;
}
#archive::-webkit-scrollbar-button {
  display: none;
}
#archive::-webkit-scrollbar-piece {
  background: #eee;
}
#archive::-webkit-scrollbar-piece:start {
  background: #eee;
}
#archive::-webkit-scrollbar-thumb,
#archive::-webkit-scrollbar-corner {
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
}

/*関連記事*/
#relation {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
#relation h3 {
  line-height: 3rem;
}
#relation h3 span {
  display: block;
}

@media screen and (max-width: 1023px) {
  #mainContent {
    margin-bottom: 30px;
  }
  #mainContent,
  #sideContent {
    float: none;
    width: 100%;
  }
}

/* 前へ　次へ */
.pager {
  position: relative;
  overflow: hidden;
}
.pager .comBtn {
  width: 100px;
}
.pager .right {
  float: right;
}
.pager .left {
  float: left;
}
/* 数字ページャーボタン */
.numberPager {
  width: 100%;
  max-width: 300px;
  margin: 2em auto 3em auto;
  text-align: center;
}
.numberPager ul {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.numberPager li {
  margin-right: 2.5%;
  width: 12%;
  display: inline-block;
}
.numberPager li:last-child {
  margin-right: 0;
}
.numberPager li a {
  padding: 10%;
  display: block;
  text-decoration: none;
  border: 1px solid #333;
}
.numberPager li.active a,
.numberPager li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numberPager .lnk a:link {
  background: #555;
  color: #fff;
}
.numberPager .lnk a {
  text-decoration: none;
  display: block;
  background: #555 !important;
  color: #fff !important;
  cursor: default;
  border: 1px solid #555;
}

/* 飛騨高山温泉

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/*温泉分析書*/
.bunsekiArea > * {
  font-size: 14px;
}
.bunsekiArea .uk-accordion-title {
  font-size: 14px;
  font-weight: bold;
}
.bunsekiArea .uk-table-small th,
.bunsekiArea .uk-table-small td {
  padding: 5px;
  font-size: 13px;
  border: 1px solid #efefef;
}
.bunsekiArea .uk-table {
  margin-bottom: 20px;
}
.bunsekiArea .uk-grid-margin {
  margin-top: 10px;
}

/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.gmap iframe {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .gmap iframe {
    height: 550px;
  }
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #eee;
  border: none;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}
#loading {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#loading svg {
  position: absolute;
  z-index: 101;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
}
/*ページタイトル*/
#pageTitle h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
h2 {
  line-height: 1.3;
  margin-bottom: 40px;
}
h2 .ffJaM {
  font-size: 26px;
  letter-spacing: 0.1em;
  display: block;
}
h2 .ffYg {
  display: block;
  font-size: 14px;
}
h3 {
  font-size: 18px;
  margin: 10px 0;
}
h4 {
  font-size: 16px;
  margin: 10px 0;
}
@media screen and (max-width: 959px) {
  #pageTitle.uk-height-medium {
    height: 150px;
  }
  h2 {
    line-height: 1.3;
    margin-bottom: 30px;
  }
}

/*pan*/
.pan {
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  font-size: 11px;
  margin: 0 auto;
}
.pan p {
  display: table;
  line-height: 2;
  padding: 0 20px 0 5px;
}
.pan span {
  display: table-cell;
  white-space: nowrap;
}
.pan span:after {
  margin: 0 6px 0 8px;
  content: "\f105";
  font-family: FontAwesome;
  color: #aaa;
}
.pan span:last-child:after {
  content: "";
  display: none;
}
.pan a {
  display: inline;
  color: inherit;
  color: #777;
}
.pan a:hover {
  text-decoration: underline;
}
.pnHome:before {
  content: "\f015";
  font-family: FontAwesome;
  display: inline-block;
  padding: 0 3px 0 0;
  color: #777;
  vertical-align: top;
}

/* slider parts */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 10;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  cursor: pointer;
  top: 50%;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.3);
}
.swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.swiper-button-prev,
.swiper-button-prev:hover {
  width: 36px;
  height: 36px;
  background-size: 32px 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZGF0YS1zdmc9ImNoZXZyb24tbGVmdCI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjAzIiBwb2ludHM9IjEzIDE2IDcgMTAgMTMgNCIvPjwvc3ZnPg==");
}
.swiper-button-next,
.swiper-button-next:hover {
  width: 36px;
  height: 36px;
  background-size: 32px 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZGF0YS1zdmc9ImNoZXZyb24tcmlnaHQiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS4wMyIgcG9pbnRzPSI3IDQgMTMgMTAgNyAxNiIvPjwvc3ZnPg==");
}
.swiper-pagination {
  bottom: 15px !important;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  justify-content: center;
  width: 100%;
}
.swiper-pagination span {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  background: #fff;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 1);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
  cursor: pointer;
}
@media screen and (max-width: 959px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

.noteBox {
  text-align: center;
}
.noteBox a {
  display: block;
  padding: 20px;
}
.noteBox.type1 {
  border: 2px solid #ea9a97;
}
.noteBox.type1 a:hover {
  background: #ea9a97;
  color: #fff;
}
.slTt {
  background: #ea9a97;
  color: #fff;
  padding: 0 10px;
}

/* ボタン */
.linkBtnA a {
  position: relative;
  z-index: 0;
  font-size: 1.4rem;
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
}
.linkBtnA.type1 a {
  background: #ea9a97;
  color: #fff;
}
.linkBtnA.type1 a:hover {
  background: #dc7672;
}
.linkBtnA.type2 a {
  background: #eee;
}
.linkBtnA.type2 a:hover {
  background: #ddd;
}
@media screen and (max-width: 640px) {
  .linkBtnA a {
    padding: 10px 5px;
    max-width: 200px;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .tableScroll {
    position: relative;
  }
  .tableScroll table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .tableScroll table thead,
  .tableScroll table tbody {
    width: 100%;
    display: table;
  }
  .tableScroll:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 20px;
    border-radius: 3px 3px 0 0;
  }
  .tableScroll:before {
    content: "";
    position: absolute;
    top: -19px;
    right: 0;
    z-index: 1;
    background: url(../img/icon/scroll.svg) 9px 2px no-repeat;
    background-size: 32px;
    width: 50px;
    height: 20px;
    color: #fff;
    font-family: fontAwesome;
  }
}

/* 改行 */
@media screen and (max-width: 959px) {
  .brNone960 {
    display: none;
  }
  .spBlock960 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .brNone767 {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .brNone640 {
    display: none;
  }
  .spBlock640 {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .brNone480 {
    display: none;
  }
  .spBlock480 {
    display: block;
  }
}
@media screen and (max-width: 319px) {
  .brNone320 {
    display: none;
  }
}

/* font */
.ffJaM {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
.ffEn {
  font-family: "Cormorant Garamond", serif;
}
.ffEn2 {
  font-family: "Times New Roman", "Luchida Grande";
}

/* text */
.alignC {
  text-align: center !important;
}
.alignR {
  text-align: right !important;
}
.alignL {
  text-align: left !important;
}
@media screen and (max-width: 639px) {
  .alignC.noAlignC {
    text-align: left !important;
  }
}
/* 幅 */
.w10px {
  width: 10px;
}
.w11px {
  width: 11px;
}
.w12px {
  width: 12px;
}
.w14px {
  width: 14px;
}
.w16px {
  width: 16px;
}
.w18px {
  width: 18px;
}
.w20px {
  width: 20px;
}
.w24px {
  width: 24px;
}
.w30px {
  width: 30px;
}
.w50px {
  width: 50px;
}
.w60px {
  width: 60px;
}
.w70px {
  width: 70px;
}
.w80px {
  width: 80px;
}
.w90px {
  width: 90px;
}
.w100px {
  width: 100px;
}
.w110px {
  width: 110px;
}
.w120px {
  width: 120px;
}
.w130px {
  width: 130px;
}
.w140px {
  width: 140px;
}
.w150px {
  width: 150px;
}
.w200px {
  width: 200px;
}
.mw120px {
  max-width: 120px;
}
.mw200px {
  max-width: 200px;
}
.mw320px {
  max-width: 320px;
}
.mw600px {
  max-width: 600px;
}
.mw650px {
  max-width: 650px;
}
.mw800px {
  max-width: 800px;
}
.mw1000px {
  max-width: 1000px;
}
.w100 {
  width: 100%;
}

.block {
  display: block;
}
.inBlock {
  display: inline-block;
}
.bold {
  font-weight: bold;
}
.nomarl {
  font-weight: normal;
}
.small {
  font-size: 90%;
}
.italic {
  font-style: italic;
}
.topLine {
  border-top: 1px dotted #dfdfdf;
}
.btmLine {
  border-bottom: 1px dotted #dfdfdf;
}
.lineOn {
  border: 1px solid #dfdfdf;
}
.lineNone {
  border: none !important;
}
.lineTopNone {
  border-top: none !important;
}
.textLine {
  text-decoration: underline;
}
.textLink {
  color: #a72126;
  text-decoration: underline;
}
.textLink:hover {
  text-decoration: none;
}
.ls1 {
  letter-spacing: 1px;
}
.fs9 {
  font-size: 9px;
}
.fs10 {
  font-size: 10px;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px;
}
.fs19 {
  font-size: 19px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
@media (max-width: 959px) {
  .fs18 {
    font-size: 16px;
  }
  .fs20 {
    font-size: 16px;
  }
  .fs30 {
    font-size: 22px;
  }
  .fs32 {
    font-size: 22px;
  }
}

/*文字色*/
.fcFff {
  color: #fff !important;
}
.fc9c {
  color: #9c9c9c !important;
}
.fc555 {
  color: #555 !important;
}
.fc222 {
  color: #222 !important;
}
.fcRed {
  color: #a41e36 !important;
}
.fcRed2 {
  color: #f00 !important;
}
.fc2b {
  color: #2b2b2b !important;
}
/*背景*/
.bgFff {
  background: #fff !important;
}
.bg777 {
  background: #777 !important;
}
.bg555 {
  background: #555 !important;
}
.bg333 {
  background: #333 !important;
}
.bgRed {
  background: #a41e36 !important;
}
.bgRed2 {
  background: #f00 !important;
}
.bgEee {
  background: #eee !important;
}
.bgF0 {
  background: #f0f0f0 !important;
}
.bgF7 {
  background: #f7f7f7 !important;
}
.bgF8 {
  background: #f8f8f8 !important;
}
.bgF9 {
  background: #f9f9f9 !important;
}
.lh12 {
  line-height: 1.2 !important;
}
.lh14 {
  line-height: 1.4 !important;
}
.lh16 {
  line-height: 1.6 !important;
}
.lh18 {
  line-height: 1.8 !important;
}
.lh2 {
  line-height: 2 !important;
}
.lh4 {
  line-height: 4 !important;
}
.pd0 {
  padding: 0 !important;
}
.pd01 {
  padding: 1px !important;
}
.pd02 {
  padding: 2px !important;
}
.pd03 {
  padding: 3px !important;
}
.pd04 {
  padding: 4px !important;
}
.pd05 {
  padding: 5px !important;
}
.pd1 {
  padding: 1em !important;
}
.pd2 {
  padding: 2em !important;
}
.pd3 {
  padding: 3em !important;
}
.pd4 {
  padding: 4em !important;
}
.pd5 {
  padding: 5em !important;
}
.pd10 {
  padding: 10px !important;
}
.pd15 {
  padding: 15px !important;
}
.pd20 {
  padding: 20px !important;
}
.pd25 {
  padding: 25px !important;
}
.pd30 {
  padding: 30px !important;
}
.pd35 {
  padding: 35px !important;
}
.pd40 {
  padding: 40px !important;
}
.pd45 {
  padding: 45px !important;
}
.pd50 {
  padding: 50px !important;
}
.pd55 {
  padding: 55px !important;
}
.pd60 {
  padding: 60px !important;
}
.pdt0 {
  padding-top: 0 !important;
}
.pdt1 {
  padding-top: 1em !important;
}
.pdt2 {
  padding-top: 2em !important;
}
.pdt3 {
  padding-top: 3em !important;
}
.pdt4 {
  padding-top: 4em !important;
}
.pdt5 {
  padding-top: 5em !important;
}
.pdt10 {
  padding-top: 10px !important;
}
.pdt15 {
  padding-top: 15px !important;
}
.pdt20 {
  padding-top: 20px !important;
}
.pdt25 {
  padding-top: 25px !important;
}
.pdt30 {
  padding-top: 30px !important;
}
.pdt35 {
  padding-top: 35px !important;
}
.pdt40 {
  padding-top: 40px !important;
}
.pdt45 {
  padding-top: 45px !important;
}
.pdt50 {
  padding-top: 50px !important;
}
.pdt55 {
  padding-top: 55px !important;
}
.pdt60 {
  padding-top: 60px !important;
}
.pdr0 {
  padding-right: 0 !important;
}
.pdr1 {
  padding-right: 1em !important;
}
.pdr2 {
  padding-right: 2em !important;
}
.pdr3 {
  padding-right: 3em !important;
}
.pdr4 {
  padding-right: 4em !important;
}
.pdr5 {
  padding-right: 5em !important;
}
.pdr5px {
  padding-right: 5px !important;
}
.pdr10 {
  padding-right: 10px !important;
}
.pdr15 {
  padding-right: 15px !important;
}
.pdr20 {
  padding-right: 20px !important;
}
.pdr25 {
  padding-right: 25px !important;
}
.pdr30 {
  padding-right: 30px !important;
}
.pdr35 {
  padding-right: 35px !important;
}
.pdr40 {
  padding-right: 40px !important;
}
.pdr45 {
  padding-right: 45px !important;
}
.pdr50 {
  padding-right: 50px !important;
}
.pdr55 {
  padding-right: 55px !important;
}
.pdr60 {
  padding-right: 60px !important;
}
.pdb0 {
  padding-bottom: 0 !important;
}
.pdb1 {
  padding-bottom: 1em !important;
}
.pdb2 {
  padding-bottom: 2em !important;
}
.pdb3 {
  padding-bottom: 3em !important;
}
.pdb4 {
  padding-bottom: 4em !important;
}
.pdb5 {
  padding-bottom: 5em !important;
}
.pdb10 {
  padding-bottom: 10px !important;
}
.pdb15 {
  padding-bottom: 15px !important;
}
.pdb20 {
  padding-bottom: 20px !important;
}
.pdb25 {
  padding-bottom: 25px !important;
}
.pdb30 {
  padding-bottom: 30px !important;
}
.pdb35 {
  padding-bottom: 35px !important;
}
.pdb40 {
  padding-bottom: 40px !important;
}
.pdb45 {
  padding-bottom: 45px !important;
}
.pdb50 {
  padding-bottom: 50px !important;
}
.pdb55 {
  padding-bottom: 55px !important;
}
.pdb60 {
  padding-bottom: 60px !important;
}
.pdl0 {
  padding-left: 0 !important;
}
.pdl1 {
  padding-left: 1em !important;
}
.pdl2 {
  padding-left: 2em !important;
}
.pdl3 {
  padding-left: 3em !important;
}
.pdl4 {
  padding-left: 4em !important;
}
.pdl5 {
  padding-left: 5em !important;
}
.pdl10 {
  padding-left: 10px !important;
}
.pdl15 {
  padding-left: 15px !important;
}
.pdl20 {
  padding-left: 20px !important;
}
.pdl25 {
  padding-left: 25px !important;
}
.pdl30 {
  padding-left: 30px !important;
}
.pdl35 {
  padding-left: 35px !important;
}
.pdl40 {
  padding-left: 40px !important;
}
.pdl45 {
  padding-left: 45px !important;
}
.pdl50 {
  padding-left: 50px !important;
}
.pdl55 {
  padding-left: 55px !important;
}
.pdl60 {
  padding-left: 60px !important;
}
.mg0None {
  margin: 0 !important;
}
.mg1None {
  margin: 1em 0 !important;
}
.mgt0Auto {
  margin: 0 auto !important;
}
.mgt1Auto {
  margin: 1em auto !important;
}
.mgt2Auto {
  margin: 2em auto !important;
}
.mgt3Auto {
  margin: 2em auto !important;
}
.mgt4Auto {
  margin: 2em auto !important;
}
.mgt05 {
  margin-top: 5px !important;
}
.mgt08 {
  margin-top: 8px !important;
}
.mgt10 {
  margin-top: 10px !important;
}
.mgb05 {
  margin-bottom: 5px !important;
}
.mgb08 {
  margin-bottom: 8px !important;
}
.mgb10 {
  margin-bottom: 10px !important;
}
.mg0 {
  margin: 0 !important;
}
.mg1 {
  margin: 1px !important;
}
.mg2 {
  margin: 2px !important;
}
.mg3 {
  margin: 3px !important;
}
.mg4 {
  margin: 4px !important;
}
.mg10 {
  margin: 10px !important;
}
.mg15 {
  margin: 15px !important;
}
.mg20 {
  margin: 20px !important;
}
.mg25 {
  margin: 25px !important;
}
.mg30 {
  margin: 30px !important;
}
.mg35 {
  margin: 35px !important;
}
.mg40 {
  margin: 40px !important;
}
.mg45 {
  margin: 45px !important;
}
.mg50 {
  margin: 50px !important;
}
.mg55 {
  margin: 55px !important;
}
.mg60 {
  margin: 60px !important;
}
.mgt0 {
  margin-top: 0 !important;
}
.mgt1 {
  margin-top: 1em !important;
}
.mgt2 {
  margin-top: 2em !important;
}
.mgt3 {
  margin-top: 3em !important;
}
.mgt4 {
  margin-top: 4em !important;
}
.mgt5 {
  margin-top: 5em !important;
}
.mgt10 {
  margin-top: 10px !important;
}
.mgt15 {
  margin-top: 15px !important;
}
.mgt20 {
  margin-top: 20px !important;
}
.mgt25 {
  margin-top: 25px !important;
}
.mgt30 {
  margin-top: 30px !important;
}
.mgt35 {
  margin-top: 35px !important;
}
.mgt40 {
  margin-top: 40px !important;
}
.mgt45 {
  margin-top: 45px !important;
}
.mgt50 {
  margin-top: 50px !important;
}
.mgt55 {
  margin-top: 55px !important;
}
.mgt60 {
  margin-top: 60px !important;
}
.mgr0 {
  margin-right: 0 !important;
}
.mgr1 {
  margin-right: 1em !important;
}
.mgr2 {
  margin-right: 2em !important;
}
.mgr3 {
  margin-right: 3em !important;
}
.mgr4 {
  margin-right: 4em !important;
}
.mgr5 {
  margin-right: 5em !important;
}
.mgr10 {
  margin-right: 10px !important;
}
.mgr15 {
  margin-right: 15px !important;
}
.mgr20 {
  margin-right: 20px !important;
}
.mgr25 {
  margin-right: 25px !important;
}
.mgr30 {
  margin-right: 30px !important;
}
.mgr35 {
  margin-right: 35px !important;
}
.mgr40 {
  margin-right: 40px !important;
}
.mgr45 {
  margin-right: 45px !important;
}
.mgr50 {
  margin-right: 50px !important;
}
.mgr55 {
  margin-right: 55px !important;
}
.mgr60 {
  margin-right: 60px !important;
}
.mgb0 {
  margin-bottom: 0 !important;
}
.mgb1 {
  margin-bottom: 1em !important;
}
.mgb2 {
  margin-bottom: 2em !important;
}
.mgb3 {
  margin-bottom: 3em !important;
}
.mgb4 {
  margin-bottom: 4em !important;
}
.mgb5 {
  margin-bottom: 5em !important;
}
.mgb10 {
  margin-bottom: 10px !important;
}
.mgb15 {
  margin-bottom: 15px !important;
}
.mgb20 {
  margin-bottom: 20px !important;
}
.mgb25 {
  margin-bottom: 25px !important;
}
.mgb30 {
  margin-bottom: 30px !important;
}
.mgb35 {
  margin-bottom: 35px !important;
}
.mgb40 {
  margin-bottom: 40px !important;
}
.mgb45 {
  margin-bottom: 45px !important;
}
.mgb50 {
  margin-bottom: 50px !important;
}
.mgb55 {
  margin-bottom: 55px !important;
}
.mgb60 {
  margin-bottom: 60px !important;
}
.mgl0 {
  margin-left: 0 !important;
}
.mgl1 {
  margin-left: 1em !important;
}
.mgl2 {
  margin-left: 2em !important;
}
.mgl3 {
  margin-left: 3em !important;
}
.mgl4 {
  margin-left: 4em !important;
}
.mgl5 {
  margin-left: 5em !important;
}
.mgl10 {
  margin-left: 10px !important;
}
.mgl15 {
  margin-left: 15px !important;
}
.mgl20 {
  margin-left: 20px !important;
}
.mgl25 {
  margin-left: 25px !important;
}
.mgl30 {
  margin-left: 30px !important;
}
.mgl35 {
  margin-left: 35px !important;
}
.mgl40 {
  margin-left: 40px !important;
}
.mgl45 {
  margin-left: 45px !important;
}
.mgl50 {
  margin-left: 50px !important;
}
.mgl55 {
  margin-left: 55px !important;
}
.mgl60 {
  margin-left: 60px !important;
}
.Fmark {
  background: #c00;
  color: #fff;
  font-size: 12px !important;
  font-weight: normal;
  padding: 3px;
  margin: 0 5px;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  border-radius: 3px;
}