@charset "utf-8";
/* ==========================================================================
	CONTENTS
	========================================================================== */
/*CMN*/
.layout01, .layout02, .layout03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.layout-mb {
  margin-bottom: 50px;
}
.layout-reverse {
  flex-direction: row-reverse;
}
.layout01 .box01 {
  width: 50%;
}
.layout01 .box02 {
  width: 45%;
}
.layout02 .box01, .layout02 .box02 {
  width: 47.5%;
}
.layout03 .box01 {
  width: 60%;
}
.layout03 .box02 {
  width: 35%;
}
.txt-bg01{
padding: 20px;
border-radius: 10px;
background-color: var(--color04);
}
.txt-bg02{
padding: 20px;
border-radius: 10px;
background-color: #fff;
}

/*TABLE*/
.table-cmn01__tit {
	text-align: center;
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 15px;
}
.table-cmn01__txt {
	border: solid 1px #ccc;
	padding: 15px;
}

.li-menu li {
  padding: 10px 0;
  border-bottom: 1px dotted #000;
}
.li-menu dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.li-menu dl dt, .li-menu dl dd {
  font-weight: bold;
}
.li-menu dl dd {
  color: #8f2e14;
  text-align: right;
}

.li-gallery {
  display: flex;
  flex-wrap: wrap;
}
.li-gallery li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 30px;
}
.li-gallery li:nth-child(3n) {
  margin-right: 0;
}
.li-gallery li div {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 10px;
}
.li-gallery li p {
  color: var(--color01);
  font-family: var(--font02);
  text-align: center;
  font-weight: 700;
}

.number{
position: relative;
padding-left: 2.5em;
}
.number::before{
position: absolute;
display: inline-block;
color: #fff;
width: 1.2em;
height: 1.2em;
border-radius: 0.6em;
text-align: center;
vertical-align: middle;
line-height: 1.0em;
background-color: var(--color01);
top: 18px;
left: 15px;
}
.number01::before{content: "1";}
.number02::before{content: "2";}
.number03::before{content: "3";}
.number04::before{content: "4";}

/*MENU*/

.menu-txt{
color: #f3791d;
font-size: 85%;
}

/*ACCESS*/

.access {
	margin-bottom: 40px;
}
.access:last-child {
	margin-bottom: 0;
}
.access__tit {
	color: var(--color02);
	font-family: var(--font02);
  font-size: clamp(1.8rem,2.375vw,2rem);
	font-weight: 700;
	background-color: #eee;
	padding: 15px;
	margin-bottom: 20px;
}
.access__tit i {
	color: var(--color01);
	margin-right: 10px;
}

/*CONTACT*/
.reserve .info-inner {
  overflow: hidden;
  border: 2px solid var(--color01);
  border-radius: 20px;
  margin-bottom: 10px;
}
.reserve .time-table-tit {
  font-weight: normal;
  text-align: center;
  border-bottom: solid 2px var(--color01);
  padding: 20px;
}
.reserve .time-table-txt {
  color: var(--color01);
  border-bottom: solid 2px var(--color01);
  border-left:solid 1px var(--color01);
  text-align: center;
  padding: 20px 10px;
}
.reserve .time-table tr:first-child th,.reserve .time-table tr:first-child td {
  background-color: var(--color04);
}
.reserve .time-table tr:last-child th,.reserve .time-table tr:last-child td {
  border-bottom: none;
}
.reserve .txt01 {
  color: #f27a1d;
  font-weight: 700;
}
.reserve .txt02 {
  color: #4c89eb;
  font-weight: 700;
}
.reserve th .txt01,.reserve th .txt02 {
  display: block;
}
.reserve .time-table-txt--orange {
  color: var(--color02);
}

.telephone .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border: solid 2px var(--color01);
border-radius: 20px;
padding: 30px 10px;;
}
.telephone .box01{
width: 50%;
}
.telephone .box02{
width: 50%;
}
.telephone .logo{
margin-bottom: 0;
}
.telephone .info-reserve{
margin-bottom: 0;
}
.telephone .tel-cmn{
font-size: 4rem;
margin-bottom: 10px;
}

/*ATTEMPT*/
.maina__image {
  display: block;
  width: 400px;
  margin: 0 auto;
}
.addition .tit-cmn02 {
  font-size: 2rem;
}
.addition-table__tit {
  color: #fff;
  text-align: center;
  background-color: #0f89df;
  border: solid 1px #ccc;
  padding: 15px;
}
.addition-table__txt {
  border: solid 1px #ccc;
  padding: 15px;
}

/*NEWS*/

.main .inner a,.main .inner a:visited {
  color: var(--color01);
}
.main .inner a:hover {
	opacity: 0.5;  
	filter: alpha(opacity=50);  
}
.inner {
  width: 100%;
  max-width: 1000px;
  text-align: left;
  margin: 0 auto;
  padding: 0 10px;
}
.date {
    text-align: right;
    margin-top: -35px;
}
img.border {
  border: 1px solid #e3f2f0;
  padding: 3px;
}
.inner-wrap {
  display: block;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.inner-wrap .blockLine {
  padding: 0;
  clear: both;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
.inner-wrap .blockLine > .block {
  display: inline-block;
  width: 49%;
  padding: 0;
  margin: auto;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  text-align: left;
}
.inner-wrap .blockLine > .block p {
  text-align: left;
}
.inner-wrap .blockLine > .block figure {
  display: block;
  margin: auto;
}
.inner-wrap .blockLine > .block:first-child {
  margin-left: 0 !important;
}
.inner-wrap .blockLine > .block:last-child {
  margin-right: 0 !important;
}
.inner-wrap .blockLine.blocks_2 > .block {
  width: calc((100% - 2%) / 2);
}
.inner-wrap .blockLine.blocks_3 > .block {
  width: calc((100% - 4%) / 3);
}
.inner-wrap .blockLine.blocks_4 > .block {
  width: calc((100% - 6%) / 4);
}
.inner-wrap .blockLine.blocks_5 > .block {
  width: calc((100% - 8%) / 5);
}
.inner-wrap .blockLine.blocks_6 > .block {
  width: calc((100% - 10%) / 6);
}
.inner-wrap .blockLine.blocks_7 > .block {
  width: calc((100% - 12%) / 7);
}
.inner-wrap .blockLine.blocks_8 > .block {
  width: calc((100% - 14%) / 8);
}
.inner-wrap .blockLine.blocks_2 > .block:nth-child(2n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_3 > .block:nth-child(3n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_4 > .block:nth-child(4n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_5 > .block:nth-child(5n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_6 > .block:nth-child(6n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_7 > .block:nth-child(7n) {
  margin-right: 0;
}
.inner-wrap .blockLine.blocks_8 > .block:nth-child(8n) {
  margin-right: 0;
}

.inner-wrap .blockLine.vertical > .block {
  float: none;
  vertical-align: middle;
  position: relative;
}
.inner-wrap .blockLine.reversal > .block {
  float: right;
  position: relative;
}
.inner-wrap .blockLine .block.last + .block {
  margin-left: 0;
  clear: both;
}
.inner-wrap .blockLine.reversal > .block:first-child {
  margin-left: 2% !important;
  margin-right: 0;
}
.inner-wrap .blockLine.reversal > .block:last-child {
  margin-left: 0;
}

.blockLine > .block.wd10 {
  width: 9%;
}

.blockLine > .block.wd15 {
  width: 14%;
}

.blockLine > .block.wd20 {
  width: 19%;
}

.blockLine > .block.wd25 {
  width: 24%;
}

.blockLine > .block.wd30 {
  width: 29%;
}

.blockLine > .block.wd35 {
  width: 34%;
}

.blockLine > .block.wd40 {
  width: 39%;
}

.blockLine > .block.wd45 {
  width: 44%;
}

.blockLine > .block.wd50 {
  width: 49%;
}

.blockLine > .block.wd55 {
  width: 54%;
}

.blockLine > .block.wd60 {
  width: 59%;
}

.blockLine > .block.wd65 {
  width: 64%;
}

.blockLine > .block.wd70 {
  width: 69%;
}

.blockLine > .block.wd75 {
  width: 74%;
}

.blockLine > .block.wd80 {
  width: 79%;
}

.blockLine > .block.wd85 {
  width: 84%;
}

.blockLine > .block.wd90 {
  width: 89%;
}

.blockLine > .block.wd95 {
  width: 94%;
}

.blockLine > .block.wd100 {
  width: 99%;
}

@media (max-width: 767px) {
  .inner-wrap .blockLine:not(.fix) > .block {
    display: block;
    text-align: center;
    margin: 0 auto 15px;
    width: 100%;
    float: none;
  }
  .inner-wrap .blockLine:not(.fix) .wd10, .inner-wrap .blockLine:not(.fix) .wd20, .inner-wrap .blockLine:not(.fix) .wd30, .inner-wrap .blockLine:not(.fix) .wd40, .inner-wrap .blockLine:not(.fix) .wd60, .inner-wrap .blockLine:not(.fix) .wd70, .inner-wrap .blockLine:not(.fix) .wd80, .inner-wrap .blockLine:not(.fix) .wd90, .inner-wrap .blockLine:not(.fix) .wd15, .inner-wrap .blockLine:not(.fix) .wd25, .inner-wrap .blockLine:not(.fix) .wd35, .inner-wrap .blockLine:not(.fix) .wd45, .inner-wrap .blockLine:not(.fix) .wd65, .inner-wrap .blockLine:not(.fix) .wd75, .inner-wrap .blockLine:not(.fix) .wd85, .inner-wrap .blockLine:not(.fix) .wd95 {
    width: 100%;
  }
  .inner-wrap .blockLine:not(.fix).sp_2 > .block {
    display: inline-block;
    width: 49%;
    padding: 0;
    margin: auto;
    float: left;
    margin-top: 2%;
    text-align: left;
  }
  .inner-wrap .blockLine:not(.fix).sp_2 > .block:nth-child(even) {
    margin-left: 2%;
  }
  .inner-wrap .blockLine:not(.fix).sp_2 > .block:nth-child(odd) {
    clear: both;
  }
  .inner-wrap .blockLine.reversal > .block:first-child {
    margin-left: 0 !important;
  }
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */
@media screen and (min-width: 1025px) {}
@media screen and (max-width: 1200px) { /*1200以下*/
}
/* ==========================================================================
	TABLET - 1024px
	========================================================================== */
@media screen and (max-width:1024px) {

}
/* ==========================================================================
	SP - 640px
	========================================================================== */
@media screen and (max-width: 640px) {
  /*layout*/
  .layout01, .layout02, .layout03 {
    display: block;
  }
  .layout-mb {
    margin-bottom: 30px;
  }
  .layout01 .box01 {
    width: 100%;
    margin-bottom: 30px;
  }
  .layout01 .box02 {
    width: 100%;
  }
  .layout02 .box01, .layout02 .box02 {
    width: 100%;
  }
  .layout02 .box01 {
    margin-bottom: 30px;
  }
  .layout03 .box01, .layout03 .box02 {
    width: 100%;
  }
  .layout03 .box01 {
    margin-bottom: 30px;
  }

.li-gallery {
  display: block;
}
.li-gallery li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}

.telephone .box{
display: block;
padding: 15px 5px;;
}
.telephone .box01{
width: 100%;
}
.telephone .box02{
width: 100%;
}
.telephone .logo{
width: 200px;
margin: 0 auto 10px auto;
}
.telephone .info-reserve{
text-align: center;
margin-bottom: 0;
}
.telephone .tel-cmn{
font-size: 2.5rem;
text-align: center;
margin-bottom: 10px;
}

/*ATTEMPT*/
.maina__image {
  width: 85%;
}.addition .tit-cmn02 {
  font-size: 1.8rem;
}
.addition-table {
  font-size: 85%;
  letter-spacing: 0;
}
.addition-table__tit {
  padding: 10px;
}
.addition-table__txt {
  padding: 10px;
}

/*NEWS*/

.date {
    margin-top: -25px;
}

}