@charset "shift_jis"; 

/************************************************************
BASE
************************************************************/
body {
	font-size: 1em;
	color: #333333;
	line-height: 1.5em;
	font-family:"Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", YuGothic, "游ゴシック体", Arial, Helvetica, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", sans-serif;
	-webkit-text-size-adjust: 100%;/*iPhone文字自動拡大なくす*/
}

.wrapper{
	position:relative;
	margin:0;
	clear:both;
	float:none;
}
.inner{
	position:relative;
	width:1280px;/*サイトの幅に調整*/
	margin-left:auto;
	margin-right:auto;
	padding:0 40px;
	clear:both;
	float:none;
}

/*h-logo  h1{}*/

/*pageTtl*/
h2{
	padding:60px 0;
	text-align:center;
	font-weight:bold;
	font-size:2em;
	line-height:1.5em;
	}
h2 span{
	display:block;
	font-size:0.6em;
	line-height:1.5em;
	color:#00a88e;
	}

h3{
	clear:both;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.5em;
	}
h3 span{
	display:block;
	font-size:0.6em;
	line-height:1.5em;
	}
h4{
	clear:both;
	background-color:#00a88e;
	color:#fff;
	padding:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:20px;
	}
h5{
	clear:both;
	border-bottom:#00a88e solid 2px;
	padding:10px;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:20px;	}

/************************************************************
共通
************************************************************/
.contents{
	padding:60px 0;
	}
.bg01{
	background:url(../images/common/bg.jpg) center center no-repeat;
	background-size:cover;
	}

/*btn*******************************************/
/*<p class="btnS"><a href="news/"><i class="fa-light fa-circle-chevron-right" aria-hidden="true"></i> 全て見る</a></p>*/
.btnS a{
	display:block;
	text-align:center;
	text-decoration:none;
	border:#00a88e solid 1px;
	color:#00a88e;
	padding: 8px 2px;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: 500;
	max-width: 150px;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	}
.btnS a:hover,
.btnS a:active{
	background-color:#00a88e;
	color:#fff;
	}
/*L**********************************/
/*<p class="btn clearboth"><a href="javascript:history.back();"><i aria-hidden="true" class="fa fa-chevron-circle-right"></i> 前のページにもどる</a></p>*/
.btn a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	text-decoration:none;
	font-weight:bold;
	border:#00a88e solid 1px;
	color:#00a88e;
	text-align:center;
	padding:20px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.btn a:hover,
.btn a:active{
	background-color:#f7f7f7;
	}



/*サブメニュー********************************/
.anchorNav{
  display:flex;
  align-items: stretch;
justify-content: center;
	flex-wrap: wrap;
	}
.anchorNav > li{
	margin:10px;
	min-width:220px;
	}
.anchorNav > li:last-child{margin-right:0;}
.anchorNav a{
	position:relative;
	width:100%;
	height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
	border:#ccc solid 1px;
	padding:10px;
	text-decoration:none;
	}

/************************************************************
ヘッダー
************************************************************/
#header{
	position:relative;
	background:#fff;
	z-index:100;
	}
#header .inner{
	display:flex;
	align-items:center;
	}
#header .logo{ margin-right:auto;}
#header .logo img{ max-height:60px;}

.h-menu{ margin-left:auto;}
.h-menu > ul{
	margin-left:auto;
	display:flex;
	width:420px;
	align-items:stretch;
	background:#3985bc;
	/*順序 水平方向 左上、右上、右下、左下 / 垂直方向 左上、右上、右下、左下）*/
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px / 0 0 10px 10px;
	padding:10px 0;
	}
.h-menu > ul > li{
	flex: auto;
	text-align:center;
	border-right:#fff solid 1px;
	}
.h-menu > ul > li:last-child{
	border-right:none;
	}
.h-menu > ul > li.h-sns{
	flex-shrink: 0;
	display:flex;
	align-items:center;
	justify-content: center;
	}
.h-menu > ul > li a{
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:0.84em;
	line-height:1em;
	font-weight:500;
	padding:5px;
	}
.h-menu > ul > li.h-sns a{
	padding:5px 8px;
	}
.h-menu > ul > li a:hover,
.h-menu > ul > li a:active{
	color:#ccc;
	}

#nav{
	margin-left:auto;
	display:flex;
	align-items:stretch;
	}
#nav > div{
	min-width:140px;
	position:relative;
	}
#nav > div:hover{
	background:#fff;
}
#nav > div > a{
	display:block;
	text-align:center;
	padding:10px 20px;
	color:#333;
	text-decoration:none;
	font-weight:500;
	border-right:#333 dotted 1px;
	}
#nav > div:first-child > a{
	border-left:#333 dotted 1px;
	}
#nav a:hover,
#nav a:active{
	color:#cc0000;
	}
	
/*中カテ*/
#nav > div > ul{
  list-style: none;
  position: absolute;
	width:200px;
	background:#fff;
	}

#nav > div > ul > li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#nav > div > ul > li a{
	position:relative;
	display:block;
  text-align: left;
  font-weight: normal;
  color: #333;
	text-decoration:none;
	padding:10px;
	font-size:14px;
	line-height:24px;
	}
#nav > div > ul > li a:before{
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	background:#00a88e;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	content:'';
	margin-right:5px;
	}

#nav > div:hover > ul > li{
  overflow: visible;
  height: 46px;
  border-bottom: 1px solid #ccc;
}
#nav > div:hover > ul > li:first-child{
  border-top: 1px solid #ccc;
}
/*
#nav > div:hover > ul > li:last-child{
  border-bottom: 0;
}
#nav > div:hover > ul > li:last-child a{
  border-radius: 0 0 3px 3px;
}
*/



/************************************************************
フッター
************************************************************/

#footer{
	display:block;
	clear:both;
	float:none;
	position:relative;
	padding:40px 0;
	background-color:#00a88e;
	}
#footer .inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	}
#footer .logo img{ max-height:60px;}
.f-tel a{
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:2em;
	line-height:1em;
	text-decoration:none;
	}
.f-tel a:hover,
.f-tel a:active{
	color:#ffff00;
	}
.f-mail a{
	display:block;
	background:#fff;
	padding:20px 50px;
	color:#ff9000;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.f-mail a:hover,
.f-mail a:active{
	background-color:#ffff00;
	}

.copyright{ text-align:center; font-size:0.7em; padding:10px; background-color:#006d5f; color:#fff;}


/************************************************************
index
************************************************************/

/*お知らせ****************************/
.topNews{
	display:flex;
	background:#fff;
	overflow:hidden;
	padding:0 !important;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
.topNewsCaption{
	display:block;
	flex-shrink: 0;
	width:25%;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-wrap: wrap;
	padding:60px 20px;
	/*順序 水平方向 左上、右上、右下、左下 / 垂直方向 左上、右上、右下、左下）*/
	border-radius: 10px 0 0 10px /  10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px /  10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px /  10px 0 0 10px;
	align-items: center;
	background: #e8f3fb;
	background:        -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e8f3fb));
	background:         linear-gradient(to right, #ffffff 0%, #e8f3fb 100%);
	background:    -moz-linear-gradient(left, #ffffff 0%, #e8f3fb 100%);
	background:      -o-linear-gradient(left, #ffffff 0%, #e8f3fb 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #e8f3fb 100%);
	background:-ms-linear-gradient(left, #ffffff, #e8f3fb); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe8f3fb);
	}
.topNewsCaption h3{
	flex-shrink: 0;
	width:100%;
	color:#00a88e;
	text-align:center;
	}
.topNewsCaption h3 span{
	display:block;
	color:#ff9000;
	}
.topNewsCaption > p{
	flex-shrink: 0;
	width:100%;
}

.topNewsBtn{
	margin-left:auto;
	margin-right:auto;
	max-width:130px;
	}
.topNewsBtn a{
	display:block;
	text-decoration:none;
	border:#fff solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:rgba(255,255,255,0.2);
	text-align:center;
	padding:5px 20px;
	color:#fff;
	font-size:0.8em;
	line-height:1.5em;
	}
.topNewsBtn i{ margin-right:5px;}
.topNewsBtn a:hover,
.topNewsBtn a:active{
	color:#fff000;
	}

/*NEWS*/
.newsScroll{
	max-height:1400px;
	overflow-y:auto;
	}
.topNews .newsScroll{
	/*max-height:210px;*/
	height:210px;
	}

	.newsScroll::-webkit-scrollbar {
    width: 8px;
		}
	.newsScroll::-webkit-scrollbar-track {
    background-color:#ddd;
		}
 	.newsScroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color:#ccc;
		}

.news{
	display:block;
	flex-shrink: 0;
	padding:20px;
	}
.topNews .news{ width:75%;}

.news dl{
	float:none;
	clear:both;
	padding:20px;
	border-bottom:#ccc dotted 1px;
	}
.news .newsDate{
	float:left;
	margin-right:20px;
	width:80px;
	}
.news .newsCate{
		float:left;
		margin-right:20px;
	padding:5px 2px;
	min-width:100px;
	background:#fff;
	border:#ccc solid 1px;
	text-align:center;
	font-size:0.8em;
	line-height:1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	.newsCate.cate1{border-color:#3985bc;}
	.newsCate.cate2{border-color:#ff9000;}
	.newsCate.cate3{border-color:#00a88e;}

.news .newsTtl{
	float:left;
	clear:none;
	width : -webkit-calc(100% - 220px) ;
	width : calc(100% - 220px) ;
	}
.news a{ text-decoration:none;}

/*詳細*/
.cms_contents{}
.cms_contents table{
	table-layout:auto;
	max-width:100%;
	}
.cms_contents img{
	display:inline;
	}


/************************************************************
商品情報
************************************************************/

/*一覧**********************/
.listWrap{}
.listWrap a{
	display:block;
	position:relative;
	text-decoration:none;
	color:#333;
	height:100%;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	padding:15px;
	}
.listWrap a:hover,
.listWrap a:active{
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);
	}

.listWrap h5{
	display: flex;
  align-items: center;
	overflow:hidden;
	height:3em;
	}
.listWrap h5 span{
	display: -webkit-box;
	overflow-wrap: break-word;/*強制折返*/
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*行数*/
	}
.listWrap .photo,
.newsWrap .photo{
	position:relative;
	background:#f7f7f7;
	padding-top:66.6666%;
	margin-bottom:10px;
	}
.listWrap .photo img,
.newsWrap .photo img{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	}
.listWrap .text{
	font-size:0.9em;
	line-height:1.5em;
	height:7.5em;
	overflow-wrap: break-word;/*強制折返*/
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;/*行数*/
	margin-bottom:10px;
	}
.listWrap .date{
	font-size:0.8em;
	line-height:1.5em;
	}

/*ニュース一覧**********************/
.newsWrap{
	clear:both;
	border:#ccc solid 1px;
	}
.newsWrap a{
	position:relative;
	display:block;
	padding:20px;
	text-decoration:none;
	color:#333;
	height:100%;
	}
.newsWrap:hover,
.newsWrap:active{
	border-color:#00a88e;
	background-color:#fafafa;
	}

.newsWrap .newsTxt{
	float:left;
	width:68%;
	}
.newsWrap .newsPhoto{
	float:right;
	width:30%;
	}
.newsWrap .date{
	font-size:0.8em;
	line-height:1.5em;
	text-align:right;
	}
.newsWrap .text{
	height:7.5em;
	overflow-wrap: break-word;/*強制折返*/
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;/*行数*/
	}



/*詳細**********************/
.detailWrap{}

.detailWrap .date{
	font-size:0.8em;
	line-height:1.5em;
	text-align:right;
	}
.detailWrap .text{
	}