@charset "UTF-8";


body{
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.6em;
	overflow-x: hidden;
	/*letter-spacing: 1.5px;*/
	font-family: "a-otf-ryumin-pr6n", "A-OTF Ryumin Pr5", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

svg{
	overflow: hidden;
}

h1{
	margin: 50px 0;
}

h2{
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;
	margin: 30px 0;
}

h3{
	text-align: center;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 13px 0;
	border: 1px solid #000;
	margin: 40px 0 20px;
}

h3.gradation{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 3px;
	color: #fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f4f4f+0,919191+100 */
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #919191 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#919191 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#919191 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#919191',GradientType=0 ); /* IE6-9 */

	padding: 11px 0;
	border: 0;
	margin: 10px 0;
}

h4{
	font-size: 1.2em;
	font-weight: normal;
	margin: 15px 0;
}

hr.dashed{
	border: 0;
	border-top: 1px dashed #000;
}

hr.gray{
	border: 0;
	border-top: 1px solid #bababa;
}

a{
	color: #7A6357;
}

a,
a:link,
a:visited{
	text-decoration: none;
}

a:hover{
	/*text-decoration: underline;*/
}

a img{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a:hover img{
	opacity: 0.7;
}

/* IE6,7 対策 */
a img{
	border-style: none;
}

a.fade{
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

header{
	width: 600px;
	padding: 18px 0 5px;
	margin: 0 auto;
}

header .right{
	float: right;
	margin: 7px 0 0 0;
}

nav.global{
	white-space: nowrap;
	width: 600px;
	margin: 0 auto;
}

nav.global a{
	float: left;
}

nav.global a svg{
	vertical-align: bottom;
}

nav.global a svg *{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

nav.global a:hover svg *[id*="main_tl"] path{
	opacity: 0;
}

nav.global a:hover svg *[id*="main_c"] path{
	fill: #fff;
}

nav.global a:hover svg *[id*="main_br"] path{
	fill: #000;
}

nav.global a:hover svg *[id*="sub_tl"] path{
	opacity: 0;
}

nav.global a:hover svg *[id*="sub_c"] path{
	fill: #909090;
}

nav.global a:hover svg *[id*="sub_br"] path{
	fill: #000;
}

nav.global a svg g[id*="bg_hover"]{
	opacity: 0;
}

nav.global a:hover svg *[id*="bg_hover"]{
	opacity: 1.0;
}

.contents{
	width: 600px;
	margin: 0 auto;
	max-height: 100%;
}

a.maintenance{
	display: block;
	text-align: center;
	background-image: url(../img/index/1.jpg);
	box-sizing: border-box;
	width: 600px;
	height: 161px;
	padding: 130px 0 0 0;
	margin: 30px 0 10px;
}

a.maintenance div{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid rgba(255,255,255,0.5);
	width: 160px;
	padding: 0;

	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.maintenance:hover div{
	color: #211915;
	background-color: rgba(239, 239, 239, 0.89);
	border-color: #000;
	text-decoration: none;
}

a.kaitori{
	display: block;
	text-align: center;
	background-image: url(../img/index/2.jpg);
	box-sizing: border-box;
	width: 600px;
	height: 161px;
	padding: 130px 0 0 0;
	margin: 10px 0;
}

a.kaitori div{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid rgba(255,255,255,0.5);
	width: 160px;
	padding: 0;

	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.kaitori:hover div{
	color: #211915;
	background-color: rgba(239, 239, 239, 0.89);
	border-color: #000;
	text-decoration: none;
}

.maker{
	text-align: center;
	margin: 50px 0 40px;
}

.maker a{
	display: inline-block;
}

.maker a svg{
	display: block;
}

.maker a svg rect{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.maker a:hover svg rect{
	fill: rgba(0,0,0,0);
}

.maker a.seiko{
	background-image: url(../img/index/4.jpg);
	background-size: 100%;
	background-position: 0% 50%;
}

.maker a.casio{
	background-image: url(../img/index/5.jpg);
	background-size: 100%;
	background-position: 0% 50%;
}

.item,
.shop_info{
	text-align: center;
	padding: 20px 0;
}

.shop_info{
	padding-top: 0px 0 30px;
}

.item h3,
.shop_info h3{
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 10px;
	border: 0;
}

.item a,
.shop_info a{
	display: inline-block;
	color: #000;
	margin: 0 5px;
}

.shop_info a img{
	width: auto;
	height: 117px;
}

.item a:hover img,
.shop_info a:hover img{
	opacity: 1;
}

.item a .name,
.shop_info a .name{
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	background-color: #fff;
	padding: 4px 0;
	border: 1px solid #000;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.item a .name small{
	font-size: 8px;
}

.item a:hover .name,
.shop_info a:hover .name{
	color: #fff;
	background-color: #000;
}

.shop_info a address{
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8em;
	margin: 10px 0;
}

.brand_list{
	margin: 50px 0;
}

.brand_list .box{
	display: block;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #bababa;
}

.brand_list a{
	position: relative;
	display: block;
	font-size: 18px;
	color: #000;
	float: left;
	width: 33.3333%;
	padding: 10px 0;
	-webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;
}
.brand_list a:hover{
	color: #fff;
	background-color: #000;
}

.brand_list a.title{
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 0 10px 0;
	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}
.brand_list a.title:hover{
	color: #000;
	background-color: #fff;
	opacity: 0.6;
}

.brand_list a.bg{
	white-space: nowrap;
	text-align: center;
	height: 141px;
	padding: 0;
}

.brand_list a.bg:before{
	content: "";
	display: block;
	position: relative;
	background-repeat: no-repeat;
	width: 100%;
	height: 141px;
	margin-bottom: -141px;
	opacity: 0;
	-webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;
}
.brand_list a.bg:hover:before{
	opacity: 1;
}

.brand_list a.bg.prospex:before{        background-image: url(../img/common/brand_list/seiko/bg1.jpg); }
.brand_list a.bg.presage:before{        background-image: url(../img/common/brand_list/seiko/bg2.jpg); }
.brand_list a.bg.brightz:before{        background-image: url(../img/common/brand_list/seiko/bg3.jpg); }
.brand_list a.bg.lukia:before{          background-image: url(../img/common/brand_list/seiko/bg4.jpg); }
.brand_list a.bg.dolce_exceline:before{ background-image: url(../img/common/brand_list/seiko/bg5.jpg); }

.brand_list a.bg.jacques_lemans:before{           background-image: url(../img/common/brand_list/logo/bg1.jpg); }
.brand_list a.bg.katharine_hamnett_mens:before{   background-image: url(../img/common/brand_list/logo/bg2.jpg); }
.brand_list a.bg.katharine_hamnett_womens:before{ background-image: url(../img/common/brand_list/logo/bg3.jpg); }
.brand_list a.bg.roberta_di_camerino:before{      background-image: url(../img/common/brand_list/logo/bg4.jpg); }
.brand_list a.bg.swiss_military_hanowa:before{    background-image: url(../img/common/brand_list/logo/bg5.jpg); }
.brand_list a.bg.takeo_kikuchi:before{            background-image: url(../img/common/brand_list/logo/bg6.jpg); }

.brand_list a.bg:after{
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 0;
	height: 141px;
}

.brand_list a.bg svg{
	position: relative;
	margin-left: 3px;
	vertical-align: middle;
}

.brand_list a.bg svg .logo{
	-webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;
}
.brand_list a.bg:hover svg .logo{
	fill: #fff;
}

.watch_jewelry{
	margin: 10px 0;
	overflow: hidden;
}

.watch_jewelry input[name="watch_jewelry"]{
	display: none;
}

.watch_jewelry .tab{
	cursor: pointer;
	float: left;
	text-align: center;
	font-size: 18px;
	letter-spacing: 3px;
	color: #989898;
	background-color: #f4f4f4;
	box-sizing: border-box;
	padding: 10px 0;
	width: 48.5%;
	margin-left: 3%;
}

.watch_jewelry .tabs_underline{
	height: 0;
	border-bottom: 1px solid #000;
	clear: both;
}

.watch_jewelry label.tab:nth-of-type(1){
	margin-left: 0;
}

.watch_jewelry input:checked + .tab{
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	border-bottom: 0;
	margin-bottom: -1px;
}

.watch_jewelry .tab small{
	font-size: 12px;
	letter-spacing: 2px;
}

.watch_jewelry .lineup.watch,
.watch_jewelry .lineup.jewelry{
	position: relative;
	float: left;
	width: 600px;
	opacity: 0;
	z-index: 100;
	-webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;
}
.watch_jewelry .lineup.watch{
	margin-right: -600px;
}

.watch_jewelry input#tab_watch:checked ~ .lineup.watch,
.watch_jewelry input#tab_jewelry:checked ~ .lineup.jewelry{
	opacity: 1;
	z-index: 101;
}

.watch_jewelry h3{
	white-space: nowrap;
}

.watch_jewelry table.brand{
	width: 600px;
	border-collapse: collapse;
	border-top: 1px solid #bababa;
}

.watch_jewelry table.brand + table.brand{
	border-top: 0;
}

.watch_jewelry table.brand th{
	vertical-align: middle;
	text-align: left;
	padding: 20px 0 0px 20px;
}

.watch_jewelry table.brand td{
	vertical-align: middle;
	text-align: left;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #bababa;
}

.watch_jewelry table.brand td *{
	vertical-align: middle;
}

.watch_jewelry table.brand td .name{
	margin-left: -7px;
}
.watch_jewelry table.brand td img + .name{
	margin-left: 30px;
}

.watch_jewelry table.brand tr.name td{
	padding: 5px 0 20px 20px;
}

.watch_jewelry table.brand th[href],
.watch_jewelry table.brand td[href],
.watch_jewelry table.brand tr[href] th,
.watch_jewelry table.brand tr[href] td{
	cursor: pointer;
}

table.col2{
	border-collapse: collapse;
	width: 100%;
}

table.col2 td{
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
}

table.col2 td:nth-of-type(1){
	padding-right: 2%;
}

table.col2 td:nth-of-type(2){
	padding-left: 2%;
}

footer{
	text-align: right;
	border-top: 2px solid #000;
	width: 600px;
	padding: 15px 0;
	margin: 20px auto;
}

footer img[src*="/a_t."]{
	width: 10px;
	height: auto;
}

.error-404{
	padding: 200px 0;
	text-align: center;
}



/* PC向け ******************************************************************************************* */

@media (min-width: 741px) {
	.sumaho{
		display: none;
	}

}


/* スマホ向け **************************************************************************************** */

@media (max-width: 740px) {
}