@charset "utf-8";

:root {
--main-color:#6C2B2F;
}

* {
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}
html, body {
	height: 100%;
}
body {
	text-align: center;
	background: #FFF;
	color: #333;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
}
a {
	color:#6C2B2F;
}
a:hover {
	color: #ccc;
	text-decoration: underline;
}
img {
	border:none;
	vertical-align: bottom;
}
ul li {
	list-style-type: none;
}
h2, h3, h4, h5, h6 {
	line-height: 1.6em;
	font-weight: 400;
	letter-spacing: .2em
}
p {
	line-height: 1.8em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

.fue{
	font-feature-settings: "palt";}
#Contents {
	background: #FFF;
}
#noticeTOP {
	/*  */
	background: #f7f8e8;
	text-align: center;
	font-size:14px;
font-weight:500;
}

#noticeTOP.hatsu{
background: url(../images/bg_head_hatsu.png);
}
#noticeTOP a {
	color: #000;
	text-decoration: none;
}
#noticeTOP strong {
	color: #ff0012;
}
#noticeTOP a:hover {
	text-decoration: underline;
}

/**/
#navShop {
	position: absolute;
	right: 0;
	text-align:center;
	top: 8px;
}
#navShop a{	line-height: 1.4em;font-weight: bold;
padding: 0;/*
position: absolute;
right: 0;
top: 0;*/
width: 84px;
overflow: hidden;
display: block;background: #ffcc33 url(../images/ico_tenpo.png) no-repeat center 6px;
padding: 35px 0 11px;
font-size: 12px;
border: 1px solid #000;
text-decoration:none;
color: #000;
}
/* ----- main ----- */
#indexCo {
	background: #FFF;
}
#mainINDEX {
	position: relative;
	clear: both;
}

.mainIMG li img {
	margin:0 auto;
}
/* ---- scroll ----- */

.scrolldown {
	position:absolute;
	bottom:10px;
	left:50%;
}
.scrolldown a {
	text-decoration: none;
	color: #000;
}
.scrolldown span {
	position: absolute;
	left:10px;
	bottom:10px;
	color: #000;
 font-size: .7rem;
	letter-spacing: .05em;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
/* 丸の描写 */
.scrolldown:before {
	content: "";
	position: absolute;
	bottom:0;
	left:-4px;
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#000;
	animation:circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove {
 0% {
bottom:45px;
}
 100% {
bottom:-5px;
}
}

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide {
 0% {
opacity:0
}
 50% {
opacity:1;
}
 80% {
opacity:.9;
}
 100% {
opacity:0;
}
}
/* 線の描写 */
.scrolldown:after {
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	width:2px;
	height: 50px;
	background:#000;
}
/* --- */
#hrCLEAR {
	clear: both;
	border-top: 1px solid #C8C8C8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
}
#gMAP {
	border: none;
	width: 100%;
	margin-bottom: 1em;
}
header {
	position: relative;
}
header p {
	color: #888;
	font-weight: normal;
	line-height: 1em;
}
footer {
	background: #FFF;
	clear: both;
}
#Copyright {
	line-height: 1.5em;
	clear: both;
}
table {
	border:none;
	border-collapse:collapse;
}
.aRIGHT {
	text-align: right;
}
.aCENTER {
	text-align: center;
}
.capCo {
	text-align: center;
}
.capCo img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.red {
	color: #E3803E;
}
.redB {
	color: #E3803E;
	font-weight: bold;
}
.txtTOP {
	font-size: .688em;
	vertical-align: text-top;
}
.txtBLUE {
	color: #339999;
}
.marker {
	background: linear-gradient(transparent 75%, #FFFF66 75%);
	font-weight: bold;
	color: #000;
}
.txtUNDER {
	border-bottom: 3px double #000;/* background: linear-gradient(transparent 75%, #C7E2FE 75%); */
}
.redB.txtUNDER {
	border-bottom: 3px solid #D9354E;
}
.txtDBL {
	position: relative;
}
.txtDBL:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	margin-top: -1px;
	border-top: solid 1px #ff0000;
	border-bottom: solid 1px #ff0000;
	position: absolute;
	left: 0;
	top: 50%;
}
/* -- float -- */
.fltR {
	float: right;
}
.fltL {
	float: left;
}
.pctL {
	float: left;
	margin-right: 1em;
	margin-bottom: 3em;
}
.pctR {
	float: right;
	margin-left: 1em;
	margin-bottom: 3em;
}
.boxW {
	background:#FFF;
}
.boxB {
	background: #0B1437;
	color: #FFF;
}
.boxG {
	background: #F6F6F6;
	padding: 1.5em;
	margin-bottom: 2em;
}
.overFH, .boxOVF p {
	overflow: hidden;
}
.clearBT {
	clear: both;
}
.noWRAP {
	white-space: nowrap;
}
.narrow {
	letter-spacing: -.05em;
}
hr.lineDotted {
	clear: both;
	height: 1px;
	border-top: 1px dotted #333;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 3em 0;
}
hr.clearBT {
	visibility: hidden;
	height: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
}
.ss {
	font-size: .75em;
}
.bb {
	font-weight: bold;
}
.mgnBNo {
	margin-bottom: 0!important;
}
.boxLine {
	border: 1px solid #333;
	background: #FFF;
	clear: both;
}

.ju{
justify-content:space-between;
}
#pageTop {
	z-index: 500;
}
/* -------------- btn -------------- */

.btnMore {
	text-align: center;
	clear: both;
}
.btnMore a {
	transition:all 1.0s;
	position: relative;
	display: inline-block;
	margin: auto;
	color: #333;
	border: 1px solid rgba(0, 0, 0, .6);
	text-decoration: none!important;
}
.btnMore.normal a, .btnMore.normal a:hover {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .6);
}
.btnMore a:hover {
	background: #6c2b2f;
	color: #FFF;
	border: 1px solid #6c2b2f;
}
.btnMore a:before, .btnMore a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	height: 1px;
	background: rgba(0, 0, 0, .6);
}
#shopINFO .btnMore a:after, #shopINFO .btnMore a:before, .btnMore a:hover:before, .btnMore a:hover:after, .btnMore.normal a:before, .btnMore.normal a:after {
	background: #FFF;
}
.btnMore a:before {
	width: 1.8em;
}
.btnMore a:after {
	width: .6em;
	transform-origin: right center;
	transform: rotate(25deg);
}
.btnMore.back a:before, .btnMore.back a:after {
	left: 1em;
}
.btnMore.back a:after {
	transform-origin: left center;
	transform: rotate(-25deg);
}
#pageCommon .boxLine .btnMore {
	padding-top: 1.5em;
}
.btnMore.btnMail a {
	background:url(../images/ico_mail_b.png) no-repeat 2em center;
	background-size: 1.4em;
}
.btnMore.btnMail a.noBG,
.btnMore.btnMail a.noBG:hover{
background-image:none;
}
.btnMore.btnMail a:hover {
	background:#6c2b2f url(../images/ico_mail_w.png) no-repeat 2em center;
	background-size: 1.4em;
}
.btnMore.btnMail a:before, .btnMore.btnMail a:after {
	display: none;
}

/* -- */
.btnMore.sandai{
display: inline-flex;
}

.btnMore.sandai a{
width: 14em;
padding: 1em 0;
margin: 0 .6em;
}

.guarantee .btnMore.sandai li:nth-of-type(3),
.eraberu.function .btnMore.sandai li:nth-of-type(3),
.eraberu.lens .btnMore.sandai li:nth-of-type(2),
.guideTOP .btnMore.sandai li:nth-of-type(2),
.meganeTOP .btnMore.sandai li:nth-of-type(1){
display: none;
}
/* ---------------------------------{ clearfix }--------------------------------- */


#Contents:after, footer:after, #categoryINDEX ul:after, section:after, .Inner:after, .Inn:after, #pageCommon:after, .clearfix:after,.twoColumn:after, .threeColumn:after, #linkF ul:after, #pickUP ul:after, ul.listAnk:after, #newsINDEX dl:after, .nation ul:after, .boxLine:after, .box:after, #pankuzu ul:after, .tabMENU:after, #recommend ul:after, #serviceINDEX:after, footer ul:after, #shopCo.shopiINDEX ul:after, .boxShop dl:after, ul.listPDF:after, ul.listInline:after, .lineupCo ul:after, .boxPRO:after, .boxCatch:after, .box:after, .flameLIST ul:after, .flameINFO ul:after, .brandFLAME ul:after, .listLink:after, .listLink li a:after, .sitemap ul:after {
	content: "";
	display: block;
	clear: both;
}
/* ------ 5 price index ------------ */

h1#eraberuINDEX {
	margin: 0 auto;
	background:#f7f7f7;
	font-weight: 700;
	padding: 0;
	text-align: center;
}
h1#eraberuINDEX .ss {
	font-weight: 400;
}
h1#eraberuINDEX strong {
	color: #ce0202;
	font-weight: bold;
	font-size: 1.5em;
}
h1#eraberuINDEX a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: .8em 0;
	position: relative;
}
h1#eraberuINDEX a:hover {
	opacity: .5;
}
/*
h1#eraberuINDEX a:after {
	content:"";
	position: absolute;
	right: 1em;
	top: calc(50% - .3em);
	width: .6em;
	height: .6em;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}*/
#pickUP img {
	margin: 0 auto;
}
/* ----- index ------ */

.indexCo h2, .flameINFO h2, .brandFLAME h2, #pageCommon h2.palo {
	background:url(../images/palo.gif) no-repeat center top;
	position: relative;
	padding: 2em 0 1em;
	margin: 2em 0 .8em;
	line-height: 1.2em;
	text-align: center;
	border: 0;
}
.indexCo #recommend h2 {
	background:url(../images/palo_02.gif) no-repeat center top;
}
.indexCo h2 span, .flameINFO h2 span, .brandFLAME h2 span, #brandList h2 span, #pageCommon h2.palo span {
	color: #6c2b2f;
	display: block;
	font-size: .5em;
}
.indexCo h2:before, .flameINFO h2:before, .brandFLAME h2:bafore, #pageCommon h2.palo:before {
 position:absolute;
 left: calc(50% - 2em);
 bottom: 0;
 height: .8em;
 content:"";
 width: 4em;
 background:url(../images/dot.gif) no-repeat top;
}
.indexCo #recommend h2:before {
	background:url(../images/dot_02.gif) no-repeat center top;
}
#brandList h2:before {
	background: #6c2b2f;
	height: 5px;
}
/* -- category -- */


#categoryINDEX li {
	background: #000;
	letter-spacing: .2em;
}
#categoryINDEX li a {
	color: #FFF;
	vertical-align: middle;
	z-index: 5;
	position: relative;
	text-decoration: none;
}
#categoryINDEX li a:hover {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}
#categoryINDEX li span {
	display: block;
	font-size: .5em;
	font-weight: normal;
	padding: .8em 0 0;
	margin: 1em auto 0;
	width: 60%;
	border-top: 1px solid #FFF;
}
#categoryINDEX li a:after {
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position:absolute;
	content:"";
	z-index: -1;
	transition:all 1.0s;
}
#categoryINDEX li a:before {
	position:absolute;
	content:url(../images/arrow_w.png);
	right: .8em;
	bottom: .8em;
}
#categoryINDEX li a:hover:after {
	background: rgba(0, 0, 0, .1);
}
#categoryINDEX ul li:nth-of-type(1) {
background:url(../images/cat_bg_01.webp) no-repeat center;
background-size: cover;
}
#categoryINDEX ul li:nth-of-type(2) {
background:url(../images/cat_bg_02.webp) no-repeat center;
background-size: cover;
}
 #categoryINDEX ul li:nth-of-type(3) {
background:url(../images/cat_bg_03.webp) no-repeat center;
background-size: cover;
}
 #categoryINDEX ul li:nth-of-type(4) {
background:url(../images/cat_bg_04.webp) no-repeat center;
background-size: cover;
}
/* 
-------- news --------- */

#newsINDEX {
	clear: both;
}
#newsINDEX .tabMENU li {
	float: left;
	text-align: center;
	border-bottom: 1px solid #333;
	color: #999;
	letter-spacing:.2em;
}
#newsINDEX .tabMENU li.active {
	color: #000;
	border-bottom: 0;
	border-top: 4px solid #6c2b2f;
}
#newsINDEX .tabMENU li:nth-of-type(2) {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#newsINDEX .tabMENU li.active:nth-of-type(2) {
margin-top: -3px;
}
#newsINDEX .Inn {
	display: none;
	clear: both;
}
#newsINDEX .Inn hr {
	border: 0;
	border-top: 1px solid #000;
	margin: 3em 0 0;
}
#newsINDEX .Inn hr+h3 {
	padding-top: 1.8em;
}
#newsINDEX .Inn.active {
	display: block;
}
#newsINDEX dl {
	line-height: 1.4em;
	text-align: left;
	height: 14em;
	overflow: auto;
}
#newsINDEX dt span {
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 0 5px;
	width: 5em;
	text-align: center;
	display: inline-block;
}
#newsINDEX dd a {
	text-decoration: none;
	color: #333;
}
#newsINDEX dd a:hover {
	color: #CCC;
	text-decoration: underline;
}
#newsINDEX #news03 {
	text-align: left;
}
#newsINDEX #news03 h3 {
	margin: 0 0 1em;
	color: #dd0000;
}
#newsINDEX #news03 h4 {
	border-top: 1px dotted #ccc;
	padding: 1em 0 .4em;
}
#newsINDEX #news03 p {
	margin: 0 0 1.5em;
}
/* -------- recommend ------ */

#recommend {
	background-image:
 radial-gradient(#FEFBCF 40%, transparent 40%), radial-gradient(#FEFBCF 40%, transparent 40%);
	background-size: 10px 10px;
	background-position: 0 0, 10px 10px;
}
#brandList h2 {
	position: relative;
	background: transparent;
	padding: 2em 0 1em;
	margin: 0 0 1em;
}
#recommend h3 {
	color: #000;
	margin: 0 0 1em;
}
#recommend li {
	float: left;
}
#recommend p {
	margin: 0 0 2em;
}
/* -- service -- */

#serviceINDEX {
	clear:both;
	margin: 0 auto;
}
#serviceINDEX h3 {
	background: url(../images/service_bg_t.png) no-repeat center;
	text-align: center;
}
#serviceINDEX h4 {
	color: #6C2B2F;
	font-size: 1.25em;
	padding: .6em 0 0;
	font-weight: bold;
}
#serviceINDEX .serviceBox .Inn {
	text-align: left;
	background: #ffffd5;
}
 #serviceINDEX .serviceBox:nth-of-type(3) .Inn h3 {
 letter-spacing: .02em;
}
#serviceINDEX .serviceBox ul.listNormal li {
	padding-bottom: .4em;
	line-height: 1.6em;
}
/* --- BRAND -- */

#brandList {
	clear: both;
	border: 2px solid #000;
}
 #brandList h2:befere {
border: 4px solid #6c2b2f!important;
}
/* ----- shop info ------ */


#shopINFO {
	color: #FFF;
}
#shopINFO .btnMore a {
	border: 1px solid rgba(255, 255, 255, .8);
	color: #fff;
}
/* ---------- comomn style ------------ */

#pankuzu {
	text-align: left;
}
#pankuzu a {
	color: #ccc;
	text-decoration: none;
}
#pankuzu ul {
	margin: 0 auto;
	flex-wrap: wrap;
}
#pankuzu li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #000;
	font-size: .813em;
}
#pankuzu li::before {
 content: '＞';
 color: #CCC;
 width: 1em;
 height: 1em;
 line-height: 1;
 text-align: center;
 font-size: 1em;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
#pankuzu li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
	font-weight: bold;
}
#pankuzu li:last-child::before {
 content: normal;
}
#pageCommon th, #pageCommon td {
	border: 1px solid #000;
	vertical-align: middle;
	line-height: 1.6em;
}
#pageCommon th, .tblNormal th {
	background: #f4f4f4;
}
.tblNormal table {
	width:100%;
	margin: 0 0 1em;
}
.tblNormal table table {
	width: auto;
	margin: 0;
}
.tblNormal th, .tblNormal td {
	border: 1px solid #CCC;
}
.tblNormal td.aRIGHT {
	text-align: right;
}
.tblNormal table table th, .tblNormal table table td {
	border: 0!important;
	padding: .2em 0!important;
	font-size: 1em!important;
}
.tblNormal td ul {
	margin-left: -1em;
}
.tblNormal td ul li {
	text-indent: -1em;
	padding: .2em 0 .2em 2em;
}
#pageCommon {
	text-align: left;
}
#pageCommon h1 span.ss.IDT {
	display: block;
	font-size: .5em;
	margin: 0 0 1em -.4em;
}
#pageCommon p+h2 {
	margin-top: 3em;
}
#pageCommon h3 {
	margin: 0 0 1em;
}
#pageCommon p {
	margin-bottom: 2em;
}
p.txtL {
	font-size: 1.5em!important;
	font-weight: bold;
}
p.price {
	font-size: 2.5em!important;
	font-weight: bold;
}
p.price .bb {
	font-size: 1.5em;
}
#pageCommon .txtLL, #pageCommon p.txtLL {
	font-size: 3em;
}
#pageCommon li .txtLL {
	font-size: 1.5em;
}
#pageCommon .boxLine h3, #pageCommon .boxLine h4 {
	margin-top: 0;
}
#pageCommon .boxLine h5 {
	background: #FAFBE3;
	color: #6c2b2f;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: .6em 1em;
	font-size: 1.25em;
	margin: 1em 0;
}
#pageCommon .boxLine h6 {
	margin-top: 0!important;
}
#pageCommon .boxLine p.catch {
	margin: 0 0 .5em;
}
#pageCommon .boxLine.tenpo {
	text-align: center;
	margin: 4em auto 2em;
}
#pageCommon ol ul li {
	list-style: disc;
}
#pageCommon ul.listInline li {
	float: left;
}
#pageCommon li {
	line-height: 1.85em;
}
.twoColumn, .threeColumn, .fourColumn {
	clear: both;
}
.twoColumn .boxL {
}
.twoColumn .boxL h6 {
	margin-top: 0!important;
}
.twoColumn.line .boxL, .threeColumn.line .boxL {
	border: 1px solid #000;
	padding: 1.5em 0;
	margin-bottom: 2em;
}
.twoColumn.line .boxL img, .threeColumn.line .boxL img {
	width: 90%;
	margin:auto;
}
.threeColumn.line .boxL p, .threeColumn.line .boxL ul, .threeColumn.line .boxL ol {
	width: 90%;
	margin:auto;
}
.twoColumn .boxL li {
	text-align: left;
}
.twoColumn .boxL img, .threeColumn .boxL img {
	width: 100%;
	margin: 0 0 10px;
}
.twoColumn .boxL img.pctL, .threeColumn .boxL img.pctL {
	width: auto;
	margin: 0 1em 3em 0;
}
.twoColumn .boxL img.pctR, .threeColumn .boxL img.pctR {
	width: auto;
	margin: 0 0 3em 1em;
}
.twoColumn.wAuto .boxL img {
	width:auto!important;
}
#pageCommon .twoColumn h4+ul.listNormal {
	margin-top: -1.4em;
}
/* ----- */
ul.listNormal {
	margin: 0 0 2em .4em;
}
ul.listNormal li {
	position: relative;
	padding: .3em 0 .3em 1em;
}
ul.listNormal li::after, ul.listNormal li::before {
 display: block;
 content: '';
 position: absolute;
}
 ul.listNormal li::before {
top: 1em;
width: 4px;
 height: 4px;
 border: 2px solid;
 border-color:  #565656 #565656 transparent transparent;
 transform: rotate(45deg);
 left: 0;
}
td.tel {
	white-space: nowrap!important;
}
/* ---------- note ------- */


ul.listNote {
	margin: 0 0 2em;
}
ul.listNote li {
	padding-left: 1.2em;
	text-indent: -1.18em;
	line-height: 1.6em;
	text-align: left;
}
td ul.listNormal, td ul.listNote {
	margin-bottom: 0!important;
}
td.Idt {
	padding-left: 2em!important;
	text-indent: -1em!important;
}
/* ---------- dl ----------- */


dt {
	font-weight: bold;
}
/* ------- shop ----- */

#shopCo {
	text-align: left;
}
#pageCommon h2, #shopCo h2, #formCo h2 {
	padding: .2em .6em;
	margin-bottom: 1em;
	border-left: 2px solid #6c2b2f;
	text-align: left;
	clear: both;
}
.titImg {
	border: 0!important;
	padding: 0!important;
	text-align: center;
}
.titImg+h2 {
	margin-top: 2em!important;
}
#shopCo h3 {
	margin: 2em 0 .6em;
}
#shopCo table {
	width: 100%;
}
#shopCo th, #shopCo td {
	text-align: left;
	padding: 1.5em .5em;
	line-height: 1.8em;
	vertical-align: middle;
}
#shopCo th {
	position: relative;
	border-top: 1px solid #000;
}
/*
#shopCo th:after{
content: "＞";transform: scale(0.4, 1);
position:absolute;
right: 1em;
font-size: 1.2em;
color: #CCC;
top:calc( 50% - .6em );
}*/
#shopCo td {
	border-top: 1px solid #ddd;
}
#shopCo td dl {
	padding: 0 0 1.5em;
}
#shopCo td dt {
	color: #000;
	padding: 1.2em 0 0;
}
#shopCo td dt:nth-of-type(1) {
padding-top: .6em;
}
#shopCo td dd {
	position: relative;
	padding: 0 0 0 1em;
	margin: 0 0 0 .6em;
}
#shopCo td dd::after, #shopCo td dd::before {
 display: block;
 content: '';
 position: absolute;
}
#shopCo td dd::before {
top: .6em;
width: 4px;
 height: 4px;
 border: 2px solid;
 border-color:  #999 #999 transparent transparent;
 transform: rotate(45deg);
 left: 0;
}
#shopCo td li {
	padding: .2em 0 .2em 2em;
	text-indent: -1em;
	line-height: 1.5em;
}
#shopCo tr:last-child th {
	border-bottom: 1px solid #000;
}
#shopCo tr:last-child td {
	border-bottom: 1px solid #ddd;
}
#shopCo .boxL p {
	text-align: left;
	margin: 0 0 1em;
}
#shopCo hr.lineDotted {
	margin: 0 0 3em;
}
#shopCo iframe {
	width: 100%;
}
#shopCo.detail .btnMore a {
	width: 18em;
	margin: 0 auto 1em;
}
#shopCo .btnMore a:hover {
	cursor: pointer;
}
/* -- flame - */
h1 {
	text-align: left;
}
h1 span {
	display: inline;
}
.thumb li.slick-current {
	border: 1px solid #CCC!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
}
.thumb img {
	width: 100%;
}
#flameCo h1 {
	position: relative;
	padding: 0 0 1em;
	margin: 1em 0 0;
	text-align: left;
}
#flameCo h1.new:before {
	position: absolute;
	content:"NEW";
	color: #DD0000;
	top: -24px;
	left:0;
	font-size: 14px;
}
#flameCo h1:after {
	position: absolute;
	content:"";
	width: 4em;
	height: 2px;
	background: #000;
	left:0;
	bottom: .5em;
}
#flameCo .boxG {
	text-align: left;
}
#flameCo .boxG h3 {
	margin: 0 0 .6em;
}
#flameCo .boxR table {
	width: 100%;
	margin: 2em 0;
}
#flameCo th, #flameCo td {
	text-align: left;
	border-top: 1px solid #CCC;
	padding: 1em 0;
	vertical-align: top;
	line-height: 1.36em;
}
#flameCo .boxR td ul li {
	padding: 0 0 .6em;
}
#flameCo .boxR td ol li{
padding-left: .8em;
text-indent: -.8em;
list-style: none}
#flameCo th {
	white-space: nowrap;
	padding-right: 1em;
}
#flameCo .boxR .btnMore a {
	display: block;
}
#flameCo .boxR .btnMore a:nth-of-type(2) {
margin-top: 1em;
background: #ffcc33 url(../images/ico_tenpo.png) no-repeat 1em center;
}
#flameCo .boxR .btnMore a:nth-of-type(2):before, #flameCo .boxR .btnMore a:nth-of-type(2):after {
display: none;
}

.bxslider {
  white-space: nowrap;
  overflow: hidden;
}
.bxslider li {
  display: inline-block;
  vertical-align: top;
}
.bx-wrapper {
	box-shadow: none!important;
	margin: 0!important;
	border: 0!important;
}
.bxslider_thumbnail li {
	float: left;
	width: 18%;
	margin: 0 2% 0 0;
	cursor: pointer;
}
.bxslider_thumbnail img {
	width: 100%;
}
.bxslider_thumbnail li a {
	display: block;
	border: 1px solid #fff;
}
.bxslider_thumbnail a.active {
	border: 1px solid #CCC;
}
/* -- shop index -- */


#shopCo.shopiINDEX ul {
	padding: 0 0 1em;
}
#shopCo.shopiINDEX ul li {
	float: left;
	text-align: center;
}
#shopCo.shopiINDEX ul li a {
	color: #333;
	border: 1px solid #000;
	text-decoration: none;
	display: block;
	padding: .8em 0;
	line-height: 1em;
	transition:all 1.0s;
}
#shopCo.shopiINDEX ul li a:hover {
	color: #FFF;
	background: #6c2b2f;
}
#shopCo.shopProf .boxShop {
	border-bottom: 1px solid #000;
	position: relative;
}
#shopCo.shopProf .boxShop:before {
	content:"";
	position: absolute;
	right: 1em;
	top: calc(50% - .3em);
	width: .6em;
	height: .6em;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#shopCo.shopProf .boxShop:hover {
	background: #f6f6f6;
}
 #shopCo.shopProf .boxShop:nth-of-type(1) {
 border-top: 1px solid #000;
}
#shopCo.shopProf .boxShop a {
	text-decoration: none;
	color: #333;
}
#shopCo.shopProf .boxShop h3 {
	margin: 0 0 .6em;
}
#shopCo.shopProf dt, #shopCo.shopProf dd {
	line-height: 1.6em;
}
/* -- anker -- */

.listAnk a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	display:block;
	border: 1px solid #666;
	line-height: 1em;
}
.listAnk a:hover, .listAnk.ov01 li:nth-of-type(1) a, .listAnk.ov02 li:nth-of-type(2) a, .listAnk.ov03 li:nth-of-type(3) a, .listAnk.ov04 li:nth-of-type(4) a, .listAnk.ov05 li:nth-of-type(5) a {
color: #FFF;
background: #6c2b2f;
border: 1px solid #6c2b2f;
}
/* -- PDF -- */

ul.listPDF li a {
	display: block;
	background:url(../images/ico_pdf.png) no-repeat;
	border-bottom: 1px solid #EFEFEF;
}
ul.listPDF.noLine li a {
	border: 0;
}
ul.listPDF li a:hover {
	background: #F6F6F6 url(../images/ico_pdf.png) no-repeat;
}
/* -- FAQ -- */
 
 #pageCommon.faq h3 {
	margin: 1em 0 0;
	position: relative;
	padding: 1.5em 0 1.5em 3em;
	text-indent: -3em;
	border-top: 1px solid #000;
	border-bottom: 1px dotted #CCC;
}
#pageCommon.faq .answer {
	position: relative;
	padding: 2em 0;
}
/* 
   #pageCommon.faq h3:before{
  position: absolute;
  content:"Q.";
  left: 0;
  top: 1.5em;
  } 
  #pageCommon.faq .answer:before{
  font-weight: bold;
  position: absolute;
  content:"Ａ.";
  left: 0;
  top: 1.8em;
  }  
*/    
  #pageCommon.faq .answer p,  #pageCommon.faq .answer ol {
	margin: 0 0 .5em 3.5em;
}
#pageCommon.faq .answer ul.listNormal {
	margin: 0 0 1.5em 4.5em;
}
 #pageCommon.faq .answer p:nth-of-type(1) {
 letter-spacing: .2em;
color: #6c2b2f;
 padding: 0 0 0 3em;
 text-indent: -2.8em;
 margin-left: 0;
}
/* -- contact -- */

/* --------- form ---------- */
caption {
	text-align: left;
	background:url(../images/point.png) no-repeat 0 1.2em;
	background-size: 1em;
	padding: 1em 0 1em 1.2em;
	font-weight: bold;
	color: #000;
	line-height: 1.4em;
	font-size: 1.5em;
}
caption .ss {
	font-weight:normal;
}
#formCo {
	width: 1200px;
	margin:auto;
	padding: 0 0 60px;
}
#formCo p {
	margin: 0 0 2em;
}
#formCo .fieldL {
	width:95%
}
#formCo th {
	background:#EFEFEF url(../contact/img/ico_hissu.gif) no-repeat right center;
}
#formCo.confirm th {
	background:#EFEFEF
}
#formCo th.thNini {
	background:#EFEFEF url(../contact/img/ico_nini.gif) no-repeat right center;
}
#formCo select {
	font-size:1em
}
#formCo input#zip1 {
	width: 8em;
}
#formCo td hr {
	clear:both;
	height:1px;
	margin:5px 0;
	padding:0;
	border:0
}
.error {
	color:red
}
#formCo .boxLine {
	text-align:center
}
#formCo table {
	width:100%
}
#formCo td, #formCo th {
	vertical-align:middle
}
#formCo td select, #formCo td input, #formCo td textarea {
	background:#F7F7F7;
	border:solid 1px #c4c4c4;
	padding:6px;
	margin:5px;
	font-size:1em;
	line-height:1.6em;
	vertical-align:middle;
	border-radius: 4px;
}
#formCo td input[type=checkbox] {
	width: auto;
}
#formCo td textarea {
	font-size:1em;
	line-height:1.6em;
	padding:10px
}
#formCo #btnSend input {
	margin:0 auto;
	border:0;
	background:#6c2b2f;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.2em;
	transition:all 1.0s;
}
#formCo #btnSend input.btnBack {
	background:#ddd;
	color:#666
}
.error {
	color:#FF0000;
}
.err {
	color:#FF0000;
}


::placeholder {
 color: #ccc;
}


:focus::-webkit-input-placeholder {
color: #F7F7F7;
} /* Chrome・Safari・Opera用(※Edgeにも使える) */
:focus:-moz-placeholder {
color: #F7F7F7;
}  /* Firefox18以前用 */
:focus::-moz-placeholder {
color: #F7F7F7;
} /* Firefox19以上用 */
:focus::placeholder {
color: #F7F7F7;
} /* CSS標準(予定)の記述 */
#formCo table {
	border:5px solid #c8c8c8;
	margin-bottom: 2em;
}
#formCo label {
	cursor: pointer;
}
#formCo th, #formCo td {
	border: 1px solid #C8C8C8;
	padding: 15px;
	line-height: 1.8em;
}
#formCo th, #formCo td {
	text-align:left;
	border-bottom:1px solid #c8c8c8;
}
#formCo th {
	width: 25%;
	font-weight: bold;
}
#formCo td input {
	width: 50%;
}
#formCo td input#zip {
	width: 10em;
}
#formCo #btnSend {
	text-align: center;
	width: 640px;
	margin: 0px auto;
	text-align: center;
	padding: 15px 0px;
}
#formCo #btnSend input {
	padding: 1em 0 1em 0.2em;
	cursor:pointer;
	background-size: 24px;
}
#formCo #btnSend input.btnBack {
	background-size: 24px;
}
#formCo #btnSend.confirm input {
	margin: 0px 10px;
}
#formCo .confirm {
	width: 640px;
	margin: auto;
}
#formCo .confirm input#kakunin {
	float: right;
}
#formCo .confirm input#btnBack {
	float: left;
}
#formCo #btnSend {
	width: 520px;
	margin: 0px auto;
	text-align: center;
	padding: 15px 0px;
}
#formCo #btnSend input {
	width: 240px;
	padding: 12px 0px;
	font-size: 1.125em;
	cursor:pointer;
	background-size: 20px;
}
#formCo #btnSend.confirm input {
	float: right;
}
#formCo #btnSend.confirm input.btnBack {
	float: left;
}
/* ---- contact footer ----- */
#formCo {
	text-align: left;
}
#formCo .tel {
	font-size: 40px;
	line-height: 1em;
	margin: 1.5em 0;
	text-align: center;
}
#formCo .tel .ss {
	font-size: 16px;
	color: #666;
}
#formCo .tel a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-size: 50px;
	display: inline-block;
	padding: .4em 0 .4em 2em;
	background:url(../contact/img/freedial.png) no-repeat left center;
	cursor: text;
}
#formCo form {
	text-align:left;
}
/* -- flame -- */

#pageCommon h3.titLine {
	text-align: center;
	padding: 1em 0;
	position: relative;
}
#pageCommon h3.titLine:after {
	position: absolute;
	height: 2px;
	width: 4em;
	left: calc( 50% - 2em );
	right: calc( 50% - 2em );
	bottom: 0;
	background: #000;
	content:"";
}
#pageCommon.normal h3 {
	clear: both;
	border: 1px solid #000;
	padding: .5em .8em;
}
#pageCommon.normal h4 {
	position: relative;
	font-size: 1.375em;
	padding: .6em 0 .6em 1.6em;
	margin: 0 0 1em;
	clear: both;
}
#pageCommon.normal p+h4, #pageCommon.normal ul+h4, #pageCommon.normal ol+h4 {
	margin-top: 3em;
}
#pageCommon.normal h4:before, #pageCommon.normal h4:after {
	position:absolute;
	content:"";
}
#pageCommon.normal h4:before {
	width: 1.2em;
	height: 1.2em;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #6c2b2f;
	left: 0;
	top: .8em;
}
#pageCommon.normal h4:after {
	top: 1.2em;
	left: .3em;
	width:.3em;
	height:.3em;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#pageCommon.normal h5 {
	color: #9C4E3D;
	font-size: 1.25em;
	margin: 0 0 1em;
}
#pageCommon.normal h6 {
	font-size: 1.125em;
	margin: 2em 0 1em;
}
#pageCommon.normal h6.bg {
	background: #f7f8e8;
	padding: .5em 1em;
}
#pageCommon ol {
	margin: 0 0 2em 1.5em;
}
#pageCommon.normal ol li {
	padding: .6em 0;
}
#pageCommon.normal ol li img {
	margin: 1em 0;
}
/* -- flow -- */


#pageCommon.flow .Inn {
	clear: both;
	position: relative;
	padding: 1em 0 2.5em;
}
#pageCommon.flow .Inn:before {
	position: absolute;
	content:"";
	width: 16px;
	left: 46px;
	height: 100%;
	background:#C7AA7E;
	z-index: 1;
	top: 0;
}
 #pageCommon.flow .Inn:nth-of-type(7):before,  #pageCommon.flow.hochoki .Inn:nth-of-type(5):before {
display: none;
}
#pageCommon.flow .Inn h3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 110px;
	height: 110px;
	border-radius: 110px;
	font-size: 34px;
	line-height: .8em;
	text-align: center;
	letter-spacing: normal;
	font-weight: bold;
	border: 1px solid rgba(0, 0, 0, .6);
	background-color : #FFFDB7;
	background-image : radial-gradient(#ffd11a 26%, transparent 29%),  radial-gradient(#ffd11a 26%, transparent 29%);
	background-position: 0 0, 4px 4px;
	background-size : 8px 8px;
}
#pageCommon.flow .Inn h3 span {
	display: block;
	color: #995B28;
	font-size: 18px;
	margin: 20px 0 0 5px;
	font-weight: normal;
	letter-spacing: .25em;
}
#pageCommon.flow .Inn h4 {
	margin: 0 0 8px 140px;
	font-size: 1.5em;
	color: #995B28;
}
#pageCommon.flow .Inn p {
	text-align: left;
	margin: 0 0 0 150px;
}
#pageCommon.flow .Inn img {
	float: right;
}
/* -- recruit -- */
#pageCommon.rec h5 {
	padding: 1.5em 0 0;
}
#pageCommon.rec .twoColumn .boxL h4 {
	text-align: left;
}
#pageCommon.rec .twoColumn .boxL p {
	text-align: left;
	margin: 0 0 1em;
}
#pageCommon.rec .twoColumn.koe h5 {
	float: left;
	padding: 0;
	margin: -.6em 0 0;
}
#pageCommon.rec .twoColumn.koe .boxL h5 img {
	width:auto;
}
#pageCommon.rec .twoColumn.koe p {
	padding: 2em 0 0;
	overflow: hidden;
}
#pageCommon.rec .twoColumn.koe p.catch {
	overflow: inherit;
	font-weight: bold;
	font-size: 1.125em;
	clear: both;
	color: #6c2b2f;
	text-align: center;
}
#pageCommon.rec td .bb {
	color: #CCCC33;
}
#pageCommon.rec td hr {
	height: 1em;
	color: #FFF;
	border: 0;
}
#pageCommon.rec .threeColumn img {
	padding: 0 1.5em;
}

#pageCommon.rec .boxLine .btnMore.btnMail a.noBG{
padding: 0;
}
#pageCommon.rec .boxLine .btnMore.btnMail a.noBG:hover{
background:transparent;
opacity:.6;
border: 1px solid #ccc;
}
/* -- hochoki index -- */

#pageCommon.hochoki .boxL h3 {
	background: #f7f8e8;
	padding: 0.6em;
	border: 1px solid #000;
	margin: 0 1em 1em;
}
#pageCommon .listLink li {
	float: left;
	border: 1px solid #000;
	position: relative;
	line-height: 1.6em;
}
#pageCommon .listLink li:before {
	content:"";
	position: absolute;
	right: 5px;
	bottom: 5px;
	border-bottom: 1em solid #ffcc33;
	border-left: 1em solid transparent;
}
#pageCommon .listLink li a {
	display: block;
	text-decoration: none;
}
 #pageCommon.hochoki .listLink li:nth-of-type(1) {
background:url(../hochoki/img/top_link_01.gif) no-repeat center 1.5em;
text-align: center;
background-size: auto 60%;
}
 #pageCommon.hochoki .listLink li:nth-of-type(2) {
background:url(../hochoki/img/top_link_02.gif) no-repeat 90% center;
background-size: auto 96%;
}
#pageCommon.hochoki .listLink li:nth-of-type(3) {
background:url(../hochoki/img/top_link_03.gif) no-repeat 96% center;
background-size: auto 96%;
}
#pageCommon.hochoki .listLink li:nth-of-type(4) {
background:url(../hochoki/img/top_link_04.gif) no-repeat 90% center;
background-size: auto 96%;
}
#pageCommon.hochoki .listLink li:nth-of-type(5) {
background:url(../hochoki/img/top_link_05.gif) no-repeat 90% center;
background-size: auto 96%;
}
/* -- flame index -- /*/

#pageCommon .flameLIST h3 {
	padding: .5em 0;
	position: relative;
	border-bottom: 1px solid #eee;
	margin: 0 0 1.6em;
}
#pageCommon .flameLIST h3:after {
	background: #000;
	height: 3px;
	left: 0;
	bottom: -1px;
	width: 14em;
	content:"";
	position: absolute;
}
#pageCommon .flameLIST ul li {
	float: left;
	position: relative;
}
#pageCommon .flameLIST ul li span {
	display: block;
	border: 1px solid #000;
	overflow: hidden;
}
#pageCommon .flameLIST ul li.new:before {
	position:absolute;
	content:"NEW";
	color: #DD0000;
	left:0;
	top: -30px;
}
#pageCommon .flameLIST ul li em {
	color: #DD0000;
}
#pageCommon .flameLIST ul li img {
	width: 100%;
	padding: .5em 0;
	transition:1s all;
}
#pageCommon .flameLIST ul li img:hover {
	transform:scale(1.2, 1.2);
	transition:1s all;
}
.brandFLAME h2 {
	margin-top: 0;
}
.flameINFO .brandLIST li, .brandFLAME li {
	float: left;
}
.brandFLAME li img {
	width: 100%;
}
/* -- flame -- */

.flameINFO li {
	background: #000;
	letter-spacing: .2em;
	line-height: 1.6em;
}
.flameINFO li a {
	color: #000;
	vertical-align: middle;
	z-index: 5;
	position: relative;
	text-decoration: none;
	border: 1px solid #000;
}
.flameINFO li a:hover {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	opacity: 1;
	color: #fff
}
.flameINFO li span {
	display: block;
	font-size: .5em;
	font-weight: normal;
	padding: .8em 0 0;
	margin: 1em auto 0;
	width: 60%;
	border-top: 1px solid #FFF;
}
.flameINFO li a:after {
	background: rgba(255, 255, 255, .8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position:absolute;
	content:"";
	z-index: -1;
}
.flameINFO li a:before {
	position:absolute;
	content:url(../images/point.png);
	right: 15px;
	bottom: 15px;
}
.flameINFO li a:hover:after {
	background: rgba(0, 0, 0, .4);
}
.flameINFO ul li:nth-of-type(1) {
background:url(../megane/img/info_bg_01.gif) no-repeat center;
background-size: cover;
}
.flameINFO ul li:nth-of-type(2) {
background:url(../megane/img/info_bg_02.gif) no-repeat center;
background-size: cover;
}
 .flameINFO ul li:nth-of-type(3) {
background:url(../megane/img/info_bg_03.gif) no-repeat center;
background-size: cover;
}
/* -- color lens -- */

#pageCommon.color h3 {
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#pageCommon.color h3#arriate01 {
	background: url(../lens-guide/img/arriate_bg01.png) no-repeat left top;
}
#pageCommon.color h3#arriate02 {
	background: url(../lens-guide/img/arriate_bg02.png) no-repeat left top;
}
#pageCommon.color h3#arriate03 {
	background: url(../lens-guide/img/arriate_bg03.png) no-repeat left top;
}
#pageCommon.color h3#arriate04 {
	background: url(../lens-guide/img/arriate_bg04.png) no-repeat left top;
}
#pageCommon.color h3#arriate05 {
	background: url(../lens-guide/img/arriate_bg05.png) no-repeat left top;
}
#pageCommon.color h3#arriate01.ov {
	background: url(../lens-guide/img/arriate_bg01_ov.png) no-repeat left top;
}
#pageCommon.color h3#arriate02.ov {
	background: url(../lens-guide/img/arriate_bg02_ov.png) no-repeat left top;
}
#pageCommon.color h3#arriate03.ov {
	background: url(../lens-guide/img/arriate_bg03_ov.png) no-repeat left top;
}
#pageCommon.color h3#arriate04.ov {
	background: url(../lens-guide/img/arriate_bg04_ov.png) no-repeat left top;
}
#pageCommon.color h3#arriate05.ov {
	background: url(../lens-guide/img/arriate_bg05_ov.png) no-repeat left top;
}
#pageCommon.color #arriateSub .Inner {
	display: none;
}
#pageCommon.color.normal #arriateSub h4 {
	clear: both;
	background: url(../lens-guide/img/arriate_hr.jpg) no-repeat left bottom;
	padding: 1.5em 0;
	margin: 0 0 2.5em;
}
#pageCommon.color #arriateSub h4:before,  #pageCommon.color #arriateSub h4:after {
	display: none;
}
#pageCommon.color #arriateSub h5 {
	clear: both;
}
#pageCommon.color #arriateSub ul.listTAB {
	padding-bottom: 50px;
}
#pageCommon.color #arriateSub ul.listTAB li {
	height: 102px;
}
#pageCommon.color #arriateSub p.btnMore {
	width: 350px;
	margin: 25px auto;
}
#pageCommon.color #arriateSub p.aCENTER {
	padding-top: 30px;
}
#pageCommon.color #arriateSub hr {
	height: 50px;
	margin: 0;
	padding: 30px 0px;
	background: url(../lens-guide/img/arriate_hr.jpg) no-repeat center;
	clear: both;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
/* -- megane --b */
#pageCommon.meganeTOP{
	text-align: center;
}
#pageCommon.meganeTOP .flameLIST{
	text-align: left;
}
#pageCommon.meganeTOP ul.listLink li {
	font-weight: bold;
	text-align: center;
	background-image:
 radial-gradient(#FEFBCF 40%, transparent 40%), radial-gradient(#FEFBCF 40%, transparent 40%);
	background-size: 5px 5px;
	background-position: 0 0, 10px 10px;
}
#pageCommon.meganeTOP ul.listLink li a {
	transition:all 1.0s;
	padding: 1.4em 0;
	text-indent: 1.35em;
}
#pageCommon.meganeTOP ul.listLink li .bb {
	font-size: 1.5em;
}
#pageCommon.meganeTOP ul.listLink li .click {
	background: #ffcc33;
	display: inline-block;
	padding: 0 1.2em;
	border: 1px solid #000;
	font-size: 0.875em;
	margin-top: 1em;
}
#pageCommon.meganeTOP ul.listLink li a:hover .click {
	background: #000;
	color: #FFF;
}
#pageCommon.meganeTOP dl {
	display: inline-block;
}
#pageCommon.meganeTOP dt, #pageCommon.meganeTOP dd {
	margin: 1px;
	border: 1px solid #000;
	padding: 1em 0;
}
#pageCommon.meganeTOP dt {
	color: #FFF;
	background: #6CB099;
}
#pageCommon.meganeTOP dt:nth-of-type(2) {
 background:#D66788;
}
#pageCommon.meganeTOP dd {
	background:  #FFFFCC;
	float: left;
}
/* -- megane --b */

#pageCommon.eraberu {
	text-align: center;
}
#pageCommon.eraberu p.catch strong {
	color: #ce0202;
}
/* -- function -- */
#pageCommon.eraberu h3 {
	clear: both;
	margin: 0 0 1em;
}
#pageCommon.eraberu ul.listLink a {
	color: #000;
	font-weight: bold;
}
#pageCommon.eraberu ul.listLink .ss {
	color: #666;
	font-weight: normal;
	font-size: .75em;
}
#pageCommon.eraberu ul.listLink li {
	line-height: 1.28em;
	text-align: left;
}
#pageCommon.eraberu ul.listLink li img {
	float: left;
}
 #pageCommon.eraberu.function ul.listLink:nth-of-type(2) li:before {
display: none;
}
/* -- sitemap -- */
#pageCommon.sitemap li {
	font-weight: bold;
}
#pageCommon.sitemap li li {
	font-weight: normal;
}
#pageCommon.sitemap li a {
	display: block;
	position: relative;
	padding: .2em 0 .2em 1.6em;
}
#pageCommon.sitemap li li a {
	padding-left: 1.4em;
}
#pageCommon.sitemap li a:before, #pageCommon.sitemap li a:after {
	position:absolute;
	content:"";
}
#pageCommon.sitemap li a:before {
	width: 1.125em;
	height: 1.125em;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #6c2b2f;
	left: 0;
	top: .68em;
}
#pageCommon.sitemap li li a:before {
	display: none;
}
#pageCommon.sitemap li a:after {
	top: 1.04em;
	left: .34em;
	width:.24em;
	height:.24em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#pageCommon.sitemap li li a:after {
	border-top: 2px solid #aaa;
	border-right: 2px solid #aaa;
}
/* -- lens guide -- */
#pageCommon .boxLine.kokan {
	margin: 5em 0 0;
}
#pageCommon .boxLine.kokan .pctL {
	margin-bottom: 0;
}
#pageCommon .boxLine.kokan p {
	margin: 0;
}
#pageCommon .boxLine.kokan p.catch {
	color: #345C8C;
	font-weight: 500;
	padding: .6em 0;
	font-size: 2.75em;
}
/* -- hatsuuri -- */
.boxRinji {
	text-align: center;
	border: 3px double #dd0000;
	padding: 2.5em 0;
	margin: 0 auto 3em;
}
.boxRinji h2 {
	border: 0!important;
	text-align: center;
	color: #ff0012;
	margin: 0 0 .5em;
	font-size: 2em;
	display: inline-block;
	padding: 0 3em;
	position: relative;
}
.boxRinji h2:before, .boxRinji h2:after {
	content:"";
	position: absolute;
	width: 2.5em;
	top: .8em;
	height: 1px;
	background: #ff0012;
}
.boxRinji h2:before {
	left: 0;
}
.boxRinji h2:after {
	right: 0;
}

.boxRinji .inn{
	display:inline-block;
	text-align:left;
	
	}

	.boxRinji p.kome{
		padding-left:1em;
		text-indent:-1em}
.boxRinji table {
	width: auto;
	margin:0 auto 1em;
}
.boxRinji .redB {
	color: #ff0012;
}
.boxRinji th, .boxRinji td {
	line-height: 1.65em;
	border: 0;
	padding: .2em;
}
.boxRinji th {
	text-align: right;
}
.boxRinji td {
	text-align: left;
}
#formCo .boxRinji h3 {
	font-size: 1.375em;
}
#formCo .boxRinji p {
	margin: .5em 0;
}
/* -- flame common -- */


#pageCommon .toriatsukai {
	padding: 0 0 6em;
}
#pageCommon .toriatsukai h3 {
	border-top: 1px dotted #CCC;
	clear: both;
	padding: 1.5em 0 0;
	color: #000!important;
	margin: 1em 0;
}
#pageCommon .toriatsukai ul.listNormal {
	margin-bottom: 0;
}
#pageCommon .toriatsukai ul.listNormal li {
	float: left;
	padding-right: 2em;
}
/* -- neojin -- */

#pageCommon.neojin h3 {
	color: #00A79B;
}
#pageCommon.neojin p.price {
	font-size: 1.25em!important;
}
#pageCommon.neojin p.price .bb {
	font-size: 1.75em;
}

#pageCommon.neojin p.addPrice{
align-items: center;
display: flex;
line-height: normal;
font-size: 28px;
justify-content: center;
background: #f5f5f5;
padding: .6em 0 .2em;
margin: 3.68em 0;
}

#pageCommon.neojin p.addPrice .zero{
display: flex;
align-items:center;
font-size: 62px;
line-height: 1.2em;
margin-top:  -.2em;

}

#pageCommon.neojin p.addPrice .yen{
font-size: 50px;
margin:  .2em 0 0;
}
#pageCommon.neojin p.addPrice em{
font-size: 90px;
margin: 0 -.2em .18em;
font-style: normal;
}
#pageCommon.neojin .lineUP{
padding: 0 0 4em;
text-align: center}
#pageCommon.neojin .lineUP h2{
font-size: 1.5rem;
display: inline-block;
border: 0;
padding: .688em 0;
border-bottom: 1px solid #000;
text-align: center;}

#pageCommon.neojin .lineUP h3{
color: #333;
border-bottom: 1px solid #000;
font-size: 1.125rem;
padding:  0 0 .4em 1.6em;
margin:  0 0 .6em;}

#pageCommon.neojin .lineUP p{
font-size: .938rem;
margin:  0 0 0 1.8em}



#pageCommon.neojin .lineUP ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#pageCommon.neojin .lineUP ul li img{
width: 100%;}

#pageCommon.neojin .lineUP ul li{
text-align: left;
width: 580px;
padding:  0 0 5em}

#pageCommon.neojin .lineUP .price{
font-size: 1.25rem;
}

/* -- eye care -- */


#pageCommon #eyeCareCo h2 {
	padding: 0;
}
#pageCommon #eyeCareCo p.aRIGHT {
	color: #666;
	font-size: .75em;
}
#pageCommon #eyeCareCo .btnShop {
	clear: both;
	text-align: center;
	padding: 15px 0 50px;
}
#pageCommon #eyeCareCo p.aRIGHT.mgnT {
	padding-top: 15px;
}
#pageCommon #eyeCareCo h3 {
	clear: both;
}
#pageCommon #eyeCareCo ul:after {
	clear: both;
	display: block;
	content:"";
}
#pageCommon #eyeCareCo ul.listInline {
	padding-bottom: 15px;
}
#pageCommon #eyeCareCo ul li a:hover img {
	filter: alpha(opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;
}
#pageCommon #eyeCareCo .boxReco {
	text-align: center;
	border: 1px solid #DDD;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 40px 0;
}
#pageCommon #eyeCareCo .boxReco h4 {
	cursor: pointer;
}
#pageCommon #eyeCareCo .boxReco .Inner {
	display: none;
}
#pageCommon #eyeCareCo .btnMore {
	padding: 1em 0 5em;
}
#pageCommon #eyeCareCo #Reco01 h4 {
	background: url(../megane/eye_care/ico_open_01.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo #Reco01 h4.ov {
	background: url(../megane/eye_care/ico_mn.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo #Reco02 h4 {
	background: url(../megane/eye_care/ico_open_02.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo #Reco02 h4.ov {
	background: url(../megane/eye_care/ico_mn.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo #Reco03 h4 {
	background: url(../megane/eye_care/ico_open_03.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo #Reco03 h4.ov {
	background: url(../megane/eye_care/ico_mn.png) no-repeat 96% 65%;
}
#pageCommon #eyeCareCo p+h2, #pageCommon #eyeCareCo h3 {
	margin: 0!important;
}
#pageCommon #eyeCareCo .btnMore p {
	margin: 0 0 1.5em;
}
/* -- axia lite -- */

#pageCommon.axia h3 {
	border: 1px solid #000;
	padding: .4em .8em;
	clear: both;
	margin: 2em 0 1em;
}
/* -- axia lite -- */

#pageCommon.axia .lineupCo p.zoom {
	text-align: right;
	margin: 0;
}
#pageCommon.axia .lineupCo li {
	text-align: center;
	padding: 0 0 2em;
	float: left;
}
#pageCommon.axia .lineupCo li a {
	color: #333;
	text-decoration: none;
}
#pageCommon.axia .lineupCo li a:hover {
	opacity: .6;
}
#pageCommon.axia .lineupCo li img {
	width: 100%;
	margin: 0 0 1em;
}
/* -- ray-ban --*/

#pageCommon.rayban h1 {
	background: #000;
	margin: 0 0 2em;
	padding: 1em;
	text-align: center;
}
#pageCommon.rayban ul.listRayban li {
	text-align:center;
	float: left;
	width: 50%;
}
#pageCommon.rayban ul.listRayban li:first-child {
	width: 100%;
	float: none;
}
#pageCommon.rayban ul.listRayban li:first-child img {
	width:auto;
}
#pageCommon.rayban .boxL h4 {
	text-align: center;
	border: 1px solid #000;
	padding: .25em 0;
	margin: 0 0 1em;
}
#pageCommon.rayban .boxL dl {
	padding: 0 0 2em;
}
#pageCommon.rayban .boxL dt {
	font-weight: normal;
	padding: 0 0 1em;
}
#pageCommon.rayban .boxL dd {
	font-weight: bold;
	font-feature-settings: "palt";
	font-size: 2em;
	text-align: right;
}
#pageCommon.rayban .boxLine {
	border: 0;
	background:#000;
	color: #FFF;
}
#pageCommon.rayban .boxLine img {
	width: 100%;
}
#pageCommon.rayban .btnMore {
	padding: 4em 0;
}

/**/
#pageCommon.rayban .box-meta{
	border-bottom:1px dotted #333;
margin: 0 0 3em}
	#pageCommon.meta-r video{
		margin: 0 auto 3em;
		width:100%}
		
			#pageCommon.meta-r p.tit-movie{
				text-align:center;
				font-weight:bold;
				margin: 4em 0 2em;
				font-size:2rem}
				
					#pageCommon.meta-r .line-up h2{
						text-align:center;
						font-size:2rem;
						padding: 2em 0 0;
						margin:0;
						border:0}
				
				#pageCommon.meta-r .line-up h3{
					font-weight:bold;
					letter-spacing:normal;
					border:0;
					padding:0;
					border-left:}	
					#pageCommon.meta-r .boxL h4{
						padding:0;
						margin:0}
#pageCommon.meta-r .boxL h4::before,			
#pageCommon.meta-r .boxL h4::after{
	display:none}
			
			#pageCommon.meta-r .boxL p{
				text-align:right;
				margin:0;
				font-size:14px;}
			#pageCommon.meta-r .boxL p+p{
				font-size:16px}	
	#pageCommon.meta-r .boxL p .bb{
		font-size:1.375rem;
		font-weight:bold}				
		
		#pageCommon.meta-r .twoColumn{
			padding: 0 0 5em}
@media screen and (min-width:768px) {
#pageCommon.rayban .box-meta p{
	justify-content:center;
	font-size:1.25rem;
	margin:0;
	align-items:center;
	display:flex;}
	
#pageCommon.rayban .box-meta img{
	margin-right:30px;
	width:480px;
}
#pageCommon.meta-r .line-up h2+p{
	text-align:center}
}

@media screen and (max-width:767px) {
		#pageCommon.meta-r .line-up h2{font-size:6.4vw}
			
			#pageCommon.meta-r .boxL p{
				font-size:3vw}
#pageCommon.meta-r .boxL p+p{
	font-size:3.6vw}
#pageCommon.meta-r .boxL p .bb{
					font-size:5vw}	
				
#pageCommon.rayban .box-meta{
	text-align:center}
	#pageCommon.rayban .btnMore{
		padding: 1em 0 3em}
#pageCommon.rayban .box-meta img{
	margin: 0 0 1em}			#pageCommon.meta-r p.tit-movie{
				margin: 1em 0 ;
				font-size:6vw}
}
/* -- hazuki -- */


#pageCommon.hazuki h1 {
	padding: 0 0 1em;
}
#pageCommon.hazuki .boxCatch {
	text-align: right;
}
#pageCommon.hazuki .boxCatch {
	padding: 0 0 2em;
}
#pageCommon.hazuki .boxCatch p {
	font-size: 1.25em;
}
#pageCommon.hazuki .boxCatch p .bb {
	font-size: 2em;
	font-weight: normal;
}
#pageCommon.hazuki .boxCatch ul {
	float: left;
}
#pageCommon.hazuki .boxCatch ul li {
	text-align: center;
	display: table;
	margin: 1em;
	border: 1px solid #666;
	border-radius: 300px;
	width: 16em;
	height: 16em;
	float: left;
}
#pageCommon.hazuki .boxCatch ul li span {
	display: table-cell;
	vertical-align: middle;
	font-size: 2em;
	line-height: 1.4em;
}
#pageCommon.hazuki .twoColumn .boxL {
	text-align: left;
}
#pageCommon.hazuki .threeColumn .boxL h3 {
	padding: .5em 0;
	text-align: center;
	font-size: 1.063em;
	margin: 0 0 1em;
	background: #EFEFEF;
}
#pageCommon.hazuki .threeColumn .boxL h4 {
	font-size: 1.5em;
	margin: 0 0 1em;
	text-align: center;
}
#pageCommon.hazuki .boxLine h4 {
	font-size: 1.75em;
	padding: 1em 0;
	text-align: center
}
/* -- ARX -- */


#pageCommon.arx h1 {
	padding: 0 0 1em;
}
#pageCommon.arx p.catch {
	font-size: 2.5em;
	margin: 0 0 1em;
	padding: 0 0 .8em;
	position: relative;
	line-height: 1.5em
}
#pageCommon.arx p.catch:after {
	content:"";
	position: absolute;
	bottom: 0;
	width: 3em;
	height: 2px;
	background: #000;
	left: calc( 50% - 1.5em );
}
#pageCommon.arx .boxLine {
	background:url(../megane/arx/concept.jpg) no-repeat left center;
}
#pageCommon.arx .boxLine h3, #pageCommon.arx .boxLine ul {
	margin-left: 40%;
}
#pageCommon.arx .boxLine h3 {
	font-size: 2.5em;
	padding: 1em 0 0;
}
#pageCommon.arx .boxL dt, #pageCommon.arx .boxL dd {
	line-height: 1.4em;
	padding-bottom: .6em;
}
#pageCommon.arx .boxL dt {
	float: left;
	width: 4em;
}
#pageCommon.arx .boxL dd {
	margin-left: 4.2em;
	text-indent: -0.96em;
}
#pageCommon.arx .boxL img {
	margin: 2em 0;
}
 #pageCommon.arx .boxL:nth-of-type(9) {
clear: left;
margin: 0 30px 0 0;
}
#pageCommon.arx .boxL:nth-of-type(10) {
clear: none;
}
#pageCommon.arx .boxL:nth-of-type(11) {
margin: 0;
}
/* -- lennon -- */

#pageCommon.lennon {
	text-align: center;
}
#pageCommon.lennon .marker {
	background: linear-gradient(#FFF 75%, #E0D4D4 75%);
	letter-spacing: .125em;
}
#pageCommon.lennon h3 img {
	padding: 5em 0;
}
#pageCommon.lennon h4 {
	padding: 1em 0;
	text-align: left;
	margin: 0 0 1.5em;
	font-size: 2em;
	position: relative;
}
#pageCommon.lennon h4:before {
	position: absolute;
	content:"";
	left: 0;
	bottom: .5em;
	height: 2px;
	width: 20em;
	background: #000;
}
#pageCommon.lennon a {
	text-decoration: underline;
}
#pageCommon.lennon .boxPRO, #pageCommon.lennon .toriatsukai {
	text-align: left;
}
#pageCommon.lennon .boxLine p {
	font-size: .688em;
	padding: .4em 1em;
	background: #000;
	color: #FFF;
	display: inline-block;
	line-height: 1.2em;
	letter-spacing: normal;
	font-family: 'Shippori Mincho', serif;
	margin: 0;
}
#pageCommon.lennon .boxLine ul li {
	float: left;
	width: 50%;
	text-align: right;
	font-size: .875em;
}
#pageCommon.lennon p.priceSET {
	clear: both;
	padding: 3em 0 0;
	font-size: 2em;
	margin: 0 0 .6em;
}
#pageCommon.lennon p.priceSET .bb {
	font-weight: normal;
	font-size: 1.75em;
}
#pageCommon.lennon .presentCo {
	border-top: 2px solid #000;
	text-align: left;
	padding: 5em 0;
	margin: 10em 0 2em;
}
#pageCommon.lennon .presentCo h3 {
	font-size: 2em;
	text-align: center;
	margin: 2em 0;
}
#pageCommon.lennon .presentCo h3 .ss {
	font-size: .5em;
	letter-spacing: normal;
}
#pageCommon.lennon .presentCo h4 {
	font-size: 1.625em;
	margin: 0 0 .2em;
	padding: 1.5em 0;
}
#pageCommon.lennon .presentCo h4:before {
}
#pageCommon.lennon .presentCo hr {
	clear: both;
	visibility: hidden;
	height: 2em;
	overflow: hidden;
}

/* -- samurai sho -- */

#pageCommon.samurai h1 {
	margin: 0 0 1em;
	position: relative;
	padding: 0 0 1em;
	text-align: center;
}
#pageCommon.samurai h1:after {
	content:"";
	position: absolute;
	bottom: 0;
	width: 3em;
	height: 2px;
	background: #000;
	left: calc( 50% - 1.5em );
}
#pageCommon.samurai p.catch {
	text-align: center;
}
#pageCommon.samurai .marker {
	background: linear-gradient(transparent 75%, #f6f192 75%);
}
#pageCommon.samurai .genteiModel .boxLine {
	padding: 20px;
	margin: 0;
	border: 1px solid #d0d0d0;
}
#pageCommon.samurai .genteiModel h3, #pageCommon.samurai .genteiModel h4 {
	font-family: 'Shippori Mincho', serif;
}


#pageCommon.samurai h3{
	margin:3em 0 1.5em;
}
#pageCommon.samurai h2+h3{
margin-top:1em;
}
#pageCommon.samurai h2{
	display:flex;
	align-items:center;
}

#pageCommon.samurai h2 .ss{
	letter-spacing:normal;}
#pageCommon.samurai .genteiModel h4 {
	font-size:2.125em;
	color: #9a8904;
	letter-spacing: 0.06em;
	display: inline-block;
}

#pageCommon.samurai .genteiModel.sports h4 {
	color:#096db6
	
}
#pageCommon.samurai .genteiModel.chijin h4{
color:#666;
}
#pageCommon.samurai .genteiModel h4+p {
	margin: .5em 0 1em;
}



#pageCommon.samurai .genteiModel p {
	margin:0;
}
#pageCommon.samurai dl.shop {
	background: #fafafa;
	padding: 1.5em;
	margin: 2em 0;
}

#pageCommon.samurai.lineupCo  dl.shop{
margin-top:0;
}
#pageCommon.samurai dl.shop dt, #pageCommon.samurai dl.shop dd {
	font-size: 1.063em;
	font-weight: normal;
line-height:1.6em;
}
#pageCommon.samurai dl.shop dd {
	padding: 1em .6em 0;
}
#pageCommon.samurai .lineupCo {
	clear: both;
}
#pageCommon.samurai .lineupCo .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#pageCommon.samurai .lineupCo .boxL {
	border: 1px solid #d0d0d0;
}

#pageCommon.samurai .yotei{
font-size:14px;
color:#ff0000;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:normal;
}
#pageCommon.samurai .genteiModel ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
#pageCommon.samurai .genteiModel ul li{
font-size:.75em;
text-align: center;
}
#pageCommon.samurai .genteiModel .flexPC p.shosai{
padding: .4em 0 0;
}
@media print, screen and (min-width: 768px) {

#pageCommon.samurai .boxL .yotei{

}
#pageCommon.samurai .genteiModel .flexPC{
justify-content:space-between;
}
#pageCommon.samurai .genteiModel .flexPC p.shosai {
width:690px;
}
#pageCommon.samurai .genteiModel .flexPC.out p.shosai {
width:570px;
padding-bottom:2em
}

#pageCommon.samurai .genteiModel ul li{
width: 380px;
}

#pageCommon.samurai .genteiModel ul li:nth-of-type(1),
#pageCommon.samurai .genteiModel ul li:nth-of-type(2){
width:560px;
}
/**/

#pageCommon.samurai .normal .txt{
float:left;
}
#pageCommon.samurai .normal  img{
width:500px;
}
#pageCommon.samurai .normal .txt img{
width:600px;
}
/* 閉じタグ */
}
#pageCommon.samurai .boxL {
position:relative;
}
#pageCommon.samurai p.catch, #pageCommon.samurai p.aCENTERpc, #pageCommon.samurai h2, #pageCommon.samurai .lineupCo h2+p, #pageCommon.samurai .lineupCo h4 {
	font-family: 'Shippori Mincho', serif;
}
#pageCommon.samurai .lineupCo .boxL.sold {
	position: relative;
}
#pageCommon.samurai .lineupCo .boxL.sold:before {
	position: absolute;
	top: 0;
	right:0;
	bottom:0;
	left:0;
	background: rgba(0, 0, 0, .7);
	content:"SOLD OUT";
	padding: 50% 0 0;
	font-size: 3em;
	color:#FFF;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .2em;
}
#pageCommon.samurai .lineupCo .boxL h4 {
	margin: 0;
	letter-spacing: .06em;
 font-feature-settings: "palt";

}
#pageCommon.samurai .lineupCo .boxL p {
	margin: .8em 0 1.4em;
}
#pageCommon.samurai p.set+p {
	margin: 0 0 .5em;
}
#pageCommon.samurai .txtL {
	font-size: 2em;
}
#pageCommon.samurai .lineupCo .boxL p.type {
	font-size: 0.875em;
	text-align: right;
	margin: 0 20px 0 0;
}
#pageCommon.samurai .samuraiModel .boxLine li span.bb, #pageCommon.samurai .lineupCo .boxL p.type span.bb {
	font-weight: normal;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	font-size: .813em;
	float: none;
	clear: both;
	font-family: 'Shippori Mincho', serif;
}
#pageCommon.samurai .lineupCo .boxL ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#pageCommon.samurai .lineupCo .boxL ul li {
	text-align:right;
	width: 50%;
}
#pageCommon.samurai .lineupCo .boxL ul li:first-child {
	width: 100%;
}
#pageCommon.samurai .lineupCo .boxL img {
	width: 100%;
}

#pageCommon.samurai .lineupCo .pro01 h4 {
	color: #222;
}
#pageCommon.samurai .lineupCo .pro02 h4 {
	color: #31648B;
}
#pageCommon.samurai .lineupCo .pro03 h4 {
	color: #93221A;
}
#pageCommon.samurai .lineupCo .pro04 h4 {
	color: #70336D;
}
#pageCommon.samurai .genteiModel h4 .ss, #pageCommon.samurai .lineupCo .boxL h4 .ss {
	color: #333!important;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
}
#pageCommon.samurai .boxKodak {
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 30px;
	margin: 0 0 50px;
}
#pageCommon.samurai .boxKodak h4 {
	font-size: 2em;
}
#pageCommon.samurai .sport:after {
	clear: both;
	display: block;
	content:"";
}
#pageCommon.samurai #flipCo .tit {
	display: flex;
	align-items: center;
	background: #000;
	color: #FFF;
	text-align: center;
}

#pageCommon.samurai #ank03+h2{
display:flex;
align-items:center;
}
#pageCommon.samurai #ank03+h2 .note{
display:inline-block;
background:#CC0000;
padding: .2em .8em .4em;
font-size:70%;
color:#FFFF99;
letter-spacing:normal;
font-family: 'Noto Sans JP', sans-serif;
margin-left:1em;
line-height: normal;
border-radius:4px;
font-weight:bold
}

#pageCommon.samurai #ank03+h2 .ss{
letter-spacing:normal; font-feature-settings: "palt";"
}
#pageCommon.samurai #flipCo h2 {
	border:0;
	text-align: center
}
#pageCommon.samurai #flipCo .tit strong {
	display: block;
	font-size: 2em;
	font-family: 'Shippori Mincho', serif;
	padding: 1em 0 .6em;
	font-weight: normal;
}
#pageCommon.samurai .lineupCo .pro04 p {

}
#pageCommon.samurai .sold {
	display: inline-block;
	color: #FFF;
	background: #93221A;
	padding: 0 1em;
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing:normal;
	margin: .78em 0 0 .6em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}
#pageCommon.samurai .sold.ss {
	font-size: 10px;
	margin:0;
	padding: .2em 1em;
}
#pageCommon.samurai .pro04 .sold.ss{
	margin:.2em 0 0 .8em;
	padding: 0 1em;
}
#pageCommon.samurai .sold.gentei{
margin: -.288em 0 0 1em;
font-size: 14px;
}
#pageCommon.samurai .genteiModel li .sold{
	font-size:10px;
	margin: .2em;
}

/* */

#pageCommon.trade h2 {
background:url(../trade-in/img/bg.jpg) no-repeat center / auto 100%;
	padding: 0;
	text-align: center;
	border:0;
}
#pageCommon.trade.paypay h1{
padding-bottom:1.4em}
#pageCommon.trade.paypay h2{
background:#FFF;
}

#pageCommon.trade h3 {
	padding: .4em .8em;
	background: #f6f6f6;
}
#pageCommon.trade h4 {
	font-size: 1.5em;
	margin: 3em 0 1em;
	padding: 0 0 0 .8em;
	border-left: 2px solid #000;
}
#pageCommon.trade .btn {
	text-align: center;
	padding: 3em 0 .6em;
}
#pageCommon.trade .btn a {
	display: inline-block;
	font-size: 1.375em;
	padding: 1em 5em;
	color: #000;
	border: 2px solid #000;
	border-radius: 100px;
	text-decoration:none;
	position:relative;
}
#pageCommon.trade .btn a span {
	font-size: .75em;
	display:block;
	margin: 0 0 .4em;
}
#pageCommon.trade .btn a:hover {
	opacity: .7;
	background: #e6e6e6;
}
 #pageCommon.trade .btn a::after {
 content:"";
 position: absolute;
 right: 2.4em;
 top: calc(50% - .3em);
 width: .6em;
 height: .6em;
 border-top: 3px solid #333;
 border-right: 3px solid #333;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#pageCommon.trade .tblNormal th {
	width: 8em;
	text-align: center
}
#pageCommon.trade .tblNormal td ul.listNote li {
	font-size: .938em;
	padding-bottom:0;
}

/* - */
#pageCommon.guarantee{
width: 100%;
margin:0;text-align: center;
}
#pageCommon.guarantee h1{
padding-bottom:.5em;
}
#pageCommon.guarantee h2{
display:inline-block;
border:1px solid #999;
border-left: 0;
border-right:0;
padding: .5em;
font-size: 2.5em;
text-align: center;
line-height: 1em
}
#pageCommon.guarantee h2 span{
letter-spacing:.26em;
margin:auto;
font-size: .5em;
color:#6c2b2f;
}
#pageCommon.guarantee .grade h2 {
border-color:#b48e1c;
}
#pageCommon.guarantee .grade h2 span{
color:#b48e1c
}
#pageCommon.guarantee .bg{
background:#edf3f4;
}
#pageCommon.guarantee .Inner{

padding: 60px 0 40px;
}
#pageCommon.guarantee .grade{
background: rgba(231,231,231,.6);
background: linear-gradient(180deg, rgba(102,102,102,.4) 0%, rgba(102,102,102,.1) 2%, rgba(255,255,255,1) 5%);
color:#00053a;
}
#pageCommon.guarantee .grade .Inner{
padding: 80px 0 0;
}

#pageCommon.guarantee .grade h3{
font-family: 'Shippori Mincho', serif;
letter-spacing:normal;
color:#00053a;
font-weight:bold;
margin: 0 0 .4em;

font-size:1.75em;

}
#pageCommon.guarantee .grade dl{
display:flex;
padding: 1em 0 5em;
}
#pageCommon.guarantee .grade dt, #pageCommon.guarantee .grade dd{
padding: .5em 0;
font-size:.875em;
}

#pageCommon.guarantee .grade dt{
width: 10em;
background: #00053a;
color:#FFF;
margin-right: 1em;
}

#pageCommon.guarantee .grade ul.listFlex{
display: flex;
padding: 0 0 2em;
}
#pageCommon.guarantee .grade ul.listFlex li{
width:25%;
}

#pageCommon.guarantee .bg.wht{
padding: 80px 0
}
#pageCommon.guarantee .bg.wht .Inner{
padding: 60px;
background: #FFF;
}
#pageCommon.guarantee .box{
background: #FFF;
padding: 2em;
}
#pageCommon.guarantee .bg.wht h3{
font-weight: bold;
}

#pageCommon.guarantee .bg.wht h4{
font-size: 1.25em;
color :#490101;
font-weight: bold;
}
#pageCommon.guarantee .bg .box h3{

	position: relative;
	font-size: 1.625em;
	padding: 2em 0 5.6em;
}

#pageCommon.guarantee .bg .box h3::after{
position: absolute;
color: rgba(0,0,0,.14);
font-size:150px;
top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	font-family:Arial, Helvetica, sans-serif;


}

#pageCommon.guarantee .bg .box:nth-of-type(1) h3{
background: url(../guarantee/img/ico_01.png) no-repeat center bottom;

}
#pageCommon.guarantee .bg .box:nth-of-type(1) h3::after{
content:"1";

}

#pageCommon.guarantee .bg .box:nth-of-type(2) h3{
background: url(../guarantee/img/ico_02.png) no-repeat center bottom;
}
#pageCommon.guarantee .bg .box:nth-of-type(2) h3::after{
content:"2";

}


#pageCommon.guarantee .bg .box:nth-of-type(3) h3{
background: url(../guarantee/img/ico_03.png) no-repeat center bottom;
}
#pageCommon.guarantee .bg .box:nth-of-type(3) h3::after{
content:"3";

}
#pageCommon.guarantee .bg .box p{
text-align: left;
margin:0;
}
#pageCommon.guarantee .bg .note p{
font-size: .813em;
margin: 1em 0 0;
}
#pageCommon.guarantee .bg .box ul{
justify-content:space-between;
display: flex;
}#pageCommon.guarantee .bg .box ul+p{

}

#pageCommon.guarantee .bg .box ul li{
line-height: 1.2em;
width: 47.4%;
text-align: center;
border: 1px solid #CCC;
padding: .2em 0;
margin: 0 0 2em;
}


#pageCommon.guarantee .bg .box h4{
font-size: 1em;
padding: 1.4em 0 0;
font-weight: bold;
border-top: 2px dotted #CCC;
}
#pageCommon.guarantee .bg .box h4+p{
font-size: .938em;
}
#pageCommon.guarantee .redB{
color:#eb0000;
}
#pageCommon.guarantee .chui{
text-align: left;
}
#pageCommon.guarantee .grade h4,
#pageCommon.guarantee .kiyaku h3,
#pageCommon.guarantee .chui h3{
text-align: left;
font-size:1.5em;
border-left:2px solid #6c2b2f;
padding: 0 0 0 .6em;
}

#pageCommon.guarantee .chui dl{
line-height: 1.28em;
}
#pageCommon.guarantee .chui p,
#pageCommon.guarantee .chui dd{
font-size: .813em;
}
#pageCommon.guarantee .chui dd{
padding: 0 0 .4em 2em;
text-indent:-1em;
margin: .4em 0 .4em .6em;
}
#pageCommon.guarantee .chui li{
padding: 0 0 .4em 1em;
text-indent: -.6em;
}

#pageCommon.guarantee .grade .box{
box-shadow: 0 0 12px #ccc;
margin: 0 0 2em;
padding: 2em 2em 1em
}


#pageCommon.guarantee .grade h3::after{
display:none;
}


#pageCommon.guarantee .tblNormal table{
margin:1.6em 0 1em 0;
}
#pageCommon.guarantee .grade .box p{
margin:0;
}

#pageCommon.guarantee .grade .box p+p{
margin-top: 2em;
font-size: .75em;
}
#pageCommon.guarantee .grade .tblNormal {
margin:-2.4em 0 2em;
padding: 0 0 2em;
position: relative;
}


#pageCommon.guarantee .grade .tblNormal::after{
content:"";
position:absolute;
bottom:0;
left:calc(50% - 60px);
width: 0;
height: 0;
border-style: solid;
border-width: 30px 60px 0 60px;
border-color: #00053a transparent transparent transparent;
}



#pageCommon.guarantee .grade .tblNormal th,
#pageCommon.guarantee .grade .tblNormal td{
text-align: center;
padding: 1em 0;
}
#pageCommon.guarantee .grade .tblNormal th.thClr{
	background: #00053a;
	color:#FFF;
	border-color: #999;
}
#pageCommon.guarantee .grade .tblNormal td{
width: 19%;
}
#pageCommon.guarantee .grade .boxTokuten{
border: 8px solid #b48e1c;
padding: 2em 0;
color:#b48e1c;
display:flex;
margin: -1em 0 2em;
}
#pageCommon.guarantee .grade .boxTokuten h4{
border:0;
color:#b48e1c;
font-size: 2.25em;
letter-spacing:normal;
padding: 0 1.5em;
}
#pageCommon.guarantee .grade .boxTokuten p{
font-size: 1.5em;
font-weight:500;
text-align: left;
line-height: 1.2em;
}
#pageCommon.guarantee .grade .boxTokuten p .ss{
color:#666;
font-weight:normal;
display:block;
font-size:.625em;
}
#pageCommon.guarantee .kiyaku{
background: rgb(102,102,102);
background: linear-gradient(0deg, rgba(102,102,102,.14) 0%, rgba(204,204,204,.14) 1%, rgba(255,255,255,1) 12.8%);
padding: 0 0 4em;
}
#pageCommon.guarantee .kiyaku .overFH{
text-align:left;/**/
height: 24em;
background: #FFF;
overflow: scroll;
border: 1px solid #333;
padding: 2em;
}
#pageCommon.guarantee .kiyaku .overFH h5{
margin: 2em 0 .5em;
}
#pageCommon.guarantee .kiyaku .overFH p{
margin: 0 0 1em;
}

#pageCommon.guarantee .kiyaku .overFH p,
#pageCommon.guarantee .kiyaku .overFH ol li{
font-size: .938em;
}
#pageCommon.guarantee .kiyaku .overFH ol.noNo li{
list-style:none;
padding-left: 2em;
text-indent: -2em;
}
#pageCommon.guarantee .kiyaku h4{
text-align: center;
margin: 0 0 1em;
}

@media print, screen and (min-width: 768px) {
#pageCommon.guarantee h1{
width:1200px;
margin:auto;
}

.Column{
justify-content:space-between;
display: flex;
flex-wrap:wrap;
}

.Column.three .box{
width: 32%;
}
#pageCommon.guarantee .bg.wht{
margin-bottom: 80px;
}
#pageCommon.guarantee .bg.wht p{
font-size:1em;

}
#pageCommon.guarantee .bg.wht .pctL.w100{
margin-right:3em;
}
#pageCommon.guarantee .bg.wht .pctR.w100{
margin-left:3em;
}
#pageCommon.guarantee .bg.wht .Inner+.Inner{
margin-top: 60px;
}
#pageCommon.guarantee .grade .box{
width:48%;
}
#pageCommon.guarantee .grade .box:nth-of-type(5){
width:100%;
margin-top:2em;
padding: 2em 60px;
}
#pageCommon.guarantee .grade .box:nth-of-type(5) h3{
font-size: 2.25em;
padding: .6em 0;
}
#pageCommon.guarantee .grade dl{
width: 1080px;
margin:auto;
}
#pageCommon.guarantee .chui dl{
width: 48%;
}
}

/* - */
#pageCommon.tsukiai{
width: 100%;
margin:0;
}
#pageCommon.tsukiai .bg{
background: #e9f9ef;
padding: 80px 0;
margin: 0 0 80px;
}
#pageCommon.tsukiai .bg h2{
border-color:#2d8460;
}

#pageCommon.tsukiai .bg .tblNormal{
margin:0;
}

#pageCommon.tsukiai .bg .tblNormal table+p{
margin: 0;
text-indent: -1em;
padding: 1em 0 0 2em;
}
#pageCommon.tsukiai .bg .tblNormal table,#pageCommon.tsukiai .bg .tblNormal th
{
background: #FFF;}


/**/
.bg70{
background:url(../fair/70off/bg.gif) no-repeat center / auto 100%;}
li.trade{
background:url(../trade-in/img/bg.jpg) no-repeat center / auto 100%;}


/**/
#pageCommon.privacy p{
list-style:none;
margin: 0 0 2em 2.2em;
}
#pageCommon.privacy p:nth-of-type(1){
margin-left:0;
}
#pageCommon.privacy ul,
#pageCommon.privacy ol{
list-style:none;
margin: 0 0 2em 2.4em;
}
#pageCommon.privacy ol ul{
list-style:none;
margin: 1em 0 2em;
}
#pageCommon.privacy ol ol{
margin: .4em 0 1em;
}
#pageCommon.privacy ol ol ul{
margin-bottom:0;
margin-left:-.8em;
}
#pageCommon.privacy li{
padding: 0 0 .6em 1em;
text-indent:-1.2em;
}
#pageCommon.privacy dl{
margin: 0 0 1em 2.4em;
}

#pageCommon.privacy li dl{
margin-left:0;
}
#pageCommon.privacy dt{
font-weight:normal;
padding: 1.4em 0 .5em;
}
#pageCommon.privacy dd{
padding: 0 0 .88em;
text-indent:0;
}
#pageCommon.privacy dt,
#pageCommon.privacy dd{
line-height:1.85em;

}
#pageCommon.privacy dd ul{
margin:1em 0 1em 1.4em;
}
#pageCommon.privacy dl+ul{
margin:-2em 0 2em;
}
#pageCommon.privacy li::marker{
color:transparent;
}
#pageCommon.privacy th,
#pageCommon.privacy td{
border:0;

}

#pageCommon.privacy th{
font-weight:normal;
text-align:left;
padding: .6em 0 .6em 3em;
background:transparent;
}
#pageCommon.privacy td{padding: .6em 0;
text-align:right;
}
#pageCommon.privacy dl.normal dd{
padding-left:1em;
}
/**/

h1.camp{
	background:#FFF67F;
	text-align:center;
	padding:0;

	margin:80px 0 0;
}
/**/


h1.camp img{
	width:1200px;
	margin:auto;
}
#pageCommon.camp-page{
	text-align:center;
	padding:80px 0;
	color:#000}
#pageCommon.camp-page h2{
	text-align:center;
	border:0;
	font-weight:700;
	margin: 0 0 .72em;
	font-size:28px;
	line-height: 1.6em;
	letter-spacing:0}
	
	
#pageCommon.camp-page p{
	font-size:18px;
	margin: 0 0 1.6em;
	line-height:200%;
}

#pageCommon.camp-page ul.sub,
#pageCommon.camp-page p.sub{
	font-size:20px;
	font-weight:700;
	margin: 0 0 1.2em
}

#pageCommon.camp-page ul.sub{
	display:inline-block;
}

#pageCommon.camp-page h3.tokuten{
	padding: 2em 0 0;
	gap:.4em;
	letter-spacing:normal;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#F63;
}
#pageCommon.camp-page h3.tokuten span{
	color:#FFF;
	background:#f63;
	line-height: 1em;
	display:inline-block;
	padding: .4em;
	border-radius:4px;
	font-size:76%;
}
#pageCommon.camp-page h4.normal{
	letter-spacing:normal;
	font-size: 1.313rem;}
#pageCommon.camp-page ul.sub li{	font-size:20px;
	text-align:left}

#pageCommon.camp-page figure{
	padding: 2em 0 1em}
#pageCommon.camp-page figcaption{
	padding:1em 0;}
	
	
#pageCommon.camp-page p.font-small{
	font-size:16px;
}
.btn-more {
	display: flex;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
	margin: 0 auto;
	padding:40px 0 0;
}
.btn-more a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 290px;
	padding: 18px 28px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	transition: background-color 0.25s ease, transform 0.2s ease;
	cursor: pointer;
	width: 380px;
	padding: 32px;
	font-size: 1.125rem;
}
.btn-text {
	flex: 1;
	text-align: left;
}
.btn-icon {
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}
.btn-icon::before {
	content: "";
	width: 6px; /* 画像サイズに合わせて調整 */
	height: 10px;
	background-image: url('../campaign/img/arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-more.wh a:hover,
.btn-more a {
	background-color: var(--main-color);
	color: #fff;
	border: 1px solid var(--main-color);
}
.btn-more.wh a:hover .btn-icon,
.btn-more a .btn-icon {
	background-color: #fff;
	color: #fff;
}
.btn-more a:hover {
	background-color: #E8E0E1;
	color: #000;
}
.btn-more.wh a{	background-color: #fff;
	color: var(--main-color);
}
.btn-more.wh a:hover .btn-icon::before,
.btn-more a .btn-icon::before {
	background-image: url('../campaign/img/arrow-b.png');
}
.btn-more.wh a .btn-icon,
.btn-more a:hover .btn-icon{
	background-color:var(--main-color);
	
}
.btn-more.wh a .btn-icon::before,
.btn-more a:hover .btn-icon::before {
	background-image: url('../campaign/img/arrow.png');
}
.btn-more a:hover {
	text-decoration: none;
	opacity: 1;
}
/*----------------*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* ------------*/

/* Slider */
.slick-loading .slick-list {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -20px;
}
[dir='rtl'] .slick-prev {
	right: -20px;
	left: auto;
}
.slick-prev:before {
	content: '';
	position:absolute;
	width: .8em;
	height: .8em;
	border-top: 4px solid #000;
	border-left: 4px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
[dir='rtl'] .slick-prev:before {
}
.slick-next {
	right: 0;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '';
	width: .8em;
	position:absolute;
	height: .8em;
	border-top: 4px solid #000;
	border-right: 4px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
[dir='rtl'] .slick-next:before {
}
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
/* --------------------------------
   メインビジュアル
   Slick初期化前は1枚目だけ表示
--------------------------------- */
.mainIMG:not(.slick-initialized) > li:not(:first-child) {
    display: none;
}

.mv-buttons.fixed{
	position:fixed;
	z-index:1000;
}

@media print, screen and (min-width: 768px) {
/**/
.mv-buttons.fixed .mv-btn{
	padding:26px 20px;
	min-width:220px;
	width:auto;
	line-height:normal;
	font-size:16px;
}
.mv-buttons.fixed{
	right: 40px;
	bottom:20px;
}
	/**/
}
/**/
@media print, screen and (max-width: 768px) {
	.mv-buttons.fixed{
	right: 0;
	left:0;
	bottom:20px;
}

.camp-fix footer{
	padding-bottom:28.8vw;
}
}