@charset "UTF-8";

/*========================================================================

  reset

========================================================================*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, section, article, header, footer, aside, figure, figcaption, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
	display:block;
}
ol,ul {
	list-style: none;
	list-style-type: none;
}
img {
	vertical-align: top;
	max-width: 100%;
}

/*========================================================================

  style

========================================================================*/
body {
	opacity: 0;
	min-width: 1130px;
	padding: 120px 0 0;
	font-family: "游ゴシック Medium", YuGothic Medium, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #4e4e4e;
	line-height: 1.7;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	letter-spacing: .5px;
}

main {
	overflow: hidden;
	background: url(../images/common/bg03.png) no-repeat center top;
	background-size: 100%;
	display: block;
}
body#top main {
	background: none;
}

.articleInner {
	max-width: 1100px;
	margin: 0 auto;
}

.hide {
	opacity: 0;
}
.show {
	-webkit-transition: all .8s;
	transition: all .8s;
	opacity: 1.0;
}
.sp {
	display: none;
}
.right {
	text-align: right;
}


.sns_btn {
	margin-bottom: 45px;
	overflow: hidden;
}
.sns_btn li {
	float: left;
	margin-right: 10px;
	line-height: 19px;
}
	
	
@media screen and (max-width: 768px) {
	body {
		padding: 0 0 55px;
		min-width: auto;
	}
	main {
		background-size: 300%;
	}
	.articleInner {
		width: 92%;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}

/*  margin
------------------------------------------------*/
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
.mt100 { margin-top: 100px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}

@media screen and (max-width: 768px) {
	.mt35 { margin-top: 30px;}
	.mt45 { margin-top: 30px;}
	.mt50 { margin-top: 30px;}
	.mt60 { margin-top: 30px;}
	.mt70 { margin-top: 40px;}
	.mt80 { margin-top: 40px;}
	.mt90 { margin-top: 40px;}
	.mt100 { margin-top: 40px;}

	.mb35 { margin-bottom: 30px;}
	.mb45 { margin-bottom: 30px;}
	.mb50 { margin-bottom: 30px;}
	.mb60 { margin-bottom: 30px;}
	.mb70 { margin-bottom: 40px;}
	.mb80 { margin-bottom: 40px;}
	.mb90 { margin-bottom: 40px;}
	.mb100 { margin-bottom: 40px;}
}

/*  width
------------------------------------------------*/
.w10 { width: 10%;}
.w20 { width: 20%;}
.w30 { width: 30%;}
.w40 { width: 40%;}
.w80 { width: 50%;}
.w60 { width: 60%;}
.w70 { width: 70%;}
.w80 { width: 80%;}
.w90 { width: 90%;}
.w100 { width: 100%;}

/*	float
------------------------------------------------*/
.box {
	overflow: hidden;
}
.floatLeft {
	float: left;
	width: 47.274%;
}
.floatRight {
	float: right;
	width: 47.274%;
}
.center{
	margin: 0 auto;
	text-align: center;
}

.waku{
	border:#999 1px solid;
	padding: 20px;
	color: #999;
}

@media screen and (max-width: 768px) {
	.floatLeft,
	.floatRight {
		float: none;
		width: 100%;
	}
}

/*  text
------------------------------------------------*/
.textLeft { text-align: left;}
.textRight { text-align: right;}
.textCenter { text-align: center;}
.read {
	max-width: 80%;
	margin: 0 auto 30px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	text-align: center;
	line-height: 2.2;
	font-size: 105%;
}
.notes {
	margin: 0 0 10px;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
.fontBold{
	font-weight: bold;
}
.notes-type02{
	font-size: 50%;
}
.notes-type03{
	font-size: 35%;
}
.notes-type04{
	font-size: 80%;
}

@media screen and (max-width: 768px) {
	.read {
		max-width: 100%;
		margin: 0 auto 10px;
		line-height: 1.7;
		font-size: 100%;
		font-family: 'Hiragino Mincho ProN', serif;
	}
}


/*  title
------------------------------------------------*/
main h1 {
	margin: 0 0 100px;
	font-size: 250%;
	font-weight: normal;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height: 1.3;
	letter-spacing: 7px;
}
main h1 span {
	display: block;
	margin: 3px 0 0;
	font-size: 45%;
	color: #980511;
	font-style: italic;
	text-indent: -6px;
	letter-spacing: 2px;
	font-family: 'Amiri', serif;
}
body:not(#top) h2 {
	padding: 65px 0 76px;
	background: url(../images/common/title_bg.png) no-repeat center bottom;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 170%;
	line-height: 1.3;
	letter-spacing: 7px;
	text-align: center;
}
body:not(#top) main h1 + h2 {
	padding: 0 0 76px;
}

@media screen and (max-width: 768px) {
	main h1 {
		margin: 0 0 30px;
		font-family: 'Hiragino Mincho ProN', serif;
		font-size: 180%;
		letter-spacing: 3px;
	}
	body:not(#top) h2 {
		margin: 0 0 20px;
		padding: 30px 0;
		background-size: 300px;
		font-family: 'Hiragino Mincho ProN', serif;
		font-size: 130%;
		letter-spacing: 2px;
	}
	body:not(#top) main h1 + h2 {
		padding: 0 0 30px;
	}
}

/*  table
------------------------------------------------*/
table {
	width: 100%;
	margin: 40px 0 60px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}
caption {
	margin: 0 0 15px;
	font-weight: bold;
	text-align: left;
}
th {
	background: #efefef;
	border-bottom: 1px solid #eaeaea;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
thead th {
	background: #4e4e4e;
	color: #fff;
	border: 1px solid #fff;
}
td {
	padding: 12px 10px 11px;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
	vertical-align: middle;
}
td + td {
	border-left: 1px solid #eaeaea;
}

.table-type01 {
	margin: 0;
	font-size: 95%;
}
.table-type01 th {
	padding: 17px 25px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	vertical-align: top;
}
.table-type01 td {
	padding: 17px 25px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	vertical-align: top;
}
.table-type01 .btn {
	margin: 15px 0 0;
	text-align: left;
}
.table-type01 .btn a {
	min-width: auto;
	padding: 7px 53px 7px 15px;
	background: url(../images/common/arrow02.png) no-repeat right 10px #fff;
	color: #980511;
}
@media screen and (min-width: 769px){
	.table-type01 .btn a:hover {
		background: url(../images/common/arrow01.png) no-repeat right 10px #980511;
		color: #fff;
	}
}
.table-type01 .btn-type01 a {
	padding: 7px 10px 7px 15px;
	background: #fff;
	min-width: auto;
	color: #980511;
}
@media screen and (min-width: 769px){
	.table-type01 .btn-type01 a:hover {
		background: #980511;
		color: #fff;
	}
}
.table-type01 .btn-type01 a:after {
	font-family: FontAwesome;
	content: "\f08e";
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: top;
}
.table-type01 ul li {
	margin: 3px 0;
	padding: 0 0 0 18px;
	background: url(../images/common/icon_list.gif) no-repeat left 8px;
}

.table-type02 {
	margin: 7px 0 50px;
}
.table-type02 th {
	padding: 17px 25px;
	background: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	vertical-align: middle;
	color: #980511;
	font-weight: normal;
	font-family: 'Amiri', serif;
	font-style: italic;
	font-size: 130%;
	letter-spacing: 0;
	line-height: 1;
	white-space: nowrap;
}
.table-type02 th span {
	margin: 0 3px;
	font-style: normal;
	font-size: 85%;
}
.table-type02 th span:last-child {
	margin: 0;
}
.table-type02 td {
	padding: 17px 25px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	vertical-align: middle;
	font-size: 110%;
}
.table-type02 td a {
	display: block;
	text-decoration: underline;
}
@media screen and (min-width: 769px){
	.table-type02 td a:hover {
		opacity: .7;
	}
}
@media screen and (max-width: 768px) {
	table {
		margin: 20px 0 30px;
		font-size: 80%;
	}
	caption {
		font-size: 120%;
		margin: 0 0 5px;
	}
	th {
		padding: 10px 5px;
	}
	thead th {
		padding: 10px 5px;
	}
	td {
		padding: 8px 5px;
	}

	.table-type01 {
		font-size: 90%;
		border-bottom: 1px solid #dddddd;
	}
	.table-type01 th {
		display: block;
		padding: 12px 15px;
		border-bottom: none;
	}
	.table-type01 td {
		display: block;
		padding: 12px 15px;
		border: none;
	}
	.table-type01 .btn {
		margin: 5px 0 0;
	}

	.table-type02 {
		margin: 0 0 30px;
		border-bottom: 1px solid #dddddd;
	}
	.table-type02 th {
		display: block;
		width: 100%;
		padding: 15px 0 5px;
		border-bottom: none;
	}
	.table-type02 td {
		display: block;
		width: 100%;
		padding: 0 0 15px 0;
		border: none;
	}
}

/*  link
------------------------------------------------*/
a {
	color:#4e4e4e;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
	a:hover img {
		opacity: 1;
	}
}

/*  list
------------------------------------------------*/
ol {
	margin: 0 0 65px 1.5em;
	list-style-type: decimal;
}
ol > li {
	margin: 10px 0;
}

main dl {
	margin: 0 0 20px;
}
main dl dt {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 115%;
	letter-spacing: 2px;
}
main dl dd + dt {
	margin: 40px 0 15px;
}

@media screen and (max-width: 768px) {
	ol {
		margin: 0 0 40px 1.5em;
	}
	ol > li {
		margin: 5px 0;
	}
	main dl {
		margin: 0 0 15px;
	}
	main dl dt {
		margin: 0 0 5px;
		font-size: 105%;
		letter-spacing: .5px;
	}
	main dl dd + dt {
		margin: 20px 0 5px;
	}
}

/*  button
------------------------------------------------*/
main .btn {
	text-align: center;
}
main .product-btn{
	width: 18.5%;
	margin: 0 auto;
	text-align: left;
}

main .product-btn a {
	display: inline-block;
	min-width: 100%;
	padding: 13px 55px 13px 35px;
	background: url(../images/common/arrow01.png) no-repeat right center #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

main .btn a {
	display: inline-block;
	min-width: 200px;
	padding: 13px 55px 13px 35px;
	background: url(../images/common/arrow01.png) no-repeat right center #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (min-width: 769px){
	main .btn a:hover {
		background: url(../images/common/arrow02.png) no-repeat right center #fff;
		color: #980511;
	}
}
.btn-type01 {
	text-align: center;
}
.btn-type01 a {
	display: inline-block;
	min-width: 200px;
	padding: 13px 35px;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
}
.btn-type01 a:before {
	font-family: FontAwesome;
	content: "\f0e0";
	display: inline-block;
	margin: 0 17px 0 0;
}
@media screen and (min-width: 769px){
	.btn-type01 a:hover {
		background: #fff;
		color: #980511;
	}
}
.btn-type02 {
	text-align: center;
}
.btn-type02 a {
	position: relative;
	display: inline-block;
	margin: 0 15px;
	padding: 0 30px 6px 0;
	background: url(../images/common/arrow03.png) no-repeat right bottom;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #980511;
	font-weight: bold;
	font-size: 13px;
}
@media screen and (min-width: 769px){
	.btn-type02 a:hover {
		margin: 0 0 0 15px;
		padding: 0 45px 6px 0;
	}
}

.btn-type03 {	
	margin: 10px 0 0;
}
.btn-type03 a {
	display: inline-block;
	min-width: 140px;
	padding: 10px 15px 13px;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.btn-type03 a:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 140%;
}
@media screen and (min-width: 769px){
	.btn-type03 a:hover {
		background: #fff;
		color: #980511;
	}
}

.btn-type04 {	
	margin: 10px 0 0;
}
.btn-type04 a,
.btn-type04 button{
	display: inline-block;
	min-width: 200px;
	padding: 10px 15px 13px;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.btn-type04 a:before,
.btn-type04 button:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 140%;
}

@media screen and (min-width: 769px){
	.btn-type04 a:hover {
		background: #fff;
		color: #980511;
	}
}
.btn-type05 a{
	display: inline-block;
	min-width: 405px;
	padding: 10px 15px 13px;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.btn-type05 a:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 100px 0 0;
	font-size: 140%;
}
@media screen and (min-width: 769px){
	.btn-type05 a:hover {
		background: #fff;
		color: #980511;
	}
}
.btn-type06 {	
	margin: 10px 0 0;
}
.btn-type06 a {
	display: inline-block;
	min-width: 200px;
	padding: 10px 15px 13px;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.btn-type06 a:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 140%;
}

.btn-type07 {	
	margin: 10px 0 0;
}
.btn-type07 a {
	display: inline-block;
	min-width: 200px;
	padding: 10px 15px 13px;
	background: #777;
	color: #fff;
	border: 1px solid #777;
	line-height: 1;
	text-align: left;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.btn-type06 a:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 140%;
}

.btn-type07 a:before {
	font-family: FontAwesome;
	content: "\f07a";
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 140%;
}


@media screen and (min-width: 769px){
	.btn-type06 a:hover {
		background: #fff;
		color: #980511;
	}
	.btn-type06 a:hover {
		background: #fff;
		color: #777;
	}
	
}

@media screen and (max-width: 768px) {
	main .btn a {
		padding: 15px 55px 14px 35px;
	}
	main .product-btn{
		min-width: 200px;
		margin: 0 auto;
	}
	.btn-type01 a {
		padding: 15px 35px 14px;
	}
	.btn-type02 a {
		font-family: 'Hiragino Mincho ProN', serif;
	}
	.btn-type02 a:hover {
		margin: 0 15px;
		padding: 0 30px 6px 0;
	}
	.btn-type03 a {
		padding: 15px 35px 14px;
		text-align: center;
	}
	
	.btn-type04{
		margin: 0;
	display: inline-block;
	}
	.btn-type04 a {
		padding: 10px;
		text-align: center;
		min-width: inherit;
		font-size: 85%;
		width: 135px;
	}
	.btn-type04 a:before {
		display: block;
		margin: 0 0 5px;
	}
	.btn-type05{
		margin-bottom: 10px;
	}
	.btn-type05 a {
		padding: 10px;
		text-align: center;
		min-width: inherit;
		font-size: 85%;
		width: 276px;
	}
	.btn-type05 a:before,.btn-type06 a:before {
		display: block;
		margin: 0 0 5px !important;
	}
	.btn-type06{
		margin-bottom: 10px;
	}
	.btn-type06 a {
		padding: 10px;
		text-align: center;
		min-width: inherit;
		font-size: 85%;
		width: 276px;
	}
	.btn-type06 a:before,.btn-type03 a:before {
		display: block;
		margin: 0 0 5px;
		text-align: center;
	}



	.btn-type07{
		margin-bottom: 10px;
	}
	.btn-type07 a {
		padding: 10px;
		text-align: center;
		min-width: inherit;
		font-size: 85%;
		width: 276px;
	}
	.btn-type07 a:before,.btn-type03 a:before {
		display: block;
		margin: 0 0 5px;
		text-align: center;
	}

}

/*  form
------------------------------------------------*/
*:focus {
	outline:none;
}

/*　review
------------------------------------------------*/
.review {
    margin-top: 5px;
}

.review span {
    color: #8a1d22;
    margin-right: 15px;
}
.review a {
    color: #8a1d22;
	text-decoration:underline;
}

/*  google map
------------------------------------------------*/
.map {
	position: relative;
	overflow: hidden;
	height: 310px;
	margin: 5px 0 23px;
}
.map iframe {
	vertical-align: top;
}
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.map + .box {
	margin: 0 0 45px;
}
.map + .box dt {
    margin: 0 0 8px;
    font-size: 110%;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.map + .box dt span {
	font-family: 'Amiri', serif;
	font-style: italic;
	color: #980511;
	font-size: 95%;
}
.map + .box dd a {
	display: block;
	margin: 6px 0 0;
	padding: 5px 0 5px 25px;
	background: url(../images/common/icon_tel.png) no-repeat left center;
	font-weight: bold;
	line-height: 1;
}
.map + .box dd li {
    margin: 3px 0;
    padding: 0 0 0 18px;
    background: url(../images/common/icon_list.gif) no-repeat left 8px;
}

@media screen and (max-width: 768px) {
	.map + .box {
		margin: 0 0 10px;
	}
	.map + .box dd {
		margin: 0 0 30px;
	}
}


/*========================================================================

  header

========================================================================*/

header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 5;
	background: #fff;
}

header .headerInner {
	position: relative;
	display: table;
	min-width: 1130px;
	max-width: 1130px;
	margin: 0 auto;
	padding: 15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
header .sp_menu_btn {
	display: none;
}
header .logo {
	display: table-cell;
	position: relative;
	width: 230px;
	padding: 0 0 5px;
	vertical-align: middle;
}
header h1 {
	position: absolute;
	vertical-align: middle;
	top: 30px;
	left: 50px;
	display: none !important;
}
header .navigation {
	display: table-cell;
	vertical-align: middle;
}
header .navigation nav {
	display: inline-block;
	width : -webkit-calc(100% - 215px);
	width: calc(100% - 215px);
	vertical-align: middle;
	font-size: 120%;
}
@media screen and (min-width: 769px) {
	header .navigation nav {
		display: inline-block!important;
	}
}
header .navigation nav ul {
	text-align: right;
    margin: 0 30px 0 0;
}
header .navigation nav ul li {
	display: inline-block;
	margin: 0 24px 0 0;
}
header .navigation nav ul li:last-child {
	margin: 0;
}
header .navigation nav ul li a span {
	display: inline-block;
	position: relative;
	padding: 12px 3px 5px;
	overflow: hidden;
}
header .navigation nav ul li a span:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.this{
	border-bottom: #4e4e4e solid 1px;
}
header .navigation nav ul li a .this:after {
	position: inherit;
}

header .navigation nav ul li a:hover span:after {
	width: 100%;
}
header .navigation .btn {
	display: inline-block;
	width: 205px;
	vertical-align: middle;
}
header .navigation .btn ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 13px 0 2px;
	line-height: 1;
}
header .navigation .btn ul li {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	width: 60px;
}
header .navigation .btn ul li a {
	display: block;
	text-align: center;
	margin: 0 auto 0 0;
}
header .navigation .btn ul li.cart a { margin: 0 auto;}
header .navigation .btn ul li.mypage a { margin: 0 0 0 auto;}
header .navigation .btn ul li a:before {
	font-family: FontAwesome;
	content: "\f0e0";
	display: block;
	width: 60px;
	height: 60px;
	padding: 15px 0 0;
	background: #980511;
	color: #fff;
	border: 1px solid #980511;
	font-weight: normal;
	vertical-align: middle;
	font-size: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
header .navigation .btn ul li.cart a:before {
	content: "\f07a";
	padding: 15px 0 0;
	font-size: 29px;
}
header .navigation .btn ul li.mypage a:before {
	content: "\f007";
	padding: 15px 0 0;
	font-size: 29px;
}
/*
header .navigation .btn ul li.mypage a:before {
	content: url(../images/common/icon_key.png);
	padding: 15px 0 0;
}
*/
@media screen and (min-width: 769px){
	header .navigation .btn ul li a:hover:before {
		background: #fff;
		color: #980511;
	}
}
/*
header .navigation .btn ul li.mypage a:hover:before {
	content: url(../images/common/icon_key_o.png);
	padding: 15px 0 0;
}
*/
header .navigation .btn ul li a span {
	font-size: 10px;
	letter-spacing: 0px;
}

.page_navigation {
	width: 92%;
	margin: 13px auto 25px;
	font-size: 80%;
	line-height: 1;
}
.page_navigation ul {
	max-width: 1100px;
	margin: 0 auto;
}
.page_navigation ul li {
	display: inline-block;
	margin: 0 2px 5px 0;
}
.page_navigation ul li a {
	text-decoration: underline;
}
@media screen and (min-width: 769px){
	.page_navigation ul li a:hover {
		opacity: .7;
	}
}
@media screen and (max-width: 768px) {
	header {
		position: relative;
	}
	header .headerInner {
		padding: 0;
		min-width: auto;
		max-width: none;
		width: 100%;
		left: 0;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	header h1 {
		/*display: block!important;*/
		display: none !important;
		opacity: 1!important;
		width: 75px;
		top: 30px;
		left: 30px;
	}
	header .sp_menu_btn {
		position: fixed;
		right: 0;
		bottom: 0;
		display: block;
		width: 75px;
		height: 55px;
		background: #930814;
	}
	header .sp_menu_btn span {
		position: absolute;
		top: 20px;
		left: 27px;
		width: 22px;
		height: 2px;
		background: #fff;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header .sp_menu_btn span:nth-of-type(2) {
		top: 27px;
	}
	header .sp_menu_btn span:nth-of-type(3) {
		top: auto;
		bottom: 19px;
	}
	header .sp_menu_btn.active span:nth-of-type(1) {
		top: 7px;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	header .sp_menu_btn.active span:nth-of-type(2) {
		opacity: 0;
	}
	header .sp_menu_btn.active span:nth-of-type(3) {
		bottom: 6px;
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
	}
	header .logo {
		display: none;
	}
	header .navigation {
		display: inline-block;
		position: fixed;
		bottom: 0;
		width: -webkit-calc(100% - 75px);
		width: calc(100% - 75px);
	}
	header .navigation nav {
		display: none;
		position: fixed;
		bottom: 55px;
		width: 100%;
		background: #fff;
	}
	header .navigation nav ul {
		margin: 0;
	}
	header .navigation nav ul li {
		display: block;
		margin: 0;
	}
	header .navigation nav ul li a {
		display: block;
		padding: 3px 15px;
		background: #930814;
		color: #fff;
		border-top: 1px solid #e5e5e5;
		text-align: center;
	}
	header .navigation nav ul li:first-child a {
		border: none;
	}
	header .navigation nav ul li a span:after {
		display: none;
	}
	header .navigation .btn {
		width: 100%;
	}
	header .navigation .btn ul {
		padding: 0;
	}
	header .navigation .btn ul li a {
		width: 100%;
	}
	header .navigation .btn ul li a:before {
		width: 100% !important;
		height: 55px !important;
		background: #1a1a1a !important;
		border: none !important;
		border-right: 2px solid #4d4d4d !important;
	}
	header .navigation .btn ul li a:hover:before {
		background: #1a1a1a;
		color: #fff;
	}
	header .navigation .btn ul li a span {
		display: none;
	}

	header .mainVisual {
		overflow: hidden;
		height: 420px;
	}
	header .mainVisual video {
		position: absolute;
		left: 50%;
		width: 750px;
		height: 420px;
		margin: 0 0 0 -375px;
	}
	header .mainVisual a {
		left: 15px;
		bottom: 15px;
		min-width: auto;
		margin: 0;
		padding: 10px 40px 10px 15px;
	}
	.this{
		border-bottom: #fff solid 1px;
	}
}

/*========================================================================

  footer

========================================================================*/

footer {
	background: #fff;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
footer .box {
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 150px 0 75px;
}
#top footer .box {
	padding: 70px 0 75px;
}
footer .logo {
	width: 163px;
	display: table-cell;
	vertical-align: top;
}
footer .detail {
	display: table-cell;
	padding: 30px 0 0;
	vertical-align: top;
}
footer .top {
	overflow: hidden;
	margin: 0 0 50px;
}
footer .link {
	float: left;
	display: table;
	width: 680px;
}
footer .link dl {
	display: table-cell;
	width: 195px;
	padding: 0 15px 0 0;
}
/*
footer .link dl:first-child {
	width: 290px;
}*/
footer .link dt + dt {
	margin: 8px 0 0;
}
footer .link dt a {
	position: relative;
	display: inline-block;
	margin: 0 0 13px;
	padding: 10px 0 0;
	font-size: 115%;
}
footer .link dt a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 20px;
	height: 3px;
	background: #980511;
}
footer .link dt a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #4e4e4e;
	-webkit-transition: all .3s;
	transition: all .3s;
}
footer .link dt a:hover:after {
	width: 100%;
}

footer .link dd a {
	position: relative;
	display: inline-block;
	margin: 0 0 5px;
	padding: 0 0 0 12px;
}
footer .link dd a:before {
	position: absolute;
	top: 13px;
	left: 0;
	z-index: 2;
	content: '';
	width: 8px;
	height: 1px;
	background: #4e4e4e;
}
footer .link dd a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #4e4e4e;
	-webkit-transition: all .3s;
	transition: all .3s;
}
footer .link dd a:hover:after {
	width: 100%;
}

footer .list {
	float: left;
	width: 257px;
}
footer .list li a {
	position: relative;
	display: inline-block;
	margin: 0 0 13px;
	font-size: 103%;
}
footer .list li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #4e4e4e;
	-webkit-transition: all .3s;
	transition: all .3s;
}
footer .list li a:hover:after {
	width: 100%;
}

footer .bottom {
	display: table;
	width: 100%;
}
footer .bottom .tel {
	display: table-cell;
	width: 750px;
	color: #980511;
	vertical-align: middle;
	text-align: center;
}
footer .bottom .tel dl {
	display: inline-block;
}
footer .bottom .tel dt {
	padding: 5px 0;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	line-height: 1;
}
footer .bottom .tel dd {
	font-size: 95%;
}
footer .bottom .tel dd a {
	display: block;
	margin: 6px 0 0;
	color: #980511;
	font-size: 330%;
	line-height: 1;
}
footer .bottom .tel dd a:before {
	content: "";
	display: inline-block;
	width: 55px;
	height: 37px;
	margin: 0 10px 0 0;
	padding: 10px 0 0;
	background: url(../images/common/icon_free.png) no-repeat center top;
	vertical-align: middle;
}
footer .bottom .btn {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
footer .bottom .btn a {
	display: inline-block;
	min-width: 230px;
	padding: 11px 20px 6px;
	background: #980511;
	color: #fff;
	font-size: 110%;
	border: 1px solid #980511;
	line-height: 1;
	text-align: left;
	-webkit-transition: all .3s;
	transition: all .3s;
}
footer .bottom .btn a:before {
	font-family: FontAwesome;
	content: "\f0e0";
	display: inline-block;
	color: #fff;
	font-size: 150%;
	margin: 0 20px 0 0;
	padding: 0 0 4px;
	vertical-align: middle;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (min-width: 769px){
	footer .bottom .btn a:hover {
		background: #fff;
		color: #980511;
	}
footer .bottom .btn a:hover:before {
	color: #980511;
}
}
	
@media screen and (max-width: 768px) {
	footer {
		position: relative;
		padding: 280px 0 0;
		text-align: center;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	footer .box {
		display: inline-block;
		width: auto;
		padding: 0!important;
		text-align: left;
	}
	footer .logo {
		width: 105px;
		padding: 0 25px 0 0;
	}
	footer .detail {
		padding: 0;
	}
	footer .top {
		margin: 0 0 100px;
	}
	footer .link {
		float: none;
		display: block;
		width: auto;
	}
	footer .link dl {
		display: block;
		width: auto;
		margin: 0 0 30px;
	}
	footer .link dl:first-child {
		width: auto;
	}
	footer .link dt a {
		margin: 0 0 8px;
		font-size: 125%;
	}
	footer .link dd a:after,footer .link dt a:after {
	position: inherit;
}

	footer .list {
		display: block;
		position: absolute;
		width: 80%;
		bottom: 90px;
		left: 10%;
	}
	footer .list li {
		display: inline;
	}
	footer .list li a {
		display: inline;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		background: url(../images/common/line.png) no-repeat right center;
		background-size: 1px 13px;
		font-size: 95%;
	}
	footer .list li:last-child a {
		background: none;
	}
	footer .list li a:after {
		display: none;
	}

	footer .bottom {
		position: absolute;
		top: 50px;
		left: 0;
		display: block;
		padding: 0 10px;
		text-align: center;
	}
	footer .bottom .tel dt {
		padding: 7px 0;
	}
	footer .bottom .tel dd {
		padding: 0 10px;
		font-size: 100%;
	}
	footer .bottom .tel dd a {
		margin: 11px 0 0;
		font-size: 215%;
		letter-spacing: 0;
	}
	footer .bottom .tel dd a:before {
		width: 46px;
		height: 20px;
		padding: 20px 0 0;
		background-size: 45px;
	}
	footer .bottom .btn {
		display: block;
		margin: 30px 0 0;
		text-align: center;
	}
	footer .bottom .btn a {
		min-width: 280px;
	}
	footer .bottom .btn a:before {
		margin: 0 55px 0 0;
	}
}

/*  copyright
------------------------------------------------*/
footer .copyright {
	padding: 18px 0;
	background: #4e4e4e
	color: #fff;
	text-align: center;
	font-style: italic;
	font-size: 80%;
	border-top: 1px solid #dbd9cd;
	line-height: 1;
}
footer .copyright span {
	margin: 0 3px;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	footer .copyright {
		padding: 16px 0;
	}
}

/*========================================================================

  top

========================================================================*/
#top .logo img {
	display: none;
}
#top h2 {
	margin: 0 0 40px;
	font-size: 250%;
	font-weight: normal;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height: 1.3;
}
#top h2 span {
	display: block;
	margin: 3px 0 0;
	font-size: 45%;
	color: #980511;
	font-style: italic;
	text-indent: -6px;
	letter-spacing: 3px;
	font-family: 'Amiri', serif;
}

@media screen and (max-width: 768px) {
	#top:before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background:url(../images/common/bg01.jpg) center/cover no-repeat;
		-webkit-background-size:cover;
	}
	#top h2 {
		margin: 0 0 25px;
		font-size: 200%;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	#top h2 span {
		margin: 0;
	}
}

/*  mainVisual
------------------------------------------------*/
#mainVisual {
	overflow: hidden;
	width: 100%;
	position: relative;
}
#mainVisual video {
	width: 100%;
	vertical-align: middle;
}
#mainVisual a {
	position: absolute;
	left: 50%;
	bottom: 30px;
	display: block;
/*	min-width: 190px;*/
	margin: 0 0 0 433px;
	padding: 17px 20px;
	color: #fff;
	font-size: 115%;
	letter-spacing: 2px;
	border: 1px solid;
	line-height: 1;
/*	text-align: right;*/
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
/*
#mainVisual a:after {
	font-family: FontAwesome;
	content: "\f08e";
	display: inline-block;
	margin: 0 0 0 20px;
	vertical-align: top;
}
*/
.slick-slide a{
	left:0 !important;
	right:0 !important;
	bottom:0  !important;
	padding: 0 !important;
	position: static !important;
	margin: 0 !important;
}


@media screen and (min-width: 769px){
	/*#mainVisual a:hover {
		background: #980511;
		color: #fff;
		border: 1px solid #980511;
	}/*
}

@media screen and (max-width: 768px) {
	#mainVisual a {
/*		width: 125px;*/
		right: 15px;
		left: inherit;
		margin: 0;
		padding: 15px 20px;
		bottom: 50px;
		text-align: center;
		font-family: 'Hiragino Mincho ProN', serif;
		font-size: 90%;
		z-index: 1;
	}
	.slick-slide a{
		left:0 !important;
		right:0 !important;
		bottom:0  !important;
		padding: 0 !important;
		position: static !important;
	}
}

/*  infomation
------------------------------------------------*/
#infomation {
	background: #fff;
	padding: 25px 0;

}
#infomation .articleInner {
	display: table;
	width: 100%;
	color: #4e4e4e;
	/*border-left: 1px solid;*/
	margin-top: 40px;
}
#infomation h2 {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
	font-size: 140%;
	letter-spacing: 4px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#infomation ul {
	display: table-cell;
	vertical-align: middle;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#infomation ul li {
	border-bottom: 2px dotted #D8D8D8;
}
#infomation ul li a {
	display: block;
	padding: 11px 0;
	color: #4e4e4e;
}

@media screen and (min-width: 769px){
	#infomation ul li a:hover {
		opacity: .7;
	}
}
#infomation ul li:first-child a {
	padding: 0 0 11px;
}
#infomation ul li:last-child {
	border: none;
}
#infomation ul li:last-child a {
	padding: 11px 0 0;
}
#infomation ul li .day {
	display: block;
	float: left;
	padding: 3px 0 0;
	font-size: 90%;
}
#infomation ul li .text {
	display: block;
	margin: 0 0 0 100px;
	font-size: 108%;
}
#infomation .btn-type02 {
	display: table-cell;
	width: 240px;
	vertical-align: bottom;
	text-align: right;
}
#infomation .btn-type02 a {
	background: url(../images/common/arrow04.png) no-repeat right bottom;
	color: #4e4e4e;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	#infomation {
		padding: 20px 0 0;
	}
	#infomation .articleInner {
		display: block;
		border: none;
		margin-top: 0;
	}
	#infomation h2 {
		display: block;
		width: auto;
		margin: 0 20px 15px;
		text-align: left;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	#infomation ul {
		display: block;
		padding: 0 20px;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	#infomation ul li {
		border: none;
		display: none;
	}
	#infomation ul li:first-child {
		display: block;
	}
	#infomation ul li .text {
		margin: 0 0 0 85px;
	}
	#infomation .btn-type02 {
		display: block;
		padding: 0 0 20px;
		width: 100%;
	}
}

/*  banner
------------------------------------------------*/


/*top
--------------------*/
	

.banner {
	padding: 70px 0;
	background: #fff;
}
.banner .articleInner {
	max-width: 1160px;
}
.banner ul li {
	float: left;
	margin: 0 30px;
}
.slick-prev,
.slick-next {
	width: 50px;
	height: 50px;
	left: -35px;
}
.slick-next {
	left: auto;
	right: -35px;
}
.slick-arrow:before {
	font-family: FontAwesome;
	content: "\f104";
	display: inline-block;
	margin: 0;
	vertical-align: top;
	color: #4e4e4e;
	font-size: 35px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.slick-next:before {
	content: "\f105";
}
.slick-arrow:hover:before {
	color: #980511;
}
.banner .slick-dots {
	bottom: -50px;
}
.banner .slick-dots li {
	float: none;
	margin: 10px;
}
.slick-dots li.slick-active button:before,
.banner .slick-dots li button:hover:before,
.banner .slick-dots li button:focus:before {
	opacity: 1;
	color: #980511;
}
@media screen and (max-width: 768px) {
	.banner {
		padding: 40px 0 30px;
	}
	.banner .articleInner div {
		width: 100%!important;
	}
	.banner ul li {
		float: none;
		width: auto!important;
		max-width: 400px;
		margin: 0 auto 15px;
		text-align: center;
	}
}

/*  story
------------------------------------------------*/
#story {
	background: #fff;
}
#story .articleInner {
	min-height: 547px;
	padding: 20px 0;
	/*background: url(../images/story/bk.png) no-repeat right top;*/
}
#story p {
	text-align: center;
	font-size: 100%;
	line-height: 1.9;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#story p.lede {
	margin: 0 0 36px;
	font-size: 195%;
	line-height: 1.3;
	letter-spacing: 5px;
}
#story .no-banner{
	margin-top: 70px;
}

@media screen and (max-width: 768px) {
	#story {
		padding: 0 0 40px;
	}
	#story .articleInner {
		width: 100%;
		min-height: auto;
		padding: 20px 0 95px;
		background: url(../images/story/bk.png) no-repeat bottom center;
		background-size: 120px;
	}
	#story p {
		font-family: 'Hiragino Mincho ProN', serif;
	}
	#story p.lede {
		margin: 0 0 20px;
		font-size: 120%;
		line-height: 1.5;
		letter-spacing: 2px;
	}
	#story .no-banner{
		margin-top: inherit;
		padding-top: 40px;
	}
}

/*  products
------------------------------------------------*/

/*slide
--------------------*/
.products_detail .thumb-item img{
	padding-bottom: 15px;
	display:block;
	margin: 0 auto;
}

.products_detail .thumb-item-nav li {
	border: solid 1px #ddd;
	margin-right: 5px;
	margin-bottom: 5px;
}


/*spec
--------------------*/
.list_spec {
	margin-bottom: 25px;
	width: 100%;
	border-bottom: 1px solid #dedfe2;
	font-size: 70%;
	line-height: 1.4;
	overflow: hidden;
}
.list_spec dt,
.list_spec dd {
	padding: 5px 0;
}
.list_spec dt {
	float: left;
	width: 85px;
	border-top: 1px solid #dedfe2;
}
.list_spec dd {
	border-top: 1px solid #dedfe2;
}


/*cart
--------------------*/
.products_detail .cart .note{
	line-height: 20px;
	font-size: 80%;
	margin-top: 20px;
}



	
#products {
	/*padding: 70px 0;*/
	background: url(../images/common/bg01.jpg) center center;
	background-size: cover;
	background-attachment:fixed;
}
#products .articleInner {
	max-width: 1200px;
}
#products h2 {
	/*margin: 0 0 70px;
	letter-spacing: 7px;*/
	display: none;
}
#products .box {
	position: relative;
	padding: 0 50px 70px;
	/*margin-top: -115px;
	padding-top: 115px;*/
}
#products .image {
	background: #fff;
	box-shadow: 0px 18px 50px 3px #cccccc;
	-moz-box-shadow: 0px 18px 50px 3px #cccccc;
	-webkit-box-shadow: 0px 18px 50px 3px #cccccc;
}
#products h3 {
	margin: 15px 0 3px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: normal;
	font-size: 220%;
	line-height: 1.3;
}
#products h3 span {
	display: block;
	margin: 0 0 2px;
	font-size: 45%;
	line-height: 1;
	letter-spacing: 2px;
	font-family: 'Amiri', serif;
}
#products p {
	line-height: 2.3;
	font-size: 105%;
}
#products p:last-child {
	margin: 0 0 70px;
} 
#products p.comment {
	margin: 0 0 17px;
	color: #980511;
}
#products p.comment + p {
	margin: 0 0 30px;
}
#products .box .btn-type02 {
	text-align: left;
}
#products .box .btn-type02 a {
	margin: 0;
}

@media screen and (max-width: 768px) {
	#products {
		background: none;
		/*padding: 40px 0 50px;*/
	}
	#products .articleInner {
		width: 90%;
	}
	#products h2 {
		display: none;
		margin: 0 0 30px;
		letter-spacing: 5px;
	}
	#products .box {
		padding: 0;
		margin: 5% 0 18%;
		letter-spacing: -.4em;
	}
	#products .floatLeft {
		float: none;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}
	#products .floatRight {
		width: 100%;
		display: inline-block;
		float: none;
		vertical-align: middle;
		letter-spacing: normal;
	}
	#products .image {
		margin: 0 ;
		display: inline-block;
		float: none;
		vertical-align: middle;
		background: #fff;
		box-shadow: 0px 2px 2px 2px #eeeeee;
		-moz-box-shadow: 0px 2px 2px 2px #eeeeee;
		-webkit-box-shadow: 0px 2px 2px 2px #eeeeee;
	}
	#products h3 {
		margin: 5% 0 0;
		font-size: 150%;
		font-weight: bold;
		font-family: 'Hiragino Mincho ProN', serif;
		letter-spacing: 0.2em;
	}
	#products h3 span {
		font-weight: normal;
	}
	#products p {
		line-height: 1.8;
		font-size: 90%;
	}
	#products p.comment {
		margin: 1% 0 5%;
	}
	#products p.comment + p {
		margin: 0 0 3%;
	}
	#products .box .btn-type02 {
		position: static;
		width: auto;
		margin: 5% 0 5%;
		text-align: left;
	}
}

/*  movie
------------------------------------------------*/
#movie {
	overflow: hidden;
	padding: 60px 0 0;
	background: #fff;
}
#movie .player {
	position: relative;
	max-width: 900px;
	margin: 0 auto 80px;
	background: #000;
}
#movie .player a img {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#movie .player a img.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	opacity: .5;
}
@media screen and (min-width: 769px){
#movie .player a:hover img.icon {
	opacity: 1;
}
}
.mfp-iframe-holder .mfp-content {
	max-width: 1200px;
}


@media screen and (max-width: 768px) {
	#movie {
		padding: 30px 0 60px;
	}
	#movie .player {
		max-width: 400px;
		margin: 0 auto;
	}
	#movie .player a img.icon {
		width: 60px;
		margin: -30px 0 0 -30px;
	}
}

/*  voice
------------------------------------------------*/
#voice {
	padding: 75px 0 0;
	background: url(../images/common/bg01.jpg) center center;
	background-size: cover;
	background-attachment:fixed;
}
#voice h2 {
	margin: 0 0 70px;
	letter-spacing: 7px;
}
#voice ul {
	margin: 0 0 55px;
	letter-spacing: -.4em;
	text-align: center;
}
#voice ul li {
	width: 50%;
	display: inline-block;
	letter-spacing: .5px;
	text-align: left;
}
#voice ul li > a {
	display: block;
	position: relative;
	width: 100%;
}
#voice ul li span {
	position: absolute;
	z-index: 1;
	top: 0;
	padding: 11px 26px;
	color: #980511;
	font-size: 110%;
	font-family: 'Amiri', serif;
}
#voice ul li span:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	content: '';
	width: 70px;
	height: 4px;
	background: #980511;
}
#voice ul li figcaption {
	width: 100%;
	min-height: 112px;
	position: absolute;
	bottom: 0;
	padding: 26px 25px;
	background: -moz-linear-gradient(top, rgba(84,84,84,0) 0%, rgba(45,45,45,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(84,84,84,0) 0%,rgba(45,45,45,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(84,84,84,0) 0%,rgba(45,45,45,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00545454', endColorstr='#992d2d2d',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-size: 145%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.4;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
	#voice {
		background: none;
		padding: 45px 0 0;
	}
	#voice .articleInner {
		width: 100%;
		margin: 0;
	}
	#voice h2{
		margin: 0 0 30px;
	}
	#voice ul {
		max-width: 400px;
		margin: 0 auto 30px;
	}
	#voice ul li {
		width: 100% !important;
		float: none;
	}
	#voice ul li span {
		padding: 11px 14px;
		font-size: 120%;
	}
	#voice ul li span:before {
		width: 50px;
	}
	#voice ul li img {
		width: 100%;
	}
	#voice ul li figcaption {
		min-height: auto;
		padding: 26px 20px 12px;
		font-size: 135%;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	#voice ul li p {
		margin: 10px;
	}
	#voice ul li .btn-type02 {
		margin: 0 0 30px;
	}
}

/*  unknown
------------------------------------------------*/
#unknown {
	padding: 70px 0;
	background: url(../images/common/bg01.jpg) center center;
	background-size: cover;
	background-attachment:fixed;
}
#unknown h2 {
	margin: 0 0 70px;
	letter-spacing: 7px;
}
#unknown .box {
	position: relative;
}
#unknown p {
	margin: 0 0 30px;
	line-height: 2.3;
	font-size: 105%;
}
#unknown .btn-type02 {
	text-align: left;
}
#unknown .btn-type02 a {
    margin: 0;
}

@media screen and (max-width: 768px) {
	#unknown {
		background: none;
		padding: 40px 0 50px;
	}
	#unknown h2 {
		margin: 0 0 30px;
	}
	#unknown .floatLeft {
		max-width: 400px;
		margin: 0 auto;
	}
	#unknown p {
		margin: 30px 0;
	}
	#unknown .box .btn-type02 {
		position: static;
		width: 100%;
		text-align: center;
	}
}

/*========================================================================

  company

========================================================================*/
.companyBox01 {
    margin: 10px 0 45px;
}
.companyBox01 .floatLeft {
	width: 40%;
	padding: 0 0 12px;
/*
	background: url(../images/common/bg02.png) no-repeat center bottom #fff;
	background-size: 123%;
*/
}
.companyBox01 .floatRight {
	width: 57%;
}
.companyBox01 .table-type01 .btn {
	margin: 0;
}
.companyBox02 {
	position: relative;
}
.companyBox02 .floatLeft {
    width: 60%;
}
.companyBox02 .floatLeft img {
	position: absolute;
	right: 40%;
	bottom: 0;
}
.companyBox02 .floatRight {
    width: 34%;
}

@media screen and (max-width: 768px) {
	.companyBox01 {
		margin: 0 0 20px;
	}
	.companyBox01 .floatLeft {
		width: 100%;
		max-width: 250px;
		margin: 0 auto 20px;
	}
	.companyBox01 .floatRight {
		width: 100%;
	}
	.companyBox01 .table-type01 .btn {
		margin: 10px 0;
		text-align: center;
	}

	.companyBox02 {
		margin: 0 0 30px;
	}
	.companyBox02 .floatLeft {
		width: 100%;
	}
	.companyBox02 .floatLeft img {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.companyBox02 .floatRight {
		width: 35%;
		margin: 20px 0 0 auto;
	}
}

/*========================================================================

  products

========================================================================*/
body:not(#top) #products {
	padding: 0;
	background: none;
}
.products-catch{
	margin-bottom: 30px;
}
.products-catch .floatLeft {
	overflow: hidden;
}
.products-catch .floatRight {
	text-align: center;
}
.products-catch .title {
	position: relative;
	display: inline-block;
	margin: 0 0 30px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #333333;
	font-size: 140%;
}
.products-catch .title:after {
	position: absolute;
	top: 50%;
	left: 105%;
	content: '';
	width: 400%;
	height: 2px;
	background-color: #d6d6d6;
}
.products-p02{
	line-height: 2.3;
	font-size: 105%;
}
.products-menu {
	margin: 0 0 30px;
}
.products-menu ul{
	display: table;
	width: 100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 105%;
	line-height: 1;
	border-right: 1px #980511 solid;
}
.products-menu ul li {
	display: table-cell;
	width: 20%;
	border-left: 1px #980511 solid;
	border-bottom: 1px #980511 solid;
	border-top: 1px #980511 solid;
	text-align: center;
	vertical-align: middle;
}
.products-menu ul li a {
	display: block;
	padding: 8px 0 3px;
	color: #980511;
}

.products-menu ul li a:hover {
	background: #980511;
	color: #fff;
}
.products-menu ul li a:after {
    font-family: FontAwesome;
    content: "\f107";
    display: block;
    font-size: 120%;
}
.products-menu01 {
	position: relative;
	margin: 0 0 20px;
}
.products-menu01 span{
	display: block;
}

.products-menu01 .inner-title{
	margin-bottom: 30px;
		font-size: 150%;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.products-menu01 .position-type01{
	position: absolute;
	width: 60%;
	top: 30%;
	left: 6%;
}.products-menu01 .position-type02{
	position: absolute;
	width: 52%;
	top: 21%;
	left: 6%;
}
.position-type02 .notes-type02{
	font-size: 50%;
	display: inline-block;
}

/*
.products-menu01 p:nth-of-type(2) {
	position: absolute;
	width: 60%;
	top: 36%;
	left: 6%;
}
*/
.products-menu02 .box {
	margin: 0 0 110px;
}
.products-menu02 .floatLeft,
.products-menu02 .floatRight {
	width: 55%;
}
.products-menu02 .image{
	width: 38%;
}
.products-menu02 h3 {
	margin: 0 0 30px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 150%;
	font-weight: normal;
}
/*
.products-menu02 ul li {
	margin: 0 0 20px;
	padding: 0 0 0 18px;
	background: url(../images/common/icon_list.gif) no-repeat left 8px;
}
*/
.products-menu02 .notes-type02{
	margin-top: 15px;
}

.products-menu04 .scroll {
	height: 540px;
	margin: 0 0 50px;
	border-bottom: 1px solid #eaeaea;
}
.products-menu04 .scroll iframe {
	width: 870px;
	height: 1930px;
	margin: 0 0 0 90px;
	border: none;
}

.products-menu04 .scroll .mCSB_scrollTools {
	opacity: 1;
	right: 2px;
}
.products-menu04 .scroll .mCSB_scrollTools .mCSB_dragger {
	width: 17px;
}
.products-menu04 .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 7px;
	background: #9d242e;
}
.products-menu04 .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
	opacity: 1;
}
.products-menu04 .scroll .mCSB_scrollTools .mCSB_draggerRail {
	height: 94%;
	background: rgba(0,0,0,0.2);
}

.products-menu05 {
	letter-spacing: -.4em;
	margin: 0 -30px 0 0;
	text-align: center;
}
.products-menu05 li  {
	display: inline-block;
	width: 250px;
	margin: 0 30px 0 0;
	text-align: left;
	vertical-align: top;
}
.products-menu05 .image {
	min-height: 230px;
	margin: 0 0 20px;
	background: #fff;
	text-align: center;
}
.products-menu05 dt {
	margin: 0 0 11px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 130%;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.4;
}
.products-menu05 dd {
	letter-spacing: .5px;
}

.products-contact {
	margin: 100px auto 80px;
	background: #f9f9f9;
	color: #980511;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.products-contact .title {
	padding: 13px;
	font-size: 130%;
	text-align: center;
}
.products-contact .box {
	padding: 35px 30px 35px 35px;
	background: #f1f1f1;
}
.products-contact .floatLeft {
	text-align: center;
}
.products-contact dl {
	margin: 0;
}
.products-contact dt {
	background: #fff;
	padding: 8px 0 10px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 98%;
    line-height: 1;
}
.products-contact dd {
	font-size: 95%;
}
.products-contact dd a {
	display: block;
	margin: 6px 0 0;
	color: #980511;
	font-size: 330%;
	line-height: 1;
}
.products-contact dd a:before {
	content: "";
	display: inline-block;
	width: 55px;
	height: 37px;
	margin: 0 10px 0 0;
	padding: 10px 0 0;
	background: url(../images/common/icon_free.png) no-repeat center top;
	vertical-align: middle;
}

.products-contact .btn-type03 {
	font-size: 100%;
	letter-spacing: 2px;
	margin:10px 0 0;
}
.products-contact .btn-type03 a {
	position: relative;
	width: 240px;
	padding: 14px 10px 14px 30px;
	text-align: center;
}
.products-contact .btn-type03 a:before {
	position: absolute;
	top: 10px;
	left: 18px;
}
.products-contact .btn-type06 {
	font-size: 100%;
	letter-spacing: 2px;
	margin:10px 0 0;
}
.products-contact .btn-type06 a {
	width: 487px;
	padding: 14px 15px 14px 15px;
}
.products-contact .btn-type06 a:before {
	margin: 0 125px 0 0;
}
.products-item {
	letter-spacing: -.4em;
	margin: 0 -40px 0 0;
	text-align: center;
}
.products-item li  {
	display: inline-block;
	max-width: 340px;
	margin: 0 40px 0 0;
	text-align: left;
}
.products-item a {
	display: block;
}


.products-item .image {
	min-height: 230px;
	margin: 0 0 20px;
	background: #fff;
	text-align: center;
	border: 1px solid #e3e3e3;
}
.products-item h3 {
	margin: 0 0 30px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 135%;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.4;
}
.products-item h3 span {
	display: block;
	font-size: 60%;
}

@media screen and (max-width: 768px){
	.products-catch .title,main .products-catch h2,main .products-catch h3,.products-menu ul,.products-menu02 h3,.products_detail h3,.products-menu05 dt,.products-contact,.products-contact .btn-type03 a, .products-contents .btn-type03 a,main .products_detail .btn,.products-menu01 span:nth-of-type(1),.btn-type06 a{
		font-family: 'Hiragino Mincho ProN', serif !important;
	}
	.products-menu04 .scroll{
		margin: 0 0 30px 0;
	}
	.products-contents{
		max-width: 480px;
		margin: 0 auto 30px;
		text-align: center;
	}
	.products-contents 
	.products-catch .floatRight{
		margin-top: 30px;
	}
	.products-menu01{
		margin: 0 0 -70px;
	}
	.products-menu01 p{
		position: relative;
		top: -70px;
		background-color: rgba(255,255,255,0.7);
	}
	.products-menu02 .floatLeft, .products-menu02 .floatRight,.products-menu02{
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.products-menu02 .image{
		text-align: center;
	}
	.products-menu02 p{
		margin-bottom: 10px;
	}
	.products-menu ul {
		display: block;
		border: none;
		letter-spacing: -.4em;
		max-width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	.products-menu ul li {
		display: inline-block;
		width: auto;
		margin: 0 5px 5px 0;
		border: 1px #980511 solid;
		letter-spacing: .5px;
		font-family: 'Hiragino Mincho ProN', serif !important;
	}
	.products-menu ul li a {
		padding: 10px 15px;
	}
	.products-menu ul li a:after {
		display: none;
	}
	.products-menu01{
		margin: 0;
	}
	.products-menu01 .position-type01,.products-menu01 .position-type02{
		position: inherit;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.products-menu01 .inner-title{
		margin-bottom: 30px;
	}
	.products-menu02 .box{
		margin-bottom: 60px;
	}

	.products-menu02 .notes-type02{
		margin: 0 0 10px 0;
	}
	.products-menu04 .scroll {
		border-bottom: inherit;
		height: inherit;
	}

	.products-menu04 .scroll iframe {
		width: 100%;
		height: 250px;
		margin: 0;
	}
	.products-menu05 ul{
		max-width: 480px;
		margin: 0 auto;
	}
	.products-menu05 dt{
		font-size: 115%;
	}
	.products-contact{
		margin: 60px auto 30px;
	}
	.products-contact .floatRight{
		margin-top: 30px;
	}
	.products-contact .box {
		background: inherit;
		padding: 0 0 35px 0;
		max-width: 480px;
		margin: 0 auto;
	}
	.products-contact .box .tel dt {
		padding: 7px 0;
	}
	.products-contact .box .tel dd {
		font-size: 100%;
	}
	.products-contact .box .tel dd a {
		margin: 11px 0 0;
		font-size: 215%;
		letter-spacing: 0;
	}
	.products-contact .box .tel dd a:before {
		width: 46px;
		height: 20px;
		padding: 20px 0 0;
		background-size: 45px;
	}
	.products-contact .box .btn {
		display: block;
		margin: 30px 0 0;
		text-align: center;
	}
	.products-contact .box .btn a:before {
		margin: 0 55px 0 0;
	}
	.products-contact .btn-type03 a, .products-contents .btn-type03 a{
		max-width: 140px;
		width: auto;
		padding: 14px 5px;
	}
	.products-contact .btn-type03{
		font-size: 85%;
		text-align: center;
	}
	.products-contact .btn-type03 a:before {
		position: static;
	}
	.products-contact .btn-type06 a, .products-contents .btn-type06 a{
		max-width: 286px;
		width: 100%;
	}
/*
	.products-contact .btn-type06 a:before,.products-contents .btn-type06 a:before{
		margin: 0 0 0 0;
	}
*/
	.products-contact .btn-type06{
		font-size: 110%;
		text-align: center;
	}
}

/*========================================================================

  unknownstory

========================================================================*/
.unknownstory-box01 {
	position: relative;
	overflow: visible;
	padding-bottom: 35px;
}
.unknownstory-box01 .text-box,.unknownstory-box02 .text-box,.unknownstory-box03 .text-box01,.unknownstory-box03 .text-box02{
	position: absolute;
	z-index: 1;
}
.unknownstory-box01 .text-box{
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	background: rgba(255,255,255,0.5);
	width: 499px;
	padding: 40px 42px 74px 39px;
}
.unknownstory-box02 .text-box{
	top: 276px;
	right: 0;
	width: 700px;
	background: rgba(255,255,255,0.5);
	padding:34px 40px 61px 39px;
}
.unknownstory-box02 ul{
	margin-top: 15px;
	font-size: 50%;
}
.unknownstory-box03 .text-box01{
	top: 397px;
	left: 280px;
	width: 500px;
	padding: 41px 40px 54px 39px;
	background: rgba(255,255,255,0.8);
}
.unknownstory-box03 .text-box02{
	top: 827px;
	left: 0;
	background: rgba(255,255,255,0.8);
	width: 550px;
	padding: 51px 40px 64px 39px;
}

#unknownstory02{
	background: url(../images/unknownstory/bg01.jpg)no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin-top: 100px;
	padding-bottom: 300px;
	background-attachment: fixed;
}
.unknownstory-box02{
	position: relative;
	padding-bottom: 0;
}


#unknownstory03{
	background: url(../images/unknownstory/bg02.jpg)no-repeat bottom;
	background-size: cover;
	background-position: top;
	height: 1220px;
	margin-top: -102px;
	background-size: cover;
	background-attachment: fixed;
}
.unknownstory-box03{
	margin-top: 100px;
	position: relative;
}
.unknownstory-box03 .image{
	position: absolute;
	top: 196px;
	left: 0;
}
.unknownstory-box03 .unknownstory-title{
	padding-top: 100px;
}
.unknownstory-title {
	overflow: hidden;
	text-align: center;
}
.unknownstory-title h3 {
	position: relative;
	display: inline-block;
	margin: 0 0 45px;
	padding: 0 50px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 170%;
	line-height: 1.3;
	letter-spacing: 7px;
	z-index: 1;
}
 .unknownstory-title h3:before,
.unknownstory-title h3:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #d6d6d6;
	z-index: 1;
}
.unknownstory-title h3:before {
	right: 100%;
}
.unknownstory-title h3:after {
	left: 100%;
}
.unknownstory-title h3 span{
	font-size: 50%;
}


@media screen and (max-width: 768px){
	.unknownstory-box01,.unknownstory-box02,.unknownstory-box03{
		max-width: 400px;
		margin: 0 auto;
	}
	.unknownstory-box01{
		padding-bottom: 30px;
	}
	.unknownstory-box01 .text-box,.unknownstory-box02 .text-box,.unknownstory-box03 .image,.unknownstory-box03 .text-box01,.unknownstory-box03 .text-box02{
		position: inherit;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		padding: 0;
		width: 100%;
		margin-top: 30px;
		background: inherit;
	}
	.unknownstory-box01 .text-box{
		margin-top: 15px;
		-webkit-transform: inherit;
		transform: inherit;
	}
	.unknownstory-title h3 {
		display: block;
		margin: 0 0 30px;
		padding: 0 0 10px;
		background: none;
		font-size: 120%;
		border-bottom: 1px solid #d6d6d6;
		font-family: 'Hiragino Mincho ProN', serif;
	}
	.unknownstory-title h3:before,
	.unknownstory-title h3:after {
		background: none;
	}
	#unknownstory03{
		background: #fff;
		background-size: inherit;
		background-position: inherit;
		background-size: inherit;
		background-attachment: inherit;
	}
	#unknownstory02{
		background: #fff;
		background-size: inherit;
		background-position: inherit;
		background-size: inherit;
		background-attachment: inherit;
		margin-top: 0;
		padding-bottom: 100px;
	}
	#unknownstory02 .unknownstory-title h3{
		margin: 30px 0 30px;
	}
	.unknownstory-box02{
		padding-bottom: 30px;
	}
	.unknownstory-box03 .unknownstory-title{
		padding-top: 30px;
	}
	#unknownstory03{
		height: auto;
	}
	.unknownstory-box03 .image{
		margin-top: 0;
	}
	#unknownstory .products_detail{
		margin-top: 60px;
	}
}

/*========================================================================

  voice

========================================================================*/
body:not(#top) #voice {
	padding: 0;
	background: none;
}
#voice ul li .btn-type02 {
	text-align: right;
	margin-top: 20px;
}

.voice-title {
	overflow: hidden;
	text-align: center;
}
body:not(#top) .voice-title h2 {
	position: relative;
	display: inline-block;
	margin: 0 0 45px;
	padding: 0 50px;
}
.voice-title h2:before,
.voice-title h2:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #d6d6d6;
}
.voice-title h2:before {
	right: 100%;
}
.voice-title h2:after {
	left: 100%;
}

.voice-box {
	margin: 0 0 65px;
}
.voice-box h3 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 150%;
	font-weight: normal;
}
.voice-box .label {
	font-family: 'Amiri', serif;
	color: #980511;
	text-align: right;
	font-weight: bold;
}
.voice-box .name {
	text-align: right;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 150%;
}
.voice-box .name + p {
	line-height: 2.3;
}
.voice-box .history{
	text-align: right;
	margin: 0 0 25px;
}

.voice-box 
.voice-slide {
	margin: 0 0 135px;
	overflow: visible;
}
.voice-slide .image {
	position: relative;
}
.voice-slide .image img {
	position: relative;
	top: -20px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.voice-slide .image.slide-fix img {
	opacity: 1;
	top: 0;
}
.voice-slide p {
	position: relative;
	top: 40px;
	margin: -170px 0 0 300px;
	padding: 30px 40px;
	background: rgba(255,255,255,0.8);
	line-height: 2;
	-webkit-transition: all 1.8s;
	transition: all 1.8s;
	opacity: 0;
}
.voice-slide p.slide-fix {
	opacity: 1;
	top: 0;
}

.slide-up-type01{
	margin: -170px 0px 100px 0px !important;
	width: 643px;
}
.slide-up-type02{
		margin: -170px 0px 100px 0px !important;
	width: 800px;
}

.voice-products {
	margin: 0 0 70px;
}
.voice-products:before,
.voice-products:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: -moz-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 10%, rgba(214,214,214,1) 90%, rgba(214,214,214,0) 100%);
	background: -webkit-linear-gradient(left, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 10%,rgba(214,214,214,1) 90%,rgba(214,214,214,0) 100%);
	background: linear-gradient(to right, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 10%,rgba(214,214,214,1) 90%,rgba(214,214,214,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6',GradientType=1 );
}
.voice-products .articleInner:before {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	margin: -1px auto 0;
	background: #9e242e;
}
#products.voice-products .box {
	padding: 30px 50px 60px;
}
#products.voice-products .image {
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#products.voice-products h3 {
	margin: 35px 0 3px;
}
#voice.voice-voice h2 {
	margin: 0;
}
#voice.voice-voice ul li {
	width: 340px;
	margin: 0 0 10px;
}
#voice.voice-voice ul li figcaption {
	min-height: 60px;
	padding: 20px 15px 15px;
	font-size: 125%;
}
#voice.voice-voice ul li p {
	margin: 10px 5px;
}

@media screen and (max-width: 768px) {
	#voice ul li p {
		margin: 10px;
	}
	#voice ul li .btn-type02 {
		margin: 10px 0 30px;
	}

	body:not(#top) .voice-title h2 {
		display: block;
		margin: 0 0 30px;
		padding: 0 0 10px;
		background: none;
		font-size: 120%;
		border-bottom: 1px solid #d6d6d6;
	}
	.voice-title h2:before,
	.voice-title h2:after {
		background: none;
	}

	.voice-box {
		max-width: 400px;
		margin: 0 auto 30px;
	}
	.voice-box .label {
		margin: 20px 0 0;
	}
	.voice-box .name {
		margin: 0 0 10px;
	}
	.voice-box .name + p {
		line-height: 1.7;
	}
	.slide-up-type01,.slide-up-type02{
		margin: inherit !important;
		width: inherit;
}
	.voice-slide {
		max-width: 400px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.voice-slide .image img {
		top: 0;
		opacity: 1;
	}
	.voice-slide .image.slide-fix img {
		opacity: 1;
		top: 0;
	}
	.voice-slide p {
		top: 0;
		margin: 0;
		padding: 30px 0;
		line-height: 1.7;
		opacity: 1;
	}
	.voice-slide p.slide-fix {
		opacity: 1;
		top: 0;
	}
	.voice-products {
		margin: 0 0 30px;
	}
	#products.voice-products .box {
		padding: 30px 0;
	}
	#products.voice-products .image {
		margin: 0 3%;
	}
	#products.voice-products h3 {
		margin: 0 0 3px;
	}
	#products.voice-products .btn-type02 {
		margin: 10px 0 0;
	}
	#voice.voice-voice h2 {
		margin: 0 0 20px;
	}
}

/*========================================================================

  news

========================================================================*/
/*
.news {
	min-height: 1000px;
}
*/
.news ul {
	margin: 0 0 30px;
	border-top: 1px solid #dddddd;
}
.news ul li {
	border-bottom: 1px solid #dddddd;
}
.news ul li a {
	display: table;
	width: 100%;
	padding: 21px 0 20px;
}
@media screen and (min-width: 769px){
	.news ul li a:hover {
		opacity: .7;
	}
}
.news ul li .day {
	display: table-cell;
	width: 10%;
	padding: 0 45px 0 25px;
	vertical-align: top;
	color: #980511;
	font-family: 'Amiri', serif;
	font-style: italic;
	font-size: 120%;
	letter-spacing: 0;
	white-space: nowrap;
}
.news ul li .text {
	display: table-cell;
	vertical-align: middle;
}
.pager {
	text-align: center;
}
.pager span {
	display: inline-block!important;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	line-height: 40px;
	background: #e9e9e9;
	cursor: pointer;
	font-family: 'Amiri', serif;
	font-size: 120%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.pager .next,
.pager .prev {
	font-family: "游ゴシック Medium", YuGothic Medium, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 37px;
}
.pager span:hover,
.pager .current {
	background: #a60011;
	color: #fff;
}
.pager .invalid {
	display: none!important;
}

@media screen and (max-width: 768px) {
	.news {
		min-height: 300px;
	}
	.news ul li a {
		display: block;
		padding: 10px 0;
	}
	.news ul li .day {
		display: block;
		width: 100%;
		padding: 0;
		font-size: 110%;
	}
	.news ul li .text {
		display: block;
	}
	.pager span {
		width: 30px;
		height: 30px;
		margin: 0 3px 6px;
		line-height: 32px;
	}
	.pager .next,
	.pager .prev {
		line-height: 30px;
	}
}
/*========================================================================

  news_detail

========================================================================*/
.news_detail{
	
}
.news_detail .player {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	background: #000;
}
.news_detail .player a img {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.news_detail .player a img.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	opacity: .5;
}
@media screen and (min-width: 769px){
	.news_detail.player a:hover img.icon {
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.news_detail .player {
		max-width: 400px;
		margin: 0 auto;
	}
	.news_detail .player a img.icon {
		width: 60px;
		margin: -30px 0 0 -30px;
	}
}



/*========================================================================

  faq, tab

========================================================================*/

.faq-ul, .tab-ul {
	letter-spacing: -.4em;
	margin: 0 -50px 0 0;
	text-align: center;
}
.faq-ul li, .tab-ul li  {
	display: inline-block;
	width: 525px;
	margin: 0 50px 0 0;
	text-align: left;
}
.faq-ul a, .tab-ul a {
	display: block;
	position: relative;
}
.faq-ul .label, .tab-ul .label {
	position: absolute;
	z-index: 3;
}
.faq-ul .image, .tab-ul .image {
	position: relative;
	height: 280px;
	margin: 0 0 20px;
	background: #fff;
	text-align: center;
	border: 1px solid #e3e3e3;
}
.faq-ul .image img, .tab-ul .image img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 100%;
}
.faq-ul h3, .tab-ul h3 {
	margin: 0 0 30px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 135%;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.4;
}
.faq-ul h3 span, .tab-ul h3 span {
	display: block;
	font-size: 60%;
}

body:not(#top) h2.fap-title, body:not(#top) h2.tab-title{
	padding: 16px 0 41px;
}
.fap-title img, .tab-title img {
	max-width: 130px;
	max-height: 105px;
	vertical-align: middle;
}
.fap-title span, .tab-title span {
	margin: 0 105px 0 70px;
	vertical-align: middle;
}

.faq-dl, .tab-dl {
	margin: 0 0 30px;
	border-top: 1px solid #ddd;
}
.faq-dl dt{
	margin: 0;
	padding: 16px 60px;
	background-image:
        url(../images/common/icon_q.png),
        url(../images/common/icon_plus.png);
	background-position:
        21px 19px,
        right 21px;
	background-repeat:
        no-repeat,
        no-repeat;
	border-bottom: 1px solid #ddd;
	font-size: 105%;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.tab-dl dt {
	margin: 0;
	padding: 16px 0px 16px 60px;
	background-image:
        url(../images/common/icon_plus.png);
	background-position:
        21px 19px,
        right 21px;
	background-repeat:
        no-repeat,
        no-repeat;
	border-bottom: 1px solid #ddd;
	font-size: 105%;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (min-width: 769px){
	.tab-dl dt:hover {
		background-image:
			url(../images/common/icon_plus.png);
		background-position:
			21px 19px,
			right 21px;
		background-repeat:
			no-repeat,
			no-repeat;
		background-color: #efefef;
	}

	.faq-dl dt:hover {
		background-image:
			url(../images/common/icon_q.png),
			url(../images/common/icon_plus.png);
		background-position:
			21px 19px,
			right 21px;
		background-repeat:
			no-repeat,
			no-repeat;
		background-color: #efefef;
	}
}
.faq-dl dt.active {
	background-image:
        url(../images/common/icon_q.png),
        url(../images/common/icon_minus.png);
	background-position:
        21px 19px,
        right 21px;
	background-repeat:
        no-repeat,
        no-repeat;
	background-color: #efefef;
}
.tab-dl dt.active {
	background-image:
        url(../images/common/icon_minus.png);
	background-position:
        21px 19px,
        right 21px;
	background-repeat:
        no-repeat,
        no-repeat;
	background-color: #efefef;
}
.faq-dl dd {
	position: relative;
	display: none;
	margin: 0;
	padding: 16px 0 16px 60px;
	border-bottom: 1px solid #ddd;
}

.tab-dl dd {
	position: relative;
	display: none;
	margin: 0;
	padding: 20px 0px 16px 10px;
	
}
.faq-dl dd:before {
	content :url(../images/common/icon_a.png);
	position: absolute;
	left: 21px;
	margin: 2px 0 0;
}
.tab-dl dd:before {
	position: absolute;
	left: 10px;
	margin: 2px 0 0;
}
.faq-dl dd a, .tab-dl dd a{
	text-decoration: underline;
}
.faq-dl dd span, .tab-dl dd span{
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.faq-ul, .tab-ul  {
		margin: 0;
	}
	.faq-ul li, .tab-ul li  {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.faq-ul .image, .tab-ul .image {
		height: 200px;
	}
	.faq-ul .image img, .tab-ul .image img {
		max-width: 90%;
		max-height: 90%;
		top: 0;
	}
	.faq-ul h3, .tab-ul h3 {
		font-family: 'Hiragino Mincho ProN', serif;
	}

	body:not(#top) h2.fap-title, body:not(#top) h2.tab-title{
		padding: 0 0 10px;
	}
	.fap-title img, .tab-title img {
		max-width: 60px;
		max-height: 60px;
	}
	.fap-title span, .tab-title span {
		margin: 0 0 0 15px;
	}

	.faq-dl dt, .tab-dl dt {
		padding: 16px 40px;
		background-position:
			10px 19px,
		    right 21px;
		font-size: 100%;
	}
	.faq-dl dt:hover, .tab-dl dt:hover {
		background-position:
			10px 19px,
		    right 21px;
	}
	.faq-dl dt.active, .tab-dl dt.active {
		background-position:
			10px 19px,
			right 21px;
	}
	.faq-dl dd {
		padding: 16px 0 16px 40px;
	}
	.tab-dl dd {
		padding: 16px 0 16px 5px;
	}
	.faq-dl dd:before, .tab-dl dd:before {
		left: 11px;
	}
}

/*========================================================================

  campaign

========================================================================*/
#campaign{
	background: none;
}


/*========================================================================

  180718追加

========================================================================*/

.single-item{
	margin-top: 30px;
	background: #fff;
}

div.floatblock {
    overflow: hidden;
    margin-bottom: 30px;
	margin-top: 20px;
}

div.floatblock>div {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
	text-align: left;
}

div.floatblock>div:first-child {
    padding-left: 0px;
}

div.floatblock>div a {
    display: block;
}

div.floatblock>div>p {
    margin-bottom: 15px;
}

@media screen and (max-width: 480px){
div.floatblock {
    overflow: hidden;
    margin-bottom: 20px;
    margin: 0 auto;
    width: 100%;
}
	
	div.floatblock div {
    margin: 10px 0
}

div.floatblock div p.caption {
    margin-top: 5px
}

div.floatblock img {
    display: block;
    margin: 0 auto
}
	
}

/*========================================================================

  TOPのキャンペーンバナー追加

========================================================================*/

#CampaignBunner{
	background: #fff;
}

#CampaignBunner img{
	display: block;
	margin: 70px auto;
}


@media screen and (max-width: 768px) {
	#CampaignBunner img{
    	margin: 0 auto;
		padding: 25px;
	}
}
.clearfix::after{
	  content: "";
	  display: block;
	  clear: both;
}

@media screen and (max-width: 768px) {
	header .navigation .btn ul li a:before {
		width: 100% !important;
		height: 55px !important;
		background: #1a1a1a !important;
		border: none !important;
		border-right: 2px solid #4d4d4d !important;
	}
}

/*========================================================================

  商品紹介ページのナビ

========================================================================*/

.prpduct-nav{
	width:
}

.prpduct-nav ul {
	text-align: center;
}

.prpduct-nav ul li{
	display: inline;
}

.prpduct-nav ul li:nth-child(2){
	margin: 0 10px;
}

.prpduct-nav ul li:nth-child(3){
	margin-right: 10px;
}

.prpduct-nav ul li a img{
	width:220px;	
}
@media screen and (min-width: 768px) {
	#products .box {
		position: relative;
		padding: 0 50px 70px;
		/*margin-top: -115px;
		padding-top: 115px;*/
	}
}
@media screen and (max-width: 768px) {
	
	.prpduct-nav ul{
		margin-bottom: 10px;
	}

	.prpduct-nav ul li a img{
		width:48%;	
	}

	.prpduct-nav ul li:nth-child(2){
		margin: 0;
	}
	
	.prpduct-nav ul li:first-child{
		margin-right: 2%;
	}
}

/*========================================================================

  コンセプトエリア

========================================================================*/

#concept img{
	width:64%;
	margin: 0 auto 100px;
}

@media screen and (max-width: 768px) {
	#concept img{
		width:90%;
		margin: 0 auto 25px;
		padding-top: 5%;
	}
	.slick-prev,
	.slick-next{
		display: none !important;
	}
}

#concept .slick-next{
    right: 19%;
}

#concept .slick-prev{
    left: 19%;
}
.slick-prev,
.slick-next{
    z-index: 100;
}

/*========================================================================

  商品一覧

========================================================================*/

#products-list{
	margin: 70px 0;
}

#products-list ul{
	text-align: center;
	margin-top: 70px;
}

#products-list ul li{
	display: inline-block;
	width:20%;
}

#products-list ul li:nth-child(2) img{
	width:30%;
}

#products-list ul li:nth-child(3) img{
	width:20%;
}

#products-list ul li:nth-child(4) img{
	width:50%;
}

#products-list ul li p{
	margin: 30px 0;
	font-family: 'Hiragino Mincho ProN', serif;
}

#products-list .product-lisi-link{
	background-color: #980511;
	color: #fff !important;
	padding: 10px 0;
	width: 60%;
	margin: 0 auto;
}

#products-list .product-lisi-link a{
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	#products-list ul li{
		display: inline;
		width:20%;
	}

	#products-list ul li:nth-child(1) img{
		width:60%;
	}

	#products-list ul li:nth-child(2) img{
		width:20%;
	}
	
	#products-list ul li:nth-child(3) img{
		width:14%;
	}
	
	#products-list ul li:nth-child(4) img{
		width:35%;
	}

	#products-list ul li p{
		margin: 5% 0;
	}

	#products-list .product-lisi-link{
		background-color: #980511;
		color: #fff !important;
		padding: 10px 0;
		width: 35%;
		margin: 0 auto 100px;
	}

	#products-list .product-lisi-link a{
		color: #fff !important;
	}
}

/*========================================================================

  タブロイド

========================================================================*/

#tabloid{
	margin: 100px 0;
}

#tabloid img{
	width:195px;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
}
#tabloid ul{
	text-align: left;
	margin-bottom: 4%;
}
#tabloid li{
	margin-right: 20px;
	display: inline;
}

@media screen and (max-width: 768px) {
	#tabloid ul{
		text-align: center;
	}
	#tabloid img{
		width:40%;
		border: solid 1px #cccccc;
		margin-top: 2%;
	}
	#tabloid li{
		margin-right: 2%;
	}
	#tabloid .btn{
		margin-top: 8%;
	}
}