/* CSS Document */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}
html {font-size: 62.5%;
    position: relative;
    overflow-x: hidden;
	height:100%;}
body {
	color: #333333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph; /* IE用 */
	-webkit-text-size-adjust: 100%;
    left: 0;
	margin: 0;
	height:100%;}
/* fzforza,sitemap*/
.adjust{
	height:300px;}

/* リンク */
a {
	color: #333333;
	text-decoration: none;}
a:hover {
	color: #999999;}
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;}
/*---------ページトップに戻るボタン
--------------------------------------------- */
#page-top {
position: fixed;
bottom: 5%;
right: 5%;
font-size: 70%;}
#page-top a {
display: block;
text-decoration: none;
padding-top: 69px;
width: 69px;
height: 0px;
overflow: hidden;
background: url(images/ptop_off.png) no-repeat 0 0;}
#page-top a:hover {
display: block;
text-decoration: none;
padding-top: 69px;
width: 69px;
height: 0px;
overflow: hidden;
background: url(images/ptop_on.png) no-repeat 0 0;}

/* 全体 */

#wrap {
	text-align:center;
	top:0 ;
	left:0 ;
	width: 100%;
    min-height: 100%;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/}
/* ヘッダー */
header{
	width:100%;
	position:relative;
    background: url(../img/denim-w.jpg) repeat;
	border-bottom:1px dashed #121325;}	
#desc {
	font-size:0.85em;
	width: 100%;
	background:#000000;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:20px;
	color:#ffffff;}
#desc a{color:#FFFFFF;}
h1 {
	width:100%;
	padding:10px 0;
	margin:auto;}
h1 img{
	width:20%;
	max-width:180px;
	min-width:110px;
	margin:auto;}
/*ボタン*/
#button-call{
	z-index:20000;
	width:100%;
	position:relative;}
#button-call:hover{
	opacity:0.75;}
.tell{
	width:30%;
	max-width:280px;
	left:15px;
	top:89px;
	position:absolute;
    opacity: 0.85;}
.tell_2{
	width:50px;
	left:15px;
	top:67px;
	position:fixed;
    opacity: 0.85;
	display:none;}
.tell_2:hover{
	opacity:0.6;}
#button{
	z-index:20000;
	background:none;
	border:none;
	top:81px;
	right:15px;
	position:absolute;}
#button:hover{
	opacity:0.75;}
#button img{
		width:50px;}
#backbutton{
	z-index:20000;
	background:none;
	border:none;
	top:76px;
	right:15px;
	position:absolute;}
#backbutton:hover{
	opacity:0.75;}
#backbutton img{
		width:50px;}
.line1{
background: #353841;
border-bottom: #1e2134 3px dashed;}
#headNav{
	margin:auto;}
#headNav ul {
    width: 85%;
	height:33px;
    margin:0 auto 10px;
    display: flex;
	padding:0;}
#headNav ul li {
    font-size: 1em;
    text-align: center;
    background: url(../img/denim.jpg) repeat;
    font-family: agency-bold,logotype;
    padding: 5px 0 3px;
    width: 100%;
    table-layout: fixed;
    display: block;}
#headNav ul li+li{
	margin-left:2px;}
#headNav ul li a{
font-size:1.1em;
width:auto;
color:#FFFFFF;
display:block;}
#headNav ul li:hover{
	opacity:0.8;}
.house1,.house2{
vertical-align:baseline;}
.nav1{
	border-radius:10px 0 0 10px;}
.nav2{
background:url(../img/denim-w.jpg) repeat;
color:#000;
border:1px dotted #353841;}
.nav2 span{
display:block;
text-align:center;}
.nav2 span img{	width:21px;}
.nav3{
	border-radius:0 10px 10px 0;}

/*------フッター
------------------------------------------------*/
#footer {
	position:relative;
	bottom:0;
	text-align:center;
	width: 100%;
	padding:0 0;
	background-color: #0d0e46;
	color:#ffffff;}
footer{
letter-spacing: 1px;
position: relative;
background-color: #374e82;
background:url(../img/denim.jpg) repeat;
width:100%;
height:auto;
margin:auto;
color:#FFFFFF;
font-size:0.85em;}
#g-review{
width:85%;
text-align:center;
margin:0 auto 20px;}
#g-review p{
	margin:0;
	padding:0;}
#g-review dl dd{
display:inline-block;
padding:5px;
margin:5px 10px ;
border:1px solid #FFFFFF;}
#g-review dl dd+dd{
	margin:5px 10px 10px;}
#g-review dl dd a{
	color:#FFFFFF;
	display:block;}
#g-review dl dd a img{
	vertical-align:middle;
	padding-right:4px;
	}
.line2{
background: #353841;
border-top: #1e2134 3px dashed;}
.s_line {
    width: 100%;
    height: 12px;
    background: url(../img/s_line.png) repeat-x;}
#menu .elements h3{
color:#ffffff;
font-family:logotype;
font-size:1.2em;
margin-bottom:5px;
margin-left:auto;
text-align:center;}
#menu .elements h3 a{
display:block;
padding:3px 0px 2;
border-radius:2px;
color:#FFFFFF;
background:#141527;
width:65%;
max-width:154px;
margin:auto;}
#menu{
display: flex;
justify-content: space-between;
max-width:980px;
margin:auto;
padding:10px 0;}
.elements {
text-align:center;
width: 280px;
display:block;
padding:10px 0; }
#menu div{
width:95%;
margin:auto;}
.elements img{
opacity:0.85;
max-width:100%;
margin-bottom:10px;}



/* ----------footer - 共通 -
-------------------------------------------------- */

small{
text-align:center;
display:block;
width:98%;
background:#000;
padding-top:5px;
padding-bottom:5px;
padding-right:2%;}

/*スマホメニュー*/

/*左から出てくるやつ*/
nav{
	z-index:19999;
	position:fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	overflow:scroll;
	background:#bbbacb;
	text-align:center;}
.splogo{
	padding:40px 0;
	position:relative;}
#spmenu{
	width:100%;
	padding:0 40px 0 0;
	text-align:center;
	font-size:1.6rem;
	padding-bottom:20px;}
#spmenu li ul{
	padding:0;}
#spmenu span{
	display:block;
	background:#333;
	color:#FFF;
	padding:20px 0;
	margin:20px auto 10px;
	line-height:1rem;}
#spmenu li{	color:#000000;
list-style:none;}
#spmenu li{
	display:block;
	line-height:3.2;}

#spmenu li a{
	color:#000000;
    border-bottom: 1px #000000 dashed;
    width: 40%;
    margin: auto;
	display:block;}
#spmenu li a:hover{
	background:#0d0e46;
	color:#FFF;}
.hidden{
	display:none;}
html body.open{overflow-x: visible;}
.layer{
	z-index:19999;
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;}
body.open{
	z-index:19999;
    position: fixed;}
/*
@media only screen and (max-width: 768px){
#test {font-size:100%;}
#button{left:20px;}
}

@media only screen and (max-width: 568px){
#test { font-size:75%;}
#button{ left:12px;}
nav{ font-size:125%;}
.hidden{display:inherit;}
}
*/

/* ■■■　トップページ全体　■■■ */
#main {
	width:100%;
	margin:0 auto 20px;
	overflow::auto;
	zoom: 1;}
#main h2{
font-weight:normal;padding:10px; margin:0px auto 0;color:#FFFFFF;background: url(../img/denim.jpg) repeat;}

/*スライドショー*/
#slider-pro{
	background: #FFF;
    background-image: url(../img/dot.png);
    background-repeat: repeat;
    background-size: 3px 3px;
	padding-top: 25px;
    border-top: 1px dashed #8c9dcb;}
/* スライド下のページャーの設定 */
.sp-button { width: 30px; height: 10px; border: none; border-radius: 0; margin: 7px; background: #ccc; }
.sp-selected-button { background: #000000; }
/* 左右の矢印の設定 */
.sp-arrow { width: 48px; height: 48px; }
.sp-vertical .sp-arrow { -webkit-transform: none; -ms-transform: none; transform: none; }
.sp-horizontal .sp-previous-arrow { background: url(img/prev.png) no-repeat; }
.sp-horizontal .sp-next-arrow { background: url(img/next.png) no-repeat; }
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: inherit;}
/*横を透過*/
.sp-slide.sp-selected {opacity:1;}
.sp-slide {opacity:0.6;}
/*about*/
#about{
	padding:10px;
	text-align:left;}
#about h3{
	text-align:center;
	padding:2px 0;
	background:#bbbacb;}
/* 新着情報 */
#update {
    width: 100%;
    margin:15px auto 15px;
	border-bottom: 1px dashed #121325;}
#update p{
	padding:0;
	margin:0 auto 15px;}
#update .news {
	width:85%;
	max-width:960px;
	height:100px;
	margin:0px auto 15px;
	overflow-y: scroll;
	overflow-x:hidden;}
#update dl {
	margin:0;
	padding:5px 0;
	border-bottom: 1px solid #dddddd;}
#update dl dt {
	font-weight: bold;}
#update dl dd {
	padding: 0 15px;}
		
/*▼▼▼お知らせ・セール情報▼▼▼*/
#news-contents{
	max-width:980px;
	margin:20px auto;}

/*▼▼▼ツイッター▼▼▼*/
#tw_wrap{
	width:100%;
	background: #FFF;}

#frame_twitter{
	width:85%;
	max-width:960px;
	overflow-y:scroll;
	overflow-x:hidden;
	display:block;
	height:600px;
	margin:auto;
}


		
/*▼▼▼メニュー▼▼▼*/
#menu-list{
	width:100%;
    max-width: 800px;
	margin:20px auto;
	text-align:left;
}
.col1{
	text-indent:1em;
	width:40%;
    font-family: agency-bold,logotype;}
.col2{
	width:15%;
    text-align: center;}
.col3{
	width:100%;
}
#menu-list tr th{
	display: table-cell;
	font-size:1em;
	margin:0;
	padding:5px 0 10px;
	border-bottom:1px solid #333333;}

#menu-icon{
	width:100%;
	margin:20px 0;}
#menu-icon ul{
	width:100%;
	margin:20px auto;
	padding:0;
}
#menu-icon ul li{
    width: 22%;
    min-width: 145px;
	max-width:250px;
    margin: 8px 2px;
	padding:4px;
	background:#21283a;
	color:#ffffff;
	display:inline-block;
	list-style:none;
	text-decoration:none;}
	
#menu-icon ul li a{
	display:block;
	color:#ffffff;}
#menu-icon ul .lk:hover{
	opacity:0.85;
}
#menu-icon ul li span{
	font-size:0.8em;
}
#menu-icon ul li img{
	width:100%;
	}
	
/* ▼▼▼ お問い合わせフォーム ▼▼▼*/
/*お問い合わせのボタン*/
#ctWrap{text-align:center;}
.ct_outline{
	text-align:left;
	margin:20px auto 0;
	width:85%;
	max-width: 730px;
	padding:0 20px 20px;
	border-bottom:1px solid #cccccc;}

#ctWrap .schedule{font-size:1em;margin-top:10px;}
#ctWrap .schedule th{font-size:1.2em;}
#ctWrap .schedule th,#ctWrap .schedule td{padding:2px 4px;}
#tel_wrap{margin-bottom:40px;}
#tel_wrap table{background:#000000;}
#tel_wrap table th,#tel_wrap table td{background:#FFFFFF;}
.about_item{
	margin:20px auto 40px;
	padding:20px 10px 10px;
	color:#FFF;
	text-align:center;
	background:#666;
	border-radius:5px;}
.about_item:hover{
	opacity:0.9;}
.contact_btn{
	max-width:300px;
	background:#FFF;
	padding:10px 0;
	margin:10px auto;
	border-radius:5px;
	color:#666;
	font-weight:bold;
	text-align:center;}
.item .back{
	margin-bottom:20px;}

/* フォームレイアウト-*/
.mod_form{
	border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
	padding:20px;
	max-width:734px;
	margin:auto;}
.mod_form table{
	display:table;
	width:100%;
	margin:auto;}
.mod_form table th {
	display:block;
    width: 100%;
    font-weight: bold;
    vertical-align: top;
	text-align:left;}
.mod_form table td{
	display:block;
	text-align:left;
	margin-bottom:10px;
    vertical-align: top;}
.mod_form table td input{
	margin-bottom:10px;
	width:100%;
	font-size:1.4rem;
	line-height:2.5;}
	
 .mod_form table td textarea{
	width:100%;
	height:120px;
	font-size:1.4rem;
	line-height:2.5;}	
.mod_form p.point{
	text-align:right;}
.mod_form_listbox input{
	border:none;}
label {
  cursor: pointer;}
input#character_m,
input#character_w,
input:focus,
textarea:focus{
	background-color:#FFFFCC;}
input:checked + label{
	background-color:#FFFFCC;
	font-weight:bold;}
.mod_form_importance{
	text-align:left;
	margin:20px 0 0 0;
	padding:10px;
	border:double 3px #CCC;
	background-color:#DDD;
	font-size:1.2rem;}
.mod_form_importance h2{
	margin:10px 0;
	font-size:1.4rem;
	font-weight:bold;
	width:100%;}
.mod_form_importance_txt{
	max-width:100%;
	height:150px;
	overflow:scroll;
	margin:5px 0 5px 0;
	padding:2px 4px 2px 4px;
	background-color:#FFF;
	font-size:1.2rem;}
.mod_form_importance_txt ol{
	padding:0;}
.mod_form_importance_txt h3{
	margin:2px 0 2px 0;
	font-weight:bold;
	border-bottom:solid 1px #DDD;}
.mod_form_importance_btn{
	text-align:center;}
#privacy{
	width:20px;
	height:20px;}
.check{
	font-size:1.4rem;
	margin:4px 0;}
.mod_form_btn{
	border-radius:3px;}
.mod_form_btn{
	margin:20px 0 0 0;
	text-align:center;}
.mod_form_btn input{
	border:#0d0e46 4px solid;
	border-radius:3px;
	background:#0d0e46;
	color:#FFF;
	font-size:1.6rem;
	letter-spacing:4px;
	padding:0px 16px 0px 20px;
	margin:0 4px;}
.mod_form_btn input#back,
.mod_form_btn input#submit{
	width:150px;
	padding:5px;}
.ex_essential{
	color:red;
	font-weight:normal;}



/*添付ファイル*/
.filetype{}
.filechoice{}

/* ▼▼▼ お問い合わせ ▼▼▼ */
.inquiry_btn {
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;}
/*ボタン２つ*/
.contact {
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align:center;}
.contact span {
	font-size:2rem;
	color: #d2171a;}
.contact p{
	margin-bottom:15px;}
.contact ul {
	max-width: 640px;
	margin:auto;}
.contact ul li{
	margin:0 5px;
	display:inline-block;
	vertical-align:middle;}
.contact ul li:hover{
	opacity:0.8;}
.contact ul li a{
	background:#666666;
	color:#FFF;
	display:block;
	border-radius:10px;
	font-size:1.4rem;
	height:50px;
	line-height:50px;	}
.contact ul .form a{
	display:block;
	width:160px;
	margin-bottom:20px;}
.contact ul .tel a{
	display:block;
	width:150px;
	padding-right:10px;
	margin-bottom:20px;}
.contact ul li a img{
	margin-right:10px;
	vertical-align:middle;}
.contact ul li a img:hover{
	opacity:1;}



/*▼▼▼アクセス・店舗案内▼▼▼*/
#ac_outline{
	width:85%;
    max-width: 800px;
	margin:20px auto;
	text-align:left;
}
#ac_outline tr th,#ac_outline tr td{
	display: table-cell;
	font-size:1em;
	margin:0;
	padding:5px 0 10px;
	border-bottom:1px solid #333333;}
#ac_outline tr th{
    text-align: center;
    font-family: agency-bold,logotype;
    width: 25%;}
#ac_outline tr td{
	padding-left:2px;
	width:100%;}
	
#ac_outline tr:first-child td,#ac_outline tr:first-child th{
	border-top:none;}
#ac_outline tr:last-child td,#ac_outline tr:last-child th{
	border-bottom:none;}
	
.ac-map-h{
	vertical-align:top;
	margin:0;
	padding:0;}
.ac-map{
	}
.ac-map a{
	background:#768fc8;
	color:#ffffff;
	margin:0;
	padding:1px 4px;
	border-radius:2px;}
.ac-map img{
	margin:5px 0 0;
	padding:0;
	width:100%;
	max-width:500px;}

@media screen and (max-width:660px){
.tell{
	display:none;}
.tell_2{
	display:inherit;
	position:fixed;
}
#button{
	top:66px;
	position:fixed;
}
#backbutton{
	top:66px;
}
#ac_outline tr th,#ac_outline tr td{
}
.ac-map a{
	font-size:0.85em;}