@charset 'UTF-8';
/* Scss Document */
#inHeader {
  background-image: url(../img/user/headerBg.jpg);
}
.h1_center{
	margin-top: -50px;
}

.blogArea01 .blogDay{
	background-color: #948154;
}

.h_02,
.h_12:after,
.h_13,
.btn02:hover,
.pagetop a:hover,
.btn04 {
  background-color: #948154;
}

.inBlogArea{
	background-color: #FFF;
}

#wrapper,
.pagetop a {
  background-color: #000;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07:before,
.h_07:after,
.h_08,
.h_10,
.h_14,
.h_14:beofre {
  border-color: #948154;
}

.btn03 {
  border-color: #001F6C;
}

.h_13:after {
  border-top-color: #001F6C;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07,
.h_08,
.h_09,
.h_10,
.h_12,
.h_14,
.newsArea02 .blogBox dt,
.blogArea02 .blogDay,
.btn03 {
  color: #948154;
}

.gNav li a,
.h_02,
.h_11,
.h_13,
.copyright,
.blogArea01 .blogDay {
  color: #FFF;
}

.gNav li a:hover {
  color: #948154;
}

.imgArea01 {
  background-color: #FFFF00;
}

#inFooter {
  background-color: #948154;
}

.contactBox01 .contactBtn p {
  color: #FFF;
}

.contactBox02 .contactBtn a:after {
  color: #A67F4C;
}

.contactBox02 .contactBtn p.ttl {
  color: #969696;
}

.contactBox02 .contactBtn p {
  color: #A67F4C;
}

.contactBox03 .contactBtn {
  background-color: #F7F5F3;
}

/*プライバシーポリシー*/
.privacyBox {
	width: 90%;
	max-width: 800px;
	height: 300px;
	overflow: auto;
	margin: 0px auto 70px;
	padding-top: 15px;
	border: 1px solid #D0D0D0;
	background-color: #fff;
}
.privacyBox h2 {
	padding-left: 2em;
	font-weight: bold;
}
.privacyBox .ttl {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
.privacyText {
	margin-top: 30px;
	padding: 0px 30px;
	font-size: 13px;
	line-height: 25px;
	color: #666666;
	text-align: left;
}
.privacyList {
	height: auto;
	width: 100%;
	margin-top: 60px;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
}
.privacyList dt {
	padding: 0px 30px;
	font-weight: bold;
	color: #666;
}
.privacyList dd {
	color: #666666;
	padding: 0px 30px 30px 60px;
}
dl.privacyList dd.ga a{
	color: #000000;
	text-decoration: underline;
}
dl.privacyList dd.ga a:hover{
   background-color: #ddd;
}
.conceptArea{
	background: url("../img/user/concept-bg.jpg") no-repeat;
	background-position: center;
	background-size: contain;
}
.white-bg{
	background: rgba(255,255,255,0.8);
}
.ym {
	font-family: 貂ｸ譏取悃菴�, "Yu Mincho", YuMincho, "Times New Roman", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", serif;
}
.title-bg{
	background: url("../img/user/title-bg.jpg")no-repeat;
	background-size: cover;
	background-position: center;
}
.title-bg h2{
	padding-left: 200px;
}
.products{
	display: flex;
	flex-wrap: wrap;
}
.products .products01{
	width: 30%;
	margin: 0 10px ;
	padding-bottom: 20px;
}
.products .products01:last-of-type{
	margin-right: auto;
}
.products .product-img img{
	width: 100%;;
}
.fNav a:hover {
	color: #000;
}
.blogArea img {
	height: auto;
}

@media screen and (max-width: 756px) {
	.h1_center{
	margin-top: 0;
	}
}

@media screen and (max-width: 736px) {
  #inHeader {
    background-image: none;
    border-bottom-color: #001F6C;
  }

  #toggle a {
    background-color: #FFF;
  }

  .gNav li a {
    border-color: #FFF;
  }

  .pagetop {
    margin-bottom: -31px;
  }
	
	.title-bg h2{
		padding-left: 30px;
	}
	
	.products .products01{
		width: 100%;
		margin: 0 10px ;
	}
}