@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
.gotop a, #header .wrap, #header .wrap #global ul, #container .section .btnBox a, .btnBox a, .customerBox ul, .customerBox ul li, #footer .nav ul, #footer .wrap .sns, .topContent .section .btnBox a, .topContent #product .listBox li .wrap, .topContent .productListBox .listBox, .lineup_box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#header .wrap, #header .wrap #global ul, .customerBox ul, #footer .nav ul, .topContent #product .listBox li, .lineup_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, p {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	text-align: left;
}
img, abbr, acronym, fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.line {
	font-size: 1px;
	line-height: 1px;
}
/*--- default */

table {
	border-collapse: collapse;
}
/*****************************************************
link
*****************************************************/

a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*****************************************************
	html
*****************************************************/

html, body, #container {
	min-width: 100％;
	height: 100%;
}
body {
	position: relative;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
	font-feature-settings: "palt";
	letter-spacing: 0.12rem;
	line-height: 1.4;
	text-align: center;
}
.inner {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#container .section .ttlBox .ttlStyle01 {
	;
	position: relative;
	z-index: 2;
	display: inline-block;
	text-align: center;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 30px;
	white-space: nowrap;
}
#container .section .ttlBox .ttlStyle01 a {
	position: absolute;
	right: 40px;
	bottom: 10px;
	display: inline-block;
	padding-left: 15px;
	font-size: 0.5em;
	color: #fff;
}
#container .section .ttlBox .ttlStyle01 a:before, #container .section .ttlBox .ttlStyle01 a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#container .section .ttlBox .ttlStyle01 a:before {
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 1px solid #535353;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#container .section .ttlBox .ttlStyle01 a:after {
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #535353;
	border-right: 1px solid #535353;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#container .section .btnBox a {
	display: inline-block;
	padding: 0;
	width: 190px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #626262;
	border-radius: 3px;
}
#container .section .btnBox a:before {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#container .section .ttlStyle02 {
	font-size: 1.6em;
}
/*****************************************************
 ページトップへ
*****************************************************/

.gotop {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
	width: 40px;
	padding: 20px 10px;
	text-align: center;
	text-decoration: none;
	transform: rotateY(200deg);
	transition: .5s;
}
.gotop a {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	background-color: #767676;
	border-radius: 100%;
}
.gotop a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.gotop a:before {
	content: 'TOP';
	position: absolute;
	top: 28px;
	right: 0;
	left: 0;
	margin: auto;
	display: inline-block;
	color: #fff;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
	font-size: 10px;
}
.gotop a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 15px;
	left: 0;
	margin: auto;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*****************************************************
animation
*****************************************************/

.flexNW {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.ttlES {
	position: relative;
	margin: 15px 0;
	padding-bottom: 10px !important;
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	line-height: initial;
	color: #fff;
	border-bottom: 1px solid #eee;
}
.hide {
	opacity: 0;
}
/*　商品紹介　*/

/*@keyframes title-animation { from { right: -10%; }
  to { right: -70%; } }*/

.beltAni {
	position: relative;
	overflow: hidden;
	opacity: 1;
}
/*.beltAni:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; margin: auto; width: 100%; background-color: #fff; }*/

.beltAni.is-loaded:nth-child(1):before {
	-webkit-animation: beltAni 0.5s linear 0.1s 1 forwards;
	animation: beltAni 0.5s linear 0.1s 1 forwards;
}
.beltAni.is-loaded:nth-child(2):before {
	-webkit-animation: beltAni 0.5s linear 0.2s 1 forwards;
	animation: beltAni 0.5s linear 0.2s 1 forwards;
}
.beltAni.is-loaded:nth-child(3):before {
	-webkit-animation: beltAni 0.5s linear 0.3s 1 forwards;
	animation: beltAni 0.5s linear 0.3s 1 forwards;
}
.beltAni.is-loaded:nth-child(4):before {
	-webkit-animation: beltAni 0.5s linear 0.4s 1 forwards;
	animation: beltAni 0.5s linear 0.4s 1 forwards;
}
.beltAni.is-loaded:nth-child(5):before {
	-webkit-animation: beltAni 0.5s linear 0.5s 1 forwards;
	animation: beltAni 0.5s linear 0.5s 1 forwards;
}
/*@keyframes beltAni { from { left: 0; }
  to { left: 100%; } }*/

.tableStyle01 {
	width: 100%;
}
.tableStyle01 th, .tableStyle01 td {
	padding: 10px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #e1dfc6;
}
.tableStyle01 thead th {
	color: #fff;
	background-color: #fff;
}
.tableStyle01 tbody th {
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
	background-color: #b9e0e8;
}
.btnBox {
	margin: 10px 0;
	text-align: center;
}
.btnBox a {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
	vertical-align: middle;
	background-color: #fff;
}
.btnBox a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btnBox a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*****************************************************
common
*****************************************************/

/*アニメーション部分　2段目4段目 背景色指定*/

.bggray {
	background-color: #efefef;
}
/*数字のフォント指定*/

.fontNumber {
	font-size: 0.9em;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.textLeft {
	text-align: left;
}
.paT40 {
	padding-top: 40px;
}
.paT70 {
	padding-top: 70px;
}

.paL40 {
	padding-left: 40px;
}
.paL50 {
	padding-left: 50px;
}
.maR30 {
	margin-right: 30px;
}
.maL30 {
	margin-left: 30px;
}
.maL50 {
	margin-left: 50px;
}
.maL70 {
	margin-left: 70px;
}
.maL150 {
	margin-left: 150px;
}
.maL400 {
	margin-left: 400px;
}
.maL500 {
	margin-left: 500px;
}
.maL560 {
	margin-left: 560px;
}
.maT100 {
	margin-top: 100px;
}
.maT20 {
	margin-top: 20px;
}
.maT30 {
	margin-top: 30px;
}
.maT10B30 {
	margin: 10px 0 30px 0;
}
.maT30B60 {
	margin: 30px 0 60px 0;
}
.maB30 {
	margin-bottom: 30px;
}
.maB60 {
	margin-bottom: 60px;
}
.maB100 {
	margin-bottom: 100px;
}
.maL1em {
	margin-left: 1em;
}
.textNowrap {
	white-space: nowrap;
}
.textKousai {
	text-shadow: white 2px 2px 10px, white -2px 2px 10px, white 2px -2px 10px, white -2px -2px 10px;
}
.fontSS {
	font-size: 0.6em;
	line-height: 0.8em;
}
.fontSM {
	font-size: 0.8em;
}
.fontS86 {
	font-size: 0.86em;
}
.fontS {
	font-size: 0.9em;
}
.fontS94 {
	font-size: 0.94em;
}
.fontMS {
	font-size: 1.1em;
}
.fontM {
	font-size: 1.3em;
}
.fontMM {
	font-size: 1.3em;
}
.fontML {
	font-size: 1.6em;
}
.fontMLL {
	font-size: 1.9em;
}
.fontL {
	font-size: 2.2em;
	line-height: 1.4em;
}
.noteBox {
	display: inline-block;
	width: 610px;
	font-size: 1.0em;
	line-height: 220%;
	margin: 10px 10px 10px 10px;
}
.noteBoxS {
	display: inline-block;
	width: 610px;
	font-size: 0.8em;
	line-height: 150%;
	margin: 20px 10px;
	text-align: center;
}
.noteBoxM {
	display: inline-block;
	width: 90%;
	font-size: 1.3em;
	line-height: 160%;
	text-align: center;
}
.noteBoxMS {
	display: inline-block;
	width: 90%;
	font-size: 1.27em;
	line-height: 160%;
	text-align: center;
}
.noteBoxMtextL {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 160%;
	text-align: left;
}
.noteBoxMtextM {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 160%;
	text-align: left;
}
.noteBoxL {
	display: inline-block;
	width: 80%;
	font-size: 1.4em;
	line-height: 140%;
	margin: 10px;
	text-align: center;
}
.noteBoxLtextL {
	display: inline-block;
	width: 80%;
	font-size: 1.4em;
	line-height: 140%;
	margin: 10px;
	text-align: left;
}
.noteBoxLLtextL {
	display: inline-block;
	width: 80%;
	font-size: 1.6em;
	line-height: 140%;
	margin: 10px;
	text-align: left;
}
/* ページラスト　*/

.noteBoxLast {
	height: 380px;
	background: url("../../images/noteBoxLast.png") no-repeat bottom
}
.noteBoxLast p {
	text-align: center;
	font-size: 2.2em;
	line-height: 140%;
}
/* タイトル　リード文　本文　*/

.titleL {
	clear: both;
	background: url("../images/ttl_bg.jpg") repeat-x;
	height: 50px;
	text-align: left;
	color: #fff;
	font-size: 2.2em;
	padding: 12px 0 0 25px;
	margin: 0 auto;
}
.subtitleL {
	clear: both;
	background: url("../images/subtitle_bg.png") no-repeat bottom left;
	text-align: left;
	font-size: 2.2em;
	line-height: 140%;
	padding: 12px 0 10px 20px;
	margin: 0 auto;
}
.leedL {
	display: inline-block;
	text-align: left;
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1.2em;
}
.leedM {
	display: inline-block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
}
.leedS {
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
}
/* 横並び */

.floatSide {
	text-align: center;
	width: 100%;
	height: 820px;
}
.floatSide ul li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	top: -80px;
}
.floatSide ul li img {
	margin: 0;
	padding: 0;
}
.borderB {
	border-bottom: 4px solid #DADADA;
}
.borderSquare {
	border: 1px solid #555555;
	width: 270px;
	padding: 10px 20px;
}
/*****************************************************
	clearfix
*****************************************************/

.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
html .clear {
	/* IE6 */
	zoom: 1;
}
*:first-child+html .clear {
	/* IE7 */
	zoom: 1;
}
/***************************************************** 
top
*****************************************************/
.banner{
	background: url("../images/media_ldk_bg.png") repeat;
}

.banner img{
	margin: 0 auto;
}

.topContent {
	margin: 0 0 -80px;
}
.topContent .inner, .topContent .inner02 {
	width: 100%;
	min-width: 100%;
}
.topContent .list {
	overflow: hidden;
}
.topContent .list li {
	transition: .8s;
}
.topContent .list-mv07 {
	opacity: 0;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
}
.topContent .mv07 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/*メインイメージ*/

.topContent #mainView .swiper-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 100%;
}
.topContent #mainView .swiper-container .catch {
	position: absolute;
	bottom: 10%;
	left: 10%;
	z-index: 5;
}
.topContent #mainView .swiper-container .swiper-slide img {
	transition: opacity 1500ms, transform 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.2);
	opacity: 0;
	width: 100%;
	height: auto;
}
.topContent #mainView .swiper-container .swiper-slide.swiper-slide-active img {
	transform: scale(1);
	opacity: 1;
}
.topContent #mainView .swiper-container .swiper-slide .is-anim {
	transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	opacity: 1;
	transform: translateY(0px);
}
.topContent #mainView .swiper-container .swiper-button-prev, .topContent #mainView .swiper-container .swiper-button-next {
	display: none;
}
.topContent .section .ttlBox span {
	left: -30% !important;
}
.topContent .section .btnBox a {
	display: inline-block;
	padding: 0;
	width: 190px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #626262;
	border-radius: 3px;
}
.topContent .section .btnBox a:before {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*top_ttl*/

.topInnerttl {
	width: 100%;
	height: 50px;
	margin: auto;
	text-align: left;
}
.topInnerttl .leadttl {
	padding: 20px 0 0 20px;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
	font-size: 1.6em;
	letter-spacing: 0.3em;
	border-bottom: 1px solid;
}
/*feature_ttl*/

.topInnerttl02 {
	width: 100%;
	height: 30px;
	margin: auto;
	text-align: left;
}
.topInnerttl02 .leadttl02 {
	padding: 0px 0 0 20px;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
	font-size: 1.6em;
	letter-spacing: 0.3em;
	border-bottom: 1px solid;
}
/*topInnerBg02*/

.topContent #topConcept .topInnerBg02 {
	position: relative;
}
.topContent #topConcept .topInnerBg02 .article01 {
	position: absolute;
	top: 35%;
	left: 0px;
	padding: 10px 24px;
	line-height: 1.6rem;
}
@media screen and (min-width:500px) {
	.topContent #topConcept .topInnerBg02 .article01 {
		position: absolute;
		top: 35%;
		left: 0px;
		padding: 20px 30px 0 30px;
		font-size: 1.5em;
		line-height: 3em;
	}
}
.nijiName {
	position: relative;
}
.nijiname span {
	position: absolute;
	text-align: center;
	margin: 20px;
}
.topContent #topConcept {
	text-align: center;
	margin: 20px auto;
}
.topContent #product {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	background-color: #f9f9f9;
	font-family: TTFirsNeue,"A1 Gothic R",sans-serif !important;
}
.topContent #product .listBox li {
	display: block;
	position: relative;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
}
.topContent #product .listBox li .photoBox {
	position: relative;
	z-index: 1;
	order: 1;
}
.topContent #product .listBox li .wrap {
	position: relative;
	z-index: 2;
	order: 2;
	margin-top: 10px;
	padding: 10px 10px;
	background-color: #fff;
	opacity: 0;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}
.topContent #product .listBox li .wrap h2 small {
	font-size: 1.1em;
	color: #8a8483;
}
.topContent #product .listBox li .wrap h2 span {
	position: relative;
	display: block;
	padding: 10px 0 20px 0;
	font-size: 1.3em;
	line-height: 140%;
	font-weight:bold;
	width: 100%;
	margin: 5px auto 0 auto;
	text-align: center;
}
.topContent #product .listBox li .wrap h2 span:before {
	content: '';
	position: absolute;
	display: block;
	width: 80%;
}
.topContent #product .listBox li .wrap .photoBox {
	margin: 20px;
}
.topContent #product .listBox li .wrap .noteBox {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.topContent #product .listBox li .wrap.is-loaded {
	opacity: 1;
}
.topContent #product .listBox li:first-child {
	margin-top: 0;
}
/*新発売*/

.newProduct {
	border: 1px solid #626262;
	padding: 4px;
	margin-right: 5px;
}
.productBox {
	display: inline-block;
	font-size: 1.4em;
	line-height: 220%;
	margin: 40px 10px 10px 10px;
	text-align: left;
}
/*　ラインナップ　*/

#lineup {
	text-align: center;
	margin: 0 auto;
	background: #E0EBDA;
}
#lineup .inner {
	text-align: center;
	background: url("../images/lineup_bg.jpg") no-repeat;
	height: 1140px;
}
#lineup .lineup_ttl {
	background: #000000;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 2em;
	padding-top: 10px;
	margin: 0;
}
#lineup .lineup_text {
	margin: 30px;
	text-align: right;
	text-shadow: white 2px 2px 10px, white -2px 2px 10px, white 2px -2px 10px, white -2px -2px 10px;
}
#lineup .lineup_textL {
	display: block;
	text-align: right;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 60px 0 10px 0;
	white-space: nowrap;
}
#lineup .lineup_textM {
	display: block;
	text-align: right;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 100px;
	white-space: nowrap;
}
#lineup .lineup_box ul {
	display: block;
}
#lineup .lineup_box ul li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}
#lineup .lineup_box ul li img {
	margin: 0;
	width: 96%;
	padding: 5px;
}
/*****************************************************
customerBox
*****************************************************/

.customerBox {
	margin: 0 auto;
	width: 100%;
	background-color: #b5b5b5;
	color: #fff;
}
.customerBox .inner {
	padding: 20px 0;
}
.customerBox p {
	text-align: center;
	font-size: 3.4em;
}
.customerBox ul {
	justify-content: center;
	font-size: 1.4em;
}
.customerBox ul li {
	width: 50%;
	padding: 50px 25px;
	letter-spacing: 1px;
}
.customerBox .attribute {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid #fff 1px;
	line-height: 120%;
}
/*****************************************************
scrollup
*****************************************************/

/*
.box{
	opacity: 0;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.6s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
*/