@CHARSET "UTF-8";

body.index {
	min-width: 1280px;
}

#contents {
	max-width: 100%;
}

/*
	スライダー */
#images {
	position: relative;
	width: 100%;
	max-height: 550px;
	overflow: hidden;
}

#images>img {
	display: none;
	max-width: 100%;
}

#images>img.wide:first-child {
	display: inline;
}

#images .wrap {
	width: 100%;
}

#images .wrap img {
	float: left;
}

#images>a {
	position: absolute;
	top: 280px;
	width: 60px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#images>a:hover {}

#images>a.left {
	left: 140px;
	background: url('../../img/index/ind_btn_010.png') no-repeat scroll center center transparent;
}

#images>a.right {
	right: 140px;
	background: url('../../img/index/ind_btn_011.png') no-repeat scroll center center transparent;
}

#images>ul {
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	list-style-type: none;
}

#images>ul li {
	display: inline-block;
	margin-left: 5px;
}

#images>ul li:first-child {
	margin-left: 0px;
}

#images>ul li a {
	display: inline-block;
	width: 35px;
	height: 10px;
	background-color: #34862b;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#images>ul li.stay a {
	background-color: #77cb15;
}


/*
	新着情報 */
#contents .news {
	padding: 44px 0 70px;
	background-color: #f3f3f3;
}

#contents .news h2 {
	margin: 0 0 40px;
	text-align: center;
}

#contents .news h2 img {
	max-width: 184px;
}

#contents .news ul {
	margin: 0 auto 40px;
	padding: 40px 30px;
	width: 1000px;
	background-color: #ffffff;
	border-color: rgb(228, 228, 228);
	box-shadow: 0px 0px 9px 0px rgba(160, 160, 160, 0.38);
	list-style-type: none;
}

#contents .news ul li {
	padding: 8px 0;
	border-bottom: 1px dotted rgb(161, 161, 161);
	overflow: hidden;
}

#contents .news ul a {
	text-decoration: none;
	overflow: hidden;
}

#contents .news ul a:hover {
	text-decoration: underline;
}

#contents .news ul .date {
	float: left;
	margin-right: 1em;
	width: 8em;
}

#contents .news ul h3 {
	overflow: auto;
}

#contents .news .green {
	margin: 0 auto;
	padding: 6px 0 5px;
	width: 320px;
}

/*
	コンテンツ */
#contents .contents {
	width: 1280px;
	overflow: hidden;
	margin: 0 auto;
}

#contents .contents .floatLeft,
#contents .contents .floatRight {
	width: 640px;
}

#contents .contents a {
	display: block;
}

#contents .contents a:hover img {
	opacity: 0;
}

#contents .contents a[href="./aboutus/"] {
	background-image: url('../../img/index/ind_btn_002.jpg');
}

#contents .contents a[href="./service/"] {
	background-image: url('../../img/index/ind_btn_004.jpg');
}

#contents .contents a[href="./store/"] {
	background-image: url('../../img/index/ind_btn_006.jpg');
}

#contents .contents a[href="./staff/"] {
	background-image: url('../../img/index/ind_btn_008.png');
}

/*
	ブログ */
#contents .blog {
	padding: 66px 0;
	background-color: #f3f3f3;
}

#contents .blog h2 {
	margin: 0 0 40px;
	text-align: center;
}

#contents .blog h2 img {
	max-width: 278px;
}

#contents .blog .entries {
	margin: 0 auto 50px;
	width: 1000px;
	overflow: hidden;
}

#contents .blog .entries>a {
	display: block;
	float: left;
	margin: 0 0 0 65px;
	width: 290px;
	text-decoration: none;
}

#contents .blog .entries>a:first-child {
	margin-left: 0;
}

#contents .blog .entries>a>div {
	margin: 0 auto;
	padding: 15px 18px;
	width: 220px;
	background-color: #ffffff;
	border: 1px solid rgb(228, 228, 228);
	box-shadow: 0px 0px 9px 0px rgba(160, 160, 160, 0.38);
	position: relative;
}

#contents .blog .entries>a>img+div {
	margin-top: -54px;
}

#contents .blog .entries h4 {
	margin: 0;
	padding: 4px 0;
	width: 220px;
	max-width: 100%;
	height: 4.68em;
	border: none;
	border-top: 1px solid #9ada4f;
	text-align: left;
	font-size: 100%;
	line-height: 1.56;
	color: #34862b;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

#contents .blog .entries>a>div p {
	color: #a1a1a1;
}

#contents .blog .entries>a>div .date {
	text-align: left;
}

#contents .blog .entries>a>div .category {
	text-align: right;
}

#contents .blog .green {
	margin: 0 auto;
	padding: 6px 0 5px;
	width: 320px;
}

/*
	店舗紹介 */
#contents .store {
	margin: 60px auto;
	width: 1000px;
	overflow: hidden;
}

#contents .store>img {
	float: left;
	width: 490px;
}

#contents .store>div {
	float: right;
	padding: 40px 26px 36px;
	width: 436px;
	border: 1px solid rgb(228, 228, 228);
	box-shadow: 0px 0px 9px 0px rgba(160, 160, 160, 0.38);
}

#contents .store h2 {
	text-align: center;
}

#contents .store h2 img {
	max-width: 157px;
}

#contents .store p {
	margin: 18px 0 24px;
	font-size: 112.5%;
	line-height: 1.66;
}

#contents .store .blue {
	margin: 0 auto;
	padding: 7px 0;
	width: 256px;
}

#contents .contact {
	clear: both;
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

/*
	facebook */
#contents .facebook {
	float: left;
	width: 490px;
}

#contents .contactus {
	float: right;
	padding: 48px 45px 46px;
	width: 398px;
	border: 1px solid rgb(228, 228, 228);
	box-shadow: 0px 0px 9px 0px rgba(160, 160, 160, 0.38);
}

#contents .contactus h2 {
	margin: 0 0 26px;
	text-align: center;
}

#contents .contactus h2 img {
	width: 360px;
}

#contents .contactus>img {
	margin: 0 0 10px;
}

#contents .contactus h3 {
	margin: 0 7px;
	font-size: 125%;
}

#contents .contactus p {
	margin: 0 7px 20px;
}

#contents .contactus .blue {
	padding: 8px 0 7px;
	font-size: 150%;
}

#contents .contactus .blue img {
	margin-right: 4px;
	vertical-align: middle;
}

/*
	おもてなし認証 2018-04-04 */
#contents .omotenashi {
	padding: 58px 0;
	background: url('../../img/index/ind_txt_007.png') no-repeat scroll center center #f8f9fa;
	height: 110px;
	text-align: center;
}

#contents .omotenashi img {
	display: none;
}

/*
	おもてなし認証／ふじのくに健康づくり推進事業所宣言　2018-10-31 */
#contents .ninsyo {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

#contents .ninsyo_bg {
	background-color: #f8f9fa;
}

#contents .omotenashi02 {
	padding: 51px 0;
	background: url('../../img/index/ind_txt_008.png') no-repeat scroll center center #f8f9fa;
	height: 137px;
	text-align: center;
	float: left;
	width: 560px;
}

#contents .omotenashi02 img {
	display: none;
}

#contents .fujinokuni a[href="./news/e00082.html"] {
	padding: 28px 0;
	background: url('../../img/index/ind_txt_009.png') no-repeat scroll center center #f8f9fa;
	height: 184px;
	text-align: center;
	float: right;
	width: 550px;
}

#contents .fujinokuni a[href="./news/e00082.html"]:hover {
	opacity: 0.8;
}

#contents .fujinokuni img {
	display: none;
}


/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

/* コンテンツ下のマージン */
.flex-child {
	margin-bottom: 10px;
}

.flex-child a {
	display: block;
	transition: all .3s ease-in-out;
	transform: translateY(0);
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.flex-child a:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}


/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child {
	width: calc((80% - 10px) / 2);
}

.flex-col3::after,
.flex-col3 .flex-child {
	width: calc((100% - 20px) / 3);
}

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child {
	width: calc((100% - 30px) / 4);
}

/* 最終行は両端揃えにしない */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after {
	content: "";
}

.flex-col4::before {
	order: 1;
}

/* レスポンシブ対応 */

/* 991px以下で4列 → 3列 */
@media screen and (max-width: 991px) {

	.flex-col4::after,
	.flex-col4 .flex-child {
		width: calc((100% - 20px) / 3);
	}
}

/* 767px以下で4列・3列 → 2列 */
@media screen and (max-width: 767px) {

	.flex-col3 .flex-child,
	.flex-col4 .flex-child {
		width: calc((100% - 10px) / 2);
	}
}

/* 575px以下で全て1列 */
@media screen and (max-width: 575px) {

	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child {
		width: 100%;
	}
}

.flex-child p:last-child {
	margin-top: 30px;
}