@charset "utf-8";
/* CSS Document */

/* title Element（エレメント） 要素
==============================*/
.h1-title--calender {
  margin: 0 0 50px 0;
  font-size: calc(18px + 0.25vw);
}
.h2-title--calender {
  margin: 0 0 30px 0;
  font-size: calc(12px + 0.25vw);
  border-left: solid 5px #4b9788;
}
/* 独立パーツ[BEM表記しない奴]
==============================*/
.parts-title {
  font-size: calc(10px + 0.25vw);
  line-height: 1.5em;
  margin: 0 0 10px;
  display: block;
}
.footer {
  box-sizing: border-box;
  padding: 20px 0;
  text-align: center;
  font-size: calc(10px + 0.25vw);
  line-height: 1em;
  letter-spacing: 1.5px;
  background: #333;
  margin: 20px 0 0;
  color: #fff;
}

/* BLOCK(ブロック) 要素
==============================*/
.buttan-header {
  width: 100%;
  background: #333;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 50px;
}
.contents-wrap {
  max-width: 1200px;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.head-title {
  display: block;
  width: 100%
}
.flex-flame {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0;
  margin: 20px 0;
}
.calender-reserve-block {
  width: 100%;
  display: block;
  border: solid 1px #dce0e4;
  background: #f7f8f9;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 0;
}

/* ボタンデザイン[Block]
-------------------------------*/
a.buttan01,a.buttan02,a.buttan03,
a.buttan04,a.buttan05,a.buttan06,
a.buttan07,a.buttan08 {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  text-decoration: none;
  text-align: center;
}
a.buttan01,a.buttan03,a.buttan05,
a.buttan07 {
  background: #6699A1;
  color: #ffffff;
}
a.buttan02,a.buttan04,a.buttan06,
a.buttan08 {
  border: solid 1px #6699A1;
  color: #6699A1;
}
a.buttan03,a.buttan04 {
  border-radius: 5px;
}
a.buttan05,a.buttan06 {
  border-radius: 100px;
}
a.buttan07,a.buttan08 {
  border-radius:20px 5px 20px 5px;
}

a:hover.buttan01,a:hover.buttan02,a:hover.buttan03,
a:hover.buttan04,a:hover.buttan05,a:hover.buttan06,
a:hover.buttan07,a:hover.buttan08 {
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: .5s;
}

/* Element（エレメント） 要素
==============================*/
.head-title__center {
  display: block;
  text-align: center;
}
.flex-flame__box {
  width: 31.6%;
  display: block;
  border: dashed 1px #c9c9c9;
  box-sizing: border-box;
  padding: 20px;
  margin: 10px;
}

/* Modifier（モディファイア） 要素
==============================*/
.h1-title--bem-title-color {
  color: #305A56;
}
.buttan-header--bk-AOMIDORI {
  background: #00AA90;
}
.buttan-header--bk-SABIASAGI {
  background: #6699A1;
}
.head-title__center--design01 {
  box-sizing: border-box;
  padding: 50px 0;
  font-size: calc(40px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: #fff;
}
a.buttan--design01 {
  font-size: calc(14px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  font-weight: bold;
  text-shadow:0px 1px 2px rgba(13,75,84,0.5);
  box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  -moz-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  -webkit-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8c6df+0,6d88b7+100;Grey+Blue+3D+%231 */
  background: rgb(184,198,223); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a:hover.buttan--design01 {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  -moz-box-shadow: 0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(119,150,154,0.7) inset;
  transform: translate3d(0, 2px, 0);
  transition: .5s;
}

a.buttan--design02 {
  font-size: calc(14px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  font-weight: bold;
  box-sizing: border-box;
  border: solid 2px rgba(110,85,47,0.7);
  color: #6E552F;
  text-shadow: 0px 1px 1px rgba(53, 53, 53, 0.5);
  box-shadow: 0px -1px 1px 0px rgba(68,59,47,0.5) inset;
  -moz-box-shadow: 0px -1px 1px 0px rgba(68,59,47,0.5) inset;
  -webkit-box-shadow: 0px -1px 1px 0px rgba(68,59,47,0.5) inset;
}
a:hover.buttan--design02 {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px 2px 3px 0px rgba(173,173,173,0.5),0px -1px 0px 1px rgba(119,150,154,0.7) inset;
  -moz-box-shadow: 0px 2px 3px 0px rgba(173,173,173,0.5),0px -1px 1px 0px rgba(119,150,154,0.7) inset;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(173,173,173,0.5),0px -1px 1px 0px rgba(119,150,154,0.7) inset;
  transform: translate3d(0, -2px, 0);
  transition: .5s;
}


a.buttan--design03 {
  font-size: calc(16px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: #644411;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8);
  box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,b68d4c+99 */
  background: rgb(243,226,199); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(182,141,76,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(182,141,76,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(182,141,76,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#b68d4c',GradientType=0 ); /* IE6-9 */

}
a:hover.buttan--design03 {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  transform: translate3d(0, 2px, 0);
  transition: .2s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,b68d4c+99 */
  background: rgb(243,226,199); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(97, 62, 6,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(97, 62, 6,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(97, 62, 6,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#613e06',GradientType=0 ); /* IE6-9 */
}

a.buttan--design04 {
  font-size: calc(16px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: #ffffff;
  border: solid 1px #EF1A1A;
  /*border: none;*/
  text-shadow: 0px 1px 4px rgba(56, 4, 4, 0.7);
  box-shadow:0px 2px 3px 0px rgba(239,26,26,0.7),0px -1px 0px 0px rgba(239,26,26,0.5) inset;
  -moz-box-shadow:0px 2px 3px 0px rgba(239,26,26,0.7),0px -1px 0px 0px rgba(239,26,26,0.5) inset;
  -webkit-box-shadow:0px 2px 3px 0px rgba(239,26,26,0.7),0px -1px 0px 0px rgba(239,26,26,0.5) inset;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efa7a7+2,ef1a1a+5,b20e00+15,bf1900+50,ce0000+65,ef1a1a+98,b20000+99,b20000+100 */
background: rgb(239,167,167); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,167,167,1) 2%, rgba(239,26,26,1) 5%, rgba(178,14,0,1) 15%, rgba(191,25,0,1) 50%, rgba(206,0,0,1) 65%, rgba(239,26,26,1) 98%, rgba(178,0,0,1) 99%, rgba(178,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,167,167,1) 2%,rgba(239,26,26,1) 5%,rgba(178,14,0,1) 15%,rgba(191,25,0,1) 50%,rgba(206,0,0,1) 65%,rgba(239,26,26,1) 98%,rgba(178,0,0,1) 99%,rgba(178,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,167,167,1) 2%,rgba(239,26,26,1) 5%,rgba(178,14,0,1) 15%,rgba(191,25,0,1) 50%,rgba(206,0,0,1) 65%,rgba(239,26,26,1) 98%,rgba(178,0,0,1) 99%,rgba(178,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa7a7', endColorstr='#b20000',GradientType=0 ); /* IE6-9 */
}

a:hover.buttan--design04 {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  transform: translate3d(0, 2px, 0);
  transition: .2s;
}

a.buttan--design05 {
  font-size: calc(16px + 0.25vw);
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: rgba(178,14,0,8);
  border: solid 1px rgba(203, 150, 2, 0.3);
  box-sizing: border-box;
  /*border: none;*/
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  /* box-shadow */
  box-shadow:0px 5px 6px 0px rgba(156,139,52,0.4);
  -moz-box-shadow:0px 5px 6px 0px rgba(156,139,52,0.4);
  -webkit-box-shadow:0px 5px 6px 0px rgba(156,139,52,0.4);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
  background: rgb(252,234,187); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a:hover.buttan--design05 {
  color: rgba(178,14,0,8);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow:1px 1px 1px #ffffff;
  box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  transform: translate3d(0, 2px, 0);
  transition: .2s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
  background: rgb(254,204,177); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a.buttan--calender01,
a.buttan--return {
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(21, 69, 49, 0.8);
  box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow:0px 2px 3px 0px rgba(173,173,173,0.7),0px -1px 0px 0px rgba(120,89,39,0.5) inset;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32b16c+0,32b16c+98,31975f+100 */
background: rgb(50,177,108); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(50,177,108,1) 0%, rgba(50,177,108,1) 98%, rgba(49,151,95,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(50,177,108,1) 0%,rgba(50,177,108,1) 98%,rgba(49,151,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(50,177,108,1) 0%,rgba(50,177,108,1) 98%,rgba(49,151,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b16c', endColorstr='#31975f',GradientType=0 ); /* IE6-9 */
}
a.buttan--calender01 {
  font-size: calc(24px + 0.25vw);
}
a.buttan--return {
  font-size: calc(16px + 0.25vw);
}
a:hover.buttan--calender01,
a:hover.buttan--return {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -moz-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(120,89,39,0.5) inset;
  transform: translate3d(0, 2px, 0);
  transition: .2s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11af58+0,11af58+98,069647+100 */
background: rgb(17,175,88); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(17,175,88,1) 0%, rgba(17,175,88,1) 98%, rgba(6,150,71,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(17,175,88,1) 0%,rgba(17,175,88,1) 98%,rgba(6,150,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(17,175,88,1) 0%,rgba(17,175,88,1) 98%,rgba(6,150,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11af58', endColorstr='#069647',GradientType=0 ); /* IE6-9 */
}

a.buttan--calender01 span,
a.buttan--return span {
  margin-right: 5px;
}
.contents-wrap--calender {
  box-sizing: border-box;
  padding: 20px;
}

/* ブレイクポイント
-------------------------*/
@media screen and (max-width: 1100px) {
/* BLOCK(ブロック) 要素
==============================*/
.contents-wrap {
  max-width: 100%;
  padding: 0 20px;
  margin: 0;
}
.flex-flame {
  justify-content: center;
}
/* Element（エレメント） 要素
==============================*/
.flex-flame__box {
  width: 47%;
}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 860px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 660px) {
}
@media screen and (max-width: 660px) {
/* BLOCK(ブロック) 要素
==============================*/
.flex-flame {
  display: block;
}
.calender-reserve-block {
  padding: 0;
}
/* Modifier（モディファイア） 要素
==============================*/
.head-title__center--design01 {
  font-size: calc(30px + 0.25vw);
}
/* Element（エレメント） 要素
==============================*/
.flex-flame__box {
  width: 100%;
  margin: 5px 0;
}
}
@media screen and (max-width: 375px) {
}