@import url(./variable-set.css);

/*-------------------------------------------*/

body{
  background-color: var(--color-background);
  color: var(--color-basic-text);
  font-size: var(--font-size-md);
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
em{
	background-color: var(--color-primary3);
  font-style: normal;
  color: var(--color-basic-text);
  font-weight: bold;
}
.content-block{
  margin-top: calc(var(--basic-gap)*5);
}
.block-title{
  border-bottom: solid 1px var(--color-border);
  font-size: var(--font-size-lg);
  margin-bottom: var(--basic-gap);
  padding-bottom: 5px;
  font-weight: bold;
}
.content-text{
    line-height: var(--basic-line-height);
}
h2.uk-heading-line {
	color: var(--color-primary2);
}
h2.uk-heading-line::after {
	border-color: var(--color-primary2);
}



/* ヘッダー */
header{
}
.header-wrap{
}



/* 予約確定までの流れ */
.flow-wrap{
}
.flow-wrap ol li{
	list-style-type: decimal;
	line-height: var(--basic-line-height);
	margin-bottom: var(--basic-gap);
}
.flow-wrap li::marker{
	color: var(--color-primary2);
	font-weight:bold;
}




/* 注意事項 */
.notes-wrap{
}
.notes-wrap .uk-accordion-title{
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  overflow:hidden;
  width:6em;
  text-align: center;
}
.notes-wrap .uk-accordion-title::before {
  content: "";
  width: 6em;
  height: 2em;
  margin-left: 20px;
  float: right;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg>');
  background-repeat: no-repeat;
  background-position:50% 50%;
  background-size:4em;
}
.notes-wrap .uk-open > .uk-accordion-title::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg>');
}
.notes-wrap .uk-accordion-title:hover {
  text-decoration:none
}
.notes-wrap ul li{
	list-style-type: disc;
	line-height: var(--basic-line-height);
	margin-bottom: calc(var(--basic-gap)*3);
}
.notes-wrap li::marker{
	color: var(--color-primary2);
	font-weight:bold;
}



/* FAQ */
.faq-wrap{
}
.faq-wrap .uk-accordion-title{
  border-bottom: solid 1px var(--color-border);
  font-size: var(--font-size-md);
  margin-bottom: var(--basic-gap);
  color: var(--color-basic-text);
  font-weight: bold;
  padding: calc(var(--basic-gap)*2) 0 5px 0;
}
.faq-wrap p.content-text {
  font-size: var(--font-size-sm);
}



/* フッター */
.footer-wrap{
  color: var(--color-light-text);
  padding-top: var(--basic-gap);
  padding-bottom: var(--basic-gap);
  background-color: var(--color-primary);
}
.footer-copy{
  font-size: var(--font-size-sm);
  margin-top: var(--basic-gap);
  text-align: center;
}