@charset "UTF-8";
/* line 11, ../scss/_variables.scss */
.debag {
  color: #D7E5FF;
}

/*--------------------------
		サイト共通
---------------------------*/
/* line 9, ../scss/_common.scss */
body {
  background-color: #FCCB9B;
  color: #333;
}

/* line 19, ../scss/_common.scss */
h1, h2, h3, h4, h5, h6, p, a, li, dt, dd, table {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/* line 24, ../scss/_common.scss */
p {
  font-size: 100%;
}

@media (min-width: 768px) {
  /* line 27, ../scss/_common.scss */
  p {
    font-size: 120%;
  }
}
/*--------------------------
		スマホ背景固定
---------------------------*/
/* line 10, ../scss/style.scss */
body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url("../images/img_main_03C.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: cover;
}

/*--------------------------
	ハンバーガーメニュー
---------------------------*/
/* line 10, ../scss/_hbgMenuRight.scss */
#g-nav {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  right: -100%;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all .7s;
  overflow: auto;
}
/* line 24, ../scss/_hbgMenuRight.scss */
#g-nav ul {
  padding: 120px 10px 0px 10px;
}
/* line 26, ../scss/_hbgMenuRight.scss */
#g-nav ul li {
  list-style-type: none;
  font-size: 140%;
  line-height: 2;
}
/* line 31, ../scss/_hbgMenuRight.scss */
#g-nav ul li a {
  display: block;
  text-decoration: none;
  color: #945313;
  margin-bottom: 10px;
  padding: 10px;
  transition: .5s;
  border-radius: 10px;
  background-color: white;
}
/* line 41, ../scss/_hbgMenuRight.scss */
#g-nav ul li a:hover {
  background: #CA813A;
  color: #fff;
  border-bottom: none;
}
/* line 45, ../scss/_hbgMenuRight.scss */
#g-nav ul li i {
  margin-right: 15px;
}

/* line 50, ../scss/_hbgMenuRight.scss */
.in {
  transform: translateX(-100%);
}

@media (min-width: 900px) {
  /* line 53, ../scss/_hbgMenuRight.scss */
  #g-nav {
    right: -450px;
    width: 450px;
  }
  /* line 56, ../scss/_hbgMenuRight.scss */
  #g-nav ul {
    padding-top: 200px;
  }
}
@media screen and (max-width: 575px) {
  /* line 64, ../scss/_hbgMenuRight.scss */
  #g-nav ul li {
    font-size: 120%;
  }
  /* line 66, ../scss/_hbgMenuRight.scss */
  #g-nav ul li a {
    margin-bottom: 7px;
    padding: 7px;
  }
}
/*
#tel, #address {
	display: flex;
	align-items: center;
	position: fixed;
	z-index: 999;
	top: 30px;
	width: 120px;
	height: 54px;
	background-color: $theme-color-sub;
	border: solid 2px #fff;
	border-radius: 10px;
	color: $theme-color-reverse;
	p { width:100%; margin: auto; text-align: center; font-size: 180%;}
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}

#tel {
	left: 40px;
}

#address {
	left: 180px;
}
*/
/* line 105, ../scss/_hbgMenuRight.scss */
#info {
  display: none;
  position: absolute;
  z-index: 999;
  top: 30px;
  right: 140px;
  width: 270px;
  height: 94px;
  color: #fff;
  background-color: #CA813A;
  border-radius: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
/* line 117, ../scss/_hbgMenuRight.scss */
#info ul {
  margin: 8px 0 0 10px;
  padding: 0px;
}
/* line 120, ../scss/_hbgMenuRight.scss */
#info ul li {
  font-family: 'Newsreader', serif;
  line-height: 1.4;
}
/* line 123, ../scss/_hbgMenuRight.scss */
#info ul li span {
  font-size: 150%;
}

/*
@media ( max-width: 400px ) {								// 400px まで
	#tel, #address {
		width: 100px;
		p { font-size: 120%; } }
	#address {
		left: 38vw;
	}
}

@media ( min-width: 600px ) {								// 600px から
	//#info { display: inline-block; }
}
*/
@media (min-width: 900px) {
  /* line 146, ../scss/_hbgMenuRight.scss */
  #info {
    display: inline-block;
    position: fixed;
    top: 75px;
  }
}
/* line 157, ../scss/_hbgMenuRight.scss */
#hbg-box {
  display: inline-block;
  position: fixed;
  z-index: 999;
  top: 30px;
  right: 40px;
  width: 60px;
  height: 54px;
  cursor: pointer;
  background-color: #CA813A;
  border-radius: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

@media (min-width: 900px) {
  /* line 172, ../scss/_hbgMenuRight.scss */
  #hbg-box {
    top: 75px;
    right: 30px;
    width: 100px;
    height: 94px;
  }
}
/* line 183, ../scss/_hbgMenuRight.scss */
#hamburger {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: auto;
  width: 30px;
  height: 26px;
  transition: 1s;
}
/* line 195, ../scss/_hbgMenuRight.scss */
#hamburger .inner_line {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #fff;
  transition: 1s;
  border-radius: 4px;
}
/* line 205, ../scss/_hbgMenuRight.scss */
#hamburger #line1 {
  top: 0;
}
/* line 206, ../scss/_hbgMenuRight.scss */
#hamburger #line2 {
  top: 12px;
}
/* line 207, ../scss/_hbgMenuRight.scss */
#hamburger #line3 {
  bottom: 0px;
}
/* line 209, ../scss/_hbgMenuRight.scss */
#hamburger .line_1, #hamburger .line_2, #hamburger .line_3 {
  background: #fff;
}
/* line 212, ../scss/_hbgMenuRight.scss */
#hamburger .line_1 {
  transform: translateY(12px) rotate(-45deg);
  top: 0;
}
/* line 216, ../scss/_hbgMenuRight.scss */
#hamburger .line_2 {
  opacity: 0;
}
/* line 219, ../scss/_hbgMenuRight.scss */
#hamburger .line_3 {
  transform: translateY(-12px) rotate(45deg);
  bottom: 0;
}

@media (min-width: 900px) {
  /* line 226, ../scss/_hbgMenuRight.scss */
  #hamburger {
    top: 25px;
    left: 25px;
    width: 50px;
    height: 44px;
  }
  /* line 231, ../scss/_hbgMenuRight.scss */
  #hamburger .inner_line {
    width: 50px;
    height: 3px;
  }
  /* line 235, ../scss/_hbgMenuRight.scss */
  #hamburger #line2 {
    top: 20px;
  }
  /* line 236, ../scss/_hbgMenuRight.scss */
  #hamburger .line_1 {
    transform: translateY(20px) rotate(-45deg);
  }
  /* line 239, ../scss/_hbgMenuRight.scss */
  #hamburger .line_3 {
    transform: translateY(-20px) rotate(45deg);
  }
}
/*--------------------------
		アニメーション
---------------------------*/
/* line 10, ../scss/_move.scss */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    transform: translateY(100px);
    transform-origin: center;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: top right;
  }
}
/* line 36, ../scss/_move.scss */
.fadeUpTrigger {
  opacity: 0;
}

/* line 44, ../scss/_move.scss */
.rotateUpTrigger {
  opacity: 0;
}

/* line 46, ../scss/_move.scss */
.rotateUp {
  animation-name: rotateUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes rotateUpAnime {
  0% {
    opacity: 0;
    transform: rotate(-50deg);
    transform-origin: center;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: top right;
  }
}
/* line 74, ../scss/_move.scss */
.zoomIn {
  animation-name: zoomInAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.5);
  }
  66% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
/*--------------------------
	レスポンシブコンテンツ
---------------------------*/
/* line 8, ../scss/_container.scss */
.container {
  font-size: 100%;
  background-color: white;
  box-shadow: 0 1px 4px 0 transparent;
}
/* line 13, ../scss/_container.scss */
.container main {
  padding: 0px 10px;
}
/* line 15, ../scss/_container.scss */
.container main .eyeCatch {
  display: flex;
  width: auto;
  margin-bottom: 30px;
  height: 160px;
  background-image: url("../images/img_main_04.jpg");
  background-size: 100%;
  background-position: center;
  border-radius: 7px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
/* line 26, ../scss/_container.scss */
.container main h1 {
  margin: 30px 0 20px;
  padding: 15px 0px 15px 10px;
  font-size: 160%;
  text-align: center;
  border: solid 15px #945313;
  border-top: none;
  border-bottom: dashed 1px #CA813A;
  border-radius: 10px;
}
/* line 35, ../scss/_container.scss */
.container main h1 [class*="fa-"] {
  color: #945313;
}
/* line 37, ../scss/_container.scss */
.container main section:first-child {
  margin-top: 0px;
}
/* line 40, ../scss/_container.scss */
.container main section {
  display: flow-root;
  margin-top: 20px;
  padding: 20px;
  background-color: white;
  border-radius: 10px;
}
/* line 47, ../scss/_container.scss */
.container main section h2 {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-size: 140%;
  line-height: 1.5;
  border-bottom: dashed 1px #CA813A;
}
/* line 55, ../scss/_container.scss */
.container main section h2 [class*="fa-"] {
  color: #945313;
}
/* line 57, ../scss/_container.scss */
.container main section h3 {
  width: 100%;
  margin: 10px 0;
  padding: 5px 0px 10px;
  font-size: 120%;
}
/* line 65, ../scss/_container.scss */
.container main section h2::before {
  content: "▶︎ ";
  color: #CA813A;
}
/* line 69, ../scss/_container.scss */
.container main section h3::before {
  content: "▷ ";
  color: #CA813A;
}
/* line 94, ../scss/_container.scss */
.container main section p {
  line-height: 1.8;
  padding: 0 0 20px 0;
  color: #666;
  text-justify: auto;
}
/* line 99, ../scss/_container.scss */
.container main section p a {
  color: #945313;
}
/* line 100, ../scss/_container.scss */
.container main section p address {
  text-align: right;
}
/* line 102, ../scss/_container.scss */
.container main section ol {
  list-style-type: decimal;
}
/* line 103, ../scss/_container.scss */
.container main section ul {
  list-style-type: square;
}
/* line 104, ../scss/_container.scss */
.container main section ul, .container main section ol {
  margin: 20px 0 20px 30px;
  padding: 0;
  font-size: 100%;
}
/* line 113, ../scss/_container.scss */
.container main section ul li, .container main section ol li {
  color: #666;
  line-height: 2;
  margin-bottom: 10px;
}
/* line 118, ../scss/_container.scss */
.container main section ul a, .container main section ol a {
  color: #945313;
  padding-left: 10px;
  text-decoration: underline;
}
/* line 123, ../scss/_container.scss */
.container main section ul a:hover, .container main section ol a:hover {
  color: #CA813A;
  background-color: #eee;
  border-radius: 7px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
/* line 129, ../scss/_container.scss */
.container main section ul a:active, .container main section ol a:active {
  color: #fff;
  background-color: #CA813A;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
/* line 135, ../scss/_container.scss */
.container main section ul.normal {
  margin-left: 20px;
}
/* line 137, ../scss/_container.scss */
.container main section ul.normal > li::before {
  content: none;
}
/* line 138, ../scss/_container.scss */
.container main section ul.normal > li {
  padding-left: 0;
  line-height: 1.2;
}
/* line 143, ../scss/_container.scss */
.container main section ul::after {
  content: "";
  display: block;
  clear: both;
}
/* line 146, ../scss/_container.scss */
.container aside.osusume {
  padding: 20px;
}
/* line 148, ../scss/_container.scss */
.container aside.osusume section {
  margin-bottom: 40px;
}
/* line 150, ../scss/_container.scss */
.container aside.osusume section h2 {
  padding: 10px 0 10px 8px;
  border: solid 10px #CA813A;
  border-top: none;
  border-bottom: dashed 1px #CA813A;
  border-radius: 10px;
  color: #666;
  font-size: 140%;
}
/* line 158, ../scss/_container.scss */
.container aside.osusume section ul {
  margin: 0;
  padding: 0;
}
/* line 161, ../scss/_container.scss */
.container aside.osusume section ul li {
  list-style-type: none;
  line-height: 3;
  margin-left: 10px;
}
/* line 165, ../scss/_container.scss */
.container aside.osusume section ul a {
  display: block;
  padding-left: 10px;
  color: inherit;
  text-decoration: none;
}
/* line 171, ../scss/_container.scss */
.container aside.osusume section ul a:hover {
  color: #945313;
  background-color: #eee;
  border-radius: 7px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
/* line 177, ../scss/_container.scss */
.container aside.osusume section ul a:active {
  color: #fff;
  background-color: #CA813A;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
/* line 183, ../scss/_container.scss */
.container aside.osusume section .eyeCatch {
  display: flex;
  width: 100%;
  height: 160px;
  margin: 20px 0 0 0;
  border-radius: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  background-image: url("../images/implant/img_row_01.jpg");
  background-size: cover;
  background-position: top center;
}

@media (min-width: 900px) {
  /* line 200, ../scss/_container.scss */
  .container {
    max-width: 1000px;
    margin: 10px auto;
    font-size: 100%;
    border-radius: 40px;
  }
  /* line 205, ../scss/_container.scss */
  .container > main {
    margin-top: 0;
    padding: 35px;
  }
  /* line 208, ../scss/_container.scss */
  .container > main section:first-child {
    margin-top: 0px;
  }
  /* line 211, ../scss/_container.scss */
  .container > main section .eyeCatch {
    display: flex;
    background-image: url("../images/img_main_02A.jpg");
    background-position: 0 -150px;
    width: 100%;
    height: 250px;
  }
  /* line 218, ../scss/_container.scss */
  .container > main section h2 {
    margin: 5px 0 20px 0;
    width: 80%;
  }
  /* line 220, ../scss/_container.scss */
  .container > main section h3 {
    margin: 15px 0;
  }
  /* line 224, ../scss/_container.scss */
  .container > main section P {
    line-height: 2.0;
  }
  /* line 229, ../scss/_container.scss */
  .container > main section ul, .container > main section ol {
    font-size: 120%;
  }
  /* line 230, ../scss/_container.scss */
  .container > main section ul.normal {
    margin-left: 60px;
    list-style-type: disc;
  }
  /* line 236, ../scss/_container.scss */
  .container > aside.osusume {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 35px;
  }
  /* line 241, ../scss/_container.scss */
  .container > aside.osusume section:first-child {
    margin-top: 0px;
  }
  /* line 245, ../scss/_container.scss */
  .container > aside.osusume section:nth-child(odd) h2 {
    margin-right: 20px;
  }
  /* line 247, ../scss/_container.scss */
  .container > aside.osusume section:nth-child(even) {
    border-left: dashed 1px #ccc;
    padding-left: 20px;
  }
  /* line 251, ../scss/_container.scss */
  .container > aside.osusume section {
    flex: 1 1 48%;
    padding-bottom: 20px;
  }
  /* line 254, ../scss/_container.scss */
  .container > aside.osusume section .eyeCatch {
    margin-left: 0px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  /* line 264, ../scss/_container.scss */
  main h1 {
    font-size: 32px;
  }

  /* line 265, ../scss/_container.scss */
  main h2 {
    font-size: 26px;
  }

  /* line 266, ../scss/_container.scss */
  main h3 {
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  /* line 270, ../scss/_container.scss */
  main h1 {
    font-size: 40px;
  }

  /* line 271, ../scss/_container.scss */
  main h2 {
    font-size: 30px;
  }

  /* line 272, ../scss/_container.scss */
  main h3 {
    font-size: 24px;
  }
}
/* line 4, ../scss/_images.scss */
.container main section > img, .container main section > a img {
  width: 100%;
  border-radius: 7px;
}
/* line 9, ../scss/_images.scss */
.container main section .twin,
.container main section .gallary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}
/* line 16, ../scss/_images.scss */
.container main section .twin > img,
.container main section .gallary > img {
  width: 48%;
  margin: 0 0 10px 0;
  border-radius: 7px;
}
/* line 22, ../scss/_images.scss */
.container main section .twin > div,
.container main section .gallary > div {
  flex: 0 0 48%;
  margin: 0 0 10px 0;
}
/* line 25, ../scss/_images.scss */
.container main section .twin > div img,
.container main section .gallary > div img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 7px;
}
/* line 31, ../scss/_images.scss */
.container main section .twin > div details,
.container main section .gallary > div details {
  font-size: 80%;
  line-height: 150%;
}
/* line 34, ../scss/_images.scss */
.container main section .twin > div details summary,
.container main section .gallary > div details summary {
  cursor: pointer;
}
/* line 35, ../scss/_images.scss */
.container main section .twin > div details dt,
.container main section .gallary > div details dt {
  float: left;
}
/* line 36, ../scss/_images.scss */
.container main section .twin > div details dt::after,
.container main section .gallary > div details dt::after {
  content: "：";
}

@media (min-width: 414px) {
  /* line 43, ../scss/_images.scss */
  .container main section > img, .container main section > a img {
    width: 55%;
    float: right;
    margin-left: 10px;
  }
  /* line 48, ../scss/_images.scss */
  .container main section > img.left, .container main section > a img.left {
    float: left;
    margin-right: 10px;
    margin-left: 0px;
  }
  /* line 54, ../scss/_images.scss */
  .container main section .gallary > img {
    margin: 0 0 15px 0;
  }
}
@media (min-width: 576px) {
  /* line 61, ../scss/_images.scss */
  .container main section > img, .container main section > a img {
    width: 45%;
    margin-left: 20px;
  }
  /* line 64, ../scss/_images.scss */
  .container main section > img.right, .container main section > a img.right {
    margin-left: 20px;
  }
  /* line 67, ../scss/_images.scss */
  .container main section .gallary > img {
    margin: 0 0 18px 0;
  }
}
@media (min-width: 768px) {
  /* line 75, ../scss/_images.scss */
  .container main section .gallary > img {
    width: 32%;
    margin: 0 0 15px 0;
  }
  /* line 76, ../scss/_images.scss */
  .container main section .gallary > div {
    flex: 0 0 30%;
  }
}
@media (min-width: 992px) {
  /* line 84, ../scss/_images.scss */
  .container main section .gallary > img {
    width: 32%;
    margin: 0 0 20px 0;
  }
  /* line 85, ../scss/_images.scss */
  .container main section .gallary > div {
    flex: 0 0 23%;
  }
}
@media (min-width: 1024px) {
  /* line 93, ../scss/_images.scss */
  .container main section .gallary > img {
    width: 24%;
    margin: 0 0 20px 0;
  }
}
/*--------------------------
		テーブル
---------------------------*/
/* line 7, ../scss/_table.scss */
table {
  border: 1px #aaa solid;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
/* line 12, ../scss/_table.scss */
table caption {
  text-align: left;
}
/* line 15, ../scss/_table.scss */
table td, table th {
  border: 1px #aaa solid;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 20, ../scss/_table.scss */
table th {
  text-align: left;
  white-space: nowrap;
  width: 1%;
  font-weight: normal;
  background-color: #EFEFEF;
}

/* line 29, ../scss/_table.scss */
table#timetable {
  border: none;
  border-radius: 5px;
  width: 90%;
  margin: 40px auto 0;
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 38, ../scss/_table.scss */
table#timetable tr td:first-child {
  border-left: none;
}
/* line 39, ../scss/_table.scss */
table#timetable tr td:last-child {
  border-right: none;
}
/* line 42, ../scss/_table.scss */
table#timetable tr:first-child td {
  border-top: none;
}
/* line 45, ../scss/_table.scss */
table#timetable tr:last-child td {
  border-bottom: none;
}
/* line 47, ../scss/_table.scss */
table#timetable td {
  border-color: #aaa;
  background-color: transparent;
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
}
/* line 54, ../scss/_table.scss */
table#timetable .a {
  width: 20%;
}
/* line 55, ../scss/_table.scss */
table#timetable .b {
  width: 12%;
}
/* line 56, ../scss/_table.scss */
table#timetable .c {
  width: 12%;
}

/* line 3, ../scss/_form.scss */
.msearch {
  display: flex;
}
/* line 5, ../scss/_form.scss */
.msearch input[type="text"] {
  flex: 1 1 auto;
  line-height: 150%;
  margin-right: 5px;
  padding: 7px;
  background-color: #fff;
  border-radius: 10px;
}
/* line 13, ../scss/_form.scss */
.msearch input[type="submit"] {
  flex: 0 0 70px;
  line-height: 150%;
  padding: 7px;
  background-image: linear-gradient(to top, #999 0%, #fff 100%);
  border: solid 1px #aaa;
  border-radius: 10px;
}
/* line 21, ../scss/_form.scss */
.msearch input[type="submit"]:hover {
  background-image: linear-gradient(to top, #ddd 0%, #fff 100%);
}
/* line 24, ../scss/_form.scss */
.msearch input[type="submit"]:active {
  background-image: linear-gradient(to top, #fff 0%, #ddd 100%);
}

/*--------------------------
		フッター
---------------------------*/
/* line 6, ../scss/_footer.scss */
footer {
  display: block;
  margin-bottom: 55px;
  padding: 10px 0 30px;
  background-color: #CA813A;
  color: #fff;
  font-size: 90%;
  text-align: center;
  line-height: 1.5;
}

@media (min-width: 576px) {
  /* line 19, ../scss/_footer.scss */
  footer > .wrapper {
    display: block;
    padding: 0 10px;
  }
}
@media (min-width: 769px) {
  /* line 27, ../scss/_footer.scss */
  footer > .wrapper {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  /* line 34, ../scss/_footer.scss */
  footer {
    margin-bottom: 0px;
    height: 320px;
  }
}
/* line 41, ../scss/_footer.scss */
.sns ul {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 30px auto;
  padding: 0;
}
/* line 47, ../scss/_footer.scss */
.sns ul li {
  flex: 0 0 18%;
  list-style-type: none;
}
/* line 50, ../scss/_footer.scss */
.sns ul li a {
  color: #fff;
  text-decoration: none;
  text-align: center;
}
/* line 54, ../scss/_footer.scss */
.sns ul li a [class*="fa-"] {
  display: block;
  margin-bottom: 0px;
  padding: 8px;
  font-size: 200%;
  text-align: center;
  background-color: #fff;
  border-radius: 40px;
}
/* line 63, ../scss/_footer.scss */
.sns ul li a [class*="line"] {
  color: #249614;
}
/* line 64, ../scss/_footer.scss */
.sns ul li a [class*="facebook"] {
  color: #3b5998;
}
/* line 65, ../scss/_footer.scss */
.sns ul li a [class*="youtube"] {
  color: #DC2A00;
}
/* line 66, ../scss/_footer.scss */
.sns ul li a [class*="instagram"] {
  color: #DD5548;
}
/* line 67, ../scss/_footer.scss */
.sns ul li a [class*="ameba"] {
  color: #249614;
  font-size: 130%;
  padding: 13px 0;
}

/* line 73, ../scss/_footer.scss */
.infomation ul {
  padding-left: 0px;
}
/* line 76, ../scss/_footer.scss */
.infomation ul li {
  list-style-type: none;
}

/* line 78, ../scss/_footer.scss */
img#credit {
  width: auto;
}

/*--------------------------
	フッターメニューBox
---------------------------*/
/* line 6, ../scss/_footerMenu.scss */
.footerMenu {
  display: flex;
  width: 100%;
  z-index: 1000;
  position: fixed;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #000;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
/* line 17, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"] {
  flex: 1 1 0;
  border-top: solid 0px #FCCB9B;
  border-left: solid 0px #CA813A;
}
/* line 22, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"] img {
  height: 35px;
  margin: 0;
  padding: 0;
}
/* line 26, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"] i {
  display: block;
  margin: 5px auto;
  font-size: 170%;
}
/* line 30, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"] p {
  height: 18px;
  margin: 0;
  padding: 0;
  font-size: 80%;
}
/* line 36, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"]:first-child {
  border-left: none;
}
/* line 39, ../scss/_footerMenu.scss */
.footerMenu [class*="inbox"] > a {
  color: #fff;
  text-decoration: none;
}
/* line 43, ../scss/_footerMenu.scss */
.footerMenu .inboxD {
  display: block;
}

@media (min-width: 1025px) {
  /* line 48, ../scss/_footerMenu.scss */
  .footerMenu {
    height: 100px;
  }
  /* line 52, ../scss/_footerMenu.scss */
  .footerMenu [class*="inbox"] i {
    margin: 10px auto;
    font-size: 250%;
  }
  /* line 55, ../scss/_footerMenu.scss */
  .footerMenu [class*="inbox"] p {
    height: 25px;
    margin: 0;
    padding: 0;
    font-size: 100%;
  }
}
/* line 67, ../scss/_footerMenu.scss */
#hbgmenu {
  position: relative;
  width: 28px;
  height: 24px;
  margin: 7px auto;
  cursor: pointer;
  transition: 1s;
}
/* line 78, ../scss/_footerMenu.scss */
#hbgmenu .inner_line {
  display: block;
  position: absolute;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #666;
  transition: 1s;
  border-radius: 4px;
}
/* line 88, ../scss/_footerMenu.scss */
#hbgmenu #f-line1 {
  top: 0;
}
/* line 89, ../scss/_footerMenu.scss */
#hbgmenu #f-line2 {
  top: 11px;
}
/* line 90, ../scss/_footerMenu.scss */
#hbgmenu #f-line3 {
  bottom: 0px;
}
/* line 92, ../scss/_footerMenu.scss */
#hbgmenu .line_1, #hbgmenu .line_2, #hbgmenu .line_3 {
  background: #666;
}
/* line 95, ../scss/_footerMenu.scss */
#hbgmenu .line_1 {
  transform: translateY(11px) rotate(-45deg);
  top: 0;
}
/* line 99, ../scss/_footerMenu.scss */
#hbgmenu .line_2 {
  opacity: 0;
}
/* line 102, ../scss/_footerMenu.scss */
#hbgmenu .line_3 {
  transform: translateY(-11px) rotate(45deg);
  bottom: 0;
}

/* line 112, ../scss/_footerMenu.scss */
.hide-area {
  display: none;
}

/* line 116, ../scss/_footerMenu.scss */
.modaal-container {
  background-color: #FCCB9B;
  border-radius: 10px;
}
/* line 119, ../scss/_footerMenu.scss */
.modaal-container p {
  padding-bottom: 10px;
}

/* line 122, ../scss/_footerMenu.scss */
.modaal-content-container {
  padding: 20px 30px 30px;
}

/* line 127, ../scss/_footerMenu.scss */
.modaal-close:after,
.modaal-close:before {
  background: #FCCB9B;
}

/* line 132, ../scss/_footerMenu.scss */
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}

/* line 144, ../scss/_footerMenu.scss */
#page-top a {
  transition: all 0.3s;
}

/* line 148, ../scss/_footerMenu.scss */
#page-top a:hover {
  background: #777;
}

/*--------------------------
		その他
---------------------------*/
/* line 7, ../scss/_others.scss */
.hide {
  display: none;
}

/* line 8, ../scss/_others.scss */
.clear {
  clear: both;
}

/* line 9, ../scss/_others.scss */
.red {
  color: #cc0000;
}

/* line 10, ../scss/_others.scss */
.large {
  font-size: x-large;
}

/* line 11, ../scss/_others.scss */
.w100 {
  width: 100%;
}

/* line 12, ../scss/_others.scss */
.imgLeft {
  float: left;
  margin: 0 10px;
}

/* line 13, ../scss/_others.scss */
.imgRight {
  float: right;
  margin: 0 10px;
}

/*# sourceMappingURL=style.css.map */