@charset "utf-8";
/* CSS Document */

/*共通*/
html {
	height: 100%;
	overflow-y: scroll;
}
body {
/*	text-align: center;
*/	font-family:"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, arial, helvetica, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	line-height: 1.58;
	color: #000;
	background-color: #fff;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
}
.img_box img{
	width: 100%;
}
a:link{
	text-decoration:none;
}
.toppc{
	display:none;
}
h1{
	font-weight:normal;
	text-align:center;
	color:#fff;
	font-size:12px!important;
}
h1 p{
	padding:10px 0;
	color:#fff;
	font-size:12px;
}
h1 img{
	padding:10px;
}
/*共通ここまで*/

/*header*/
.headback{
	background-color:#272520;
	width: 100%;
}
.headtitle{
	text-align:center;
}
.headtel{
	display:none;
}
.accordion p{
width: 10%;
position:absolute;
padding-right: 2%;
top:20px;
right:0;
}
.accordion p img{
width: 80%;
overflow: hidden;
}
/*.nav li a:hover{
	display: block;
	color: #604c3f;
	background: #ffffff;
}
*//*
.nav_current{
	color: #fff !important;
	background: #333333;
}
*/

.nav {
	width: 100%;
	display: none;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 0;
	border-top: 1px solid #604c3f ;
	border-right: 1px solid #604c3f ;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.nav ul{
	width: 100%;
}

.nav li {
	background: #3e3a39;
	display: block;
	width: 100%;
	/*height:50px;*/
	padding:auto 0;
	vertical-align:middle;
	font-size:12px;
	line-height:15px;
	list-style: none outside none;
	overflow: hidden;
	border-top:1px solid #A19580;
	margin: 0 0 0px 0;
	z-index: 400;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.spnavmain ul{
	width: 100%;
	background: #3e3a39;
	border-top:1px solid #A19580;
}
.spnavsub ul{
	width: 100%;
	background: #3e3a39;
}

.spnavmain li{
	width: 90%;
	padding:5px 0;
	margin:0 4%;
	border:none;
}
.spnavmain img{
	width: 100%;
}

.spnavmain li a{
	color:#fff;
	padding:5px 0!important;
}
.spnavmain li p{
	text-align:right;
	padding:10px 0 0 0;
}
.spnavsub li{
	width: 90%;
	padding:0;
	margin:0 4%;
	border-top: 1px #fff solid;
	background:#3e3a39 url(../images/spnavoff.png) no-repeat right center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.spnavsub li a:active{
	background:#E9E4D7 url(../images/spnavon.png) no-repeat right center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.spnavsub li a{
	padding:5px 0!important;
}
.spnavglass img{
	width: 100%;
}
.spnavglass ul{
	width: 100%;
	background: #3e3a39;
	border-top:1px solid #A19580;
	padding:0 0 30px 0;
}
.spnavglass li{
	width: 90%;
	padding:5px 0;
	margin:0 4%;
	border:none;
}
.spnavglass li a{
	color:#fff;
	padding:5px 0!important;
}
.spnavglass img{
	width: 100%;
}
.spnavglass li p{
	text-align:right;
	padding:10px 0;
}
.otlinknav a{
	color:#000!important;
}
.nav li a{
	padding:10px 2%;
	display: block;
	color: #fff;
	text-decoration:none;
}
.otlinknav{
	clear: both;
	margin:20px auto;
	background:#fff!important;
	border:1px #999 solid;
	padding:5px;
}
.otlinknav p{
	text-align:center!important;
}
/*headerここまで*/

/*nav*/
nav ul{
	display:none;
}
/*navここまで*/

/*section*/
/*index.html*/
.contents{
	width: 100%;
}
.htext{
	background:url(../images/h2_back.jpg) no-repeat left top;
	width: 100%;
	padding:50px 0;
	text-align:center;
	font-size:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-weight:bold;
	clear: both;
}
.htextlink{
	background:#f6f4ef;
	padding:20px 0;
}
.htextlink img{
	width: 100%;
}
.htextbox{
	width:90%;
	padding:0 4%;
}
.htextbox p{
	background:#fff;
	border:1px #999 solid;
	padding:20px 0;
	font-size:12px;
	margin:10px 0;
	text-align:center;
}
.htextbox a{
	color:#000;
}
.toptag{
	padding:20px 10px 10px 10px;
}
.toptag img{
	width: 100%;
}
.toptag p{
	padding:10px 3% 10px 3%;
	font-size:14px;
	line-height: 20px;
}
.tagmain{
	font-weight:bold;
}
.topbrandmain{
	clear: both;
}
.topbrandmain ul{
	clear: both;
	padding:0 3%;
}
.topbrandmain li img{
	width: 100%;
	margin:10px 0;
}
.topbrandsub ul{
	clear: both;
	padding:0 3%;
}
.topbrandsub li{
	width: 90%;
	display:block;
	margin:6px 4%;
	float: left;
	text-align:center;
	padding:10px 0;
	border:1px #999 solid;
	background:#fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.topbrandsub li a{
	color:#000;
}

.glass{
	margin:0 0 30px 0;
}
.glass img{
	width: 100%;
	margin:10px 0;
}
.glass ul{
	clear: both;
}
.glass li{
	float: left;
	display:inline;
	font-size:14px;
	margin:5px 2px;
}
.topbrand{
	margin:0 0 50px 0;
}
.glasslist{
	padding:0 3%;
}
.servicemain{
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	margin:0 0 50px 0;
}
.servicetex{
	padding:20px 3%;
	font-size:14px;
}
.servicetex p{
	line-height: 20px;
}
.serviceimg img{
	width: 100%;
}
.abouttex{
	line-height: 20px;
	padding:50px 3%;
	font-size:14px;
}
.otlink{
	clear: both;
	width: 90%;
	margin:20px auto;
	border:1px #999 solid;
	padding:5px;
	text-align:center;
	font-size:14px;
}
.otlink a{
	color:#000;
}

.accesstex{
	padding:50px 0;
	width: 100%;
	font-size:14px;
}
.accesstex p{
	padding:10px 3%;
}
.accesstex iframe{
	width: 100%;
}
.accessmain{
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.gocontact{
	display:none;
}
.contactmes{
	font-size:18px;
	margin:10px 0;
	text-align:center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.contactlink{
	text-align:center;
	width: 200px;
	margin:10px auto;
	color:#fff;
	padding:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	background:#B28247;
}
.gotop{
	display:none;
}
.gotopsp img{
	clear: both;
	vertical-align:bottom;
	width: 100%;
}


.google {
    flex-direction: column;
    padding: 16px;
}

.google > div {
    margin-bottom: 16px;
    width: 100%;
}

.google .googlecal {
    padding-bottom: 75%;
}

.google .ggmap {
    padding-bottom: 200px;
}

/*index.htmlここまで*/
/*glass.html*/
.pagenow{
	width: 98%;
	background:#272520;
	border-top:3px #afa391 solid;
	padding:30px 1% 15px 1%;
	font-size:12px;
	color:#fff;
}
.pagenow a{
	color: #fff;
}

.pagenow a:hover{
	text-decoration: underline;
}

.pagetop{
	background:url(../images/back.jpg) right top no-repeat;
	padding:40px 2%;
	width: 96%;
	color:#fff;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-weight:bold;
}
.aboutglass{
	padding:30px 3%;
	font-size:14px;
}
.aboutglass p{
	line-height: 20px;
}
.naibuh{
	font-size:16px;
	font-weight:bold;
	padding:10px 0 20px 0;
}
.metal{
	padding:0 0 30px 0;
	background:#f6f4ef;
}
.metalpic img{
	width: 48%;
	display:block;
	float: left;
	margin:5px 1%;
}
.metal ul{
	clear: both;
}
.metal li{
	float: left;
	display:inline;
	font-size:14px;
	margin:5px 2px;
}
.naibubig{
	clear: both;
	font-size:24px;
	padding:20px 3%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}

/*glass.htmlここまで*/
/*shop.html*/
.aboutshop{
	padding:30px 3%;
	font-size:14px;
}
.aboutshop img{
	width: 100%;
}
.aboutshop p{
	line-height: 20px;
}
.company{
	border-bottom:1px #999 solid ;
}
.company table{
	width: 100%;
	margin:30px auto;
}
.company td{
	padding:20px 2%;
	vertical-align:top;
}
.company td:first-child{
	width: 30%;
	font-size:14px;
	line-height: 20px;
}
.company  td:last-child{
	width: 70%;
	font-size:14px;
	line-height: 20px;
}
.company tr:nth-child(odd) td{
	background:#eeeded;
}
.company tr:nth-child(even) td{
	background:#f6f4ef;
}
/*shop.htmlここまで*/
/*fair.html*/
.fairmain{
	padding:30px 3% 5px 3%;
}
.fairh{
	font-size:24px;
	font-weight:bold;
}
.fairday{
	text-align:right;
}
.fairpic img{
	width: 100%;
}
.fairtop{
	padding:50px 3%;
	font-size:14px;
	line-height: 20px;
}
.fairbot{
	width: 100%;
	border-bottom: 1px solid #999999;
	line-height: 20px;
	font-size:14px;
}
.fairbot p{
	padding:50px 3%;
}
/*fair.htmlここまで*/
/*service.html*/
.servicetop{
	margin:0px 0;
	font-size:14px;
	line-height: 20px;
}
.servicemain{
	width: 90%;
	margin:20px 4%;
}
.servicemain img{
	width: 100%;
}
.servicehttex{
	margin:20px 3%;
}
.servicesub{
	padding:30px 0;
	clear: both;
	width: 100%;
	border-bottom: 1px #999 solid;
}
.servicesub img{
	width: 90%;
	margin:10px 4%;
}
/*service.htmlここまで*/
/*contact.html*/
.contactbox{
	width: 85%;
	margin:20px 4%;
	background:#f6f4ef;
	border:#999 solid 1px;
	padding:15px 3%;
}
.conboxtop{
	border-bottom: 1px solid #999999;
	font-size:14px;
	line-height: 20px;
}
.conboxtop p{
	padding:0 0 10px 0;
}
.conboxbotsp{
	padding:10px 0 0 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	text-align:center;
}
.conboxbotsp a{
	color:#000;
}
.conboxbotsp span{
	font-size:25px;
}
.conboxbot{
	display:none;
}
.contactform{
	width: 90%;
	margin:10px 4%;
}
.contactform li{
	padding:10px 0;
}
.contactform li span{
	color:#f06671;
}
.contactform li input{
	height: 50px;
	width: 100%;
	font-size:14px;
}
.contactform textarea{
	width: 100%;
	height: 200px;
	resize:none;
	font-size:14px;
}
.submitpos{
	text-align:center;
	margin:50px 0;
}
.submit{
	width: 80%;
	color:#fff;
	padding:20px;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	background:#B28247;
}
.contactform p{
	line-height: 20px;
}
/*contact.htmlここまで*/
/*watchpage.html*/
.pagemain img{
	width: 100%;
}
.watchmain{
	width: 100%;
	background:url(../images/watchmainback.png) no-repeat left top;
	padding:30px 0;
}
.watchmain li{
	height: auto;
	float: left;
	display:block;
	padding:0 5px;
}
.wmainpic{
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
	position: relative;
	width: 100%;
	height: 300px;
}
.wmainpic img{
	  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.wmainbox{
	padding:10px;
	border:1px solid #999;
}
.wmainpic img{
/*	width: 90%;*/
}
.wtexmain{
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
}
.wtexsub{
	height:120px;
	font-size:14px;
	line-height: 20px;
}
.wtexlink{
	text-align:center;
	padding:5px 0;
	background:#fff;
	border:1px #999 solid;
}
.wtexlink a{
	color:#000;
}

.seriesmain{
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.watchseries{

	overflow: hidden;
	clear: both;
	}
.watchseries li{
	width: 100% !important;
	height: 300px;
	margin:0 auto;
	float: left;
	display:block;
	overflow: hidden;
}
.watchitem{
	padding:50px 0;
	font-size:14px;
	line-height: 20px;
	width: 100%;
	border-bottom: 1px solid #999;
	overflow: hidden;
}
.watchitem p{
	padding:0 3% 20px 3%;
}

.watchitem li{
	display:block;
	float: left;
	width: 100%;
    /*height: 300px;*/
	padding:0 5px;
	overflow: hidden;
}
.itempic{
	text-align:center;
	padding:5px 0;
}
.itempic img{
	width: 100%;
}
.itemmain{
	padding:10px 0;
	line-height: 20px;
	border-bottom: 1px solid #999;
}
.itemsub{
	padding:10px 0;
	line-height: 20px;
	color:#999;
	border-bottom: 1px solid #999;
}

/*watchpage.htmlここまで*/
/*glasspage.html*/
.glassseries li{
	width: 40%;
	height: 350px;
	float: left;
	display:block;
	padding:0 5px;
}
.gmainpic{
	text-align:center;
	vertical-align:middle;
	height: 200px;
	padding:10px 0;
}
.gmainpic img{
	width: 100%;
}
.gmainbox{
	padding:10px;
	border:1px solid #999;
}
.gtexmain{
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
}
.gtexsub{
	height: 70px;
	font-size:14px;
	line-height: 20px;
}
.gtexlink{
	text-align:center;
	padding:5px 0;
	background:#fff;
	border:1px #999 solid;
}
.gtexlink a{
	color:#000;
}

.glassitem{
	padding:50px 0;
	font-size:14px;
	line-height: 20px;
	width: 100%;
	border-bottom: 1px solid #999;
}
.glassitem p{
	padding:0 3% 20px 3%;
}
.glassitem li{
	display:block;
	float: left;
	width: 40%;
	height: 400px;
	padding:0 5px;
}

/**glasspage.html*ここまで*/

/*sectionここまで*/
/*footer*/
footer{
	clear: both;
}
.footabout{
	background:#a19580;
	width: 100%;
	padding:20px 0;
	color:#fff;
	text-align:center;
}
.footabout p{
	padding:10px 0 5px 0;
}
.footbrand{
	display:none;
}
.footbrand p{
	padding:10px 0;
	text-align:center;
	font-size:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.footbrand ul{
	margin:5px 0;
	clear: both;
	height: 20px;
}
.footbrand li{
	border-right:1px #000 solid;
	display:inline;
	float: left;
	padding:0 3px;
	font-size:12px;
}
.footbrand li:first-child{
	border-left: 1px solid #000000;
}
.footlink{
	border-bottom: #d4d3d2 solid 2px;
	width: 100%;
	text-align:center;
}
.footlink ul{
	clear: both;
	padding:10px 0;
	border-bottom: 1px #999 solid;
}
.footlink li{
	display:inline;
	padding:0 3px;
	font-size:12px;
}
.footlink p{
	color:#999;
	text-align:center;
	font-size:12px;
	padding:5px 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
		border-bottom: 1px #999 solid;
}
.footlogo{
	text-align:center;
}
.footad{
	font-size:12px;
}
.foottel{
	display:none;
}
.foottelsp{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.foottelsp span{
	font-size:20px;
}
.foottelsp a{
	color:#fff;
}
.footlink a{
	color:#000;
}

/*footerここまで*/


/* 20200219追記ここから */
.sns {
    margin: 10px 0;
}
/* 20200219追記ここまで */
/* 20200316追記ここから */
ul.topclock {
    width: 100%;
    margin-bottom: 10px;
}

.topclock img {
    width: 100%;
}

p.topclockttl {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #170b00;
    border-bottom: 1px dotted #000;
    margin: 5px auto;
}

p.topclocktxt {
    width: 90%;
    margin: 0 auto;
}
/* 20200316追記ここまで */