@charset "utf-8";
/* CSS Document */
body{
	overflow-y: scroll !important;
	}
#container{
	position:relative;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:0;
	}
#container #main{margin:0 auto;}
#pawMasked{
	z-index:-1;
	opacity:0;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	}
#pawMasked img{
	max-width:none;
	width:100%;
	height:100%;
	}
#pawLayTable{
	z-index:-1;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	opacity:0;
	position:absolute;
	top:5%;
	bottom:5%;
	left:0;
	right:0;
	width:100%;
	max-width:960px;
	margin:0 auto;
	}
#pawLayMain{
	position:absolute;
	z-index:1;
	}
#pawListContainer{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	}
#pawLayCommon{
	position:relative;
	z-index:2;
	}
#pawLayCommon #pawTrgClose{
	position:absolute;
	top:11px;
	bottom:auto;
	left:auto;
	right:11px;
	width:44px;
	height:44px;
	}
#pawLayCommon #pawTrgClose img{padding:11px;}
@media(min-width:481px) and (max-width:940px){	
	#pawLayTable{
		top:0;
		bottom:auto;
		height:100%;
		}
	}
@media(min-width:1px) and (max-width:480px){
	#pawLayTable{
		top:0;
		bottom:0;
		}
	#pawLayCommon #pawTrgClose{
		top:0;
		right:0;
		}
	}
	
/*

■■■　body.paw-gallery #pawLayMain
■■■　body.paw-gallery #pawLayMain #pawListContainer
■■■　body.paw-gallery #pawLayMain #pawListNavigation

*/

body.paw-gallery #pawLayMain{
	width:100%;
	max-width:930px;
	margin:0 auto;
	background:#fff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	body.paw-gallery #pawLayTable{height:90%;}
	body.paw-gallery #pawLayTable #pawLayBody{
		width:100%;
		max-width:930px;
		margin:0 auto;
		}
	body.paw-gallery #pawLayTable .pawLoadingMasked{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: #FFF;
		z-index: 1;
		text-align: center;
		}
	body.paw-gallery #pawLayTable .pawLoadingMasked img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin:-5px 0 0 -45px;
		width:90px;
		height:10px;
		}
	body.paw-gallery #pawLayMain #pawListContainer.field{
		position:absolute;
		width:100%;
		top:0;
		bottom:0;
		left:0;
		right:0;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li{
		position:absolute;
		width:100%;
		top:0;
		bottom:0;
		left:0;
		right:0;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure{
		position: absolute;
		top: 0;
		bottom: 56px;
		left: 5%;
		right: 5%;
		width:90%;
		max-width: 680px;
		max-height: 680px;
		margin: 0 auto;
		padding:35px 0 5px;
		line-height:0;
		text-align:center;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure img{
		max-width: 100%;
		max-height: 100%;
		margin: 0 auto;
		line-height: 0;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure figcaption{
		font-size:13px;
		line-height: 20px;
		margin:0 auto;
		max-width: 680px;
		padding:5px 0;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure figcaption span{
		display:block;
		text-align:center;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure figcaption span span{display:inline !important;}
	body.paw-gallery #pawLayMain #pawTrgPrev,
	body.paw-gallery #pawLayMain #pawTrgNext{
		z-index:2;
		position:absolute;
		top:50%;
		margin-top:-22px;
		cursor:pointer;
		}
	body.paw-gallery #pawLayMain #pawTrgPrev{left:11px;}
	body.paw-gallery #pawLayMain #pawTrgNext{right:11px;}
	body.paw-gallery #pawLayMain #pawTrgPrev img,
	body.paw-gallery #pawLayMain #pawTrgNext img{padding:15px 18px;}
@media(min-width:481px) and (max-width:940px){
	body.paw-gallery #pawLayTable{height:100%;}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure{
		padding-top:66px;
		margin: 0 auto;
		}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure figcaption{width:100%;}
	body.paw-gallery #pawLayMain #pawListNavigation{z-index:2;}
	body.paw-gallery #pawLayMain #pawTrgPrev,
	body.paw-gallery #pawLayMain #pawTrgNext{
		position:absolute;
		top:10%;
		bottom:10%;
		width:20%;
		margin-top:0;
		}
	body.paw-gallery #pawLayMain #pawTrgPrev{left:0;}
	body.paw-gallery #pawLayMain #pawTrgNext{right:0;}
	body.paw-gallery #pawLayMain #pawTrgPrev a,
	body.paw-gallery #pawLayMain #pawTrgNext a{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		}
	body.paw-gallery #pawLayMain #pawTrgPrev img,
	body.paw-gallery #pawLayMain #pawTrgNext img{display:none;}
	}
@media(min-width:1px) and (max-width:480px){
	body.paw-gallery #pawLayTable{height:100%;}
	body.paw-gallery #pawLayMain #pawListContainer ul li figure figcaption{width:100%;}
	body.paw-gallery #pawLayMain #pawListNavigation{z-index:2;}
	body.paw-gallery #pawLayMain #pawTrgPrev,
	body.paw-gallery #pawLayMain #pawTrgNext{
		position:absolute;
		top:10%;
		bottom:10%;
		width:25%;
		margin-top:0;
		}
	body.paw-gallery #pawLayMain #pawTrgPrev{left:0;}
	body.paw-gallery #pawLayMain #pawTrgNext{right:0;}
	body.paw-gallery #pawLayMain #pawTrgPrev a,
	body.paw-gallery #pawLayMain #pawTrgNext a{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		}
	body.paw-gallery #pawLayMain #pawTrgPrev img,
	body.paw-gallery #pawLayMain #pawTrgNext img{display:none;}
	}	
	
/*

■■■　body.paw-map #pawLayMain
■■■　body.paw-map #pawLayMain #pawListContainer
■■■　body.paw-map #pawLayMain #pawListNavigation

*/

body.paw-map #pawLayTable{
	position:absolute;
	max-width:870px;
	}
body.paw-map #pawLayMain{
	width:100%;
	max-width:870px;
	margin:0 auto;
	background:rgba(0,0,20,0.75);
	top:0;
	bottom:auto;
	height:auto;
	left:0;
	right:0;
	}
	body.paw-map #pawLayTable #pawLayBody{
		width:100%;
		max-width:870px;
		margin:0 auto;
		}
	body.paw-map #pawLayMain .pawLoadingMasked{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background:#000014;
		z-index: 1;
		text-align: center;
		}
	body.paw-map #pawLayMain .pawLoadingMasked img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin:-5px 0 0 -45px;
		width:90px;
		height:10px;
		}
	body.paw-map #pawLayMain #pawListContainer{position:relative;}
	body.paw-map #pawLayMain #pawListContainer ul li{
		width:100%;
		max-width:620px;
		margin:0 auto;
		padding:50px 0 100px;
		}
	body.paw-map #pawLayMain #pawListContainer ul li h2{
		width:90%;
		margin:0 auto;
		text-align:center;
		}
	body.paw-map #pawLayMain #pawListContainer ul li p{
		width:100%;
		text-align: left;
		margin:0 auto;
		color:#fff;
		}
	body.paw-map #pawLayMain #pawListContainer ul li p.maintext{
		margin:50px auto 2em;
		}
	body.paw-map #pawLayMain #pawListContainer ul li p.english{
		text-align: justify;
		color:#808080;
		}
	body.paw-map #pawLayMain #pawListContainer ul li h2 img{
		margin:30px 0;
		max-height:60px;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .sub_photo{
		width:100%;
		margin:50px auto 0;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .sub_photo .sub_photo_lf{
		width:49.19355%;
		max-width:305px;
		float:left;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .sub_photo .sub_photo_rg{
		width:49.19355%;
		max-width:305px;
		float:right;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile{
		width:100%;
		max-width:280px;
		margin:50px auto 0;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile .artisan_name{
		margin-top:20px;
		text-align:center;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile .artisan_name img{
		height:70px;
		text-align:center;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile .artisan_page{
		width: 280px;
		height: 58px;
		margin-top:20px;
		background: #6e0000;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 3px;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile .artisan_page a{
		height: 36px;
		line-height: 18x;
		padding: 9px 14px;
		display: block;
		text-align: left;
		color: #FAFAE6;
		background: url(../img/map/btn_allow.png) 260px 10px no-repeat;
		}
	body.paw-map #pawLayMain #pawListContainer ul li .profile .artisan_page a img{
		vertical-align:middle;
		margin-right:6px;
		display:block;
		margin-top:5px;
		}
	body.paw-map #pawLayMain #pawListContainer #ppContClose{
		width:22px;
		position: absolute;
		cursor: pointer;
		top: 0;
		right: 0;
		padding: 26px;
		}
	body.paw-map #pawLayMain #pawTrgPrev,
	body.paw-map #pawLayMain #pawTrgNext{display:none;}
@media(min-width:1px) and (max-width:940px){
	body.paw-map #pawLayMain #pawListContainer ul li p{
		width:90%;
		}
	}
@media(min-width:481px) and (max-width:940px){
	body.paw-gallery #pawLayMain #pawListContainer ul li figure{
		padding-top:66px;
		margin: 0 auto;
		}
	body.paw-map #pawLayMain #pawListContainer ul li figure figcaption{width:100%;}
	body.paw-map #pawLayMain #pawListNavigation{z-index:2;}
	body.paw-map #pawLayMain #pawTrgPrev,
	body.paw-map #pawLayMain #pawTrgNext{
		position:absolute;
		top:10%;
		bottom:10%;
		width:20%;
		margin-top:0;
		}
	body.paw-map #pawLayMain #pawTrgPrev{left:0;}
	body.paw-map #pawLayMain #pawTrgNext{right:0;}
	body.paw-map #pawLayMain #pawTrgPrev a,
	body.paw-map #pawLayMain #pawTrgNext a{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		}
	body.paw-map #pawLayMain #pawTrgPrev img,
	body.paw-map #pawLayMain #pawTrgNext img{display:none;}
	}
@media(min-width:1px) and (max-width:480px){
	body.paw-map #pawLayMain #pawListContainer ul li figure figcaption{width:100%;}
	body.paw-map #pawLayMain #pawListNavigation{z-index:2;}
	body.paw-map #pawLayMain #pawTrgPrev,
	body.paw-map #pawLayMain #pawTrgNext{
		position:absolute;
		top:10%;
		bottom:10%;
		width:25%;
		margin-top:0;
		}
	body.paw-map #pawLayMain #pawTrgPrev{left:0;}
	body.paw-map #pawLayMain #pawTrgNext{right:0;}
	body.paw-map #pawLayMain #pawTrgPrev a,
	body.paw-map #pawLayMain #pawTrgNext a{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		}
	body.paw-map #pawLayMain #pawTrgPrev img,
	body.paw-map #pawLayMain #pawTrgNext img{display:none;}
	}	
/*

■■■　body.paw-artisan #pawLayMain
■■■　body.paw-artisan #pawLayMain #pawListContainer
■■■　body.paw-artisan #pawLayMain #pawListNavigation

*/
#artisans_trigger{display:none !important;}

body.paw-artisan #pawLayTable{
	position:fixed;
	}
body.paw-artisan #pawLayMain{
	width:100%;
	max-width:960px;
	margin:0 auto;
	background:#fff;
	top:0;
	bottom:0;
	max-height: 645px;
	left:0;
	right:0;
	}
	body.paw-artisan #pawLayTable{
		height: 645px;
		bottom:auto;
		}
	body.paw-artisan #pawLayTable #pawLayBody{
		width:100%;
		max-width:960px;
		margin:0 auto;
		}
	body.paw-artisan #pawLayTable .pawLoadingMasked{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: #FFF;
		z-index: 1;
		text-align: center;
		}
	body.paw-artisan #pawLayTable .pawLoadingMasked img{
		position: absolute;
		top: 50%;
		left: 50%;
		margin:-5px 0 0 -45px;
		width:90px;
		height:10px;
		}
	body.paw-artisan #pawLayMain #pawListContainer ul{
		position:absolute;
		width:100%;
		top:5%;
		bottom:5%;
		left:0;
		right:0;
		}
	body.paw-artisan #pawLayMain #pawListContainer ul li.active{
		width: 890px;
		margin: 0 auto;
		}
	body.paw-artisan #pawLayMain .picture{
		width:100%;
		position:relative;
		}
	body.paw-artisan #pawLayMain .picture .item_image{
		width:595px;
		float:left;
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe{
		width:595px;
		height:460px;
		float:left;
		position:relative;
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe .list{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:0;
		filter:alpha(opacity=0);
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs{
		margin:5px 0 0;
		width:598px;
		float:left;
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li{
		width:147px;
		float:left;
		margin-right:2px;
		cursor:pointer;
		opacity:0.5;
		filter:alpha(opacity=50);
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe .list{
		-webkit-transition:opacity 1.2s ease-in-out;
		-moz-transition:opacity 1.2s ease-in-out;
		-ms-transition:opacity 1.2s ease-in-out;
		-o-transition:opacity 1.2s ease-in-out;
		transition:opacity 1.2s ease-in-out;
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li{
		-webkit-transition:opacity 0.5s ease-in-out;
		-moz-transition:opacity 0.5s ease-in-out;
		-ms-transition:opacity 0.5s ease-in-out;
		-o-transition:opacity 0.5s ease-in-out;
		transition:opacity 0.5s ease-in-out;
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li:hover{
		opacity:0.75;
		filter:alpha(opacity=75);
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe .list.js-current,
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li.js-current{
		opacity:1;
		filter:alpha(opacity=100);
		}
	body.paw-artisan #pawLayMain .picture .item_detile{
		width:255px;
		float:right;
		height:460px;
		position:relative;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles{
		width:255px;
		position: absolute;
		left: 0;
		bottom: 62px;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles h3{
		font-size:22px;
		line-height:1.5em;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles p.english{
		font-size:15px;
		line-height:1.5em;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles dt.name{padding:10px 0 0;}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles dd.material{padding:10px 0 0;}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles dt.english{padding:10px 0 0;}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles dd.english{padding:10px 0 0;}
	body.paw-artisan #pawLayMain .picture .item_detile .inquiry{
		width:255px;
		height:42px;
		background:#000014;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		border-radius:3px;
		position:absolute;
		top:420px;
		right:0;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .inquiry a{
		height:24px;
		line-height:24px;
		padding:9px 14px;
		display:block;
		text-align:left;
		color:#fafae6;
		background:url(../../../img/artisan/btn_allow.png) 232px center no-repeat;
		background-size:6px 10px;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .inquiry a img{
		vertical-align:middle;
		margin-left:14px;
		}
	body.paw-artisan #pawLayMain .item_detile .direct{
		position: absolute;
		top: 100%;
		padding-top: 10px;
		left: 0;
		}
	body.paw-artisan #pawLayMain .pictureList .product_footer{width:100%;}
	body.paw-artisan #pawLayMain #pawTrgPrev,
	body.paw-artisan #pawLayMain #pawTrgNext{display:none;}

@media(min-width:1px) and (max-width:940px){	
	
body.paw-artisan #pawLayTable{
	position:absolute;
	height:auto;
	background: #FFF;
	bottom: 0;
	}
body.paw-artisan #pawLayTable,
body.paw-artisan #pawLayMain{
	max-width:none;
	}
body.paw-artisan #pawLayMain{
	position:static;
	height:auto;
	bottom:auto;
	max-height:none;
	}
	body.paw-artisan #pawLayTable #pawLayBody{
		width:100%;
		max-width:960px;
		margin:0 auto;
		}
	body.paw-artisan #pawLayMain #pawListContainer{position:relative;}
	body.paw-artisan #pawLayMain #pawListContainer ul{
		position:static;
		padding-top:66px;
		}
	body.paw-artisan #pawLayMain #pawListContainer ul li.active{
		width: 90%;
		max-width:595px;
		}
	body.paw-artisan #pawLayMain .picture{
		width:100%;
		position:relative;
		}
	body.paw-artisan #pawLayMain .picture .item_image{
		max-width:595px;
		width:100%;
		float:none;
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe{
		width:100%;
		height:auto;
		float:none;
		}
	body.paw-artisan #pawLayMain .picture .item_image .photoframe .list:first-child{position:static;}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs{
		width:100%;
		float:none;
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li{
		width:24%;
		margin-right:1.333%;
		}
	body.paw-artisan #pawLayMain .picture .item_image .thumbs ol li:last-child{	margin-right:0%;}
	body.paw-artisan #pawLayMain .picture .item_detile{
		width:100%;
		float:none;
		height:auto;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .detiles{
		width:100%;
		position: static;
		}
	body.paw-artisan #pawLayMain .picture .item_detile .inquiry{
		margin-top:10px;
		position:static;
		}
	body.paw-artisan #pawLayMain .item_detile .direct{
		position: static;
		padding-bottom:50px;
		}
	body.paw-artisan #pawLayCommon{position: absolute;
		top: 0;
		left: 0;
		right: 0;
		}
	}
	
#pawMasked,
#pawLayTable{
	-webkit-transition:1s opacity, 1s -webkit-transform;
	-moz-transition:1s opacity, 1s -moz-transform;
	-ms-transition:1s opacity, 1s -ms-transform;
	-o-transition:1s opacity, 1s -o-transform;
	transition:1s opacity, 1s transform;
	}
body.popup-ainu-window{
	overflow-y:scroll;
	}
body.popup-ainu-window #container{
	top:auto;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	}
body.popup-ainu-window #pawMasked,
body.popup-ainu-window #pawLayTable{
	opacity:1;
	}
html.ie8 #pawMasked,
html.ie8 #pawLayTable{display:none;}
html.ie8 body.popup-ainu-window #pawMasked,
html.ie8 body.popup-ainu-window #pawLayTable{display:block;}
body.popup-ainu-window #pawLayTable{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}