@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 16px;
	color: #3d3d3d;
	line-height: 1.8;
	font-family: 'Varela Round', sans-serif;
	/*-webkit-text-size-adjust: 100%;*/
}
@media all and (-ms-high-contrast: none){
  body{
  }
}
img{
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight: normal; 
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
address{
	font-style: normal;
}
#wrap{
}
/*ハンバーガーメニューのナビゲーション*/
.fat-nav ul .contact a{
	padding:5px 15px;
}
/* IE対処 */
@media screen\0 {
  .selector {
    property: value;
  }
.fat-nav ul .contact a{
	padding:5px 15px 0px;
}
}
/*ヘッダー*/
#logo img{
	width:177.177px;
}
/*ヘッダー固定*/
#header {
	transition: all 0.5s;
	border-bottom: 1px solid rgba(226,225,223,0);
}
#header.is-fixed {
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: 9999;
	width: 100%;
	border-bottom: 1px solid rgba(226,225,223,1);
}
#header #header-nav ul .contact a{
	padding:5px 15px;
}
/* IE対処 */
@media screen\0 {
  .selector {
    property: value;
  }
#header #header-nav ul .contact a{
	padding:5px 15px 0px;
}
}
/*フッター*/
#footer .logo{
	width:350px;
	margin:0 auto 60px;
}
#footer .logo::before{
	display: inline-block;
    content: "";
    width: 170px;
    height: 0.5px;
    background: #4e4e4e;
    position: absolute;
    bottom: -170px;
    left: 80px;
    margin: auto;
	transform: rotate(-90deg);
	z-index: 2;
}
#footer .d_flex{
	align-items: flex-start;
}
#copyright{
}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
	z-index: 9999;
}
#page-top a img{
	height: 60px;
	width:60px;
}
/*スマホでページ移動時に動くの修正*/
#cate_list li a{
	transition: opacity 0.5s!important;
}
.motion05s,.motion03s{
	transition: opacity 0.5s!important;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#wrap{
	min-width: 100%;
}
#header.is-fixed {
	display:none;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
body {
	font-size: 14px;
}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 9999;
}
#page-top a img {
    height: 50px;
    width: 50px;
}
/*フッター*/
#footer .logo{
	width:250px;
	margin:0 auto 40px;
}
#footer .logo::before{
	display: none;
}
#footer .left,#footer .right{
border-color: rgba(78,78,78,0.3)

}	
}