@charset "utf-8";
/*

量が多いので別にします。

*/
#loaderGIF{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9;
	background:#000014;
	}
#loaderGIF img{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-45px;
	}
#container{
	left:0;
	right:0;
	}
#artisans_trigger{
	position:absolute;
	left:0;
	top:0;
	width:18px;
	height:18px;
	padding:20px;
	z-index:5;
	}
#page1,
#page2,
#page3{
	position:relative;
	-webkit-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	}
#page1{z-index:4;}
#page2{z-index:3;}
#page3{z-index:2;}
#pictureStoryWrap{position:relative;}
#page1{
	background: #000014;
	}
#page1 #artisan_kv{
	position:relative;
	line-height:0;
	}
html.ie8 #page1 #artisan_kv{
	min-width:960px;
	}
#page1 .background img{
	display:block;
	width:100%;
	}
#page1 #artisan_kv .kv_common{
	position:absolute;
	left:0;
	right:0;
	top:21.83951%;
	text-align:center;
	display:block;
	width:100%;
	}
#page1 #artisan_kv .kv_common img:first-child{
	width:8.59375%;
	}
html.ie8 #page1 #artisan_kv .kv_common{
	top:100px;
	}
html.ie8 #page1 #artisan_kv .kv_common img{
	width:110px;
	}
#page1 #artisan_kv .kv_name{
	position: static;
	margin-top: 2%;
	display:block;
	width:100%;
	}
html.ie8 #page1 #artisan_kv .kv_name{
	top:220px;
	}
#page1 #scrollStarter{display:block;}
/* h_suzaki */
.h_suzaki #page1 #artisan_kv{
	background:url(../img/artisan/01/fig01.jpg) no-repeat right top;
	background-size:cover;
	}
.h_suzaki #page1 #artisan_kv .kv_name img{
	width:33.59375%;
	}
html.ie8 .h_suzaki #page1 #artisan_kv .kv_name img{
	width:430px;
	}
/* t_kaizawa */
.t_kaizawa #page1 #artisan_kv{
	background:url(../img/artisan/02/fig01.jpg) no-repeat right top;
	background-size:cover;
	}
.t_kaizawa #page1 #artisan_kv .kv_name img{
	width:33.75%;
	}
/* k_kaizawa */
.k_kaizawa #page1 #artisan_kv{
	background:url(../img/artisan/03/fig01.jpg) no-repeat right center;
	background-size:cover;
	}
.k_kaizawa #page1 #artisan_kv .kv_name img{
	width:32.25%;
	}
/* s_takano */
.s_takano #page1 #artisan_kv{
	background:url(../img/artisan/04/fig01.jpg) no-repeat right center;
	background-size:cover;
	}
.s_takano #page1 #artisan_kv .kv_name img{
	width:43.75%;
	}
/* y_kaizawa */
.y_kaizawa #page1 #artisan_kv{
	background:url(../img/artisan/05/fig01.jpg) no-repeat right top;
	background-size:cover;
	}
.y_kaizawa #page1 #artisan_kv .kv_name img{
	width:39.53125%;
	}
/* m_kaizawa */
.m_kaizawa #page1 #artisan_kv{
	background:url(../img/artisan/06/fig01.jpg) no-repeat left center;
	background-size:cover;
	}
.m_kaizawa #page1 #artisan_kv .kv_name img{
	width:39.53125%;
	}
/* t_ozaki */
.t_ozaki #page1 #artisan_kv{
	background:url(../img/artisan/07/fig01.jpg) no-repeat center center;
	background-size:cover;
	}
.t_ozaki #page1 #artisan_kv .kv_name img{
	width:38.59375%;
	}
/* r_fujiya */
.r_fujiya #page1 #artisan_kv{
	background:url(../img/artisan/08/fig01.jpg) no-repeat left top;
	background-size:cover;
	}
.r_fujiya #page1 #artisan_kv .kv_name img{
	width:35.15625%;
	}
/* m_sekine */
.m_sekine #page1 #artisan_kv{
	background:url(../img/artisan/09/fig01.jpg) no-repeat right center;
	background-size:cover;
	}
.m_sekine #page1 #artisan_kv .kv_name img{
	width:30.78125%;
	}
/* r_kaizawa */
.r_kaizawa #page1 #artisan_kv{
	background:url(../img/artisan/10/fig01.jpg) no-repeat right center;
	background-size:cover;
	}
.r_kaizawa #page1 #artisan_kv .kv_name img{
	width:39.6875%;
	}
/* a_hiramura */
.a_hiramura #page1 #artisan_kv{
	background:url(../img/artisan/11/fig01.jpg) no-repeat left center;
	background-size:cover;
	}
.a_hiramura #page1 #artisan_kv .kv_name img{
	width:36.09375%;
	}
#page1 #artisan_kv .down{
	position:absolute;
	top:75%;
	left:50%;
	margin-left:-34px;
	width:69px;
	height:69px;
	}
#page1 #artisan_kv .down img{
	padding:12px 11px 11px 12px;
	z-index:8;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
#page1 #artisan_kv .down span{
	position:absolute;
	z-index:7;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	background:url(../img/artisan/btn_down.png);
	background-size:69px 69px;
	width:69px;
	height:69px;
	}
#page2{
	padding:60px 0;
	background: #000014;
	}
#page2 #artisan_intro{
	max-width:960px;
	margin:0 auto;
	}
#page2 #artisan_intro #introduce{
	width:540px;
	float:left;
	font-size:14px;
	line-height:28px;
	color:#fff;
	}
#page2 #artisan_intro #introduce h3{
	margin-bottom:10px;
	}
#page2 #artisan_intro #introduce h3 img{height:24px;}
#page2 #artisan_intro #introduce p{
	margin-bottom:30px;
	}
#page2 #artisan_intro #introduce p.name img{height:76px;}
#page2 #photos{
	width:354px;
	float:right;
	}
body.js-paperStory{
	position:relative;
	}
body.js-paperStory #container article{
	position: absolute;
	width: 100%;
	top: auto;
	left: 0;
	right: 0;
	}
body.js-paperStory #container footer{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	}
body.js-paperStory #container #footerbar{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	}
body.js-paperStory #global{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 140px;
	z-index: 10;
	-webkit-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 30px -5px rgba(0, 0, 0, 0.5);
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	}
body.js-paperStory #global.hide{
	margin-top:-140px;
	opacity:0;
	}
body.js-paperStory #page1 #artisan_kv{	
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
body.js-paperStory #artisan_footer{padding-bottom:0 !important;}
body.js-paperStory #page1 #artisan_kv .background img{display:none;}
@media(min-width:481px) and (max-width:940px){
	#page1,
	#page2,
	#page3{
		position:relative !important;
		height:auto !important;
		}
	#page1 .background img{display:block !important;}
	#page1 #artisan_kv{position:relative !important;}
	#page1 #scrollStarter{display:none;}
	#page2{
		padding:60px 0;
		}
	#page2 #artisan_intro{
		width:90%;
		margin:0 auto;
		}
	#page2 #artisan_intro #introduce{
		width:100%;
		float:none;
		}
	#page2 #photos{
		width:100%;
		float:right;
		}
	#page2 #photos img{
		float:right;
		width:50%;
		}
	#page2 #photos img:nth-child(1){
		float:left;
		width:49.5%;
		}
	#page2 #artisan_intro #introduce p{
		font-size: 14px !important;
		line-height: 24px !important;
		}
	}
@media(min-width:1px) and (max-width:480px){
	#page1,
	#page2,
	#page3{
		position:relative !important;
		height:auto !important;
		}
	#page1 .background img{display:block !important;}
	#page1 #artisan_kv{position:relative !important;}
	#page1 #scrollStarter{display:none;}
	#page2{
		padding:45px 0;
		}
	#page2 #artisan_intro{
		width:90%;
		margin:0 auto;
		}
	#page2 #artisan_intro #introduce{
		width:100%;
		float:none;
		}
	#page2 #photos{
		width:100%;
		float:none;
		text-align:center;
		}
	#page2 #artisan_intro #introduce p{
		font-size: 12px !important;
		line-height: 22px !important;
		}
	}