@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}

a{
	font-family: "Zen Kaku Gothic New", sans-serif;
	color:#333;
	text-decoration: none;
}
a:hover{
 opacity:.5;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

p{font-size: 14px;line-height: 2;font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 400;color: #333;letter-spacing: 0.05em;}
li{font-size: 14px;line-height: 1.7;font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 400;}
@media (min-width:1400px){
	p,li{font-size: 16px;}
}

h1,h2,h3,h4,h5,h6{font-family: "Zen Kaku Gothic New", sans-serif;}

img {
	max-width: 100%;
	height: auto;
	margin:0;
	padding:0;
	border: none;
    vertical-align: bottom;
}

::selection {
  background-color: rgba(143,24,40,0.60);
	color: #ffffff;
}


.fontg1{font-family: "Zen Kaku Gothic New", sans-serif!important;}
.fontg2{font-family: "Shippori Mincho", serif!important;}
.marker{
  background: linear-gradient(transparent 70%, rgba(255,238,131,0.80) 70%);
}

.flbox{
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flend{
	align-self: flex-end;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
    box-shadow: -9px 6px 16px -6px rgba(0,0,0,0.2);
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
} 

header{
	position: fixed;
	display: flex;
	justify-content: space-between;
	padding:0;
	width: 100%;
	z-index: 999;
}
header a{
	color:#333!important;
}
@media (max-width: 576px) {
header{
	height: 60px;
}
}

header h1{font-size:10px;margin: 0;font-weight: 400;}
header.hbg h1{color: #333;}

#h-logo{
	padding: 5px 0 0 20px;
	z-index: 100;
}
@media (max-width:576px){
	#h-logo{
	padding: 5px 0 0 5px;
}
}

#h-logo img{
	position: absolute;
	max-width: 200px;
}

.logow{display: block;}
.logon{display: none;}

#h-menu{
	display: flex;
	justify-content:flex-end;
}

#h-menu a{
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.5;
	font-family: "Shippori Mincho", serif!important;
}

#h-menu i{
	margin: 0 0 0 6px;
	font-size: 12px;
	color:#827e77;
}


#h-button{
	margin: 0 0 0 5px;
	display: flex;
	position: relative;
	justify-content: flex-end;
	align-items: center;
	z-index: 999;
}

#h-con,#h-tel,#h-ins{
	justify-content:center;
	align-items: center;
	color: #fff!important;
	height: 40px;
}
a#h-con,a#h-tel,a#h-ins{
	letter-spacing: 0;
	color: #fff!important;
}
a#h-tel{width: 140px;}
a#h-ins{width: 50px;}

#h-con{background:#950e40;}
#h-tel{background:#A9925E;}
#h-ins{background: linear-gradient(218deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 45%, rgba(247,186,100,1.00) 90%);}

.hbg{
	background: #fff;
	transition: 0.3s;
}
.hbg #h-logo img{
	position: relative;
	top: 0;
	left: 0;
}
.hbg .logow{display: none;}
.hbg .logon{display: block;}

@media (max-width: 1400px) {
.hbg{
	height: 80px;
}
a#h-tel{width: 160px;}
a#h-con{width: 140px;}
}

@media (max-width: 1200px) {
.hbg{
	height: 60px;
}
#h-menu a{
	font-size: 12px;
}
#h-menu a span{
	font-size: 14px;
}
}


.mainbg{
	padding: 100px 0 0;
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,100px;
}
@media only screen and (max-width: 576px) {
.mainbg{
	padding: 100px 0 0;
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,50px;
}
}

.time {
	width: 100%;
	font-weight: 600;
	font-family: "Shippori Mincho", serif!important;
}
.time th {
	padding:18px 4px;
	word-break: break-all;
	text-align: center;
	font-weight: 600;
	color: #333;
	letter-spacing: .2em;
}
.time td {
	padding:18px 4px;
	word-break: break-all;
	text-align: center;
	border-top: 1px solid #969696;
	color: #333;
	font-weight: bold;
}
@media only screen and (max-width: 576px) {
	.time th {
		padding:14px 2px;
		letter-spacing: 0.2;
		font-size: 14px;
	}
	.time td {
		padding:14px 2px;
		font-size: 14px;
	}
}

.newst{
	position: relative;
	padding: 0 0 10px 0;
	border-bottom:1px solid #950e40;
}
.newst::after{
	content: "";
	position: absolute;
	left: -12px;
	bottom: -11px;
	width: 50px;
	height: 20px;
	background-image: url("../img/top/newst.webp");
	background-size: contain;
	background-repeat: no-repeat;
}

.newsdes{
	list-style: none;
	padding: 0!important;
	margin: 0!important;
}
.newsdes li{
	position: relative;
	font-size: 16px;
	line-height: 2;
	border-bottom: 1px dotted #ccc;
	padding:0 14px 5px 0;
	margin: 0 0 5px;
}

.newsdes li span{
	color: #D36060 !important;
}
.newsdes li a{
	font-size: 18px!important;
}
@media only screen and (max-width: 576px) {
.newsdes li{
	font-size: 14px;
}
.newsdes li a{
	font-size: 16px!important;
}	
}

.maint{
	display: inline-block;
	position: relative;
	padding: 30px 40px 30px 0;
	color:#fff;
	z-index: 1;
}
.maint::before,.maint::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100vw;
}
.maint::before{
	right: 0;
	top:0;
	height: 100%;
	background: rgba(149,14,64,0.7);
}
.maint::after{
	right: -5px;
	top:-5px;
	height: calc(100% + 10px);
	border: solid 1px  rgba(149,14,64,1);
}


.mainimg{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 80px 0  80px 0;
	height: auto;
}
@media only screen and (max-width: 991px) {
.mainimg{
	height: 350px;
}
}
@media only screen and (max-width: 576px) {
.mainimg{
	background-position: center;
	border-radius: 60px 0  60px 0;
	height: 350px;
}
}

/*==================point==================*/

.pointt{
	padding:  0 0 30px;
	background:url("../img/top/pot.webp");
	background-repeat: no-repeat;
	background-size: 400px;
	background-position: center bottom;
}
@media only screen and (max-width: 576px) {
.pointt{
	background:url("../img/top/pot.webp");
	background-repeat: no-repeat;
	background-size: 280px;
	background-position: center bottom;
}
}

.point1,.point2{
	position: relative;
	z-index: 1;
}
.point1::before,.point2::before{
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
.point1::before{
	bottom:0;
	right: 0;
	background-image:url("../img/top/po1.webp");
}
.point2::before{
	top:0;
	right: 0;
	background-image:url("../img/top/po2.webp");
}

.point1::after,.point2::after{
	position: absolute;
	font-size: 80px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: rgba(206,193,162,0.2);
	font-family: "Shippori Mincho", serif!important;
	z-index: -1;
}
.point1::after{
	content: "SPOTS";
	top:-20px;
	left: -60px;
}
.point2::after{
	content: "EPILATION";
	bottom:20px;
	left: 20px;
}

.pointint{
	position: relative;
	padding: 0;
	border-bottom: 1px solid #e4889a;
}
.pointint::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e4889a;
	left: -5px;
	bottom:-5px;
}

@media only screen and (max-width: 991px) {
.point1::before,.point2::before{
	top: inherit;
	bottom:0;
	width: 80%;
	height: 100%;
	background-position: bottom right;
}
.point1::after,.point2::after{
	position: absolute;
	font-size: 60px;
	
}
.point1::after,.point2::after{
	top:-50px;
	bottom:inherit;
	left: -10px;
	writing-mode: vertical-rl;
	writing-mode: horizontal-tb;
}
}


/*==================onayami==================*/

.onayami{
	position: relative;
	z-index: 1;
}
.onayami::before{
	content: "";
	position: absolute;
	top:0;
	right: -120px;
	width: calc(100vw - 120px);
	height: 100%;
	background: url("../img/top/onabg.webp"),#FBE9E9;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 1600px,auto;
	border-radius: 0 100px 0 0; 
	z-index: -1;
}

.onayamit{
	position: relative;
	padding: 0 0 0 10px;
	z-index: 1;
	border-left: 4px solid #e4889a;
}


.onayami .row{
	border-top: 1px solid #9D9381;
	border-left: 1px solid #9D9381;
}
.onayami .col-xl-3{
	position: relative;
	box-sizing: border-box;
	background: rgba(255,243,243,0.6);
	border-right: 1px solid #9D9381;
	border-bottom: 1px solid #9D9381;
	padding: 20px 20px 40px;
	text-align: center;
}
.onayami .col-xl-3::after,.onayami .col-xl-3::before{
	content: "";
	position: absolute;
	bottom:14px;
	right: 14px;
	height: 1px;
	background-color: #9D9381;
}
.onayami .col-xl-3::after{
	width: 40%;
}
.onayami .col-xl-3::before{
	width: 24px;
	transform-origin: bottom right;
	transform: rotate(45deg);
}
.onayami .col-xl-3 img{
	padding:0 40px;
}

@media only screen and (max-width: 1600px) {
.onayami::before{
	content: "";
	position: absolute;
	top:0;
	right: 0;
	width: 100vw;
	height: 100%;
	background: url("../img/top/onabg.webp"),#FBE9E9;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 1600px,auto;
	border-radius: 0 100px 0 0; 
	z-index: -1;
}
}

@media only screen and (max-width: 576px) {
.onayami::before{
	top:0;
	right: 0;
	width: 100vw;
	height: 100%;
	background: url("../img/top/onabgsp.webp"),#FBE9E9;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%,auto;
	border-radius: 0 80px 0 0;
}
.onayami .col-xl-3 img{
	padding:0;
}
}

/*==================shinryo==================*/

.shinryo{
	position: relative;
	padding: 30px 40px 40px 40px;
	z-index: 2;
}
.shinryo::before{
	content: "";
	position: absolute;
	top:0;
	left: -20px;
	width: 150%;
	height: 100%;
	background-color: #e497a6;
	border-radius: 0 0 0 100px; 
	z-index: -1;
}


.shinryot{
	position: relative;
	padding:0 0 0 10px;
	color:#fff;
	z-index: 1;
	border-left: 4px solid #fff;
}

.shinryo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.shinryo ul li{
	position: relative;
	border-bottom: 1px solid #fff;
}
.shinryo ul li::before,.shinryo ul li::after{
	content: "";
	position: absolute;
	top:50%;
	left: 0;
	height: 1px;
	width: 10px;
	transform-origin: center right;
	background-color: #fff;
}
.shinryo ul li::before{
	transform: rotate(45deg);
}
.shinryo ul li::after{
	transform: rotate(-45deg);
}

.shinryo ul li a{
	display: block;
	color: #fff!important;
	padding: 14px 14px 14px 20px;
	font-size: 18px;
}

@media only screen and (max-width: 1200px) {
.shinryo{
	position: relative;
	padding: 10px 20px 20px 20px;
	z-index: 2;
}
.shinryo ul li a{
	font-size: 16px;
}
}

@media only screen and (max-width: 576px) {
.shinryo{
	padding: 30px 30px 40px 50px;
}
.shinryo::before{
	left: 20px;
	width: 100%;
	height: 100%;
	background-color: #e497a6;
	border-radius: 0 0 0 60px; 
}
.shinryo ul li{
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.shinryo ul li a{
	padding: 14px 14px 14px 20px;
	font-size: 15px;
}
}

.mens{
	background-color: #3b516d;
	background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 2px, transparent 8px);
}

.mensbg{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: #bd9e59 solid 4px;
	padding: 60px 0;
	z-index: 1;
	text-align: center;
}
.mensbg::after{
	content: "";
	position: absolute;
	top:10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: #bd9e59 solid 1px;
}
.mensbg::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-image: 
    linear-gradient(#bd9e59, #bd9e59),
    linear-gradient(#bd9e59, #bd9e59),
    linear-gradient(#bd9e59, #bd9e59),
    linear-gradient(#bd9e59, #bd9e59);
  background-size: 20px 20px; 
  background-repeat: no-repeat;
  background-position: 
    top left, 
    top right, 
    bottom left, 
    bottom right;
}
.mens1{background-image: url("../img/top/mens1.webp");}
.mens2{background-image: url("../img/top/mens2.webp");}

.mensbgin {
	display: inline-block;
	padding: 0 20px 0 0;
	position: relative;
	color: #fff!important;
	text-align: center;
}
.mensbgin::before,.mensbgin::after{
	content: "";
	position: absolute;
	top:50%;
	right: 0;
	height: 1px;
	width: 15px;
	transform-origin: center right;
	background-color: #fff;
}
.mensbgin::before{
	transform: rotate(45deg);
}
.mensbgin::after{
	transform: rotate(-45deg);
}

@media only screen and (max-width: 576px) {
.mensbg{
	border: #bd9e59 solid 2px;
	padding: 40px 0;
}
.mensbg::after{
	content: "";
	position: absolute;
	top:5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: #bd9e59 solid 1px;
}
.mensbg::before{
  background-size: 10px 10px; 
}
}

/*==================policy==================*/

.policy{
	background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%),url("../img/top/policybg.webp");
	background-size:auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.guidet{
	position: relative;
	margin: 0 0 100px;
	text-align: center;
	z-index: -1;
}
.guidet::after{
	content: "";
	position: absolute;
	bottom: -70px;
	left: 0;
	right: 0;
	margin: auto;
	width: 240px;
	height: 60px;
	background: url("../img/top/guidet.webp");
	background-size: contain;
}

a.guide{
	display: block;
	position:relative; 
	background-color: #D995A0;
	color:#fff!important;
	text-align: right;
	box-shadow: -4px 4px 16px -6px rgba(0,0,0,0.2);
	overflow: hidden;
	border-radius: 10px;
}
a.guide::after,a.guide::before{
	content: "";
	position: absolute;
	bottom:34px;
	right: 14px;
	height: 1px;
	background-color: #fff;
}
a.guide::after{
	width: 120px;
}
a.guide::before{
	width: 12px;
	transform-origin: bottom right;
	transform: rotate(45deg);
}
@media only screen and (max-width: 576px) {
a.guide::after{
	width: 70px;
}
}

.policyt{
	position: relative;
	padding-right: 60px;
	margin: auto;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	z-index: 1;
}
.policyt::after{
	content: "";
	position: absolute;
	bottom: 0;
	right: -100px;
	width: 260px;
	height: 260px;
	background: url("../img/top/polit.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1
}

.polibox{
	position: relative;
	padding: 20px;
	border: solid 2px #D6C8A8;
	overflow: hidden;
}
.polibox::after{
	content: "";
	position: absolute;
	height: calc(100% + 30px);
	width: calc(100% + 30px);
	top: -15px;
	left: -15px;
	background-image: 
    radial-gradient(circle, #D6C8A8 70%, transparent 72%),
    radial-gradient(circle, #D6C8A8 70%, transparent 72%),
    radial-gradient(circle, #D6C8A8 70%, transparent 72%),
    radial-gradient(circle, #D6C8A8 70%, transparent 72%);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 
    left 0 top 0,
    right 0 top 0,
    left 0 bottom 0,
    right 0 bottom 0;
}

.polimg1,.polimg2{
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}
@media only screen and (max-width: 900px) {
.polimg1,.polimg2{
	height: 400px;
}
}
@media only screen and (max-width: 576px) {
.polimg1{height: 250px;}
.polimg2{height: 300px;}
.policyt{
	position: relative;
	padding-right: 20px;
}
.policyt::after{
	right: -80px;
	width: 180px;
	height: 180px;
	background: url("../img/top/polit.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1
}
}

/*==================slide==================*/

#slider-area{
	position: relative;
    width:100%;
    height: 600px;
	overflow: hidden;
	background-color: #fff;
	z-index: 1;
}

#slider-area #slider{
	position: relative;
	z-index: 0;
    width:100%;
    height: 600px;
	overflow: hidden;
}
#slider-area #slider::after{
	content:"";
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(169,92,107,0.80);
}
@media (max-width:1400px){
#slider-area{
   height: 40vw;
}
#slider-area #slider{
    height:40vw;
}
}
@media (max-width:576px){
#slider-area{
	position: relative;
    width:100vw;
    height: 120vw;
	overflow: hidden;
	background-color: #fff;
	z-index: 1;
}

#slider-area #slider{
	position: relative;
	z-index: 0;
    width:100%;
    height:120vw;
	overflow: hidden;
}
}

a.slidetxt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border:double 4px #fff; 
	border-radius: 100px;
	padding: 40px 80px 50px;
}
a.slidetxt::after,a.slidetxt::before{
	content: "";
	position: absolute;
	bottom:30px;
	height: 1px;
	background-color: #fff;
}
a.slidetxt::after{
	width: 120px;
	right: calc(50% - 60px);
}
a.slidetxt::before{
	width: 12px;
	right: calc(50% - 60px);
	transform-origin: bottom right;
	transform: rotate(45deg);
}
@media (max-width:991px){
a.slidetxt{
	text-align: center;
}
}
@media (max-width:576px){
a.slidetxt{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	padding: 20px 0 40px;
}
a.slidetxt::after,a.slidetxt::before{
	bottom:20px;
}
}


/*==================info==================*/

.infobg{
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,100px;
}
@media (max-width:576px){
.infobg{
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,40px;
}
}

a.linkbg{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 30px 30px 50px;
	z-index: 1;
	text-align: left;
	border-radius: 20px;
	color: #fff!important;
}
a.linkbg::after,a.linkbg::before{
	content: "";
	position: absolute;
	bottom:20px;
	right: 20px;
	height: 1px;
	background-color: #fff;
}
a.linkbg::after{
	width:calc(100% - 40px);
}
a.linkbg::before{
	width: 20px;
	transform-origin: bottom right;
	transform: rotate(45deg);
}
.link1{background-image: url("../img/top/link1.webp");}
.link2{background-image: url("../img/top/link2.webp");}

.sitemap ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sitemap ul li a{
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: 500;
}
@media (max-width:576px){
.sitemap ul li a{
	font-size: 12px;
}
}


table.comno{
	margin:0 auto;
	width:100%;
    border-collapse:separate;
    border-spacing:4px;
    empty-cells:show;
}
.comno th{
	letter-spacing: 0.1em!important;
    padding:10px;
    text-align:center;
	color: #333;
	font-weight: 500;
}
.comno td{
	color: #333; 
  padding: 10px;
	font-weight: 400;
}

table.com2no{
	margin:0 auto;
	padding:4px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc
}
.com2no th{
    padding:10px;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	text-align: center;
	font-weight: 500;
}
.com2no td{
    padding:10px;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}


table.fee{
	margin:0 auto 10px;
	width:100%;
    border-collapse:separate;
    border-spacing:4px;
    empty-cells:show;
}
.fee th{
	letter-spacing: 0.1em!important;
    padding:10px;
    text-align:center;
	color: #333;
	font-weight: 500;
}
.fee td{
	color: #333; 
  padding: 10px;
	font-weight: 400;
}

table.feeex{
	margin:0 auto 10px;
	width:100%;
    border-collapse:separate;
    border-spacing:4px;
    empty-cells:show;
}
.feeex th{
	letter-spacing: 0.1em!important;
    padding:10px;
    text-align:center;
	color: #333;
	font-weight: 500;
}
.feeex td{
	color: #333; 
  padding: 10px;
	font-weight: 400;
}
@media (max-width:576px){
.feeex th,.feeex td{
	display: block;
	width: 100%;
	}
.com2no th,.com2no td{font-size: 14px;padding: 6px;}
}

footer{
  position: relative;
	padding: 0;
	background-color: rgba(77,77,77,1.00);
	z-index: 999;
}

footer ul{
	margin: 0;
	padding: 0 0 0 20px;
}
footer li{
	list-style: disc;
	font-size: 12px;
	margin: 0 0 5px;
	font-weight: 500;
}

.flistt {
  position: relative;
  padding: 5px 10px;
	margin: 0 0 10px;
  background: #777;
  color: #fff;
  line-height: 1.3;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0% 100%);
	border-bottom: 4px #011740 solid;
}

.fmenu {
	display: flex;
	margin:0;
	position: fixed;
    bottom:0;
	padding:0 10px 10px;
	z-index: 99999;
	transition: 1s;
	width: 100%;
	justify-content: space-between;
}

.fmenu.active{
    bottom:0;
}

#foot1,#foot2,#foot3{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 50px;
}
#foot1::after,#foot2::after,#foot3::after{
	content: "";
	top: 3px;
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 1px rgba(255,255,255,0.6) solid;
	pointer-events: none;
}

#foot1{
	width:calc(46% - 6px);
	background-color: #A9925E;
}
#foot2{
	width:calc(38% - 4px);
	background-color: #950e40;
}
#foot3{
	width:calc(16% - 4px);
	background: linear-gradient(218deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 45%, rgba(247,186,100,1.00) 90%);
}
#foot3::after{
	border-radius: 8px;
	border: none;
}

#back-top{
	position: fixed;
	bottom: 8%;
	right: 3%;
	z-index: 9999;
}
#back-top a{
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.6);
	display: block;
	color: #fff!important;
	text-align: center;
	letter-spacing: 0;
	line-height: 40px;
	border-radius: 50%;
	text-decoration: none;
}


@media (min-width:576px){
	#h-button{
		display: flex;
	}
	
	a#h-con{display: flex;}
	a#h-tel{display: flex;}
	a#h-ins{display: flex;}

	footer {
	padding: 0;
	}
	
	.fmenu{;display: none;}
	
	#back-top{
		bottom: 2vh;
	}
}
@media (min-width:991px){
	#h-logo img{
	max-width: 180px;
	}
}

@media (min-width:1200px){
#h-con{
	padding: 0 10px 0 10px;
}
#h-con::before{
	bottom: 10px;
	right: 10px;
	width: calc(100% - 10px);
}
#h-con::after{
	bottom: 10px;
	right: 10px;
	width: 20px;
}
	#h-logo img{
	max-width: 270px;
	}

	a#h-con{height: 60px;}
	a#h-tel{height: 60px; width: 160px;}
	a#h-ins{height: 60px; width: 60px;}
	a#h-eng{height: 60px; width: 60px;}

	#h-con,#h-tel{font-size: 16px!important;}
	#h-con span{font-size: 12px;}

}
@media (min-width:1400px){
	#h-logo img{
	max-width: 300px;
	}
}

@media (min-width:1600px){
	a#h-con{font-size:17px!important;}
	a#h-tel{width: 180px;font-size:18px!important;}
	a#h-eng{ width: 80px;font-size:14px!important;}

}

.blogin{
	margin:0;
	width: 100%;
	clip-path:polygon(0 0, 100% 0%, 100% 180px, 0 180px);
	background-color: #fff;
	box-sizing: border-box;
	height:180px;
}


/*================内部ページ================*/

#title{
	position: relative;
	z-index:1 ;
	padding: 80px 0 20px;
}
#title::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 270px);
	background: url("../img/tit/tbg.webp"),#E28194;
	background-repeat: repeat;
	background-size: 100px,100%;
}
#titleimg{
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 250px;
	box-shadow: 4px 4px 16px -6px rgba(0,0,0,0.4);
}
#title p{
	margin: 0 0 20px;
	text-align: center;
	line-height: 1.5;
	font-family: 'Shippori Mincho', serif!important;
	color:#fff ;
}
#pan{
	display: inline-block;
	padding: 0 0 0.2em;
	font-size:10px;
	color:#fff!important;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#pan a{font-size:14px!important;color:#fff!important;}

@media (max-width:576px){
#title::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 170px);
	background: url("../img/tit/tbg.webp"),#E28194;
	background-repeat: repeat;
	background-size: 60px,100%;
}
#title p{
	margin: 0 0 20px;
}
#titleimg{
	height: 150px;
}
#pan{
	font-size:10px;
}
#pan a{font-size:12px!important;}
}

.st{
	display: inline-block;
	position: relative;
	padding: 0.8em 0.7em;
	text-align: center;
	z-index: 1;
	border-top:1px solid #B7B4B1;
	border-bottom:1px solid #B7B4B1;
	letter-spacing: 0.05em;
}
.st::after{
	content: "";
	position: absolute;
	top: -8px;
	left: 15%;
	height: calc(100% + 16px);
	width: 70%;
	border-top:1px solid #B7B4B1;
	border-bottom:1px solid #B7B4B1;
}

.st-2{
	display: inline-block;
	position: relative;
	padding: 0.8em 0.7em;
	text-align: center;
	z-index: 1;
	border-top:1px solid #950e40;
	border-bottom:1px solid #950e40;
	letter-spacing: 0.05em;
}
.st-2::after{
	content: "";
	position: absolute;
	top: -8px;
	left: 15%;
	height: calc(100% + 16px);
	width: 70%;
	border-top:1px solid #950e40;
	border-bottom:1px solid #950e40;
}

.st2 {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0.2em;
	line-height: 1.5!important;
	border-left: 4px solid #ccc;
}
.st2::after{
	content: "";
	position: absolute;
	top:-60px;
	left: -80px;
	width: 400px;
	height: 200px;
	background-image: url("../img/top/st2bg.webp");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	z-index: -1;
}

.bg-color-beige .st2::after{
	content: "";
	position: absolute;
	top:-60px;
	left: -80px;
	width: 400px;
	height: 200px;
	background-image: url("../img/top/st2bgw.webp");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	z-index: -1;
}

.st3{
  position: relative;
	padding: 0.5em;
	border-top: 1px solid #950e40;
	border-bottom: 1px solid #950e40;
	text-align: center;
	font-weight: 500;
}
.st3::after{
	content: "";
	position: absolute;
	top:-5px;
	left: 0;
	width: 100%;
	height: calc(100% + 10px);
	border-top: 2px solid #950e40;
	border-bottom: 2px solid #950e40;
}

.st4{
	display: inline-block;
	padding: 0.5em;
 	position: relative;
	z-index: 1;
	background-color: #D36083;
	color: #fff;
	border-radius: 10px;
}
.st4::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 2px;
	background-color: #D36083;
	z-index: -2;
}

.st5{
	position: relative;
	padding: 0 0 10px 0;
	border-bottom:1px solid #950e40;
}
.st5::after{
	content: "";
	position: absolute;
	left: -12px;
	bottom: -11px;
	width: 50px;
	height: 20px;
	background-image: url("../img/top/newst.webp");
	background-size: contain;
	background-repeat: no-repeat;
}

.st6,.st6-2{
  position: relative;
  display: inline-block;
  padding: 0 1em;
}
.st6::before, .st6::after,.st6-2::before, .st6-2::after {
  content: '';
  position: absolute;
  top: 0;
  display: inline-block;
  width: 2px;
  height: 100%;
}
.st6::before,.st6-2::before {
  left:0;
  transform: rotate(-14deg);
}
.st6::after,.st6-2::after {
  right: 0;
  transform: rotate(14deg);
}

.st6::before, .st6::after {  background-color: #950e40;}
.st6-2::before, .st6-2::after {  background-color: #50A4B1;}

.st7{
	position: relative;
	padding: 0.5em;
	border-radius: 20px 0 20px 0;
}

.st8{
	position: relative;
	line-height: 1.5;
	padding: 0.3em 1.2em 0.5em 0.5em;
	color: #fff;
	background-color:#353535;
	clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
	z-index: 2;
	margin: 0 0 -40px;
}
@media only screen and (max-width:576px){
.st8{
	margin: 0 0 -20px;
}
}

ul.under li{
	border-bottom: 2px dotted #ac987a;
	margin:0 0 5px;
}
ul.under li:last-child{
	border-bottom: none;
	margin:0;
}

a.btn1{
	display: inline-block;
	position:relative; 
	padding: 0.5em 130px 0.5em 0.8em;
	color:#fff!important;
	text-align: right;
	box-shadow: -4px 4px 16px -6px rgba(0,0,0,0.2);
	border-radius: 20px 0 20px 0;
	overflow: hidden;
}
a.btn1::after,a.btn1::before{
	content: "";
	position: absolute;
	bottom:0;
	top: 0;
	margin: auto;
	right: 14px;
	height: 1px;
	background-color: #fff;
}
a.btn1::after{
	width: 100px;
}
a.btn1::before{
	width: 12px;
	transform-origin: bottom right;
	transform: rotate(45deg);
}
@media only screen and (max-width: 576px) {
a.btn1{
	padding: 0.5em 80px 0.5em 0.8em;
}
a.btn1::after{
	width: 50px;
}
}

a.price{
	position: relative;
	display: block;
	border:double 4px #fff; 
	border-radius: 100px;
	padding: 40px 80px 50px;
	text-align: center;
}
a.price::after,a.price::before{
	content: "";
	position: absolute;
	bottom:30px;
	height: 1px;
	background-color: #fff;
}
a.price::after{
	width: 120px;
	right: calc(50% - 60px);
}
a.price::before{
	width: 12px;
	right: calc(50% - 60px);
	transform-origin: bottom right;
	transform: rotate(45deg);
}
@media (max-width:576px){
a.price{
	padding: 20px 0 40px;
	text-align: center;
}
a.price::after,a.price::before{
	bottom:20px;
}
}

.reco{
	padding: 0;
	margin: 0;
}

.reco li{
	position: relative;
	padding: 0 0 10px 1.5em;
	border-bottom: 1px #ccc solid;
	list-style: none;
}
.reco li::after{
	content: "\f14a";
	position: absolute;
	top:0;
	left: 0;
	font-family: 'Font Awesome 5 free';
	color: #950e40;
}

.listbox{
	display: block;
	position: relative;
	background-color: #fff;
	text-align: center;
	border-radius: 50px 0 50px 0;
}
.listbox::after{
	content: "";
	position: absolute;
	top:-5px;
	left:-5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 1px solid #D36060;
	pointer-events: none;
	border-radius: 50px 0 50px 0;
}

.listboxin{
	position: relative;
	overflow: hidden;
	border-radius: 0 0 50px 0;
	padding: 20px 0 0;
	z-index: 1;
}
.listboxin::after,.listboxin::before{
	content: "";
	position: absolute;
	position: absolute;
	bottom:20px;
	right: 30px;
	height: 1px;
	background-color: #fff;
	z-index: 2;
}
.listboxin::after{
	width: 40%;
}
.listboxin::before{
	width: 24px;
	transform-origin: bottom right;
	transform: rotate(45deg);
}

.listboxin div{
	font-weight: 500;
	letter-spacing: 0.1em;
	color:#635E5B;
	font-family: 'Shippori Mincho', serif!important;
	font-size: 20px;
}

.listboxin p{
	display: inline-block;
	border-radius: 50px;
	padding: 0.05em 1em;
	background-color: #EB9393;
	color:#fff;
	margin: 0 5px 10px;
	font-size:14px; 
}

.listboximg{
	position: relative;
	overflow: hidden;
	border-radius: 0 0 50px 0;
	z-index: 1;
}
.listboximg::after{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,rgba(171,40,40,0.40) 0%, rgba(255, 255, 255, 1) 100%);
	z-index: 2;
}
@media only screen and (max-width:576px){
.listboxin p{
	font-size:12px; 
}
}


table.com{
	margin:0 auto;
    empty-cells:show;
	width: 100%;
}
.com th{
	display:table-cell;
    padding:20px;
    text-align:center;
	color: #333;
	font-size: 20px;
}
.com td{
	display:table-cell;
	color: #333; 
  padding:20px;
	text-align: left;
	font-weight: 500;
	line-height: 2;
}

table.comno{
	margin:0;
	padding: 4px;
	width:100%;
    border-collapse:separate;
	border-spacing:4px;
	empty-cells:show;
	font-family: "Noto Sans JP", sans-serif!important;
}
.comno th,.comno td{
	font-weight: 500;
    padding:10px;
}
.comno th{
	text-align: center;
}

.combbs{
	border-bottom: 1px solid #ccc;
}
.combbs2{
	border-bottom: 1px solid #ad061c;
}
.combbd{
	border-bottom: 1px dotted #ccc;
}

table.com2{
	margin:0 auto;
	width: 100%;
	padding:4px;
	border-collapse:separate;
	border-spacing:4px;
	empty-cells:show;
}
.com2 th{
	display:table-cell;
    padding:10px;
	text-align:center; 
	vertical-align: top;
}
.com2 td{
	display:table-cell;
    padding:10px;
}


table.com3{
	margin:0 auto;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc
}
.com3 th{
	letter-spacing:1px;
	padding:.7em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	text-align: center;
	width: 120px;
}
.com3 td{
	color:#333;
	padding:.7em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-weight: 600;
}

table.com4{
margin:0 auto;
	width:100%;
    border-collapse:separate;
    border-spacing:4px;
    empty-cells:show;
}
.com4 th{
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px;
    text-align:center;
	color: #000;
	background-color: rgba(255,255,255,0.8);
}
.com4 td{
	font-size: 14px;
	letter-spacing: 0;
	color: #000; 
	padding: 4px;
	background-color: rgba(255,255,255,0.8);
}

table.com5{
	margin:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.com5 th{
	letter-spacing:1px;
	padding:.5em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	font-size: 0.875rem;
    text-align:center;
}
.com5 td{
	color:#333;
	padding:.5em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size: 0.875rem;
}

@media (max-width:1200px){
.com2 th,.com2 td{
	font-size: 14px;
}
}
@media (max-width:576px){

table.com{
	border-spacing: 0 20px;
}
.com th{
	display: block;
	width: 100%;
    padding: 20px 0 0;
    text-align:left;
	border-right: none;
	border-bottom: none;
	font-size: 20px;
}
.com td{
	display: block;
	width: 100%;
    padding: 15px 0;
}
.com2 th,.com2 td{
	display: block;
	width: 100%;
}
	
.com3 th{
	font-size: 14px;
	width: 100px;
}
.com3 td{
	font-size: 14px;
}
.com4 th{
	font-size: 13px;
}
.com4 td{
	font-size: 13px;
}
.com5 td,.com5 th{
	width:100%;
	display:block;
}
}

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto 20px;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	line-height: 1.5;
	position: relative;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}
.qabox,.qatxtbox{
	background-color: #fff;
	height: auto;
}
.qabox{
	margin: 0 4px 0 0;
	padding: 10px 0;
	width: 40px;
	text-align: center;
}
.qatxtbox{
	padding: 10px;
	width: calc(100% - 38px);
}

.cp_actab .cp_actab-content {
	margin:4px 0 0!important;
	display: flex;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
	line-height: 2;
}
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 100em;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
	position: absolute;
	margin: auto;
	top:0;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 30px;
	font-weight: 300;
	text-align: center;
transform-origin: center; 
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(45deg);
}

.cimg{
	position: relative;
	margin: 0 0 20px;
}
.cimg::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%);
}

.cst{
	position: relative;
	color:#950e40;
	margin: -2.5em 0 10px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.cst span{
	display: block;
	font-size: 1em;
	opacity: 0.3;
	letter-spacing: 0;
}

.docname{
	position: absolute;
	padding: 0.8em;
	bottom: 40px;
	right: 0;
	color:#fff;
	background-color: rgba(149,14,64,0.8);
	text-align: right;
}


.readme{
	position: relative;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,100px;
	z-index: 2;
}
@media only screen and (max-width: 576px) {
.readme{
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%),url("../img/top/mainbg.webp");
	background-repeat: repeat;
	background-position: center;
	background-size:auto,50px;
}
}

.readmeimg{
	border-radius: 100px 0 0 0;
}

.flow{
  position: relative;
	padding: 0 0 60px;
	margin: 0 0 60px
}
.flow:before,.flow:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
.flow:before{
	width:100%;
	height: 1px;
	background: #a0a0a0;
}
.flow:after{
	width: 100px;
	height: 30px;
	background-image: url("../img/gui/flowa.webp");
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width:576px){
.flow{
	padding: 0 0 20px;
}
.flow:before{
	width:calc(100% - 40px);
}
.flow:after{
	width: 80px;
	height: 24px;
}
}
	
.radbg{
	border-radius: 100px;
	padding:5px 10px;
	color:#FFFFFF;
}

.canbuy{
	position: relative;
	padding: 20px;
	background-color: #ED7C92;
	background-image: url("../img/tit/tbg.webp");
	background-size: 80px;
	border-radius: 10px;
}
.canbuy::after{
	pointer-events: none;
	content: "";
	position: absolute;
	top:5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-radius: 8px;
	border:1px solid rgba(255,255,255,0.8);
}


.nadetable{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	text-align: left;
	font-weight: 500;
	width:100%;
}
.nadetable th{
	font-size: 14px;
	letter-spacing: 1px;
	padding:10px;
	vertical-align: middle;
	border-top: double 3px #ccc;
	border-bottom: double 3px #ccc;
	border-right: solid 1px #ccc;
	text-align: center;
}
.nadetable td{
	font-size: 14px;
	padding:14px;
	border-top: double 3px #ccc;
	vertical-align: middle;
	border-bottom: double 3px #ccc;
}

.border-r-none{border-right: none!important;}

@media screen and (max-width:576px){
.nadetable {
	border-collapse: collapse;
}
.nadetable td,.nadetable th {
	width:100%!important;
	display: block;
	padding: 10px;
}
.nadetable th {
	border-right: none;
}
.nadetable td{
	border-bottom: none;
	border-top: none;
}
.border-r-none{
	border-top: none!important;
	border-bottom: none!important;
	}
}

.video-container {
  width: 100%;
  max-width: 800px; /* 必要に応じて最大幅を指定 */
  margin: 0 auto;   /* 中央寄せ */
}

.video-container video {
  width: 100%;
  height: auto;
  display: block;   /* 下部の不要な隙間を消す */
  aspect-ratio: 16 / 9; /* 動画の縦横比に合わせて変更 */
  object-fit: cover;
}


/*======ブログ======*/
.staff-txt2{min-height:180px;margin: 0 0 20px;word-break: break-all;}
.staff-txt2 a{color:#50A4B1;text-decoration: underline;}
.txt{
text-align:left;
}

.imgre10b{
max-height:160px;
	max-width:160px;
}

.blog-thumbnail {
	float: left;
	margin-right: 1em;
}

@media screen and (max-width: 991px) {
.staff-txt2{height:auto;margin: 0 0 30px;}
	
.imgre10b{
height:auto;
	max-width:100%;
}
	.blog-thumbnail {
		float: none;
		display: block;
		margin: 0 0 20px;
	}

}

.sidew{
float: none;
margin: 0 auto 20px;	
}
.side-midashi{
  padding: .5em .75em;
	margin: 0 0 10px;
  color:#fff;
  background-color: #846D58;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width:480px){
	.side-midashi{
	margin: 50px 0 10px;
}
}


.sidetext{
text-align:left;
}
.sidetxt ul li{
text-align: left;	
list-style-type: none	
}
 
/* clearfix */
 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.wp-pagenavi {
	clear: both;
    text-align: center;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
#prevnext {
    font-size:14px;
    line-height:1.8;
    margin:20px 0px;
    padding: 0px;
    list-style: none;
}
#prevnext .prev {
    float:left;
}
#prevnext .next {
    float:right;
}

.tri{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:30px;
	text-align: left;
	color:#950e40;
}
.midasi1 {
  position: relative;
	padding: 0.5em;
	border-top: 1px solid #950e40;
	border-bottom: 1px solid #950e40;
	font-size:1.2em;
	font-weight: 500;
}
.midasi1::after{
	content: "";
	position: absolute;
	top:-5px;
	left: 0;
	width: 100%;
	height: calc(100% + 10px);
	border-top: 2px solid #950e40;
	border-bottom: 2px solid #950e40;
}

.midasi2{
	border-left: 2px solid #950e40;
	padding: 0 0 0 0.5em;
	font-size:1.5em;
}
.tri2{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:30px;
	text-align: left;
}
@media screen and (max-width:576px){
.midasi1 {
	font-size:1em;
}
.midasi2{
	font-size:1.3em;
}
}

.sidebar{
	padding: 0;
}

.sidebar li{
	border-bottom: #ccc 1px solid;
	padding: 0 0 5px;
	margin:0 0 10px; 
}

.news-item {
	display: block;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.news-item:hover {
	color: inherit;
	text-decoration: none;
	opacity: 0.7;
}

.news-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.news-date {
	font-size: 14px;
	color: #777;
}

.error-404 {
	padding: 100px 0;
}

.error-404 h1 {
	font-size: 80px;
	line-height: 1;
	margin-bottom: 30px;
}

.error-404 h2 {
	font-size: 28px;
	margin-bottom: 30px;
}

.error-404 p {
	line-height: 2;
	margin-bottom: 30px;
}

.error-404 a {
	display: inline-block;
	padding: 12px 30px;
	background: #333;
	color: #fff;
	text-decoration: none;
}

.error-404 a:hover {
	opacity: 0.8;
}