@charset "utf-8";
/* CSS Document */
a { color:#4ec1ce; }
a:visited { color:#ceac00; }
a:hover { color:#7bc63d; }
a:hover img { opacity:0.9; }

body { background:url(../img/bg.png) no-repeat fixed; background-size:cover; color:#333; position:relative; }

.mt15 { margin-top:15px; }
.mt50 { margin-top:50px; }
.w100 { width:100%; }

/***ヘッダー***/
.intro { font-size:200%; padding:0.5rem 1.0rem; line-height:1.0em; text-shadow:1px 1px 5px #ccc; }
.intro { text-align: center; }
.intro span { font-size:3.0vw; padding:0.5rem 1.0rem; line-height:1.2em; text-shadow:1px 1px 5px #ccc; font-weight: bold;}
.big span { font-size:1.3rem; line-height:1.6em; text-shadow:1px 1px 5px #ccc; font-weight: bold; color:#000;}


/***コンテンツ***/
.point { text-align:center; }
.item { width:30%; height:400px; margin:10px; box-sizing:border-box; background-color:rgba(255,255,255,0.6); border-radius:5px; box-shadow:0px 0px 8px #333; display:inline-block; vertical-align:top; }
	@media (max-width: 991px) { 
		.item { width:45%; }
}
	@media (max-width: 761px) { 
		.item { width:90%; height:auto; }
}

.item img { border-radius:5px 5px 0 0; }
.item p { padding:0.5em; font-size:16px; line-height:1.2em; text-shadow:1px 1px 5px #999; text-align:left; }

.lineup { list-style-type:none; width:100%; margin:0 auto; padding:15px 40px; font-size:1.0rem; text-shadow:1px 1px 5px #999;}
.lineup span { font-weight:bold; }


/***店舗情報***/
.tenpo { font-size:1.4rem; text-align:center; text-shadow:3px 3px 10px #000; color:#FFF; }
.shop { margin:1.0rem 0; }
.text1 { color:#FFF; font-size:1.4rem; line-height:1.4em; text-align:center; text-shadow:3px 3px 10px #000; }
.text1 a { color: #FB0; }
.text1 a:hover { text-decoration:underline; }
.text2 { color:#FFF; padding:0.5rem 1.0rem; border-top:solid 2px #FFF; font-size:0.8rem; line-height:1.5em; text-align:left;  text-shadow:3px 3px 10px #000;}
	@media (max-width: 761px) {
		.text2 { text-align:center; }
	}
.text2 span { font-family:Oswald; font-size:1.4rem; }
.text2 a { color:#FFF; text-decoration:underline; }


/***フッター***/
.footer { width:100%; background-color:#000; color:#FFF; font-size:0.5rem; line-height:2.0em; text-align:center; }


/***カート***/
.cart { position:fixed; bottom:20px; left:-110px; transition:0.8s; }
.cart:hover { left:-25px; }
.cart a:hover img { opacity:1.0; }



.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:12px 120px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background-color:#d34639;
}.css_btn_class:active {
	position:relative;
	top:1px;
}



.css_btn_class2 {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eda933;
	padding:12px 120px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fed897;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fed897;
 	box-shadow:inset 1px 1px 0px 0px #fed897;
}.css_btn_class2:hover {
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background-color:#d29105;
}.css_btn_class2:active {
	position:relative;
	top:1px;
}


#animation{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
text-align: center;
}

#animation1{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
text-align: center;
}

#animation2{
margin: 20px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

#animation3{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

#animation4{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

#animation5{
margin: 30px 0;
font-size: 15px;
font-weight: normal;
color: #555;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(-50); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(00px); -ms-transform: translateY(0px); transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(0); }
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    right: 0px;
    bottom: 5px;
}



.spec{
    font-size: 10px;
    line-height: 1.2;
  }

.spec2{
    font-size: 11px;
    line-height: 1.4;
  }


.model{
	font-size: 2.0rem;
}

.price{
	font-size:1.5rem;
	color:red;
	text-align: right;
	line-height: 1.5;
}

.price2{
	font-size:0.8rem;
	color:#000;
	text-align: right;
	line-height: 1.2;
}

.shop{
	font-size:1.0rem;
	color:#4ec1ce;
	text-align: right;
}
.comment{
	font-size:12px;
    line-height:1.5;
    margin-bottom: 10px;
}

.comment_2{
	font-size:13px;
    line-height:1.8;
}

.mb{
	margin-bottom: 0.6em;
	padding: 0 0.6em 0 0;
}

h1{
	font-size:1.5rem;
	line-height: 1.2;
}

h3{
	font-size:1.5rem;
	color:#333;
	line-height: 1.0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}

h5{
	font-size:2.0rem;
	color:#333;
	line-height: 1.3;
}

h6{
	font-size:1.1rem;
	color:#333;
	line-height: 1.0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}

.jaca{
	font-weight:bold;
	margin:0px 3px 0px 3px;
	text-decoration: underline;
}

.lacquer{
	font-weight:bold;
	margin:0px 3px 0px 3px;
	text-decoration: underline;
}

.trim img{
	width: 125px;
	height:160px;
	object-fit: cover;
}

.suna{
	opacity: 0.3;
}

.tb_bg01{
	background-color: #e5e4ce;
	padding: 3.0em;
}

.tb_bg02{
	background-color: #e5e4ce;
	padding: 0 3.0em 0 3.0em;
}

h6{
	color:#f1f1f1;
	font-weight: bold;
	padding: 0.3em 1.0em 0.2em 0.5em;
}

.midashi{
	background-color: #000;
	width: 100%;
	display: inline-block;
	margin: 1.0em 0 0.5em 0;
}