@charset "utf-8";

/*-- common --*/

body {
	margin:0;
	line-height:175%;
}

.disp_pc {
	display:block;
}

.disp_sp {
	display:none;
}

@media screen and (min-width:641px) and (max-width:980px) {

body {
	width:1000px;
}

}

.red {
	color:#e55a3b;
}

.shadow_box li img {
	box-shadow:4px 4px 6px rgba(0,0,0,0.3);
}

/*-- header --*/

.header {
	text-align:center;
}

.header .main_title {
	padding:6px 0;
	background:#444;
}

.header .main_title h1 {
	max-width:980px;
	margin:0 auto;
	text-align:right;
	font-size:10px;
	line-height:140%;
	font-weight:normal;
   color: #fff!important;
}

.header .global_h1 {
	display:none;
}

.header .logo_img img {
	margin-bottom:10px;
}

.header img:hover {
	opacity:0.8;
}

@media screen and (max-width:640px) {

.disp_pc {
	display:none;
}

.disp_sp {
	display:block;
}

.header {
	display:none;
}

}

/*-- nav --*/

.nav {
	background-color: #000;
}

.dropmenu {
	position:relative;
	list-style-type:none;
	width:980px;
	margin:0 auto;
	padding:0;
/*	border-bottom:2px #fff solid;
	border-radius:3px 3px 0 0;*/
	z-index:100;
   font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
    -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.dropmenu:after {
	display:block;
	content:"";
	clear:both;
}

.dropmenu li {
	margin:0;
	padding:0;
	text-align:center;
}

.dropmenu li.active {
	background:#494846;
}

.dropmenu li a {
	display:block;
	margin:0;
	padding:0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-decoration:none;
}

.dropmenu li:not(:first-child) a {
	display:block;
	margin:0;
	padding:35px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-decoration:none;
}

.dropmenu li ul {
	width:176px;
	list-style:none;
	position:absolute;
	top:84px;
	right:0;
	margin:0;
	padding:0;
	border-radius:0 0 3px 3px;
}

.dropmenu li ul li{
	overflow:hidden;
	width:176px;
	height:0;
	color:#656565;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
	float:right;
}

.dropmenu li ul li a{
	padding:13px 15px 13px 25px;
	background:#eee;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

.dropmenu li ul li a:hover{
	background:#ddd;
}

/*.dropmenu li:hover > li a:hover{
	background:#ddd;
	color:#656565;
}*/

.dropmenu > li:hover > a{
	 border-radius:3px 3px 0 0;
}

.dropmenu li:hover ul li{
	overflow:visible;
	height:38px;
}

.dropmenu li:hover ul li:first-child{
	border-top:0;
}

.dropmenu li:hover ul li:last-child{
	border-bottom:0;
}

.dropmenu li:hover ul li:last-child a{
	border-radius:0 0 3px 3px;
}

/*-- sub_nav --*/

.sub_nav {
	width:980px;
	padding-bottom:5px;
	border-bottom:1px #e7e7e7 solid;
	margin:0 auto -1px;
}

.sub_nav:after { 
	display:block;
	content:"";
	clear:both;
}

.sub_nav li {
	font-size:12px;
	float:left;
}

.sub_nav li a {
	padding-right:14px;
	border-right:1px #b4b4b4 solid;
	margin-right:14px;
}

.sub_nav li:last-child a {
	border-right:none;
}

.sub_nav li a:hover {
	text-decoration:underline;
}

@media screen and (max-width:640px) {

.sub_nav {
	display:none;
}


}

/*-- sp_header --*/

@media screen and (min-width:641px) {

.sp_header {
	display:none;
}

}

.sp_header {
	position:relative;
	margin-bottom:5px;
	background-color: #000;
}

.sp_header .sp_logo {
	width:220px;
	height:auto;
	vertical-align:bottom;
}

.sp_header .menu_icon {
	width:64px;
	height:auto;
	float:right;
	vertical-align:bottom;
}

.sp_header label {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.sp_header input {
	display:none;
}

.sp_header .menu {
	position:absolute;
	top:40px;
	width:100%;
	height:0;
	background:#eee;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	box-sizing:border-box;
	z-index:100;
	overflow:hidden;
}

.sp_header input:checked + .menu {
	height:auto;
	padding:15px 0;
	border-top:2px #9d6825 solid;
	border-bottom:2px #9d6825 solid;
	overflow:visible;
}

.sp_header .menu .menu_icon {
	margin-top:-55px;
}

.sp_header .menu ul li {
	padding:0 15px 3px;
	border-bottom:1px #ccc solid;
	margin-bottom:3px;
	background: url(/watch/wp-content/themes/tokei0084/img/newarrival_icon.png) 15px 9px no-repeat;
	font-size:12px;
}

.sp_header .menu ul li:active {
	background:url(/watch/wp-content/themes/tokei0084/img/newarrival_icon.png) 15px 9px no-repeat #f4f4f4;
}

.sp_header .menu ul li a {
	display:block;
	padding-left:15px;
}

.sp_header .menu ul li.blank {
	height:32px;
	background:none;
}

.sp_header .menu .tel_button {
	padding:0 15px;
	border-bottom:0;
	margin:15px 0;
	overflow:hidden;
}

.sp_header .menu .tel_button p {
	width:47%;
	margin-right:6%;
	float:left;
}

.sp_header .menu .tel_button p+p {
	margin-right:0;
}

.sp_header .menu .tel_button p img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.sp_header .menu .close_button {
	display:block;
	margin:0 20px;
	text-align:right;
}

.sp_header .menu .close_button img {
	width:24px;
	height;auto;
	vertical-align:bottom;
}

/*-- flexslider --*/

@media screen and (min-width:641px) {

.sp_slide {
	display:none;
}

}

@media screen and (max-width:640px) {

.pc_slide {
	display:none;
}

}

/*-- sp_nav --*/

@media screen and (min-width:641px) {

.sp_nav {
	display:none;
}

}

.sp_nav {
	border-top:1px #d6b266 solid;
	border-bottom:1px #d6b266 solid;
	background: -ms-linear-gradient(top, #d2ac5d, #af8630);
	background: -moz-linear-gradient(top, #d2ac5d, #af8630);
	background: -webkit-gradient(linear, left top, left bottom, from(#d2ac5d), to(#af8630));
	margin-top: 35px;
}

.sp_nav ul {
	position:relative;
	display:flex;
	display: -webkit-flex;
	justify-content:space-around;
	-webkit-justify-content:space-around;
}

.sp_nav ul:before {
	position:absolute;
	display:block;
	content:"";
	width:1px;
	height:60px;
	background:#d6b266;
	top:0;
	left:32%;
}

.sp_nav ul:after {
	position:absolute;
	display:block;
	content:"";
	width:1px;
	height:60px;
	background:#d6b266;
	top:0;
	right:32%;
}

.sp_nav ul li {
	width:32%;
}

.sp_nav ul li:nth-child(2) {
	width:36%;
}

.sp_nav ul li a {
	display:block;
	padding:5px 0;
	text-align:center;
}

.sp_nav ul li:active {
	background: -ms-linear-gradient(top, #af8630, #d2ac5d);
	background: -moz-linear-gradient(top, #af8630, #d2ac5d);
	background: -webkit-gradient(linear, left top, left bottom, from(#af8630), to(#d2ac5d));
}

.sp_nav ul li img {
	width:100px;
	height:auto;
	vertical-align:bottom;
}

/*-- sp_info --*/

@media screen and (min-width:641px) {

.sp_info {
	display:none;
}

}

.sp_info {
	padding:10px 15px;
	border-top:1px #dddddd solid;
	border-bottom:1px #aaa solid;
	margin:35px 0 10px 0;
	background:#f9f9f9;
	overflow:hidden;
}

.sp_info .address {
	font-size:12px;
	line-height:150%;
	float:left;
}

.sp_info .button {
	float:right;
}

.sp_info .button img {
	width:30px;
	height:auto;
	margin-left:15px;
	vertical-align:bottom;
}

.sp_info .button img:active {
	opacity:.8;
}

.sp_info .button a:nth-child(1) img {
	margin-left:0;
}

/*-- breadcrumb --*/

.breadcrumb {
	margin-bottom:20px;
}

.breadcrumb ul {
	max-width:980px;
	padding:5px 0 5px;
	border-bottom:1px #e7e7e7 solid;
	margin:0 auto;
	overflow:hidden;
}

.breadcrumb ul li {
	margin-right:5px;
	font-size:12px;
	letter-spacing:.2em;
	float:left;
}

@media screen and (max-width:640px) {

.breadcrumb ul {
	display:none;
}

}

/*-- footer --*/

.footer {
	padding-top:30px;
}

.footer a:link {
	color:#fff;
}

.footer .gotop {
	max-width:970px;
	padding-right:10px;
	margin:0 auto;
	text-align:right;
}

.footer .sp_gotop {
	display:none;
}

.footer .gotop img {
	vertical-align:bottom;
}

.footer .footer_nav {
	border-bottom:1px #cabb9a solid;
	background:#a9905b;
}

.footer .footer_nav ul {
	max-width:980px;
	padding:0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

.footer .footer_nav ul li {
	display:inline-block;
	margin-right:28px;
	position:relative;
	font-size:12px;
	line-height:100%;
}

.footer .footer_nav ul li:last-child {
	margin-right:0;
}

.footer .footer_nav ul li:after {
	display:block;
	content:"";
	width:1px;
	height:12px;
	background:#fff;
	position:absolute;
	top:0;
	right:-15px;
}

.footer .footer_nav ul li:last-child:after {
	background:none;
}

.footer .footer_nav ul li a {
	color:#fff;
}

.footer .footer_nav ul li a:hover {
	text-decoration:underline;
}

.footer_info {
	background: -ms-linear-gradient(top, #9d8149, #4d380e);
	background: -moz-linear-gradient(top, #9d8149, #4d380e);
	background: -webkit-gradient(linear, left top, left bottom, from(#9d8149), to(#4d380e));
}

.footer_info .right img {
	width:auto;
	height:50px;
}

@media screen and (min-width:641px) {

.footer_info_inner {
	position:relative;
	width:980px;
	padding-top:24px;
	padding-bottom:20px;
	margin:0 auto;
	overflow:hidden;
}

.footer_info .left {
	width:730px;
	float:left;
}

.footer_info .map,
.footer_info .watch {
	float:left;
}

.footer_info .map iframe,
.footer_info .map object,
.footer_info .map embed {
	width: 290px;
	height: 200px;
}

.footer_info .jewelry {
	margin-top:10px;
	float:left;
}

.footer_info .watch p+p,
.footer_info .jewelry p+p {
	margin-top:-20px;
}

.footer_info .right {
	position:absolute;
	right:10px;
	bottom:0;
	padding-bottom:20px;
}

.footer_info h3 {
	font-size:12px;
	color:#fff;
}

.footer_info p {
	margin-right:20px;
	font-size:12px;
	color:#fff;
	line-height:170%;
	float:left;
}

.footer_info .address {
	width:246px;
}

.footer_info .right img {
	margin-left:6px;
	vertical-align:bottom;
}

.footer_info a img:hover {
	opacity:0.6;
}

.footer_info .button a {
	display:block;
}

}

.footer .footer_logo {
	display:block;
	width:110px;
	margin:0 auto 10px;
}

.footer .copyright {
	padding:6px 0;
	font-size:12px;
	text-align:center;
	color:#4d390e;
}

.side_btn {
   position: fixed;
   top:130px;
   right:15px;
}

.side_btn ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
    -ms-flex-direction: column;
      flex-direction: column;
}

.side_btn li {
   margin-bottom: 10px;
}

@media screen and (max-width:640px) {

.footer .gotop {
	display:none;
}

.footer .sp_gotop {
	display:block;
	margin-top:-50px;
	font-size:12px;
	text-align:center;
}

.footer .sp_gotop a {
	display:block;
	width:100%;
	padding:8px 0;
}

.footer .sp_gotop a span {
	padding:0 0 0 30px;
	font-weight:bold;
	background:url(/jewelry0084/wp-content/themes/jewelry0084/common_img/sp_gotop.png) top left no-repeat;
	background-size:auto 10px;
}

.footer .footer_nav ul {
	padding:20px;
	text-align:left;
}

.footer .footer_nav ul li {
	position:relative;
	width:50%;
	padding:8px;
	border-top:1px #795a18 solid;
	margin-right:0;
	box-sizing:border-box;
	float:left;
}

.footer .footer_nav ul li:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"";
	width:100%;
	border-top:1px #d9c9a8 solid;
}

.footer .footer_nav ul li:after {
	background:none
}

.footer .footer_nav ul li:nth-child(1),
.footer .footer_nav ul li:nth-child(3) {
	border-right:1px #d9c9a8 solid;
}

.footer .footer_nav ul li:nth-child(1):after,
.footer .footer_nav ul li:nth-child(3):after {
	position:absolute;
	top:0;
	right:0;
	display:block;
	content:"";
	height:45px;
	border-right:1px #795a18 solid;
}

.footer .footer_nav ul li:nth-child(5),
.footer .footer_nav ul li:nth-child(6) {
	width:100%;
}

.footer .footer_nav ul li:nth-child(7) {
	width:100%;
	border-bottom:1px #d9c9a8 solid;
}

.footer .footer_nav ul li:nth-child(7):after {
	position:absolute;
	top:43px;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:auto;
	border-bottom:1px #795a18 solid;
}

.footer .footer_nav ul li a {
	display:block;
	padding:8px 0;
	background:url(/jewelry0084/wp-content/themes/jewelry0084/common_img/sp_footer_icon.png) right center no-repeat;
	background-size:auto 16px;
}


.footer_info_inner {
	padding:20px;
   margin-bottom: 5px;
}

.foote .map {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.foote .map iframe,
.foote .map object,
.foote .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%;
}

.footer .watch,
.footer .jewelry {
	margin-bottom:20px;
}

.footer h3,
.footer p {
	font-size:12px;
	color:#fff;
}

.footer_info .button img {
	width:120px;
	height:auto;
	margin-right:10px;
	vertical-align:middle;
}

.footer_info .button img:hover {
	opacity:0.8;
}

.footer .copyright {
   margin-bottom: 70px;
}

.bottom_btn {
   position: fixed;
   bottom:0;
   width:100%;
   padding:5px;
   background-color: #fff;
   box-sizing: border-box;
}

.bottom_btn ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin: 0;
   padding: 0;
}

.bottom_btn li {
   width: 49%;
}

.bottom_btn li img {
   width: 100%;
}

.bottom_btn_jw {
   position: fixed;
   bottom:0;
   width:100%;
   padding:5px;
   background-color: #fff;
   box-sizing: border-box;
}

.bottom_btn_jw ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin: 0;
   padding: 0;
}

.bottom_btn_jw li {
   width: 33%;
}

.bottom_btn_jw li img {
   width: 100%;
}

}