@charset "UTF-8";



/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
	.pc { display: none !important; }
	.sp { display: block !important; }

html,body{
    width: 100%;
    min-width:100%;
	height: 100%;
  margin: 0;
  padding: 0;
}


/* ============= header ============= */
header {height: 90px; }
main{padding-top:90px; }

header > .inner{
	max-width: 100%;
	height: 90px;
	margin: 0 auto;
	padding:0;
	position: relative;
}

header > .inner > p.logo {
	margin: 0 auto;
	width: 171px;
	height: 60px;
	top: 30px;
	padding:15px 0;
	left: 0;
	right:0;
	/*margin-left: -85px;*/  /* マイナス「横幅÷2」 */
	float: none;
	}

header > .inner > ul{
	margin: 0 auto;
	padding:0 0 0 3px;
	/*left: 50%;*/
	/*width: 409px;*/
	width: 100%;
	height: 30px;
	/*margin-left: -205px;*/  /* マイナス「横幅÷2」 */
	/* overflow: auto;  内容がはみ出る場合の表示方法 */
	/*position: absolute;*/
	}


header > .inner > ul > li {
	font-size: 13px;
	/*width:90px;*/
	width: calc(25% - 3px);
	padding: 0 0 15px 0;
	height:30px;
	}

header > .inner > ul > li:nth-child(4) {margin-right:0;}

header > .inner > ul > li > a{
	display: block;
	width: 100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding: 0 0 15px 0;
	}


header > .inner > ul > li:hover {
	border-bottom: #866d4b 4px solid;
	transition: 0.6s ;
	}

header > .inner > ul > li >a:hover {
	color: #866d4b;
	transition: 0.6s ;
	}

header > .inner > p.lang{
	visibility: hidden;
	width: 0;
	height: 0;
	}



.mainContent {
	max-width: 768px;
	}

.slide-container{
	position: relative;
	width:100%;
	margin: 0 auto;
	height: 100%;
}

.slider{
	position: relative;
	width:100%!important;
	margin: 0 auto;
	height: auto;
}



.logo-area{
	background:rgba(0,0,0,0.8);
	z-index: 3000;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	}

.logo-area > img{
	margin: 0 auto;
	padding:0;
	width: 270px;
	height: 66px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
/*	left: 50%;
	margin-left: -135px;*/
	margin-top: 12px;
	overflow: auto;
	}

/* ============= index-contents ============= */


.box,.technique .box{
	width: 100%;
	height: auto;
	color: #fff;
	position: relative;
	margin: 0 auto;
	/*background-position: center top !important;*/
	}



#index01_sp {background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/index_img_sp01.jpg);}
#index02_sp {background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/index_img_sp02.jpg);}
#index03_sp {background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/index_img_sp03.jpg);}

.text-box,.img-box{
	display: block;
	width: 100%;
		}

.box .text-box{
	position: relative;
	width:100%!important;
	margin: 0 auto;
	height: auto;
	vertical-align: middle;
	padding: 120px 38px;
	text-align: center;
	display: block;
}

.box .img-box{
	position: relative;
	width:100%!important;
	margin: 0 auto;
	height: auto;
	vertical-align: middle;
	padding: 120px 38px;
	text-align: center;
	}

.box > .text-box > h2{
	padding-bottom: 60px;
	line-height: 1.6em;
	font-size: 24px;
}
#index01_sp h2{padding:100px 0 250px 0!important;}

.box > .text-box > p{
	line-height: 3em;
	font-size: 16px;
	text-align: left;
}

.img-box img{
	display: inline-block;
	opacity: 0.5;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.shadow{background: rgba(0,0,0,0.6);}

/* ============= tech-contents ============= */

.technique .text-box h2{padding: 120px 0;}


#tech01 {
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/tech_img_sp01.jpg) scroll;
	background-position: top;
	background-size: auto 100%;
}
#tech02 {
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/tech_img_sp02.jpg) scroll;
	background-position: center bottom;
	background-size: auto 100%;
}
#tech03 {
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/tech_img_sp03.jpg) scroll;
	background-position: center bottom;
	background-size: auto 100%;
}
#tech04 {
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/tech_img_sp04.jpg) scroll;
	background-position: center bottom;
	background-size: auto 100%;
}
#tech05 {
	height: 520px;
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/tech_img_sp05.jpg);
	background-position: center top;
	background-size: 100% auto;
}

#tech01-text,
#tech02-text,
#tech03-text,
#tech04-text{
padding:100px 5%;
text-align: left;
}


.photo-box { height: 360px;}

.cc{
	text-align: center;
	background: #000;
	width: 100%;
	height: auto;
	padding:120px 38px;
	margin: 0 auto;
}


/* ============= footer ============= */
footer  .inner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:80px 40px 40px 40px;
	position: relative;
}

footer  .menu-area{
	width: 100%;
	height:auto;
	min-height:425px;
	margin: 0 auto;
	padding-bottom: 50px;
}


footer .adress {
	margin:0;
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	float:none;
	padding-bottom: 50px;
}

footer .adress  p{
	font-size: 11px;
	line-height: 2.5em;
	}

footer  .menu {
	margin:0;
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	float: left;
}

footer  .menu ul {
	width:45%;
	height:auto;
	position: relative;
	float: left;
	font-size: 12px;
	border-left: #fff 1px solid;
	padding-left: 18px;
}


footer  .menu ul.menu01 {width:40%;}
footer  .menu ul.menu02 {width:60%;}


	footer  .menu ul  li {
	padding-bottom: 30px;
}

footer .banner-area{
	width: 100%;
	height: auto;
	position: relative;
  overflow: hidden;

	}

footer .banner-area ul{
	position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: left;
	}

footer .banner-area  li img{
position: relative;
  left: -50%;
  float: left;
  list-style: none;
margin: 0 13px 18px 13px;


}

footer .copyright{
text-align: center;
font-size: 9px;
font-weight: 100;
padding-top:60px;
margin: 0;
	}








/* ============= loopSlider ============= */
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	/*width: 768px;*/
	width: 100%;
	height: 150px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	height: 150px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 150px;
	height: 150px;
	float: left;
	display: inline;
	overflow: hidden;
}

.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}





/*************************************************
	bto
**************************************************/

.bto .mainContent {width: 100%; }

.bto p.intro {
	width: 90%;
	text-align: left;
	margin: 100px 5% 0;
}



ul.howto { max-width: 1000px; margin: 100px auto 0;
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/bto_dot.png) repeat-y 66px top;
}
ul.howto:after {content: ""; display: table; clear: both; }
.howto li {
	display: block;
	width: 90%;
	float: none;
	margin-left: 0;
	font-size: 20px;
}
.howto li:first-child {margin-left:0; }

.howto li p.howto_num {margin-top: 0;}
.howto_num img {
	margin: 30px 0 0 39px;
	float: left;
}

.howto_txt {
	display: block;
	float: left; width:calc(100% - 120px) ;
	margin: 30px 0 0 23px;
}

.howto li h3 {
text-align: left;
margin-top: 12px;
}
.howto li p {
display: block;
line-height: 2;
margin-top: 15px;
}


ul.select_model_li {
	margin: 50px auto 0;
}

.select_model_li li a {
	width: 50%;
	margin-top: 20px;
	font-size: 25px;
	line-height: 1;
}
.select_model_li li a:last-child {
	margin-bottom: 20px;
}
.select_model_li li a span {
	font-size: 13px;
}

.select_wrap {
	float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 0;
	margin-bottom: 0;
}

.select_dial {
	max-width: 350px;
	padding-bottom: 20px;
}
.select_dial li a{ margin: 20px 25px 0; }

.select_band {
	padding: 20px 0 0;
}
#nb98 .select_band {
	padding: 20px 0 0;
}
.result_arrow {
	float: none;
	width: 116px;
	height: 46px;
	text-indent: -9999px;
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/bto_result_arrow2.svg) no-repeat;
	background-size: 116px 46px;
	margin: 20px auto;
}

.result {
	position: relative;
	float: none;
	width: 90%;
	height: 455px !important;
	margin: 0 5% 15px;
	padding: 0;
}

.spec {
	clear: both;
	width: 90%;
	max-width: 90%;
	margin: 0 5% 30px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	float: none;
}

.spec th, .spec td {
	border:1px solid #866d4b;
	color:#fff;
	padding: 15px 20px;
	font-weight: normal;
	text-align: left;
}

.spec ul{padding-left: 15px;}

.spec ul li {
	list-style: disc;
	}
.spec-move{
	width: 90%;
	height: 360px;
	background-color: #000;
	padding: 30px;
	text-align: center;
	margin: 0 5% 200px;
}
.spec-move h4{
	font-size: 30px;
}
.spec-move span{
	font-size: 14px;
}

.spec-move img{
	margin: 20px auto;
}



.select_wrap_inner {
	min-height:initial;
	min-height:auto;
}


.select_dial li a{width:calc(50% - 50px); }
.result_dial, .result_case, .result_band {top: 0; left:0;right:0;}
.result_dial img, .result_case img, .result_band img {
/*	width: 100%;
	max-width: 100%;*/
	width: 338px;
	height: 455px;
	max-width: 100%;
	margin: 0 auto ;
}
#nb98 .select_band li a{
	float: none;
	width: 212px;
	margin: 25px auto;
}

#nb98 .select_dial {
	padding-top: 0px;
}

#shoplist table {
	width: 90%;
	margin-left: 5%;
}

/*************************************************
	intro
**************************************************/

.intro .mainContent {width: 100%; margin: 0 auto; }

.intro_left, .intro_right {
	width: 90%;
	margin: 150px auto 0;
	clear: both;
}

.intro_left .inner, .intro_right .inner {padding-top: 0; width: 90%; margin-left: 5%; }
.intro_right .inner{float:none;}

.meister_history dt{
	width: 2em;
}
.meister_history dd{
	width: calc(100% - 3em);
}

#sakurada {
	background-position:right bottom;
	background-size:65%;
	height: 700px;
	min-height: 700px;
}
#terui {
	background-position:right bottom;
	background-size:65%;
	height: 730px;
	min-height: 730px;
}
#kannondo {
	background-position:right bottom;
	background-size:65%;
	height: 720px;
	min-height: 720px;
}
#hiraga {
	background-position:right bottom;
	background-size:60%;
	height: 660px;
	min-height: 660px;
}
#saito {
	background-position:right bottom;
	background-size:60%;
	height: 710px;
	min-height: 710px;
}
#ito {
	background-position:right bottom;
	background-size:60%;
	height: 670px;
	min-height: 670px;
}





/*************************************************
	challenge
**************************************************/
.lead {
	width: 90%;
	margin-left: 5%;
}

.chronology{
	width: 90%;
	margin: 200px 5% 150px;
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/chronology_line_center.png) 19px top repeat-y;
}

.lead_p {text-align: left;}


.chronology_left, .chronology_right{
	clear: both;
	float: none;
	width: 100%;
	text-align: left;
	background: url(/web/20180531183317im_/https://shizukuishi-watch.com/images/chronology_line_right.png) left 40px no-repeat;
}

.chronology_left .chronology_photo, .chronology_right .chronology_photo {
	clear: both;
	float: none;
}
.chronology_photo img, .chronology_photo img {
	max-width: 100%;
}

.chronology_left p, .chronology_right p{
	text-align: left;
	margin: 20px 0 30px 40px;
}

.lead_h2 h2 {
	padding: 180px 0;
}



	}


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

#sakurada {
	background-position:center bottom;
	background-size:90%;
}
#terui {
	background-position:center bottom;
	background-size:90%;
}
#kannondo {
	background-position:center bottom;
	background-size:90%;
}
#hiraga {
	background-position:center bottom;
	background-size:90%;
}
#saito {
	background-position:center bottom;
	background-size:90%;
}
#ito {
	background-position:center bottom;
	background-size:90%;
}

}


/*
     FILE ARCHIVED ON 18:33:17 May 31, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:20:47 Jul 26, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.572
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.026
  esindex: 0.011
  cdx.remote: 7.396
  LoadShardBlock: 137.813 (3)
  PetaboxLoader3.datanode: 104.842 (4)
  PetaboxLoader3.resolve: 94.719 (2)
  load_resource: 102.15
*/