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

/*共通*/
html {
	width:100%;
}

body {
	width:100%;
	/*background:url(../images/bg.jpg) no-repeat top;
	background-attachment:fixed;
	background-size:110%;
  line-height: 1.8em;
*/    font-family:"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, arial, helvetica, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
a:link{
	text-decoration:none;
}
.toppc{
	float:right;
	width: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
}
.contents{
	width: 1080px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
h1{
	font-weight:normal;
	text-align:center;
}
h1 p{
	padding:10px 0;
}
h1 img{
	padding:10px 0;
}
/*共通ここまで*/
/*header*/


.headback{
	background-color:#272520;
	width: 100%;
	padding:0 0 20px 0;
	color:#fff;
}

.headback h1{


}

.newfair{
	position: absolute;
	top: 0;
	left:0;
	overflow: hidden;
}
.headtitle{
	text-align:center;
}
.headtitle p{
	padding:10px 0;
	color:#fff;
}
.headtitle img{
	padding:10px;
}
.headtel{
	float: right;
	color:#fff;
	margin:0px 0 0 0;
	font-size:18px;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.accordion p{
	display:none;
}
.nav {
	display:none;
}
.nav ul{
	display:none;
}

/*headerここまで*/

/*nav*/
.navback{
	background:#272520;
	width: 100%;
}
.navcon{
	background:#272520;
	width: 1080px;
	margin:0px auto -20px auto;
	overflow: hidden;
}

nav ul{
		display:inline;
}
nav li{
	display:inline;
	float: left;
	background:#462B1E;
}
nav li:nth-child(1) a:hover{
	background:url(../images/navback_01.png) no-repeat left top	#272520;
	background-size:270px;
	display:block;
}
nav li:nth-child(2) a:hover{
	background:url(../images/navback_02.png) no-repeat left top	#272520;
	background-size:270px;
	display:block;
}
nav li:nth-child(3) a:hover{
	background:url(../images/navback_03.png) no-repeat left top	#272520;
	background-size:270px;
	display:block;
}
nav li:nth-child(4) a:hover{
	background:url(../images/navback_04.png) no-repeat left top	#272520;
	background-size:270px;
	display:block;
}

/*navここまで*/
/*section*/
/*index.html*/
.topslide{
	background:url(../images/top_image_back.jpg) no-repeat left top;
	width: 100%;
	padding:35px 0;
	overflow: hidden;
}
.htext{
	background:url(../images/h2_back.jpg) no-repeat left top;
	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:50px 0;
}
.htextbox{
	width: 515px;
	margin:0 5px;
	float: left;
	font-size:16px;
}
.htextbox p{
	background:#fff;
	border:1px #999 solid;
	padding:20px 0;
	font-size:16px;
	margin:10px 0;
	text-align:center;
}
.htextbox a{
	color:#000;
}
.toptag{
	padding:30px 10px 10px 10px;
}
.toptag img{
	float: left;
}
.toptag p{
	padding:0 0 20px 750px;
	font-size:14px;
	line-height: 20px;
}
.tagmain{
	font-weight:bold;
}
.topbrandmain{
	clear: both;
}
.topbrandmain ul{
	clear: both;
}
.topbrandmain li{
	display:block;
	float: left;
	padding:10px;
}
.topbrandsub ul{
	clear: both;
	padding:0 10px;
}
.topbrandsub li{
	width: 250px;
	display:block;
	margin:6px;
	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;
}

.topbrandsub li:nth-child(4n+1){
	margin-left:0;
}
.topbrandsub li:nth-child(4n){
	margin-right:0;
}
.glass{
	padding:0 0 30px 0;
	background:#f6f4ef;
}
.glass img{
	float: left;
	margin:30px 10px 10px 10px;
}
.glass ul{
	clear: both;
}
.glass li{
	float: left;
	display:inline;
	font-size:14px;
	margin:5px 2px;
}
.topbrand{
	padding:0 0 50px 0;
	background:#f6f4ef;
}
.glasslist{
	margin:0 0 100px 0;
}
.servicemain{
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	margin:0 0 50px 0;
}
.servicetex{
	width: 420px;
	margin:40px 5px 20px 5px;
	float: right;
	font-size:14px;
}
.servicetex p{
	line-height: 20px;
}
.serviceimg{
	width: 640px;
	float: right;
	margin:40px 5px 20px 5px;
}
.abouttex{
	line-height: 20px;
	margin:100px 0;
	font-size:14px;
}
.otlink{
	clear: both;
	width: 350px;
	margin:20px auto;
	border:1px #999 solid;
	text-align:center;
	background:#fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.otlink p{
	padding:15px 0;
	}
.otlink a{
	color:#000;
}
.accesstex{
	padding:50px 0;
	border-bottom: #999 solid 1px;
	width: 100%;
	font-size:14px;
}
.accesstex p{
	padding:10px 0;
}
.accessmain{
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.gocontact{
	padding:10px 0;
	clear: both;
}
.contactmes{
	font-size:20px;
	margin:20px 0;
	font-weight:bold;
	text-align:center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.contactlink{
	text-align:center;
	width: 200px;
	margin:10px auto;
	font-size:20px;
	padding:20px 0;
	color:#fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	background:#B28247;
}
.contactlink a{
	color:#fff;
}
.gotop img{
	clear: both;
	vertical-align:bottom;
	width: 100%;
}
.gotopsp{
	display:none;
}

.google {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
}

.google > div {
    width: 48%;
}

.google .cal_wrapper {
    max-width: 800px; /* 最大幅 */
    min-width: 300px; /* 最小幅 */
}

.google .googlecal {
    position: relative;
    padding-bottom: 100%; /* 縦横比 */
    height: 0;
    overflow: hidden;
}
.google .googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.google .ggmap {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 500px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.google .ggmap iframe,
.google .ggmap object,
.google .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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

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

.pagetop{
	background:url(../images/back.jpg)no-repeat right top;
	padding:120px 10px;
	color:#fff;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-weight:bold;
}

.pagetop .contents p{
	overflow: hidden;
	padding: 10px 0;
}
.aboutglass{
	padding:30px 0;
	font-size:14px;
}
.aboutglass p{
	line-height: 20px;
}
.naibuh{
	font-size:16px;
	font-weight:bold;
	padding:40px 0 20px 0;
}
.metal{
	padding:0 0 30px 0;
	background:#f6f4ef;
}
.metalpic img{
	padding:50px 5px 20px 5px;
}
.metal ul{
	clear: both;
}
.metal li{
	float: left;
	display:inline;
	font-size:14px;
	margin:5px 2px;
}
.naibubig{
	clear: both;
	font-size:24px;
	padding:20px 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}

.tab_content p {
    line-height: 1.8em;
    margin-bottom: 1em;
}

/*glass.htmlここまで*/
/*shop.html*/
.aboutshop{
	padding:30px 0;
	font-size:14px;
}
.aboutshop p{
	line-height: 20px;
}
.shoppic{
	float: left;
	width: 600px;
}
.shoptex{
	float: right;
	width: 450px;
}
.company{
	border-bottom:1px #999 solid ;
}
.company table{
	width: 1080px;
	margin:30px auto;
}
.company td{
	padding:20px 10px;
	vertical-align:top;
}
.company td:first-child{
	width: 350px;
	font-size:14px;
	line-height: 20px;
}
.company  td:last-child{
	width: 730px;
	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 0 5px 0;
}
.fairh{
	font-size:24px;
	font-weight:bold;
}
.fairday{
	text-align:right;
}
.fairpic{
	width: 1080px;
	margin:0 auto;
}
.fairtop{
	padding:50px 0;
	font-size:14px;
	line-height: 20px;
}
.fairline{
	width: 1080px;
	margin:0 auto;
}
.fairbot{
	padding:50px 0;
	width: 100%;
	border-bottom: 1px solid #999999;
	line-height: 20px;
	font-size:14px;
}
/*fair.htmlここまで*/
/*service.html*/
.servicetop{
	margin:0px 0;
	font-size:14px;
	line-height: 20px;
}
.servicemain{
	width: 600px;
	float: left;
	margin:20px 5px;
}
.servicehttex{
	float: right;
	width: 440px;
	margin:20px 5px;
}
.servicesub{
	padding:30px 0;
	clear: both;
	width: 100%;
	border-bottom: 1px #999 solid;
}
.servicesub img{
	float: left;
	margin:0 5px;
}
/*service.htmlここまで*/
/*contact.html*/
.contactbox{
	width: 250px;
	margin:20px 10px;
	background:#f6f4ef;
	border:#999 solid 1px;
	padding:15px;
	float: left;
}
.conboxtop{
	border-bottom: 1px solid #999999;
	font-size:14px;
	line-height: 20px;
}
.conboxtop p{
	padding:0 0 10px 0;
}
.conboxbot{
	padding:10px 0 0 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	text-align:center;
}
.conboxbot span{
	font-size:25px;
}
.conboxbotsp{
	display:none;
}
.contactform{
	width: 720px;
	margin:10px;
	float: right;
}
.contactform li{
	padding:10px 0;
}
.contactform li span{
	color:#f06671;
}
.contactform li input{
	height: 50px;
	width: 720px;
	font-size:14px;
}
.contactform textarea{
	width: 720px;
	height: 200px;
	resize:none;
	font-size:14px;
}
.contactform p{
	line-height: 20px;
}
.submitpos{
	text-align:right;
	margin:50px 0;
}
.submit{
	width: 250px;
	color:#fff;
	padding:20px;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	background:#B28247;
}
/*contact.htmlここまで*/


/*watchpage.html*/

.ui-helper-hidden {
	display: none;
}
.pagemain{
	background:url(../images/back.jpg)no-repeat right top;
	color:#fff;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-weight:bold;
	}
.pagemain p{
	padding: 120px 10px;
	width: 1080px;
	margin: 0 auto;
}
.pagemain img{
	width: 100%;
}
.watchmain{
	width: 100%;
	background:url(../images/watchmainback.png) no-repeat left top;
	padding:30px 0;
}
.watchmain ul{
	width: 1080px;
	margin:0 auto;
}
.watchmain li{
	width: 250px;
	max-height: 660px;
	float: left;
	display:block;
	padding:0 5px;
}
.wmainpic{
	vertical-align:middle;
	width: 240px;
	height: 340px;
	padding:10px 0;
	position: relative;
}
.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;
}
.wtexmain{
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
}
.wtexsub{
	height: 70px;
	font-size:14px;
	line-height: 20px;
}
.wtexlink{
	text-align:center;
	padding:5px 0;
	background:#fff;
	border:1px #999 solid;
}

.wtexlink p {
    margin-bottom: 0;
}

.wtexlink a{
	color:#000;
}
.seriesmain{
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	overflow: hidden;
	padding: 10px 0;
}

/**/

.watchseries li{
	width: 240px !important;
	height: 500px;
	padding: 0 5px;
	display:block;
	overflow: hidden;
}

.watchitem{
	font-size:14px;
	line-height: 20px;
	padding:30px 0;
	width: 100%;
	border-bottom: 1px solid #999;
}
.watchitem li{
	display:block;
	float: left;
	width: 240px;
	min-height: 400px;
	padding:0 5px;
	overflow: hidden;
}
.itempic{
	text-align:center;
	padding:5px 0;
	min-height: 200px;
}
.itempic img{
	max-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: 250px;
	height: 400px;
	padding:0 5px;
	float: left;
	display:block;

}
.gmainpic{
	text-align:center;
	vertical-align:middle;
	height: 200px;
	padding:10px 0;
	line-height: 200px;
}
.gmainpic img{
	max-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{
	font-size:14px;
	line-height: 20px;
	padding:30px 0;
	width: 100%;
	border-bottom: 1px solid #999;
}
.glassitem li{
	display:block;
	float: left;
	width: 240px !important;
	height: 350px;
	padding:0 5px;
}

/**glasspage.html*ここまで*/
/*sectionここまで*/
/*footer*/
footer{
	clear: both;
}
.footabout{
	background:#a19580;
	width: 100%;
	padding:20px 0;
	color:#fff;
}
.footabout p{
	padding:10px 0 5px 0;
}
.footbrand{
	background:#f6f4ef;
	width: 100%;
	padding:10px 0;
}
.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 a{
	color:#000;
}

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



/* 20200219追記ここから */
.sns {
    margin: 10px 0;
}
/* 20200219追記ここまで */

/* 20200316追記ここから */
ul.topclock:after {
    display: block;
    content: "";
    clear: both;
}

.topclock li {
    float: left;
}

.topclock li:nth-child(2) {
    max-width: 330px;
    margin-left: 10px;
}

p.topclockttl {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted;
    padding-bottom: 5px;
}

p.topclocktxt {
    padding-left: 5px;
}

ul.topclock {
    margin-bottom: 10px;
}
/* 20200316追記ここまで */
