@charset "UTF-8";
/* 基本設定
=============================================== */

html {
	overflow: auto;
}
html, body {
	font-size: 62.5%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	color: #333;
	-webkit-text-size-adjust: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
img {
	vertical-align: central;
}
a {
	/*color: #e83743;*//*color: #cd963b;*//*color: #c59264;*//*color: #333;*/color: #b8860b;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav li {
	margin: 0;
	padding: 0;
}
::selection {
	background: /*#e83743*/#e3ab00;
	color: #fff;
}

/* コンテンツ
=============================================== */

#contents {
	position:relative;
	margin: 0px auto;
	/*width: 1000px;*/
	width:100%;
	max-width: 1000px;
	background: #fff;
}
#home #wrapper {
	/*margin-top: 800px;*/margin-top: 100vh;
	position:relative;
	overflow: hidden;
	background: #fff;
	z-index:10;
}
/*#main {
	float: left;
	margin: 90px 0px;
	overflow: hidden;
	width: 700px;
	padding: 0px;
}
#sub {
	margin: 90px 0px;
	width: 240px;
	float: right;
}*/

/* 共通パーツ
=============================================== */

h2.ttl {
	/*color: #e83743;*/ color: #ad6633;
	margin: 0px 0px 2em;
	text-align: center;
	/*font-size: 36px;*/ font-size: 2em;
	font-weight: normal;
}
p.lead {
	font-size: 16px;
	/*margin-bottom: 60px;*/ /*2017.3.1変更*/
}
.bgWrap {
	background: /*#F7F7F7*/#fbfbfb;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	border-top: 1px solid #e2e2e2;
}
.bgWrapWhite {
	background: /*#F7F7F7*/#fff;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	border-top: 1px solid #e2e2e2;
}
.arw {
  padding-left: 17px;
  background: url("../../images/arw-0522.png") no-repeat left center;
}

/* ヘッダー
=============================================== */

#gHeader {
	height: 100px;
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
#gHeader h1#logo, #navbar h1#logo {
	margin: 0px;
	/*padding: 23px 0px 0px;*/padding: 10px 0px 0px;
}
h1#logo a {
	margin: 0 0 0 3%;
	padding: 0 12px;
	vertical-align: middle;
	background: rgba(255, 255, 255, 1);
	border-radius: 20px;
}
h1#logo a img {
	/*width: 28%;*/width: 200px;
}
#gHeader #gNav, #navbar #gNav {
	position: absolute;
	right: 0px;
	/*top: 40px;*/top: 26px;
	margin-right: 15px;
	font-size: 14px;
}
#gHeader #gNav li, #navbar #gNav li {
	float: left;
}
#gHeader #gNav li+li, #navbar #gNav li+li {
	margin-left: 20px;
}
#navbar #gNav a {
	color: #a57a43;
	text-decoration: none;
}
#navbar #gNav a:hover {
	color: #e83743; /*color: #a57a43/#e83743;*/
	text-decoration: underline;
}
@media screen and (min-width:726px) {
	#gHeader #gNav a {
		color: #fff;/*#a57a43*/
		text-decoration: none;
	}
}
@media screen and (max-width: 725px) {
	#gHeader #gNav a {
		color: #a57a43;/*#a57a43*/
		text-decoration: none;
	}
}
#gHeader #gNav a:hover {
	color: #00c; /*color: #a57a43/#e83743;*/
	text-decoration: underline;
}
#navbar {
	/*background: #fff;*/
	background-color: rgba(255,255,255,.9);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	z-index: 9999;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);
}
#navbar .inner {
	height: 60px;
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
#navbar h1#logo {
	/*padding: 0px;*/padding: 3px 0 0;
}
#navbar #gNav {
	top: 20px;
}
/*#navbar #gNav a {
	color: #333;
	text-decoration: none;
}*/
/*#navbar #gNav a:hover {
	color: #e83743; color: #cd963b;
}*/

/*#gNav > ul > li > a {
	color: #fff;
}*/

/* メインヴィジュアル
=============================================== */

/*#mainVisual {
	position: relative;
	width: 100%;
	background: #e13d40 url("../../images/mainvisual_bg.jpg"); background: #e3ab00 url("../../images/mainvisual_bg.jpg");
	height: 360px;
	overflow: hidden;
}*/
#mainVisual #cHeader h1 {
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: normal;
	line-height: 260px;
	height: 260px;
}
#home #mainVisual {
	position: fixed;
	width: 100%;
	/*background: #e13d40 url("../../images/mainvisual_bg.jpg") center no-repeat;*/background: #fff url("../../images/mainvisual_bg.jpg") center no-repeat;
	background-size: cover;
	/*height: 800px;*//*height: 100vh;*/
	overflow: hidden;
}
#mainVisualInner {
	position: relative;
	/*margin: 100px auto;*/margin: -50px auto 0;
	width: 1000px;
	/*height: 500px;*/height: 100vh;
}
#mainVisualInner figure {
	position: relative;
	right: auto;
	bottom: auto;
	text-align: center;
}

/*画像フェードイン＆ループ*/
.mainvisual-list {
  list-style: none;
}
.mainvisual-item {
  margin: 0px;
  padding: 0px;
}
.mainvisual-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130%; }

.smaller-mv {
  animation: smaller 5000ms linear 0s  normal backwards; }


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

#gFooter {
	background: /*#fff*/#f0f0f0;
	border-top: 1px solid #e2e2e2;
	clear: both;
	text-align: center;
	padding: 60px 0px;
	/*padding: 75px 0px 65px;*/
	z-index: 3;
	position:relative;
}

#gFooter #fNavS {
	/*width: 1000px;*/
	margin: 0px auto 50px;
	color: #222;
}

#gFooter #fNavS a {
	display: inline-block;
	position: relative;
	/*padding: 0 10px;*/padding-bottom: 3px;
	color: #666;
}
#gFooter #fNavS a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #e3ab00;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#gFooter #fNavS a:hover {
	/*color: #cd963b;*/color: #ad6633;
	text-decoration: none;
}
#gFooter #fNavS a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

/* トップページ
=============================================== */

#home #topics {
	margin: 0px auto;
	/*width: 900px;*/width: 100%;
	max-width: 900px;
}
#home #introduction,
#home #about,
#home #sales_item,
#home #commitment {
	margin: 0px auto;
	width: 100%;
	/*max-width: 1000px;*/max-width: 900px;
}
#home #shop,
#home #company {
	margin: 0px auto;
	/*width: 740px;*/width: 100%;
	max-width: 740px;
}

.box {
	/*z-index: 9999;*/
	position: absolute;
	/*top: 50%;*/top: 44%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding: 10px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center; 
	align-items: center;
}
p.post-title {
	display: block;
	/*font-size: 40px;*//*font-size: 60px;*/font-size: 4vw;
	color: white;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 600;
	text-shadow: 3px 3px 3px #000;
	line-height: 1.2;
	text-align: center;
}
@media screen and (max-width: 767px) {
	p.post-title {
		font-size: 26px;
		margin: 80% 6%;
	} }
/* Maximum */
@media screen and (min-width: 1280px) {
	p.post-title {
		font-size: 5.5rem;
	} }
p.post-copy {
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	p.post-copy {
		font-size: 14px !important;
	} }

/* #topics「お知らせ」
=============================================== */

#home #topicsWrap {
	background: #fbfbfb;
	border-bottom: 1px solid #e2e2e2;
}
#home #topics {
	z-index: 100;
	padding: /*30px*/42px 30px;
	display: table;
	font-size: 12px;
}
#home #topics h2 {
	color: /*#e83743*/#a57a43;
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	font-size: 16px;
	font-weight: normal;
	border-right: 1px solid #e2e2e2;
}
#home #topics dl {
	display: table-cell;
	padding: 0px 60px;
}
#home #topics dt {
	clear: both;
	float: left;
	width: 90px;
	padding: 3px 0px;
}
#home #topics dd {
	margin-left: /*90px*/7.5em;
	padding: 3px 0px;
}
#home #topics span {
	display: inline-block;
	width: 6em;
	background: #E13D40;
	font-size: 10px;
	text-align: center;
	margin-right: 15px;
	color: #fff;
}
#home #topics .more {
  width: 180px;
  display: table-cell;
  vertical-align: middle;
  text-align:right;
}
/*#home #topics a {
	color: #333;
}*/

/* #introduction
=============================================== */

#introduction {
	padding: 90px 0px;
	text-align: center;
}
#introduction p {
	text-align: left;
	font-size: 1.2em;
	line-height: 2em;
}

/* #about
=============================================== */

#home #about {
	padding: 90px 0px;
	text-align: center;
}
#home #about h3 {
	margin: 0 0 1em;
	text-align: center;
  color: #ad6633;
	font-size: 1.8em;
	font-weight: normal;
}
#home #about p,
#home #about ul {
	margin-top: 0;
	text-align: left;
	font-size: 1.2em;
	line-height: 2em;
}
#home #about li,
#home #about li ul,
#home #about li p {
	font-size: 1.7rem;
}
#home #about li span {
	color: #ad6633;
}
#home #about li p {
	margin: 0;
}

/* #company「会社情報」
=============================================== */

#home #company {
	/* padding: 90px 0px; */padding: 90px 0px 50px;
}
#home #company dl {
	width: 740px;
	margin: 0;
	padding: 0px;
	border-top: 1px solid #e8e8e8;
}
#home #company dt {
	clear: both;
	float: left;
	width: 120px;
	padding: 20px;
	margin: 0px;
}
#home #company dd {
	padding: 20px 20px 20px 160px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0px;
}

#googleMap {
	margin-bottom: 70px
}
#googleMap iframe {
	width: 100%;
	height: 480px;
	border: none;
}

/* Align Lists Flush Left リスト要素をぴったり左寄せに配置する */
.ul_flush {
	list-style: none;
	margin-top: 0;
	padding-left: 0;
	display: table;
	line-height: 2;
}
.ul_flush li:after {
	content: "";
	display: block;
	/*margin-bottom: 0.5em;*/
}
.ul_flush li {
	display: table-row;
}
.ul_flush li:before {
	content: "•";
	display: table-cell;
	padding-right: 0.4em;
}
/*li {
	margin-bottom: 0.5em;
}*/

ul#company-photo {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /*flex-start,center,space-between*/
	align-items: stretch;/* 天地中央 */
	& li {
		width: calc(100%/2 - 10px);
		margin: 0;
		padding: 0;
		& img {
			width: 100%;
			vertical-align: top;
		}
	}
}


/* ページトップへ戻るボタン
=============================================== */

.pageTop {
  display: none;
  position: fixed;
  bottom: 55px;
  /*right: 15px*/right: 20px;
  line-height: 1.55;
  z-index: 10;
}
.pageTop a {
  display: block;
  padding: 5px 5px 6px 5px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #6a6a6a;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pageTop a:hover {
  display: block;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  color: #668ae8;
}