/**********************************************
	サイト構成
**********************************************/
html {
	font-family:Avenir,"Noto Sans JP","Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#222;
}

body {
	animation:fadeIn 3s ease 0s 1 normal;
	-webkit-animation:fadeIn 3s ease 0s 1 normal;
}

#headerContents {
	position:relative;
	width:100%;
}

#wrapper {
	position:relative;
	text-align:left;
}

#wrapperInner {
	margin:0 auto;
	width:100%;
}

@media screen and (max-width:568px) {
	html {
		font-size:86%;
	}
}

/**********************************************
	ページ設定
**********************************************/
@keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

/**********************************************
	トップ画像
**********************************************/
#topImage {
	position:relative;
	height:calc(100vh - 110px);
	background-image:url("../images/top/back.jpg");
	background-size:cover;
	background-position:center center;
}

@media screen and (max-width:768px) {
	#topImage {
		height:100vh;
	}
}

/**********************************************
	オンラインショップボタン
**********************************************/
.onlineShopButton a {
	display:inline-block;
	position:absolute;
	bottom:15vh;
	left:50%;
	padding:20px 60px;
	text-align:center;
	text-decoration:none;
	font-family:"Sawarabi Mincho";
	font-size:16px;
	color:#fff;
	background-color:#600624;
	border-radius:3px;
	-webkit-transform:translate(-50%,0%);
	-moz-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

.onlineShopButton a:before {
	content:"+ ";
	display:inline-block;
	width:40px;
}

.onlineShopButton a:hover:before {
	content:"→ ";
	display:inline-block;
	width:40px;
}

.onlineShopButton i {
	display:inline-block;
	margin-left:20px;
}

.onlineShopButton a:hover {
	background-color:#cc0d4b;
}

@media screen and (max-width:768px) {
	.onlineShopButton a {
		padding:2.8vw;
		width:50vw;
		font-size:2.8vw;
	}
}

@media screen and (max-width:568px) {
	.onlineShopButton a {
		padding:3.2vw 1vw;
		width:75vw;
		font-size:3.2vw;
	}
}

/**********************************************
	FAXオーダーボタン
**********************************************/
.faxOrderButton {
	margin-bottom:30px;
	text-align:center;
}

.faxOrderButton a {
	display:inline-block;
	padding:20px 60px;
	text-align:center;
	text-decoration:none;
	font-family:"Sawarabi Mincho";
	font-size:16px;
	color:#fff;
	background-color:#600624;
	border-radius:3px;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

.faxOrderButton a:before {
	content:"+ ";
	display:inline-block;
	width:40px;
}

.faxOrderButton a:hover:before {
	content:"→ ";
	display:inline-block;
	width:40px;
}

.faxOrderButton i {
	display:inline-block;
	margin-left:20px;
}

.faxOrderButton span {
	display:block;
	margin-top:10px;
	font-size:80%;
}

.faxOrderButton a:hover {
	background-color:#cc0d4b;
}

@media screen and (max-width:768px) {
	.faxOrderButton a {
		padding:2.8vw;
		width:50vw;
		font-size:2.8vw;
	}
}

@media screen and (max-width:568px) {
	.faxOrderButton a {
		padding:3.2vw 1vw;
		width:75vw;
		font-size:3.2vw;
	}
}

/**********************************************
	情報欄
**********************************************/
.infoText {
	margin-bottom:20px;
	padding:1rem;
	text-align:center;
	color:#900;
	border:1px solid #900;
}

.infoText p:first-child {
	margin-bottom:0.5rem;
	font-size:1.8rem;
	font-weight:bold;
}

.infoText p:nth-child(2) {
	font-size:1.1rem;
}

/**********************************************
	説明テキスト
**********************************************/
#descBlock {
	padding:5vh 0;
	background-color:#fff;
	background-image:url("../images/top/image01.jpg");
	background-size:cover;
	background-position:bottom center;
}

#descBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1024px - 8vw);
}

#descImage {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#descImage img {
	width:75%;
	height:auto;
}

#descText {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-bottom:40px;
	line-height:250%;
	font-family:"Sawarabi Mincho";
	font-size:108%;
	text-shadow:0 0 10px #fff;
}

#descTextFooter {
	margin-bottom:50vh;
}

@media screen and (max-width:768px) {
	#descTextFooter {
		margin-bottom:33vh;
	}
}

/**********************************************
	キャッチテキスト
**********************************************/
.catchBlock {
	padding-bottom:15vh;
	background-color:#fff;
}

.catchBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1024px - 8vw);
}

.catchBlockText {
	line-height:180%;
	color:#606060;
}

.catchSection {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin-bottom:5vh;
	padding-top:5vh;
	width:100%;
	height:65vh;
	background-size:cover;
	background-position:center center;
}

.catchSectionTitle {
	margin-bottom:20px;
	text-align:center;
	text-shadow:0px 2px 6px #000;
	font-size:360%;
	font-family:"Sawarabi Mincho";
	color:#fff;
}

.catchSectionText {
	margin-bottom:10px;
	padding:0 20px;
	text-align:center;
	text-shadow:0px 2px 6px #000;
	letter-spacing:0.25em;
	font-size:90%;
	font-family:"Sawarabi Mincho";
	color:#fff;
}

#catch01 {
	background-image:url("../images/top/01.jpg");
}

#catch02 {
	background-image:url("../images/top/02.jpg");
}

#catch03 {
	background-image:url("../images/top/03.jpg");
}

@media screen and (max-width:768px) {
	.imageSection {
		height:55vh;
	}

	.catchSectionTitle {
		font-size:240%;
	}
}

/**********************************************
	バナー
**********************************************/
#bannerBlock {
	margin:0 auto;
	max-width:1280px;
}

#bannerBlock p {
	margin:10px 0;
}

#bannerBlock p img {
	width:100%;
	height:auto;
}

/**********************************************
	最新のニュース
**********************************************/
#newsBlock {
	background-color:rgba(255,255,255,0.85);
}

#newsBlockInner {
	margin:0 auto;
	padding:40px 4vw;
	max-width:calc(1280px - 8vw);
}

#newsTitle {
	margin-bottom:40px;
	padding-left:10px;
	font-family:"Sawarabi Mincho";
	font-size:165%;
	color:#2e2e2e;
	border-left:10px solid #2e2e2e;
}

#newsTable {
	display:table;
}

#newsTable a {
	display:table-row;
	text-decoration:none;
}

#newsTable .newsDate {
	display:table-cell;
	padding-right:4em;
	text-align:left;
	font-size:95%;
	color:#909090;
}

#newsTable .newsDetail {
	display:table-cell;
	margin-left:1em;
	padding:10px;
	text-align:left;
	font-size:95%;
	color:#2e2e2e;
}

#newsTable .newsSubject {
	margin-bottom:0.75em;
	text-align:left;
	font-size:95%;
	font-weight:bold;
	color:#707070;
}

#newsTable .newsValue {
	margin-bottom:2.25em;
	text-align:left;
	font-size:85%;
	color:#2e2e2e;
	word-break:break-word;
}

#newsTable a:hover {
	color:#909090 !important;
}

@media screen and (max-width:768px) {
	#newsTable .newsDate {
		padding-right:2em;
	}
}

/**********************************************
	Facebook
**********************************************/
#facebookBlock {
	width:100%;
	max-width:500px;
}