/*
Theme Name: inspire
Theme Theme URI: https://aroma.monster/
Description: マンチャンスパ
Author:  bibiru
Version: 1.0.1
*/
html {
  scroll-behavior: smooth;
 
}
body{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; margin: 0; 
padding: 0px;background-color:#fff; background-image: url("https://aroma.monster/wp-content/uploads/back1.webp");}
form#attmgr_admin_scheduler table.attmgr_admin_scheduler {
	overflow: scroll;display: block;
}
a{text-decoration: none; color: #fff;}
.link{margin-top:30px;display:flex;flex-wrap: wrap;	margin-bottom: 30px;}
.link ul{list-style:none;flex-wrap: wrap;display:flex;text-align: center;
  padding-left: 0px;width: 99%;margin: 0 auto;
}
.link ul li{margin:0 20px;width: 45%;}
.link img{width:auto;height: auto;}
.comment{font-size:14px;}
.x-link{width: 200px;margin: 0 auto;}
.x-link a{display: flex; font-size: 1.5em;  align-items: center;color:#fff!important;}

/* アクティブな画像の枠線を変更 */
.sub-img li.current img {
  border: 2px solid red;transition: border .5s;
}
/* レイアウトのためのスタイル */
.container000 {max-width: 500px;}
.main-img {width: 100%;}
.main-img img {height: auto;width: 100%;
}
.sub-img {display: flex;margin-top: 10px;
}
.sub-img{padding-left:0px;}
.sub-img li {list-style:none;
  margin-right: 2%;
  width: calc(96% / 3);
}
.sub-img li:nth-child(3n) {
  margin-right: 0;
}
.sub-img li img {
  border: 2px solid transparent;
  transition: border .5s;
}
.sub-img img { cursor: pointer;width: 100%;
}

.coupon{width:100%;}
.coupon img{width: 100%;}
#page-top000 a{display:none;}
.outer-moushikomi {display: -webkit-flex;display: flex;margin:0 auto;
  max-width: 1200px;justify-content: center;
}
.outer-moushikomi2{display:none;}

.alert{display:none;}
.header-tel{text-align:center;color:#fff;font-size:2em;background-image: linear-gradient(0deg, #ffc1f4, #ffdffd 50%, #ffb1ff);margin-bottom:0px;padding: 10px 0px;
  margin-top: -1px;}
.anchor{position: relative;top: -150px;display: block;}
.kiyaku{max-width:1100px;line-height:1.5em;margin: 0 auto;font-size: 0.9em;}
.m-price{margin-left:2em;text-align:left;}
.map{margin:0 auto;text-align: center;}
.saiyou-form{text-align:left;padding: 20px;line-height: 2.5em;}
.s-work{height:auto;  overflow: scroll;}
/* 次の記事、前の記事のナビゲーションのスタイル */

.p-post-nav{width:98%;margin-right: auto;
  margin-left: auto;}
.nav-links {font-size: 16px;display: flex;
}
.nav-links div[class^="nav-"] {
  width: 49%;padding:5px;
}
.nav-links .nav-next {
  margin-left: auto;
}
.nav-links .nav-previous + .nav-next {
  margin-left: -1px;
}
.nav-links a {
  display: flex;align-items: center;
  justify-content: center;width: 100%;background-color: #d0bfee;color: #000;
  height: 3.5em;
}
@media (max-width: 30em) {
  .nav-links {font-size: 14px;}
}

.post h2 {text-align: center;
  position: relative;
  display: block;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;margin-bottom: 23px;
   font-size: 2.2rem;font-weight: nomal;}
.post h2:before {  content: '';  position: absolute;  bottom: -6px;  display: inline-block;  width: 80px;  height: 3px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #e70000;  border-radius: 2px;}

.post h3 {font-size: 1.5em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  padding: 0.25em 0.5em;margin-left: 40px;margin-bottom: 5px;background: transparent;
	border-left: solid 5px#8f79b7;}
div#breadcrumb	{margin-bottom: 5px;padding: 10px 20px;color:white;}
div#breadcrumb a{color:white;}
div#breadcrumb div	{display: inline;
	font-size: 0.75em}
.tag-button{text-align:left;float:left;}
.tag-button ul{padding-left:0px;margin-top:0px;}
.tag-button ul li{display: inline-block;
	margin: 10px 10px;padding: .6em;
	line-height: 1;text-decoration: none;color: #000;background-color: #fff;
	border: 1px solid #ffbcf4 ;border-left: 5px solid #ffbcf4 ;
}
table.attmgr_guide_weekly td.current a{color:#000;}
table.attmgr_guide_weekly .date a{color:#000;}
table.attmgr_weekly th, table.attmgr_weekly td{color:#222;}
table.attmgr_weekly td.not_working {  background-color: #aaa!important;}
table.staff-table{width:100%;}
table.staff-table th {background-color:#8f79b7;color:#fff; border-bottom: 1px solid #634698;
  width: 39%;padding: 10px;font-weight: bold;vertical-align: top;
}
table.staff-table tr{border: 1px solid #634698;}
.staff-th{border: 1px solid #634698!important;}
table.staff-table td {  color: #fff;width: 61%; border: 1px solid #634698;padding-left: 10px;background: #8f79b7;}
a.btn-border4 {font-family: "akrobat";display: block;  width: 30%;  padding: 10px 0;  border-radius: 0px;  background-repeat: no-repeat;  background-position: 100% 0;  background-size: 200% auto;  background-image: linear-gradient(to right,#d7000f 0%,#d7000f 50%,    #fff 50%,#fff 100%);  box-shadow: 0 3px 10px rgb(255 255 255 / 16%);  transition: background-position ease 0.4s;  text-align: center;  color: #000;  text-decoration: none;  font-weight: 400;font-size:22px;margin-bottom: 20px; margin-right: auto;  margin-left: auto;}
a.btn-border4:hover {background-position: 0 0; color: #fff;}
.br-pc{display: inline-block;}
.br-sp {display: none;}

.header-img{background-image: url("https://aroma.monster/wp-content/uploads/top-head-back.webp");background-size: cover;  background-position: center;z-index: -200;position: relative;margin-top: 33px;}
.header-img img{margin:0 auto;text-align:center;display: block;}

/* attendance-managerカスタム */
table.attmgr_guide_weekly {  background:#ffe3fa;}
table.attmgr_guide_weekly td{border: 1px solid #ffe3fa!important;}
table.attmgr_guide_weekly td.current { background-color: #f06cd7!important;}
table.attmgr_guide_weekly{width:98%!important;}
table.attmgr_guide_weekly td{padding:10px;}
.name a{color:white;}
ul.staff_block li{width:20%!important;background: #8f79b7;color: #fff;}
ul.staff_block li img {width: 90%;  height: auto;}

form#attmgr_admin_scheduler table.attmgr_admin_scheduler td.portrait img{height:auto;}
/* ギャラリープラグインカスタム */
.foogallery.fg-simple_portfolio .fg-item-inner .fg-caption{font-size:18px!important;color:#222!important;font-weight:600!important;}
.fg-caption-desc{text-align:right!important;}

.whatsnew{max-width: 1150px;margin-right: auto!important;margin-left: auto!important;width: 100%;}
div.whatsnew dl{padding:10px 0px!important;text-align: left!important;}
div.whatsnew hr{border-top: 1px solid #5e5e5e!important;border-bottom:none!important;}
div.whatsnew dd{color: white!important;}
div.whatsnew dt{color:wheat!important;}
div.whatsnew a{padding:0.5em!important;}
div.whatsnew a:hover {	background-color: #4f4545!important;}
/* 画面外にいる状態 */
.fadein {opacity : 0.1;	transform : translate(0, 50px);	transition : all 400ms;	}

/* 画面内に入った状態 */
.fadein.scrollin {opacity : 1;	transform : translate(0, 0);}

.contact-form{text-align:left;padding: 20px;line-height: 2.5em;}
div.post-back1{width:100%; margin:0 auto;margin-top:10px;margin-bottom: 10px; }

.post-back1-back{background-image: url("https://aroma.monster/wp-content/uploads/top-head.webp");height:750px;background-size: cover;  background-position: center;	position: relative;}
.post-back2-back{background-image: url("https://aroma.monster/wp-content/uploads/menu-head.webp");height:750px;background-size: cover;  background-position: center;	position: relative;}
.post-back3-back{background-image: url("https://aroma.monster/wp-content/uploads/order-head.webp");height:750px;background-size: cover;  background-position: center;	position: relative;}
.post-back4-back{background-image: url("https://aroma.monster/wp-content/uploads/about-head.webp");height:750px;background-size: cover;  background-position: center;	position: relative;}

.post-contact-back{background-image: url("https://aroma.monster/wp-content/uploads/contact-head.webp");height:450px;background-size: cover;  background-position: center;	position: relative;}
.post-privacy-back{background-image: url("https://aroma.monster/wp-content/uploads/privacy-head.webp");height:450px;background-size: cover;  background-position: center;	position: relative;}

.post-back1-txt{color: #fff;  font-size:1.6rem;letter-spacing:.02rem;font-weight: 600;  position: absolute; left: 5%;top: 85%;  transform: translate(-5%,-85%);text-shadow: 1px 2px 3px #333; }
.post-back1-txt h2{ font-size:30px; position: relative;  display: inline-block;  padding-right: 190px;}

.post-back1-txt  h2:after {content:'';  position: absolute;  top: 50%;  display: inline-block;  width: 75px;  height: 2px;  background-color: white;}

.post-back1-txt h2.pc-1:after {  right: 0;}
h2.mo-1{display:none;}

div#post001{width:80%; margin:0 auto; max-width:1000px; margin-bottom: 10px; margin-top: -50px;background-color:#fff;position: relative;}
.post001-back1{text-align: center;  /*コレ*/margin: -20px 20px 0;}
.post001-back1 img{width: 100%;margin-top: 60px;max-width: 900px;}
.post001-back1 h2 {  position: relative;  display: inline-block;  margin-bottom: 1px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size: 2.2rem;font-weight: 600;color: #fff;}
.post001-back1 h2:before {content:'';  position: absolute;  bottom: -6px;  display: inline-block;  width: 80px;  height: 2px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #ce1031;  border-radius: 2px;}

.post001-back2{text-align:center;max-width: 960px;
  margin: 0 auto;line-height:2em;}
.post001-back2 img{width: 100%;margin-top: 60px;max-width: 900px;}
.post001-back2 h2 {  position: relative;  display: inline-block;  margin-bottom: 1px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size: 2.2rem;font-weight: 600;}
.post001-back2 h2:before {content:'';  position: absolute;  bottom: -6px;  display: inline-block;  width: 80px;  height: 2px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #ce1031;  border-radius: 2px;}

.sub-title{color:#fff;font-size:2em;font-weight:600;margin-top:-50px;margin-left: 80px;}
.sub-title a{color:#fff;text-shadow: 1px 2px 3px #333;}
.sub-title a:hover{color:#f00;text-decoration:underline;}

.balloon1 {border-radius: 12px;background-color:#fff;  position: relative;  display: inline-block; margin:0 auto;margin-top: 20px;
  padding: 10px;  width:82%; color: #333;  font-size: 20px;font-weight:600;  box-sizing: border-box;box-shadow: 1px 3px 5px rgba(204, 204, 204, 0.66);text-align:center;}

.balloon2 { position: relative;  display: inline-block; margin:0  auto;margin-top: 20px;
  padding: 10px;  width:82%; color: #fff;  font-size: 1em;font-weight:400; text-align:left;line-height: 2em;}


@media screen and (max-width:65em) {
	.post h3 {margin-left:20px;}
	.link ul li {  font-size: 13px;width: 99%;}
	.link a{text-align:center;}
	.link img{width:90%;}
	.outer-moushikomi2{/*追加*/display: flex;
    padding: 0;margin: 0;
    list-style: none;border-top: 1px solid #333;border-left: 1px solid #333;
	background-color:rgba(50,50,50,0.5);
}
.outer-moushikomi2 li{ /*追加*/width: 100%;
    /*追加*/box-sizing: border-box;
    /*追加*/text-align: center;
    padding: 10px;margin: 0;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;}
.outer-moushikomi2 li img{margin:0 auto;text-align:center;max-width:45px;}
.coupon {margin-top:30px;}
.pc{display:none;}
.mo{display:block;}
#page-top000 {position: fixed; bottom: 0px; right:0px; font-size: 0.875em;z-index: 91;width:100%;}
#page-top000 a { text-decoration: none; color: #fff; 	 text-align: center; display: block;}
#page-top000 a:hover {opacity:0.7;}
#page-top000 img{  max-height: 65px;width: auto;image-rendering: -webkit-optimize-contrast;}
	div#footermenu {margin-bottom: 60px;}
	.cp_box .cp_container {	overflow: hidden;	height: 100px; /* 開く前に見えている部分の高さ */	transition: all 0.5s;}
	.m-price{margin-left:0em;text-align:center;}
	ul.staff_block { display: flex;flex-wrap:wrap;}
	ul.staff_block li{width:41%!important;}
	.header-img{margin-top:65px;}
	.header-img img{width:90%;}
	.post001-back1 h2{font-size:1.5rem}
	.balloon1 {width:91%;font-size:16px;text-align:left;}
		.balloon2 {width:91%;font-size:16px;text-align:left;}
}
@media screen and (max-width:30em) {
	.cform th {	 padding-left:10px !important}
  .tb01 {width: 100%; }
  table.tb01 th,
  table.tb01 td {display: block;
    width: 100%;border-bottom:none;
  }
  .tb01 tr:last-child{border-bottom: solid 1px #ccc;}
}
.pc{display:block;}
.mo{display:none;}

.button000{text-align:center;}
.button000 a{  color: #000;  border-radius: 32px;   text-decoration: none;  background-color: #fff;  margin-left: 10px;  padding: 10px 10px;  cursor: pointer; width: 90%;display: flex;min-width: 150px;text-align: center;justify-content: center;}
.button000 a:hover {color:#fff;    background-color:#BB0D0D;transition: all 0.7s ease;}

.button001{text-align:center;margin: 0 auto;  width: 75%;font-weight:600;font-size:1.3em;}
.button001 a{  color: #000;  border-radius: 12px;   text-decoration: none;  background-image: linear-gradient(0deg, #ffc1f4, #ffdffd 50%, #ffb1ff);  margin-left: 10px;  padding: 10px 10px;  cursor: pointer; width: 90%;display: flex;min-width: 150px;text-align: center;justify-content: center;}
.button001 a:hover {color:#fff;    background-color:#BB0D0D;transition: all 0.7s ease;}

/* flex関連 */
.outer-001{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;padding: 20px;margin-top:0px;}
.outer-000{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;padding: 20px;margin-top:0px;flex-wrap:wrap;justify-content: space-between;}
.outer-002{margin-right:auto;margin-left:auto;max-width:1200px;column-count: 4;  column-gap: 10px;padding: 20px;margin-top:0px;}
.outer-003{ margin-right:auto;margin-left:auto;max-width:1200px;padding: 20px;margin-top:0px;}
.outer-003 ul{list-style-type: none;display: flex;flex-wrap: wrap;justify-content: center;}
.outer-003 ul li{width: 30%;  padding:2px;}
.footer-outer-001{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;border-radius:12px;padding: 20px;margin-top:0px;}

a.button01 {color:#fff!important;  border-radius: 32px; text-decoration: none;background-color: #ff6560;font-size: 0.98em;font-weight: 600;padding: 13px;text-align:center;margin-right:auto;margin-left: auto;max-width: 640px;box-shadow:3px 3px 2px 2px rgb(0, 0, 0);display:block;font-size: 1.3em;}
a.button01:hover {color:#222!important;    background-color:#fff3f3;transition: all 0.7s ease;}

div#flex-footer-001 {width:18%; font-size: 1em;padding:5px;margin-bottom:5px;margin-top:5px;align-items: stretch;margin-left: 2px;display: flex;align-items: center;}
div#flex-footer-001 img{max-width:200px;}
div#flex-footer-002 {display: flex;flex-wrap: wrap;width:81%; font-size: 1.05em;padding:5px;margin-bottom:5px;margin-top:-5px;margin-left: 2px;line-height: 3em;}
div#flex-footer-002 ul{list-style-type: none;display: flex;flex-wrap: wrap;}
div#flex-footer-002 li{width: auto;}
div#flex-footer-002 a{color:#444;}
div#flex-footer-002 a:hover{color:#ce1031;}
.spacer0{margin:150px 0px;}
.spacer1{margin:100px 0px;}
.spacer2{margin:50px 0px;}
.spacer3{margin:30px 0px;}
.spacer4{margin:10px 0px;}
.spacer {width: 100%;}

div#flex-001 {width:99%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;align-items: stretch;margin-left: 2px;line-height: 2em;text-align: left;color:#222;}

div#flex-002 {width:49%; font-size: 1.1em;padding:5px;margin-bottom:20px;text-align: center;margin-left: 2px;line-height: 2em;text-align: left;color:#222;}
div#flex-002 a{ color: #333;  padding-right:1px; padding-left: 1px; padding-top: 10px; text-decoration: none;}
div#flex-002 a:hover{text-decoration:underline;color:#693905;}

div#flex-002 h2{font-size:30px;position: relative;  display: inline-block;  margin-bottom: 1.5em;color:#333;}
div#flex-002 h2:before {content:'';  position: absolute;  bottom: -15px;  display: inline-block;  width: 120px;  height: 2px;  left: 50%;
  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: black;  border-radius: 2px;}

div#flex-003 {width:48%; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-left: 2px;line-height: 2em;text-align: left;color:black;background-image: linear-gradient(45deg, #ffbcf4 1%, #ffd7fe 22%, #f06cd7 56%, #ffdffd 79%, #ff8cff);font-weight:600;}
div#flex-004 {width:48%; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-left: 2px;line-height: 2em;text-align: left;color:#222;border:solid 1px #560c42;background: white;}

div#flex-005 {width:18%; font-size: 1.1em;padding:0px;margin-bottom:20px;margin-left: 0px;line-height: 2em;text-align: left;color:#222;}
div#flex-006 {width:46%; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-left: 2px;line-height: 2em;text-align: left;color:#222;}
div#flex-007 {padding-top: 1px !important;width:18%; font-size: 1.1em;padding:0px;margin-bottom:20px;margin-left: 0px;line-height: 2em;text-align: left;color:#222;}
/* table関連 */
table {  margin: 0px auto;width: 1090px;border-collapse: collapse;}
.tbl-r02 th {width:25%;text-align:left;  background: #f1f1f1!important;  border: solid 1px #ddd!important;  color: #444;  padding: 10px;vertical-align: top;}
.tbl-r02 td {width:75%;border:solid 1px #f1f1f1!important;  padding: 10px;text-align: left;}
.tbl-r03 th {width:25%;text-align:left;  background: #ff9b3a!important;  border: solid 1px #44ce1f!important;  color: #fff;  padding: 10px;vertical-align: top;}
.tbl-r03 td {width:75%;border:solid 1px #44ce1f!important;  padding: 10px;}

.tb01{width:960px;}
.tb01 th,
.tb01 td{padding: 10px 10px 10px 20px;
  border: solid 1px #ccc;
  text-align:left;box-sizing:border-box;
}
.tb01 th {
  background: #fff;vertical-align: middle;text-align: left;overflow: visible;position: relative;color: #000;font-weight: normal;
  }

.tb01 th:after {left: 100%;top: 50%;
  border: solid transparent;
    border-top-width: medium;
    border-top-color: transparent;
    border-right-width: medium;
    border-right-color: transparent;
    border-bottom-width: medium;
    border-bottom-color: transparent;
    border-left-width: medium;
    border-left-color: transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136,183,213,0);
    border-left-color: rgba(136, 183, 213, 0);border-left-color: #fff;
  border-width: 10px;margin-top: -10px;
}
/* table2関連 */
.cform th {	font-size: 18px;width: 90%; padding-left: 38px;	text-align: left;	font-weight: bold;}

.cform td {	font-size: 18px;padding-bottom: 26px;padding-left: 0px;	line-height:250%;}

.cform {width: 100%;max-width:960px;	margin-right: auto;margin-left: auto;}

.cform [type=submit] {	display: inline-block;	font-size: 20px;	padding: 10px 30px;	text-decoration: none;	background: #ff8f00;	color: #FFF;	border-bottom: solid 4px #B17C00;	border-radius: 3px;}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {	width: 90%;min-height:38px;border: 1px solid #ced4da;border-radius: .25rem;}
input:focus, select:focus, textarea:focus {outline: 2px #bfdeff solid ;}
::placeholder{font-size:1rem!important;}
.required-srt {	color: #e57777;font-size: 14px;padding-left: 14px;}

.submit-check{text-align:center;}

.mw_wp_form_confirm .confirm-hidden {
　display: hidden;
} 

div.post-back2{width:100%; margin-right:auto;margin-left:auto;  margin-bottom: 10px; background-color:#f1f1f1;}
div.post-back3{width:100%; margin-right:auto;margin-left:auto;  margin-bottom: 10px;}
div.post-back4{width:100%; margin-right:auto;margin-left:auto; margin-bottom: 10px; }

/* 水平線 */

hr.dashed {border-top: 1px solid #fff;  width:88%;}
hr.dashed2 {border-top: 1px solid #6d6157; border-bottom: 1px solid #f5f1ed; width:100%;}

/* コンテナ */
#container {width: 100%;margin:0  auto;margin-top: 33px;overflow: hidden;display: grid;
  grid-template-rows: auto 1fr auto;  grid-template-columns: 100%;  min-height: 100vh;}

/* ヘッダー */
div#header01{width: 100%;margin-right:auto;margin-left:auto;background-color: #fff;}
div#header0 {width: 100%;margin-right:auto;margin-left:auto;background-position: center;margin-top:60px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 1200px;margin-right:auto;margin-left:auto;background-color: #fff;margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000;}
div#header p#desc	{font-size: 0.875em;background-color: #fff;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

#top-head {display: none;}

div#subinfo	{text-align: right;margin: -32px 0 5px}

div#header0 img{height: auto;width: 100%;min-width: 1000px;background-position: center;margin-top:100px;}
/* ナビゲーションバー */
div#fixedBox{width: 100%;height:80px;margin-right:auto; margin-left:auto;display: inline-block;transition: all .3s;margin-bottom: -33px;background: #8f79b7;opacity:1;
}

/* Global Menu */
header img{float:left;margin-right: 0px;width:auto;height:55px;}
header{margin-top: 20px;font-size: 0.92em;	margin-bottom: 13em;	position: relative;	width: 100%;	max-width: 1220px;margin-right: auto;
margin-left:auto;z-index: 1002;}
header ul {height:60px;margin-top:-10px;text-align: right;margin-right: 20px;}
header ul > li{	display: inline-block;font-size:1em;}
header ul > li > a{	padding-top: 13px;	padding-bottom:10px;padding-left: 0.5rem;padding-right:0.5rem;
display: block;transition: 0.5s;font-weight: 600;color:#fff;}

header ul > li a:after {content:'';	width: 0;	transition: all 0.3s ease;	border-bottom:  2px solid #ff2a2a;	display: block;}
header ul >li a:hover:after {	width: 100%;margin-left:7px;	}
header ul > li > span{	margin-left: 1.2em;}

/* Submenu */

header ul li ul{
	position: absolute;top:60px;left: auto;margin-top: -15px;
margin-left: -40px;
}
header ul li ul li{display: block;
}
header ul li ul li a{
	background-color: #14763a;
	color: #fff;width: 100%;border-top: 1px solid #eee;text-align: center;
}
header ul li ul li a:hover{background-color: #fff;
}
.simple01 ul li ul{display: none;
}
.simple01 ul li:hover ul{display: block;
}
	.fixed {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1000;}
	.fixed2 {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1001;box-shadow: 0px 1px 2px #12346b;}

.is-fixed {position: fixed;top: 0;
  left: 0;z-index: 2;width: 100%;
}


/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 30px 0 0; line-height: 1; z-index: 999;}
#top-head a,
#top-head { color: #fff; text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left; font-size: 36px;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 14px;}
#global-nav ul li { float: left;}
#global-nav ul li a { padding: 0 30px;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;  -ms-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a {color: #333; padding: 0 20px;}
 
/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px; width: 34px; height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 3px; width: 100%; background: #ce1031; left: 0;
    -webkit-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
.inner { width: 1200px; margin: 0 auto;}
.inner:after {content:''; clear: both; display: block;}

/* コンテンツ */
div#content	{width: 1100px;float: left;margin-right: 40px;}
div#content2{width: 100%;margin-right:auto;margin-left:auto;}
div#content3{width:100%;max-width: 1260px;margin:0 auto;display:flex;flex-wrap:wrap;}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation{font-size: 0.75em;	overflow: hidden}
span.oldpage{float: left}
span.newpage{float: right}


/* 記事 */
div.post{margin-bottom:0px;overflow: hidden;width:100%;max-width: 1250px;color:#222;
  margin: 0 auto;}
div.post p	{font-size: 1em;line-height: 1.6;}
div.post p.postcat	{text-align: right;	margin: -10px 10px 10px 0;}
div.post p.postcat a	{font-size: smaller;background-color: #a7d043;
	border-radius: 2px;color: #ffffff;padding: 1px 5px}
div.post2{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#222; font-size: 1.0em;text-align:center;padding: 2rem 0rem; }
div.post2 p.postinfo	{color: #0c8bcd;text-align: right;	margin: 0;}
div.post2 h1 {  color: white;position: relative;  display: inline-block; margin-top:10px; margin-bottom: 20px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size: 2.2rem;font-weight: 300;}
div.post2 h1:before {content:'';  position: absolute;  bottom: -6px;  display: inline-block;  width: 60px;  height: 2px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #c32639;  border-radius: 2px;}

div.post2 h2 {  position: relative;  display: inline-block;  margin-bottom: 1px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size: 2.2rem;font-weight: 600;}
div.post2 h2:before { content:'';  position: absolute;  bottom: -6px;  display: inline-block;  width: 80px;  height: 3px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #e70000;  border-radius: 2px;}
div.post2 h3{font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";font-size:1.3em;margin:0 auto;background-color:#634698;color:white;text-align: center;padding: 10px;}
div.post8{width:100%; max-width: 1920px;margin-right:auto;margin-left:auto;   overflow: hidden;color: #222;  font-size: 1em;}
div.post9{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;   overflow: hidden;color: #222;  font-size: 1em;background: #fff;}
div.post10{background:#fff;margin: 0 auto;  padding: 2rem 1rem;}
div.post3{background:#fff;margin: 0 auto;  max-width: 52rem;  padding: 2rem 1rem;}
div.post3 h2 {  position: relative;  display: inline-block;  margin-bottom: 1px;font-family: futura-pt, sans-serif;
font-size: 2.2rem;font-weight: 300;}
div.post3 h2:before {  content: '';  position: absolute;  bottom: -6px;  display: inline-block;  width: 60px;  height: 1px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #c32639;  border-radius: 2px;}
div.post003{width:100%; margin-bottom:40px;overflow: hidden;color:#fff; font-size: 1.3em;background-color:#6d6157; }
.topics{margin-right:auto;margin-left:auto;margin-top:20px;text-align: center;}
div.post3 h5{font-size:2em;}
div.post-single{width:100%; max-width: 1100px;margin-right:auto;margin-left:auto; background-color:#fff; margin-bottom: 10px; overflow: hidden;color:#333; font-size: 1.0em;text-align:center;}
div.post4	{margin-bottom:0px;overflow: hidden;background-color:#8f79b7;max-width:1000px; margin: 10px;width: 20%;padding:15px;max-height: 830px;border-radius: 20px;}
div.post4 p	{font-size: 1em;line-height: 1.6;}
div.post4 p.postcat	{text-align: right;	margin: -10px 10px 10px 0;}
div.post4 p.postcat a	{font-size: smaller;background-color: #a7d043;
	border-radius: 2px;color: #ffffff;padding: 1px 5px}
div.post4 p.postinfo	{color: #0c8bcd;text-align: right;	margin: 0;}
div.post4 img {  width: 100%;  height: auto;  object-fit: cover;}
div.post4 h2{margin-top: 5px;margin-bottom:5px;padding: 0em 0.5em;/*上下 左右の余白*/
  color: #fff;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ffbcf4 ;/*左線*/}
div.post5{width:100%; max-width: 1200px;margin:0 auto;margin-bottom: 10px; overflow: hidden;color:#fff; font-size: 1.0em;text-align:center;padding-top: 30px;
  padding-bottom: 30px; }
div.post5 h3{font-size:2.2em;margin: 10px auto;}
div.post5 h4{font-size:1.2em;margin: 10px auto;}
div.post6{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#fff; font-size: 1.0em;text-align:left; }
div.post6 h2{font-size:1.7em;margin:0 auto;padding-left:3rem;color: papayawhip;}
div.post6-txt{line-height: 1.6;  letter-spacing: 0.02em; font-weight: bold;padding-left:3rem;}
div.post7{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#fff; font-size: 1.0em;text-align:center; }
div.post7-txt{line-height: 1.6;  letter-spacing: 0.02em;  font-weight: bold;padding-left:3rem;}

div.post-manual{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#222; font-size: 1.0em;text-align:left;padding: 30px;background-color:#fff;line-height:2em;}
div.post-manual h3{font-size:1.5em;text-align:left;margin-left:10px;}
div.post-manual img{max-width:600px;display:block;margin:20px px;}
div.post-manual a{color:#f00;}
/* 記事内の画像 */
.aligncenter	{display: block;margin:0 auto;}
.alignleft	{float: left;	margin-right: 10px;	margin-bottom: 10px}
.alignright	{float: right;	margin-left: 10px;	margin-bottom: 10px}
.wp-caption	{border: solid 1px #aaaaaa;	text-align: center;	padding-top: 5px}

/* サイドバー */
div#sidebar	{position: fixed;  width: 80px;  height: 100%;  background: #fff;  z-index: 9999;}
div#sidebar ul	{margin: 0;	padding: 5px; list-style:none;background-image: url("./images/sidebg.gif")}
div#sidebar .widget	{margin-bottom: 20px}
div#sidebar h2	{font-size: 1.2em;color:#000;background-color:#444445;padding:20px;margin-top: -1px;}
div#sidebar li {font-size: 16px;margin: 0;background-color:#fff;border-bottom:dotted 1px #ccc;}
div#sidebar li li a	{color: #333;display: block;padding: 5px 10px}
div#sidebar li li a:hover	{text-decoration: underline;color: #f00}
div#sidebar li:last-child {  border-bottom: none;}
div#sidebar ul.sub-menu a:before {content: "\f105";
 font-family: "Font Awesome 5 Free";font-weight: 900;	margin-left:-10px;	color:#66ceff;}
div#sidebar ul.sub-menu a { border:1px solid #fff;   background-color:#fff;	font-size: 13px;}
div#sidebar li.sub-menu  {  }
div#sidebar ul.sub-menu a:hover {  color:#66ceff;  background-color:#f6f6ff;}

/* 記事の個別ページ */
.single div.post h2	{background-color:#333333;	color: white}
.single div.post h2 a	{color: white}

/* タイトルの一覧 */
ul.post	{list-style-type: none;	margin: 0;	padding: 0;	border-top: dotted 1px #aaaaaa}
ul.post li	{border-bottom: dotted 1px #aaaaaa;	background-image: url(chip.png);background-repeat: no-repeat;background-position: left center;	padding: 15px 0 15px 20px}
ul.post li a{color: #000000}
ul.post li span	{font-size: smaller;color: #888888}
div.post p.more a:hover	{background: #f7e29e}

/* サムネイル画像 */
div.post p.thumb{float: left;margin: 0 10px 10px 0}

/* トップページのタイトルの一覧 */
ul.toplist	{list-style-type: none;	margin: 0 0 30px;padding: 0;border-top: solid 1px #aaaaaa}
ul.toplist li	{font-size: 0.875em;font-weight: bold;	border-bottom: solid 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px}

ul.toplist li a	{color: #000000}
ul.toplist li span	{font-size: smaller;color: #888888}

/* ページ番号リンク */
p.pagenum	{text-align: center}
p.pagenum a, p.pagenum span	{padding: 3px 6px;	color: #ffffff}
p.pagenum a	{background-color: #78982b}
p.pagenum span	{background-color: #a7d043}

@media screen and (max-width:65em) {
	.outer-003 ul { display: block;   flex-direction: column;  width: 100%;		padding-left: 0px;}
	.outer-003 ul li{width: 100%;  padding:2px;}
	div#content3	{justify-content: flex-start;}
	div.post4{margin-right:auto;width: 44%;padding: 2px;}
	a.btn-border4{width:65%;}
	div#post001{margin-top: -30px;width:90%;}
	.sub-title{font-size:1.5em;margin-left:30px;}
.post-about-back,.post-back1-back{height:450px;}
.post-work-back,.post-back2-back{height:350px;}
	.post-privacy-back{height:350px;}
.post-recruit-back,.post-back3-back{height:350px;}
.post-contact-back,.post-back4-back{height:350px;}

	.post001-back1 img{margin-top: 30px;}
	.post-back1-txt h2.pc-1{display:none;}
	h2.mo-1{display:block;color:black;margin-top: 40px;
text-align: center;}
	.post-back1-txt{font-size:26px;font-weight:600;text-shadow:1px 2px 2px #000;}
	div#flex-002{-webkit-flex-direction: column; flex-direction: column;width: 96%; font-size:1em; padding:5px; margin:0 auto;margin-top:20px;}	
	
	div#flex-003{-webkit-flex-direction: column; flex-direction: column;width: 96%; font-size:0.9em; padding:5px; margin:0 auto;margin-top:20px;margin-bottom:5px;}	
		div#flex-004{-webkit-flex-direction: column; flex-direction: column;width: 96%; font-size:0.9em; padding:5px; margin:0 auto;margin-top:0px;}	
	div#flex-005{width:95%; font-size:0.9em; padding:5px; margin:0 auto;margin-top:0px;display:flex;justify-content:center;}	div#flex-006{width:95%;}
table.type02 td {min-width:200px!important;padding: 5px 0px;}
	
		div#flex-007{width:95%; font-size:0.9em; padding:5px; margin:0 auto;margin-top:0px;display:flex;justify-content:center;}	div#flex-006{width:95%;}

.pc{display:none;}
.mo{display:block;}

.outer-001{ -webkit-flex-direction: column; display:block;   flex-direction: column;margin-top:-20px;}	
.outer-000{  display:flex;flex-wrap:wrap;margin-top:-20px;}	
	.outer-002{column-count:1;  }
.footer-outer-001{ -webkit-flex-direction: column;    flex-direction: column;margin-top:0px;}	

div#flex-footer-001{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
	div#flex-footer-002 li{width:100%;}

	.h-img2 img{margin-top:10px;}
	.meta{margin-top:28px;}
	header img{height:40px;margin-top:13px;margin-left: 5px;}
/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left:4px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {background: #0a0505;width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
    #global-nav {position: absolute;z-index: 1006;min-height:305px;
        /* 開いてないときは画面外に配置 */
        right: -100%;background: #0a0505; width: 99.5%;text-align: center!important; padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 1.1em!important;font-weight: bold;color: #fff;text-align: center;margin-top: -6px;}
    #global-nav ul li {float: none;position: static;margin-left:0px;border-bottom: solid 1px #fff;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #fff; padding: 14px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #960928;}	
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-102%);
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%);}

	header ul > li a:after {content:'';	width: 0;	transition: all 0.3s ease;	border-bottom: none !important;	display: block;}

#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
	#page-top a{margin-top: -103px;width: 40px!important;border-radius:12px;}
	div#footer p{display:none;}
	div#flex-footer-001 img {
  max-width: 180px;
}
}




@media screen and (max-width:48em) {
	.post-back1-txt h2{padding-right:20px;}
	.fadein {opacity :1;	transform : translate(0, 0px);	transition : all 400ms;	}
	.spacer0{margin:50px 0px;}
	.spacer1{margin:30px 0px;}
	div.post5{padding-top: 10px; padding-bottom: 10px;}
	div.post5 h4 {font-size: 1.05em;}
	div.post6 h2 {font-size: 1.2em;  margin: 0 auto;  padding-left: 0.3rem;}
	div.post6-txt{ font-size: 0.85em;padding: 0 1rem;}
		div.post7 h2 {font-size: 1.2em;  margin: 0 auto;  padding-left: 0.3rem;}
	div.post7-txt{ font-size: 0.85em;padding: 0 1rem;}
	.wqe-Form .wqe-Button.wqe-belongs-navbar.wqe-for-showmonitor{top: 1px!important;}
	.wqe-Form .wqe-Monitor{margin-top:100px;}
	div#flex-footer-002{display:none;}
	h2.mo-1{margin-top: 80px;}

	/* コンテナ */
.br-sp{display: inline-block;}
.br-pc {display: none;}
div#container	{width: 99%;	margin: auto;}

	
	
/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{
	background-color: #986842;	color: #fff;width: 99% !important;margin-left: 3px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
	div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
div#content	{width: 99%;float: left}
div#content2	{width: 99%;float: left}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}

div.post p	{font-size: 0.9em;line-height: 1.6;}

	

	
	
div#footer	{padding:10px 0px 10px 10px!important;}	
div#footermenu ul{width: 99%;	text-align: center;margin: 0 30px 0 0;	padding: 0;	list-style-type: none}
}





@media screen and (max-width:30em) {


	/* コンテナ */
	.nakami{font-size: 0.95em;padding: 5px; }
div#container	{width: 99%;	margin: auto;}


/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
		header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left: 1px;}
	#header-title {letter-spacing: -0.18em;float: left;	font-size: 0.6em;color: black;}
	div#subinfo	{text-align: right;	margin: -32px 0 5px}
	
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
div#content	{width: 99%;float: left}
div#content2	{width: 99%;float: left}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}


div.post p	{font-size: 0.9em;line-height: 1.6;}


div.post2 h4{font-size:1em; padding: 10px 10px;	margin-left: 5px;margin-bottom: -15px;}
.title000{text-align:left;max-width:1000px;}
.title000 h4{font-size:1.2em;padding: 0.25em 0.5em; margin-left: 40px;margin-bottom: 5px;
  background: transparent;/*背景透明に*/  border-left: solid 5px #8ce3f6;/*左線*/}
	/* 水平線 */
hr.dashed {border-top: 1px solid #fff;  width:88%;}
div#sidebar	{display:none;}	
	
	
div#footer	{padding:10px 0px 10px 10px!important;}	
div#footermenu ul{-webkit-flex-direction: column;    flex-direction: column;width: 94%; 	text-align: center;margin-left:0px!important;	padding: 0;	list-style-type: none}
		
	}
	
	
	
/* フッターメニュー */

div#footer	{color:#fff;background-color: #8f79b7;background-image: url("https://aroma.monster/wp-content/uploads/back1.webp");margin:0 auto;clear: both;padding: 20px 0px 20px 30px;}

div#footer p	{font-size: 0.75em;	font-style: normal;	font-family: Verdana, sans-serif;margin: 0}

a{text-decoration: none; color: #222;width: 100%;max-width:1090px;margin-right:auto;margin-left:auto;}
div#footermenu ul{display: flex;	float: left;margin-left:30px;	padding: 0;	list-style-type: none;color: #8f79b7;
font-weight: 600;}
div#footermenu ul ul	{width: auto;float: none;margin: 0}
div#footermenu .widget	{margin-bottom: 20px}
div#footermenu h2	{font-size: 0.75em;	color: #ffffff;	background-color: #aaaaaa;
	border-radius: 3px;	padding: 2px 10px;	margin: 0}
div#footermenu ul li	{font-size: 0.875em;	margin-top: 20px;text-align: left;padding: 0px 20px;}
div#footermenu ul li a	{color: #fff;display: block;	padding: 5px 10px}
div#footermenu ul li a:hover{color: #ff0;transition:all 0.4s ease-in-out 0s;text-decoration:underline;}
div#footer p	{clear: both;color: #fff;border-top: solid 1px #ffffff;padding-top: 8px;	text-align: center;}
div#footer p a{clear: both;color: #0a0505;text-align: center;}
div#footer p a:hover{clear: both;color: #ff0;text-align: center;}
#page-top {position: fixed; bottom: 25px; right:25px; font-size: 0.875em;z-index: 100;}
#page-top a {background: #ce1031; text-decoration: none; color: #fff; width: 50px;	padding: 10px 10px; text-align: center; display: block;}
#page-top a:hover {text-decoration: none; background: #911631; color:#fff;}



.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;	
}

.submit-btn input:hover {	background: #fff;	color: #00142c;}

/* -- input,select,textarea -- */
input,select,textarea {font-size: 0.875em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;
	border-radius: 0; }
select {min-width: 165px;width: 15%;padding: .5714285em 2.14286em .5714285em .5714285em;
	background-color: white;border: 1px solid #bbb;}
textarea {width: 97%;height: 100px;border: 1px solid #bbb;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {padding: .4714285em;	border: 1px solid #bbb;}
input[type="button"],
input[type="submit"],
input[type="reset"]{font-size: 1.1em;color: #fff;	background-color: #ce1031;	border: none;width: 200px;
height: 40px!important;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;

	 }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {background-color: #911631;cursor: pointer;}
input[type="checkbox"] {border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;}
input[type="file"] {border: none;}



