@charset "UTF-8";
/* CSS Document */

html {
	background-image: url(../images/bg.gif);
	background-position: 0px 0px;
}
body {
	background-image: url(../images/bg_white.png);
	background-position: center top;
	background-repeat: repeat-y;
	/*position:relative;*/
	font-size:12px;
	line-height:1.5em;
	/*min-width:1000px;*/
       /*background-image: url(https://ecm.mqm.co.jp/Temp/f7cf33ec-f51d-47db-86ba-838b14246930/20200721144159081.jpg?423);
       background-repeat: no-repeat;
       background-size: initial;
       background-position: center center;
       background-attachment: fixed;		*/
       cursor: default;

}
.left {
	float:left;
}
.right {
	float:right;
}
#top_obj {
	background-image: url(../images/bg_top.png);
	background-position: center top;
	background-repeat: repeat-x;
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}
header {
	width:1000px;
}
#header {
	width:1000px;
	margin:0 auto;
	position:relative;
	min-height:220px;
}
#header #logo {
	position:absolute;
	top:20px;
	left:110px;
	z-index:8888;
}
#bottom_obj {
	background-image: url(../images/bg_bottom.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	width:100%;
	height:192px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:9999;
}
#wrapper {
	/*background-image: url(../images/bg_white.png);
	background-position: center bottom;
	background-repeat: repeat-y;*/
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#contents {
	width:1000px;
}
#sub-column {
	width:220px;
	float:left;
}
#main-column {
	width:770px;
	float:right;
}
#sub-column .inbox {
	padding-bottom:50px;
}
#sub-column .wk .title {
	margin-bottom:20px;
}
#main-column .news_area {
	padding:20px 40px 0px 40px;
}
#main-column .news_area table th {
	font-size:16px;
	padding-right:20px;
	padding-bottom:30px;
	font-weight:bold;
}
#main-column .news_area table td {
	padding-bottom:30px;
}
#main-column .section {
	padding-bottom:70px;
	text-align:center;
}
#main-column .section.first {
	padding-bottom:0px;
}
#main-column .section.item .title {
	padding-bottom:45px;
}
#main-column .section.item.ah_collection .title{
	padding-top:50px;
	padding-bottom:0px;
}
#main-column .section.item.wk_special .title {
	padding-bottom:0px;
}
#main-column .section .list_area ul {
	letter-spacing:-0.4em;
}
#main-column .section .list_area ul li {
	display:inline-block;
	letter-spacing:normal;
	width:25%;
	margin-bottom:10px;
}
#main-column .section.category .list_area ul li {
	width:33.333%;
}
footer {
	/*background: url(../images/bg_white.png) repeat-y center top !important;*/
	width:1000px;
	margin:0 auto;
}
#footer .section {
	text-align:center;
}
#footer .section.shop_info {
	padding-bottom:70px;
}

/*-----------------------------------------*/

.section.item.new_item .list_area li {
	position:relative;
	width:192px;
	height:322px;
}
.section.item.reco_item .list_area li {
	position:relative;
	width:192px;
	height:342px;
}
.section.item.category .list_area li {
	width:240px;
	height:180px;
}
.section.item.favorites .list_area li {
	position:relative;
	width:204px;
	height:294px;
}
.section.item.ah_collection .list_area li {
	position:relative;
	width:192px;
	height:100px;
}
.section.item.wk_special .list_area li {
	position:relative;
	width:192px;
	height:100px;
}

.section.item.new_item.apple_h .list_area li {
	position:relative;
	width:192px;
	height:294px;
}
.section.item.reco_item.apple_h .list_area li {
	position:relative;
	width:192px;
	height:342px;
}
.section.item.category.apple_h .list_area li {
	width:240px;
	height:180px;
}
.section.item.favorites.apple_h .list_area li {
	position:relative;
	width:204px;
	height:294px;
}

.section.item.new_item .list_area li .txt,
.section.item.reco_item .list_area li .txt,
.section.item.ah_collection .list_area li .txt,
.section.item.wk_special .list_area li .txt {
	position:absolute;
    bottom: 0;
	left:0;
}
.section.item .list_area .image {
	position:relative;
}
.section.item .list_area .image a  {
	position:absolute;
}
.section.item .list_area .image a.omote  {
    top: 0;
	left:0;
	z-index:2;
	transition: 0.2s;
}
.section.item .list_area .image a.ura  {
    top: 0;
	left:0;
	z-index:1;
	transition: 0.2s;
	transform:rotateY(180deg);
}
.section.item .list_area li:hover a.omote  {
	transform:rotateY(180deg);
}
.section.item .list_area li:hover a.ura  {
	transform:rotateY(0deg);
	z-index:3;
}

/*#sub-column .wk .title:hover a img,
#sub-column .ah .title:hover a img,
#sub-column .wk li:hover a img,
#sub-column .ah li:hover a img,
#sub-column .link_area li:hover a img  {
	transform:rotateX(360deg);
	transition: 0.6s;
}*/

/*-----------------------------------*/

.section.copy .box_a {
	background-image: url(/pic-labo/img_wk_main_exp_a.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	height:130px;
}
.section.copy .box_b {
	background-image: url(/pic-labo/img_wk_main_exp_b.jpg);
	background-position: left top;
	background-repeat:repeat-y;
}
.section.copy .box_c {
	background-image: url(/pic-labo/img_wk_main_exp_c.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	height:130px;
}
.section.copy .box_b p {
	color:#fff;
	font-size:14px;
	line-height:1.8em;
	padding: 0 80px;
}

/*-----------------------------------*/

.section.gallery {
	position:relative;
	width:770px;
	height:490px;
}
.section.gallery .frame {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.section.gallery li,
.section.gallery li strong,
.section.gallery .img_main,
.section.gallery .img_main strong {
	position:absolute;
}
.section.gallery li span {
	top:0px;
	left:0px;
	z-index:9;
	/*cursor:pointer;*/
}
.section.gallery .gl_01 {
	top:0px;
	left:140px;
	z-index:10;
	width:168px;
	height:200px;
}
.section.gallery .gl_01 strong {
	top:22px;
	left:8px;
	max-width:160px;
}
.section.gallery .gl_01 strong img {
	max-width:160px;
}
.section.gallery .gl_02 {
	top:140px;
	left:0px;
	z-index:30;
	width:184px;
	height:142px;
}
.section.gallery .gl_02 strong {
	top:0px;
	left:38px;
	max-width:130px;
}
.section.gallery .gl_02 strong img {
	max-width:130px;
}
.section.gallery .gl_03 {
	top:200px;
	left:184px;
	z-index:20;
	width:124px;
	height:190px;
}
.section.gallery .gl_03 strong {
	top:44px;
	left:-16px;
	max-width:140px;
}
.section.gallery .gl_03 strong img {
	max-width:140px;
}
.section.gallery .gl_04 {
	top:282px;
	left:0px;
	z-index:40;
	width:184px;
	height:208px;
}
.section.gallery .gl_04 strong {
	top:34px;
	left:26px;
	max-width:146px;
}
.section.gallery .gl_04 strong img {
	max-width:146px;
}
.section.gallery .choucho {
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
}
.section.gallery .img_main {
	top:0px;
	left:308px;
	z-index:60;
	background-color:#000;
	width:462px;
	height:490px;
}
.section.gallery li p,
.section.gallery .img_main p {
	position:relative;
}
.section.gallery li span,
.section.gallery .img_main span,
.section.gallery li strong,
.section.gallery .img_main strong {
	display:block;
}
.section.gallery li strong,
.section.gallery .img_main strong {
	display:block;
}
.section.gallery li span,
.section.gallery .img_main span {
	position:absolute;
}
.section.gallery .img_main strong {
	top:54px;
	left:46px;
	max-width:360px;
}
.section.gallery .img_main strong img {
	max-width:360px;
}