/**
 * Base
 */
body {
	font-family: vdl-pengentle, sans-serif;
	font-style: normal;
	font-weight: 700;
}
section {
	padding: 4rem 0 4rem 0;
}
section .container {
	position: relative;
}
section.head {
	background-image: url('img/back_c01.jpg');
	background-repeat: repeat;
}
section.head .container:after {
	content: "";
	height: 200px;
	width: 200px;
	background-image: url('img/ju-si-.png');
	background-size: 200px;
	position: absolute;
	bottom: -100px;
	right: 0;
}
@media screen and (max-width: 767px) {
	section {
		padding: 2rem 0 2rem 0;
	}
}
@media screen and (max-width: 991px) {
	section.head .container:after {
		height: 170px;
		width: 170px;
		background-size: 170px;
		bottom: -100px;
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	section.head .container:after {
		background-image: none;
		height: 0;
		width: 0;
		background-size: 0;
	}
}
@media screen and (max-width: 575px) {
	section.head .container:after {
		background-image: url('img/umukuzi.png');
		/*height: 80px;*/
		/*width: 80px;*/
		/*background-size: 80px;*/
		bottom: -180px;
	}
}

/**
 * スクロールバー
 */
::-webkit-scrollbar {
	height: 5px;
}
::-webkit-scrollbar-track {
  border-radius: 2px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 2px;
  /*box-shadow:0 0 0 1px rgba(255, 255, 255, .3);*/
}



section.message {
	height: 40rem;
}
section.message p {
	line-height: 1.5rem;
}
section.message .container:after {
	content: "";
	width: 300px;
	height: 300px;
	background-image: url('img/so-ki.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 300px;
	position: absolute;
	bottom: -385px;
	left: -105px;
}
.miniTennaiInner {
	width: 200px;
}
.miniEntraneInner {
	width: 150px;
}
@media screen and (max-width: 1199px) {
	section.message .container:after {
		width: 280px;
		height: 280px;
		background-size: 280px;
		bottom: -420px;
		left: -20px;
	}
}
@media screen and (max-width: 991px) {
	section.message .container:after {
		width: 250px;
		height: 250px;
		background-size: 250px;
		bottom: -360px;
		left: -20px;
	}
}
@media screen and (max-width: 767px) {
	section.message {
		height: 32rem;
	}
	section.message .container:after {
		width: 170px;
		height: 170px;
		background-size: 170px;
		bottom: -460px;
		left: -20px;
	}
}
@media screen and (max-width: 767px) and (max-height: 500px) {
	section.message .container:after {
		bottom: -40px;
		left: -120px;
	}
}
@media screen and (max-width: 600px) and (max-height: 400px) {
	section.message .container:after {
		width: 200px;
		height: 200px;
		background-size: 200px;
		/*bottom: -40px;*/
		left: -50px;
	}
}
@media screen and (max-width: 575px) {
	section.message .container:after {
		content: "";
		width: 0;
		height: 0;
		background-image: none;
		background-size: 0;
	}
	.miniEntraneInner {
		margin-left: 1rem;
	}
}
@media screen and (max-width: 450px) {
	.miniEntrane {
		width: 120px;
	}
}
@media screen and (max-width: 420px) {
	.miniEntrane {
		width: 85px;
	}
}
section.description {
	background-color: #eeecde;
	background-image: url('img/back_c03.png');
	background-repeat: repeat-x;
}
@media screen and (max-width: 767px) {
}
section.description .container:after {
	content: "";
	width: 200px;
	height: 200px;
	background-image: url('img/umukuzi.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px;
	position: absolute;
	bottom: -100px;
	right: -30px;
}
@media screen and (max-width: 991px) {
	section.description .container:after {
		width: 150px;
		height: 150px;
		background-size: 150px;
		bottom: -56px;
		left: auto;
		right: 1rem;
	}
}
@media screen and (max-width: 575px) {
	section.description .container:after {
		width: 0;
		height: 0;
		background-size: 0;
		background-image: none;
	}
}
section.thanks {
	background-color: #222222;
}
section.footer {
	background-image: url('img/back_c01.jpg');
	background-repeat: repeat;
}
.snsItem {
	/*height: 300px;*/
}
.areaTitle {
	width: 150px;
}
@media screen and (max-width: 767px) {
}
.footerLogo {
	width: 130px;
}
@media screen and (max-width: 767px) {
	.footerLogo {
		width: 100px;
	}
}
.fa-facebook-square {
	color: #385899;
}
.snsItemDesc {
	white-space: nowrap;
}
.messageOwner {
	height: 29rem;
}
.snsItemInner {
	display: contents;
}
.areaMenu, .areaCatch, .messageOwner, .snsItemInner {
  /* -webkit-writing-mode: vertical-rl; */
  /* -moz-writing-mode: vertical-rl; */
	/* -ms-writing-mode: tb-rl; */
  writing-mode: vertical-rl;
  /* -webkit-text-orientation: upright; */
  /* -moz-text-orientation: upright; */
  /* -ms-text-orientation: upright; */
  /* text-orientation: upright; */
	text-align: justify;
	position: absolute;
	right: 0;
}
.tatetyuyoko {
	-webkit-text-combine: horizontal;
	-moz-text-combine-upright: all;
	-ms-text-combine-horizontal:all;
	text-combine-upright: all;
}
@media screen and (max-width: 767px) {
	.areaMenu, .areaCatch, .messageOwner, .snsItemInner {
		/* line-height: 1.3; */
	}
	.snsItemDesc p {
		font-size: 1.3rem;
		margin: 0;
	}
}
@media screen and (max-width: 575px) {
	.snsItemDesc p {
		font-size: 1.1rem;
		margin: 0;
	}
}
@media screen and (max-width: 400px) {
	.snsItemDesc p {
		font-size: 0.9rem;
		margin: 0;
	}
}
@media screen and (max-width: 350px) {
	.snsItemDesc p {
		font-size: 0.8rem;
		margin: 0;
	}
}
@media screen and (max-width: 320px) {
	.snsItemDesc p {
		font-size: 1rem;
		margin: 0;
	}
}
.areaMenu ul li {
	list-style-type: none;
	line-height: 200%;
}
.areaMenu ul li a {
	text-decoration: none;
	color: #000;
}
.thanks .areaMenu ul li a {
	text-decoration: none;
	color: #fff;
}
.areaSlide1 img {
	border-radius: 5px;
	border: none;
}
.areaSlide2 img {
	border-radius: 5px;
	border: none;
}
.areaSlide3 img {
	border-radius: 5px;
	border: none;
}
.areaDescription {
	padding-top: 2rem;
}
img.radius10 {
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	border: 3px solid #441f18;
}
img.radius50 {
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	border: none;
}
p.messageTitle {
	font-size: 1.3rem;
}
p.messageFinish {
	text-align: right;
}
iframe {
	max-width: 100%;
}
.snsItemDate {
	font-size: 0.8rem;
}