/*html {
  visibility: hidden;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}*/

/* font */
.font200 {
	font-weight: 200;
}
.font300 {
	font-weight: 300;
}
.font400 {
	font-weight: 400;
}
.font500 {
	font-weight: 500;
}
.font700 {
	font-weight: 700;
}
.font900 {
	font-weight: 900;
}
.font05em {
	font-size: 0.5em;
}
.font1em {
	font-size: 1em;
}
.font15em {
	font-size: 1.5em;
}
.font2em {
	font-size: 2em;
}
.font25em {
	font-size: 2.5em;
}
.font3em {
	font-size: 3em;
}
.fontred {
	color: #ff1616;
}

/* margin, padding */
.pt20 {
	padding-top: 20px;
}
.pt60 {
	padding-top: 60px;
}

/* line */
.line170 {
	line-height: 170% !important;
}
.line200 {
	line-height: 200% !important;
}

body {
	font-family: source-han-sans-japanese, sans-serif !important;
}

header {
	/*background-size   : contain;
	background-image: url("../img/head.png") !important;
	background-repeat: repeat-x !important;
	height: 45px;*/
	color: #FFF;
	font-size: 1.5em;
	padding: 6px 9px;
	text-align: center;
	background-color: #7ebd54;
}

h3 {
	font-size: 2.4em !important;
}

.content-up {
	margin-top: -5% !important;
}

.img-center {
	text-align: center !important;
}

.width-90-img img {
	width: 90% !important;
}

.width-50-img img {
	width: 45% !important;
	padding: 0% 0% 3% 0% !important;
}

.width-97 {
	width: 97.5% !important;
}

.txt-center {
	text-align: center;
}

.border-radius {
	border-radius: 20px !important;
}

.bg-white {
	background-color: #fff !important;
	font-size: 1.4em !important;
	line-height: 170% !important;
}

.bg-white a {
	color: #6192c9 !important;
}

.margin-3 {
	margin-top: 3% !important;
}

.margin-6 {
	margin-top: 6% !important;
}

.margin-12 {
	margin-top: 12% !important;
}
@media screen and (min-width: 769px) {
	section {
		padding-top: 72px;
	}
	.margin-12 {
		margin-top: 5% !important;
	}
}

.padding-10-top-m {
	margin-top: -10px !important;
}

.padding-15-top-m {
	margin-top: -15px !important;
}

.padding-20-top-m {
	margin-top: -20px !important;
}

.padding-25-top-m {
	margin-top: -25px !important;
}

.padding-35-top-m {
	margin-top: -35px !important;
}

.padding-40-top-m {
	margin-top: -40px !important;
}

.padding-45-top-m {
	margin-top: -45px !important;
}

.padding-5 {
	padding: 5% 0% !important;
}

.padding-5-side {
	padding: 0% 3% !important;
}

.padding-10 {
	padding: 10% 0% !important;
}

.padding-20 {
	padding: 20% 0% !important;
}

.padding-30 {
	padding: 30% 0% !important;
}

.padding-t10 {
	padding-top: 10% !important;
}

.padding-b2 {
	padding-bottom: 2% !important;
}

.googlemap iframe {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.under {
    background: linear-gradient(transparent 66%, #ffb2d3 30%) !important;
}

.footer-3 {
	background-color: #5a5657 !important;
	text-align: center !important;
}

.footer-3 p {
	color: #fff !important;
	font-size: 1.2em;
	padding-top: 70px !important;
	line-height: 150% !important;
}

.footer-3 a {
	color: #fff !important;
}

.small-heading {
	font-size: 1.5em;
	margin-top: -18px !important;
	margin-bottom: 5% !important;
}

.font-big {
	font-size: 1.5em;
}

.font-small {
	font-size: 0.3em !important;
}

.font-small-2 {
	font-size: 0.8em !important;
}

/**/
.scroll {
	padding: 3% !important;
}

table {
	/*margin: 20px auto;*/
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.8em;
}
.tbl-r07 th {
	background: #f9f9f9 !important;
	border: 1px solid #ddd;
	color: #262626 !important;
	padding: 10px 10px !important;
	width: 120px;
}
.tbl-r07 td {
	border: 1px solid #ddd;
	color: #262626 !important;
	padding: 10px !important;
	text-align: left !important;
	background-color: #fff !important;
}

@media screen and (min-width: 769px) {
	.pc-none {
	  	display: none;
	}
}

@media screen and (max-width: 768px) {
  .scroll {
    overflow-x: auto;
  }
  .tbl-r07 {
    min-width: 768px;
    margin: 0 10px 50px;
  }
  .tbl-r07 td {
    /*border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;*/
  }
}

/* firstview */
.firstview {
  background-image: url("../img/main_mask.jpg");
  background-position:center bottom;
  background-size:cover;
  width:100%;
  height:300px;
  position: relative;
}
.firstview_textarea {
	color: #FFF;
	text-align: center;
	line-height: 240%;
}
.firstview_textarea p {
	margin-bottom: 0px;
}
.firstview_snsarea {
	position: absolute;
	bottom: 12px;
	right: 6px;
	display: inline-block;
}
.firstview_snsarea img {
	width: 30px;
	margin-right: 4px;
	margin-bottom: 0px;
}

/* tag */
.tag_area {
	text-align: center;
}
.tag {
	font-size: 1.3em;
	color: #FFF;
	padding: 3px 8px;
	border-radius: 3px;
	line-height: 42px;
}
.tag_green {
	background-color: #7ebd54;
}
.tag_blue {
	background-color: #74c7bf;
}
.tag_purple {
	background-color: #c890bf;
}
.tag_pink {
	background-color: #ee81a1;
}