@charset "shift_jis";

/*
position:relative;
behavior:url(/common/scripts/PIE.htc);

基本サイズ12px
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
21px	175%
22px	184%
23px	192%
24px	200%
25px	209%
26px	217%

基本サイズ13px
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	124%
17px	131%
18px	139%
19px	147%
20px	154%
21px	162%
22px	170%
23px	177%
24px	185%
25px	193%
26px	200%

基本サイズ14px
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%

基本サイズ15px
10px	67%
11px	74%
12px	80%
13px	87%
14px	94%
15px	100%
16px	107%
17px	114%
18px	120%
19px	127%
20px	134%
21px	140%
22px	147%
23px	154%
24px	160%
25px	167%
26px	174%

基本サイズ16px
10px	63%
11px	69%
12px	75%
13px	82%
14px	88%
15px	94%
16px	100%
17px	107%
18px	113%
19px	119%
20px	125%
21px	132%
22px	138%
23px	144%
24px	150%
25px	157%
26px	163%

*/


/* margin set
----------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
margin:0 0 12px 0;
}

p{
margin:0 0 12px 0;
}

table{
margin:0 0 12px 0;
}

ul{
margin:0 0 12px 0;
padding:0;
}

ol{
margin:0 0 12px 1.8em;
padding:0;
}

dl{
margin:0 0 12px 0;
}
dd{
margin:0 0 12px 0;
}



/* base style
----------------------------------------------------------------------------------------------*/
html{
height:100%;
max-height: 999999px;

}
body{
position:relative;
background:#66bc29;
min-width:980px;
height:100%;
font-size:82%;
text-shadow:0 1px #fff;
color:#333;
letter-spacing:normal;
word-spacing:normal;
zoom:1;
}

a{
color:#333;
text-decoration:none;
letter-spacing:normal;
word-spacing:normal;
}
a:hover{
text-decoration:underline;
}

input[type=text],input[type=password],input[type=email]{
border:none;
outline:none;
background:#f5f5f5;
padding:10px;
font-size:93%;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus{
	background:#fff;
	border:1px solid #d7d7d7;
}
input[type=text][value]{
color:#888;
}
textarea{
border:#eee 1px solid;
outline:none;
background:#eee;
padding:10px;
font-size:93%;
font-family:Arial,Verdana,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}
input[type=checkbox],
input[type=radio]{
vertical-align:middle;
cursor:pointer;
}
label{
vertical-align:middle;
}
input[type=checkbox] + label,
input[type=radio] + label{
cursor:pointer;
}
input[type=submit]{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
}
input::-ms-clear {
    visibility:hidden
}
/*table{
width:100%;
}*/

.rollover img,
#gheaderContents01 .gheaderInner01 a:hover img,
#gheaderContents01 .logout .button01 a:hover img,
#gheaderContents01 .gheaderInner02 .memberInfo a img,
.rsideSaleArea .box01,
.rsideRank01 li a:hover img,
.slideTypeA01 .slides li a:hover img,
.slideTypeA01 .select li a:hover img,
/*.owl-carousel01 .owl-item a .itemImage,
.itemTypeA01 li a .itemImage,*/
.itemBoxTypeA01 .detail .img #thumbBtn li img,
.reviewTypeG01 .img a img,
.bannerListTypeA01 a:hover img,
.bannerListTypeB01 a:hover img,
.layoutTypeA01 li a img,
.pagerTypeA01 li a,
.boxTypeC01 .btn,
.layoutTypeB01 p a img,
.displayTypeA01 li a img,
.layoutTypeC01 .button01 a img,
.alertTypeB01 .button01 a img,
.favoriteTypeA01 .cartTypeA01 .btn input,
.orderHistTypeA01 .cartTypeB01 td form .btn input,
.cartTypeC01 .cartBox .btn input,
.buttonTypeE01 a,
.buttonTypeE01 input[type=submit],
.buttonTypeE02 a,
.buttonTypeE02 input[type=submit],
.cartTypeB01 .num ul li p img,
.revVariousTypeA01 .buttonListTypeA01 a img,
.tableTypeC01 .rev td .buttonListTypeA01 li a img,
.cartTypeC01 .itemNum .btn p img,
.cartTypeA01 .itemNum .btn p img,
.cartTypeA01 .cartBox .btn input,
.categoryListTypeA01 li a,
.loginTypeA01Inner01 .button input,
.loginTypeA01Inner02 .button img,
.loginTypeA01Inner02 .buttonBox01 a img,
.cartTypeC01 .favoliteList01 .btn a img,
.snsTypeA01 li a img,
.buttonListTypeA01 a img,
#flickscroll ul li a img,
.reviewTypeA01 li a img,
.tabTypeA01 li a,
.tabTypeB01 ul li a,
.anchorTypeB01 ul li a{
transition:opacity 0.1s linear;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;
/zoom:1;
}

.rollover:hover img,
#gheaderContents01 .gheaderInner01 a:hover img,
#gheaderContents01 .logout .button01 a:hover img,
#gheaderContents01 .gheaderInner02 .memberInfo a:hover img,
.rsideSaleArea .box01:hover,
#campaignArea a:hover img,
.rsideRank01 li a:hover img,
.slideTypeA01 .slides li a:hover img,
.slideTypeA01 .select li a:hover img,
/*.itemTypeA01 li a:hover .itemImage,
.owl-carousel01 .owl-item a:hover .itemImage,*/
.itemBoxTypeA01 .detail .img #thumbBtn li:hover img,
.reviewTypeG01 .img a:hover img,
.bannerListTypeA01 a:hover img,
.bannerListTypeB01 a:hover img,
.layoutTypeA01 li a:hover img,
.pagerTypeA01 li a:hover,
.boxTypeC01 .btn:hover,
.layoutTypeB01 p a:hover img,
.displayTypeA01 li a:hover img,
.layoutTypeC01 .button01 a:hover img,
.alertTypeB01 .button01 a:hover img,
.favoriteTypeA01 .cartTypeA01 .btn:hover input,
.orderHistTypeA01 .cartTypeB01 td form .btn:hover input,
.cartTypeC01 .cartBox .btn input:hover,
.buttonTypeE01 a:hover,
.buttonTypeE01 input[type=submit]:hover,
.buttonTypeE02 a:hover,
.buttonTypeE02 input[type=submit]:hover,
.cartTypeB01 .num ul li p:hover img,
.revVariousTypeA01 .buttonListTypeA01 a:hover img,
.tableTypeC01 .rev td .buttonListTypeA01 li a:hover img,
.cartTypeC01 .itemNum .btn p:hover img,
.cartTypeA01 .itemNum .btn p:hover img,
.cartTypeA01 .cartBox .btn input:hover,
.categoryListTypeA01 li a:hover,
.loginTypeA01Inner01 .button input:hover,
.loginTypeA01Inner02 .button:hover img,
.loginTypeA01Inner02 .buttonBox01 a:hover img,
.cartTypeC01 .favoliteList01 .btn a:hover img,
.snsTypeA01 li a:hover img,
.buttonListTypeA01 a:hover img,
#flickscroll ul li a:hover img,
.reviewTypeA01 li a:hover img,
.tabTypeA01 li a:hover,
.tabTypeB01 ul li a:hover,
.anchorTypeB01 ul li a:hover{
filter:alpha(opacity=70)!important;
-moz-opacity:0.7!important;
opacity:0.7!important;
/zoom:1;
}

a img:hover{
filter:alpha(opacity=70)!important;
-moz-opacity:0.7!important;
opacity:0.7!important;
/zoom:1!important;
}


.clrF:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clrF{display:inline-block;}
/* Hides from IE6-mac \*/
* html .clearfix{height:1%;}
.clrF{display:block;}

/* document
----------------------------------------------------------------------------------------------*/
#document{
overflow:hidden!important;
position:relative;
min-width:980px;
min-height:100%;
background:#fff;
zoom:1;
}
.document02{
position:relative;
min-height:100%;
}


/* header
----------------------------------------------------------------------------------------------*/
#gheader{
background:#fff;
min-width:980px;
line-height:1.5;
}
#gheaderContents01{
margin:0;
padding:5px 10px;
height:78px;
}
#gheaderContents01:after{
content:".";
display:block;
clear:left;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.document02 #gheaderContents01{
width:960px;
margin:0 auto;
}
#tagLine{
margin:0 0 8px;
color:#666;
font-size:77%;
font-weight:normal;
}
#gheaderContents01 .gheaderInner01{
float:left;
width:665px;
padding:0;
letter-spacing:-0.4em;
}
#gheaderContents01 .gheaderInner01 p{
display:inline-block;
/display:inline;
margin:0;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
#gheaderContents01 .gheaderInner01 #headerLogo,
#gheaderContents01 .gheaderInner01 #freeShipping{
margin:0 18px 0 0;
}
#gheaderContents01 .gheaderInner01 #freeShipping{
}
#gheaderContents01 .gheaderInner01 #freeDial{
}
#gheaderContents01 .gheaderInner02{
float:right;
width:auto;
}
#gheaderContents01 .gheaderInner02 .memberInfo{
margin:0 0 5px;
font-size:108%;
}
#gheaderContents01 .gheaderInner02 .memberInfo .name01{
margin:0 5px;
color:#43ac00;
}
#gheaderContents01 .gheaderInner02 .memberInfo .type01{
display:inline-block;
margin:0 12px 0 5px;
color:#7694f4;
}
#gheaderContents01 .gheaderInner02 .memberInfo .type01:hover{
text-decoration:none;
}
#gheaderContents01 .gold .memberInfo .name01{
color:#cfa66f;
}
#gheaderContents01 .silver .memberInfo .name01{
color:#979090;
}

#gheaderContents01 .gheaderInner02 .unav01{
letter-spacing:-0.4em;
}
#gheaderContents01 .gheaderInner02 .unav01 li{
display:inline-block;
/display:inline;
border-left:1px solid #d6d6d6;
margin:0 0 0 12px;
padding:1px 0 1px 12px;
font-size:93%;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}
#gheaderContents01 .gheaderInner02 .unav01 .mypage{
border:none;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -96px;
margin:0;
padding:1px 0 1px 20px;
}
#gheaderContents01 .gold .unav01 .mypage{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -155px;
}
#gheaderContents01 .silver .unav01 .mypage{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -126px;
}
#gheaderContents01 .gheaderInner02 .unav01 .history{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 10px -68px;
padding:1px 0 1px 28px;
}

#gheaderContents01 .logout{
width:456px;
}
#gheaderContents01 .logout:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
#gheaderContents01 .logout .logoutInner01{
float:left;
width:198px;
}
#gheaderContents01 .logout .logoutInner01 p{
margin:0 0 5px;
font-size:93%;
}
#gheaderContents01 .logout .logoutInner01 p a{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -352px;
margin-left:10px;
padding-left:18px;
}
#gheaderContents01 .logout .logoutInner01 .about{
border-left:none;
margin-left:0;
padding-left:0;
}
#gheaderContents01 .logout .button01{
float:right;
width:231px;
margin:0 0 12px;
}

.document02 #gheaderContents01{
padding:12px 10px;
letter-spacing:-0.4em;
font-size:1px;
}
.document02 #gheaderContents01 #headerLogo{
display:inline-block;
/display:inline;
margin:0 20px 0 0;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}


#HeaderSdArea {
background: url("/main/image/common/bg_icon_01.png") no-repeat scroll 0 -4491px rgba(0, 0, 0, 0);
float:right;
padding-right:10px;
margin-top: 37px;
}
#HeaderSdArea .guide{
padding-left:18px;
}

/*#gheader #infoMessage*/

#gheader #infoMessage{
background:#fff;
min-width:960px;
margin:0 0 0;
padding:10px 0 0 0;
}
#gheader #infoMessage{
margin-bottom:10px;
padding:0;
}
#gheader #infoMessage{
	color:#333!important;
}
#gheader #infoMessage ul{
position:relative;
margin:5px 0px 0px 0px;
padding:0 10px 0 40px;
font-weight:bold;
}
#gheader #infoMessage ul:after{
content:"";
position:absolute;
top:50%;
left:0;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/ico_exclamation_01.png) no-repeat 10px 50%;
width:30px;
height:20px;
margin:-10px 0 0 0;
}
#gheader #infoMessage ul li,
#gheader #infoMessage ul a{
color:#e3363f;
}
#gheader #infoMessage ul .date{
margin-right:15px;
width:50px;
}

/*top rside #infoMessage*/

#rside01 #infoMessage{
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin:0 0 20px;
}
#rside01 #infoMessage ul{
	margin:0
}


#rside01 #infoMessage li{
	padding:8px 0;
	margin:0 0 5px 0;
	line-height:1;
	min-height:18px;
	border-bottom:#d7d7d7 1px solid;
}
#rside01 #infoMessage li:last-child{
	border-bottom:none;
	padding:8px 0 0;
}


#rside01 #infoMessage ul li,
#rside01 #infoMessage ul a{
color:#333;
vertical-align:middle;
}


#topHeaderMenuArea{
position:relative;
background:#00a53c;
min-width:970px;
height:44px;
margin:5px 0 0 0;
padding:6px 0 6px 10px;
}
.megaMenuBox{
position:absolute;
left:10px;
width:243px;
height:48px;
z-index:9999;
}
.megaMenuBox .button{
/*border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;*/
/*background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 12px -284px;*/
height:18px;
margin:0;
padding:12px 12px 12px 30px;
color:#fff;
cursor:pointer;
border:#fff 1px solid;
}
.megaMenuBox .button:hover,
.megaMenuBox .show .button{
background-color:#093592;
}
.megaMenuBox .button .inner01{
display:block;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 166px -450px;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
line-height:1;
}
.megaMenuBox .button .inner01 .text01{
margin:0 8px 0 0;
font-size:139%;
}

.megaMenuBox ul.catList{
display:none;
position:relative;
box-shadow:0 5px 5px 0px rgba(0,0,0,0.4);
-webkit-box-shadow:0 5px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow:0 5px 5px 0px rgba(0,0,0,0.4);
box-shadow:0 5px 5px 0px #d7d7d7\9;
border-left:1px solid #d7d7d7\9;
border-right:1px solid #d7d7d7\9;
border-bottom:1px solid #d7d7d7\9;
background:#f1f1f1;
width:243px;
z-index:9999;
}
.megaMenuBox .show ul.catList{
display:block;
}
.megaMenuBox ul.catList li:first-child{
}
.megaMenuBox ul.catList li span{
transition:background-color 0.1s linear;
display:block;
border-top:1px solid #f1f1f1;
background:#fff;
min-height:20px;
padding:5px 12px;
}
.megaMenuBox ul.catList li:first-child span{
border-top:none;
}
.megaMenuBox ul.catList li.active span,
.megaMenuBox ul.catList li span:hover{
display:block;
background:#f5f5f5 url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 130px -678px;
padding:5px 12px;
font-weight:bold;
text-decoration:none;
}
.megaMenuBox .subCatPane{
display:none;
position:absolute;
top:42px;
left:100%;
box-shadow:0 3px 5px 0px rgba(0,0,0,0.4);
-webkit-box-shadow:0 3px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow:0 3px 5px 0px rgba(0,0,0,0.4);
box-shadow:5px 3px 5px 0px #d7d7d7\9;
border:1px solid #d7d7d7\9;;
background:#fff;
width:684px;
height:466px;
z-index:999;
}
.megaMenuBox .subCategories .show{
display:block;
}
.megaMenuBox .subCatPaneInner{
position:relative;
height:430px;
padding:12px 0 24px 24px;
}
.megaMenuBox .subCatPaneInner:after{
content:".";
display:block;
clear:left;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.megaMenuBox #subCatPaneG05 .subCatPaneInner .image01{
position:absolute;
bottom:-28px;
right:0px;
}
.megaMenuBox #subCatPaneG15 .subCatPaneInner .image01{
position:absolute;
bottom:-12px;
right:-10px;
}
.megaMenuBox #subCatPaneG20 .subCatPaneInner .image01{
position:absolute;
bottom:0px;
left: 10px;
}
.megaMenuBox #subCatPaneG25 .subCatPaneInner .image01{
position:absolute;
bottom:-35px;
right:0px;
}

.megaMenuBox #subCatPaneG30 .subCatPaneInner .image01{
position:absolute;
bottom:0px;
right:25px;
}

.megaMenuBox #subCatPaneG35 .subCatPaneInner .image01{
position:absolute;
bottom:0;
right:0;
}


.megaMenuBox #subCatPaneG60 .subCatPaneInner .image01{
position:absolute;
bottom:0px;
right:12px;
}
.megaMenuBox #subCatPaneG45 .subCatPaneInner .image01{
position:absolute;
bottom:-1px;
right:0px;
}
.megaMenuBox #subCatPaneG70 .subCatPaneInner .image01{
position:absolute;
bottom:10px;
right:10px;
}
.megaMenuBox #subCatPaneG50 .subCatPaneInner .image01{
position:absolute;
bottom:-23px;
right:-20px;
}
.megaMenuBox #subCatPaneG55 .subCatPaneInner .image01{
position:absolute;
bottom:0;
right:-15px;
}
.megaMenuBox #subCatPaneG65 .subCatPaneInner .image01{
position:absolute;
bottom:0px;
right:0px;
}
.megaMenuBox #subCatPaneG75 .subCatPaneInner .image01{
position:absolute;
bottom:10px;
right:0px;
}
.megaMenuBox #subCatPaneG80 .subCatPaneInner .image01{
position:absolute;
bottom:0px;
right:-5px;
}
.megaMenuBox .subCatPane .ttl01{
position:absolute;
top:0;
margin:0;
white-space:nowrap;
}
.megaMenuBox .subCatPane .ttl01 a{
height:auto;
margin:0;
padding:0;
color:#2e7d32;
font-size:167%;
font-weight:bold;
}
.megaMenuBox .subCatList{
position:relative;
float:left;
width:196px;
margin:0;
padding:30px 24px 0 0;
}
.megaMenuBox .subCatList li{
margin:12px 0 0 0;
line-height:1.3;
}

.freeWordSearch{
position:relative;
margin:0 328px 0 243px;
}
.freeWordSearch ul{
margin:0;
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete{
box-shadow:0 2px 7px rgba(0,0,0,0.3);
border-left:1px solid #d7d7d7\9;
border-right:1px solid #d7d7d7\9;
border-bottom:1px solid #d7d7d7\9;
position:absolute;
top:100%;
left:0;
background:#fff;
z-index:999!important;
}

.ui-autocomplete li{
color:#1754d5;
cursor:pointer;
font-size:113%;
clear:both;
display:table;
width:100%;
}

.saytItem{
	border-bottom:1px solid #f4f4f4;
}
.ui-autocomplete li em{
font-weight:normal!important;
}
.ui-autocomplete li.noResult{
color:#333!important;
}

.ui-autocomplete li:hover,
.ui-autocomplete li:active,
.ui-autocomplete li:focus {
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
background:#eff2fd;
text-decoration:none!important;
}
.ui-autocomplete a{
display: block;
padding: 6px .4em;
line-height: 1.5;
zoom: 1;
}
.ui-autocomplete a:hover{
text-decoration:none!important;
}
.ui-autocomplete a.ui-state-focus,
.ui-autocomplete a.ui-state-active {
background:#eff2fd;
}


.ui-autocomplete li .image{
padding:6px 0 0 0;
display: table-cell;
}
.ui-autocomplete li .image img{
width:70px!important;
}
.ui-autocomplete li .name{
padding:6px 0px 12px 12px;
display: table-cell;
vertical-align: top;
}

.ui-autocomplete li .name span b{
font-size:125%;
}

.ui-autocomplete li span{
color: #e3363f;
font-weight:bold;
}
.freeWordSearch .suggest li.columnImageTypeB01 p{
margin:0 0 6px;
color:#333;
}
.freeWordSearch .suggest li.columnImageTypeB01:hover p{
text-decoration:none!important;
}
.freeWordSearch .suggest li.columnImageTypeB01 .name{
color:#1653d5;
}
.freeWordSearch .suggest li.columnImageTypeB01:hover .name{
text-decoration:underline!important;
}
.freeWordSearch .suggest li.columnImageTypeB01 .price{
margin:0;
color:#e3363f;
text-align:right;
font-weight:bold;
}
.freeWordSearch .inner01{
position:relative;
background:#fff;
height:44px;
margin:0;
padding:0 56px 0 12px;
}
.freeWordSearch #searchText{
border:none;
outline:none;
background:none;
min-width:100%;
margin:5px 0 0 0;
color:#333;
font-size:116%;
}
.freeWordSearch .gSISearchImg{
position:absolute;
top:3px;
right:3px;
border:none;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -392px;
width:38px;
height:38px;
}
.freeWordSearch .gSISearchImg:hover{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat -38px -392px;
}
#headerCart{
position:absolute;
top:-6px;
right:0;
width:322px;
}
#headerCart .opentab{
position:relative;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -249px;
width:317px;
margin:0;
letter-spacing:-0.4em;
cursor:pointer;
}
#headerCart .opentab:before{
content:"";
position:absolute;
top:0;
bottom:0;
left:56px;
background:#f7e967;
width:56px;
z-index:1;
}
#headerCart .opentab .inner01{
display:block;
background:#fcf6c2;
width:312px;
}
#headerCart .opentab:after{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
background:#ea5f26 url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 56px -250px;
width:56px;
z-index:1;
}
#headerCart .opentab .quantity{
display:inline-block;
/display:inline;
position:relative;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 12px -184px;
width:36px;
margin:0 14px 0 0;
padding:10px 10px 10px 66px;
text-align:center;
vertical-align:middle;
color:#ea5f26;
font-family:arial;
font-size:185%;
letter-spacing:0em;
word-spacing:0em;
z-index:10;
/zoom:1;
}
#headerCart .opentab .text01{

/display:inline;
background:#fcf6c2 url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 138px -490px;
padding-right:45px;
padding-right:50px\9;
vertical-align:middle;
color:#ea5f26;
font-size:124%;
font-weight:bold;
letter-spacing:0em;
word-spacing:0em;
/zoom:1;
}
#headerCart .opentab .quantity:after{
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:56px;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) 0 -754px;
width:10px;
z-index:10;
}
.cartInner01{
position:relative;
box-shadow:0 5px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
-moz-box-shadow:0 5px 5px 0px rgba(0,0,0,0.1);
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-left:1px solid #d7d7d7\9;
border-right:1px solid #d7d7d7\9;
border-bottom:1px solid #d7d7d7\9;
background:#fff;
width:312px;
width:310px\9;
padding:0 0 12px;
z-index:8000;
padding-top:10px;
overflow-y:scroll;
min-height:150px;
max-height:56vh;
height:auto;
}
.cartInner01 .cartItemList01{
margin:0;
}
.cartInner01 .cartItemList01 li{
border-top:1px solid #e4e4e4;
margin:0;
}
.cartInner01 .cartItemList01 li:first-child{
border-top:none;
}
.cartInner01 .cartItemList01 li a{
transition:background-color 0.1s linear;
display:block;
position:relative;
background:#fff;
padding:12px;
}
.cartInner01 .cartItemList01 li a:hover{
background:#f5f5f5;
}
.cartInner01 .cartItemList01 li a:after{
content:".";
display:block;
clear:left;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.cartInner01 .cartItemList01 li .name{
display:block;
margin:0 0 24px;
}
.cartInner01 .cartItemList01 li .multi-line{
}

.cartInner01 .noCart{
font-weight:bold;
padding:20px;
text-align:center;
}
.cartInner01 .cartItemList01 li .block .quantity{
position:absolute;
left:82px;
bottom:12px;
color:#333;
font-family:arial;
}
.cartInner01 .cartItemList01 li .block .price{
position:absolute;
right:12px;
bottom:12px;
color:#ea5f26;
font-family:arial;
font-weight:bold;
}
.cartInner01 .total{
border-top:1px solid #e4e4e4;
margin:0;
padding:5px 10px;
text-align:center;
}
.cartInner01 .total .price{
margin:0 0 0 5px;
color:#ea5f26;
font-family:arial;
font-size:124%;
font-weight:bold;
}
.cartInner01 .button{
margin:0;
text-align:center;
}
.cartInner01 .button a{
transition:background-color 0.1s linear;
display:block;
box-shadow:0 0 15px #e47911 inset;
background:#ea5f26 url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 180px -716px;
padding:10px;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
font-size:124%;
font-weight:bold;
text-align:center;
}
.cartInner01 .button a:hover{
box-shadow:0 0 15px #de5b60 inset;
background:#e7855c url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 180px -716px;
text-decoration:none;
}

.cartRegister01{
	padding-top:10px;
}

.searchKeywordArea{
background:#f5f5f5;
min-width:940px;
padding:0 10px;
}
.megaMenuOpen .searchKeywordArea{
padding-left:253px;
}
.searchKeywordArea ul{
margin:0 0 0 -4px;
letter-spacing:-0.4em;
text-align:center;
}
.searchKeywordArea li{
display:inline-block;
/display:inline;
position:relative;
margin:6px 0 6px 8px;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}
.searchKeywordArea li a{
transition:background-color 0.1s linear;
-webkit-transition:background-color 0.1s linear;
-moz-transition:background-color 0.1s linear;
display:block;
text-decoration:none;
}
.searchKeywordArea li a:hover{
text-decoration:underline;
}
.searchKeywordArea li span{
display:block;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -602px;
padding:0 12px 0 0;
}

.searchKeywordArea .list01 a{
background:#ea5f26;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
padding: 4px 10px;
}
.searchKeywordArea .list01 a:hover{
background:#f19149;
}
.searchKeywordArea .list01 span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -572px;
}

.searchKeywordArea .list02 a{
background:#66bc29;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
padding: 4px 10px;
}
.searchKeywordArea .list02 a:hover{
background:#91d84a;
}
.searchKeywordArea .list02 span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -572px;
}

.searchKeywordArea .list03 a{
background:#ffcc00;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
padding: 4px 10px;
}
.searchKeywordArea .list03 a:hover{
background:#eebe00;
}
.searchKeywordArea .list03 span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -572px;
}

.searchKeywordArea .list04 a{
background:#fe052f;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
padding: 4px 10px;
}
.searchKeywordArea .list04 a:hover{
background:#f84d6a;
}
.searchKeywordArea .list04 span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -572px;
}

.searchKeywordArea .list05 a{
background:#eb008b;
color:#fff;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
padding: 4px 10px;
}
.searchKeywordArea .list05 a:hover{
background:#fd26a5;
}
.searchKeywordArea .list05 span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -572px;
}

/* 医薬品分類リンク
----------------------------------------------------------------------------------------------*/

.medicalLinkArea ul{
margin:-20px 0 0;
letter-spacing:-0.4em;
text-align:center;
}
.medicalLinkArea li{
display:inline-block;
/display:inline;
position:relative;
margin:6px 0 6px 8px;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}
.medicalLinkArea li a{
transition:background-color 0.1s linear;
-webkit-transition:background-color 0.1s linear;
-moz-transition:background-color 0.1s linear;
display:block;
border-radius:12px;

}
.medicalLinkArea .list{
background:#fff;
border:#d7d7d7 1px solid;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
border-radius:12px;
padding: 4px 10px;
}
.medicalLinkArea .list span{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 100% -604px;
padding:0 16px 0 0;
}

/* 医薬品分類リンク
----------------------------------------------------------------------------------------------*/

.searchKeywordArea .list03 .menuBox01{
display:none;
position:absolute;
top:70%;
left:-8px;
padding:14px 0 0 0;
}
.searchKeywordArea .list03:hover .menuBox01{
display:block;
z-index:9999;
}
.searchKeywordArea .menuBox01Inner01{
position:relative;
box-shadow:0 5px 5px rgba(0,0,0,0.2);
background:#fff;
width:134px;
padding:4px 24px;
}
.searchKeywordArea .menuBox01Inner01:before{
content:"";
position:absolute;
top:-14px;
left:24px;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 2px -4427px;
width:36px;
height:14px;
margin:0 0 0 -18px;
}
.searchKeywordArea .menuBox01 li{
display:block;
background:none;
margin:16px 0;
padding:0;
text-align:left;
}
.searchKeywordArea .menuBox01 li a{
display:inline;
background:none;
margin:0;
padding:0;
}

#campaignArea{
background:#fde7ed;
font-size:108%;
}
#campaignArea a{
display:block;
position:relative;
padding:8px 0;
color:#e3363f;
}
.megaMenuOpen #campaignArea a{
padding-left:243px;
}
#campaignArea a:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
#campaignArea a:hover{
text-decoration:none;
}
.campaignAreaInner01{
display:table;
width:auto;
margin:0 auto;
line-height:1.3;
}
#campaignArea .leftBox01{
display:table-cell;
border-right:1px solid #fac8d6;
padding:0 12px;
vertical-align:middle;
}
#campaignArea .leftBox01 .txt01{
display:block;
margin:6px 0 0;
color:#333;
font-size:85%;
font-weight:bold;
}
#campaignArea .rightBox01{
display:table-cell;
padding:0 0 0 12px;
vertical-align:middle;
font-size:100% !important;
font-weight:bold;
}
#campaignArea a:hover .article{
text-decoration:underline;
}
#campaignArea .rightBox01 .article{
display:inline-block;
position:relative;
padding-right:43px;
}
#campaignArea .rightBox01 .article:after{
content:"";
display:block;
position:absolute;
right:8px;
top:50%;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_02.png) no-repeat -1px -118px;
width:24px;
height:24px;
margin:-12px 0 0 0;
}
#campaignArea a:hover .rightBox01 .article:after{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_02.png) no-repeat -1px -142px;
}
#campaignArea .rightBox01 span .text01{
font-family:arial;
font-size:116%;
}


/* global navi
----------------------------------------------------------------------------------------------*/



/* topic path
----------------------------------------------------------------------------------------------*/



/* contents
----------------------------------------------------------------------------------------------*/
#contents{
background:#fff;
padding:10px 10px 50px;
}
#contents:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}



.document02 #contents{
width:960px;
margin:0 auto;
/* footer最下部吸着関連でpadding-bottomを174pxとる */
padding:24px 10px 174px;
}
.document02 #contents + #utilityContents{
margin-top:-174px;
padding-bottom:160px;
}

.column02_01 #mainContents{
margin:0  0 0 243px;
padding:0 0 0 10px;
border-left: 1px solid #e0e7fc;
}

.topPage .column02_01 #mainContents{
margin:0  0 0 0!important;
padding:24px 243px 0 0!important;
border-left: none!important;
min-height:0px!important;
}

.megaMenuOpen #mainContents #topMainPromotion{
padding:0 0 80px 243px;
}

#rside01{
float:left;
width:231px;
margin:0 0 0 0;
}


.topPage #rside01{
float:right!important;
width:231px;
margin:0 0 0 0!important;
}


#utilityContents{
padding:20px 10px;
margin: 50px 0px 0px 0px ;
}

.rsideSaleArea{
border-bottom-color:#b8c8f7;
padding:0 0 24px!important;
}

#featureSideArea li{
	list-style: none;
	margin-top: 5px;
}

.rsideSaleArea .box01{
display:block;
background:#ee6186;
padding:4px;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
color:#fff;
font-size:108%;
text-align:center;
cursor:pointer;
}
.rsideSaleArea .box01 .ttl01{
display:block;
margin:0 0 5px;
font-weight:bold;
font-size:114%;
padding:10px;
}
.rsideSaleArea .box01 .ttl01 .text01{
font-size:86%;
font-weight:normal;
}
.rsideSaleArea .box01Inner01{
display:block;
background:#fff;
padding:0 12px;
color:#ee6186;
font-weight:bold;
}
.rsideSaleArea .box01Inner01 span .text01{
font-size:129%;
}

.rsideRank01 .headingTypeA0203{
margin:-10px 0 20px 0;
}
.rsideRank01 .headingTypeA0203 span{
font-size:75%;
display: block;
font-weight: normal!important;
}
.rsideRank01 .text01{
margin:0 0 20px 8px;
font-family:arial;
font-size:77%;
}
.rsideRank01 li{
margin:0 0 24px;
font-size:93%;
clear: both;
}
.rsideRank01 li:after{
content:".";
display:block;
clear:left;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.rsideRank01 li a{
display:block;
}
.rsideRank01 li .block{
float:right;
width:154px;
padding-right:8px;
}

.rsideRank01 li .price{
	display:block;
}
.rsideRank01 li .ttl01{
display:block;
color:#7694f4;
font-family:arial;
}
.rsideRank01 li .ranking01{
color:#eabe39;
}
.rsideRank01 li .ranking02{
color:#919191;
}
.rsideRank01 li .ranking03{
color:#eb6b4c;
}
.rsideRank01 li a:hover .block{
text-decoration:underline;
}
.rsideRank01 li a:hover .block .ttl01{
text-decoration:none!important;
}

#rsidetopics01{
padding-bottom:4px;
}
#rsidetopics01 ul{
border-top:#d7d7d7 1px solid;
border-bottom:#d7d7d7 1px solid;
margin:0 0 0;
padding:12px 8px 0;
}
#rsidetopics01 li{
margin:0 0 20px;
}
#rsidetopics01 li a{
font-size:100%;
color:#00a53c;
text-decoration:underline;
}
#rsidetopics01 li a:hover{
text-decoration:none;
}
#sideSoukai01,
#sideFeatureArea{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#sideSoukai01 ul,
#sideFeatureArea ul{
padding:0;
margin:0;
}
#sideSoukai01 li,
#sideFeatureArea li{
margin:0 8px 12px 0;
border:#d7d7d7 1px solid;
display:inline-block;
padding:4px 8px;
}
.rside01 #sideUserMenu{
border-top:1px solid #e0e7fc;
padding-top:24px;
}



/* go top
----------------------------------------------------------------------------------------------*/
#pageTop01{
bottom:80px;
position:fixed;
right:30px;
}


/* footer
----------------------------------------------------------------------------------------------*/
#gfooter{
background:#fff;
}
#footerText01{
border-top:1px solid #d7d7d7;
margin:0;
padding:10px 18px;
color:#999;
font-size:93%;
}
#gfooter .unav01{
border-top:1px solid #e0e7fc;
padding:10px 18px;
}
#gfooter .unav01 ul{
margin-bottom:0;
color:#999;
font-size:93%;
}
#gfooter .unav01 ul:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
#gfooter .unav01 ul li{
float:left;
margin:0 12px 0 0;
font-weight:bold;
}
#gfooter .unav01 ul li ul{
float:right;
margin:0 0 0 12px;
font-size:100%;
}
#gfooter .unav01 ul li ul li{
font-weight:normal;
}
#footerNav{
background:#f6f6f6;
min-width:960px;
padding:20px 18px 80px;
font-size:1px;
letter-spacing:-0.4em;
text-align:center;
}
.footerNavInner01{
display:inline-block;
/display:inline;
width:312px;
margin:0 0 0 12px;
font-size:1200%;
letter-spacing:0em;
word-spacing:0em;
text-align:left;
vertical-align:top;
/zoom:1;
}
.footerNavInner01:first-child{
margin:0;
}
.footerNavInner01 .ttl01{
margin:0 0 8px;
font-weight:bold;
}
.footerNavInner01 ul{
margin:0;
}
.footerNavInner01 li{
margin:8px 0 0 0;
}

.document02 #gfooter{
position:absolute;
bottom:0;
background:#66bc29;
width:100%;
height:150px;
}
.document02 #FooterInput{
background:#fff;
}
.document02 #gfooterContents01{
padding:0 10px;
}
.document02 #gfooterContents01Inner01{
border-top:1px solid #d7d7d7;
}
.document02 #gfooterContents01Inner02{
width:960px;
margin:0 auto;
padding:24px 0;
font-size:1px;
letter-spacing:-0.4em;
}
.document02 #gfooterContents01Inner01 #verisignBox01,
.document02 #gfooterContents01Inner01 #pmarkBox01{
display:inline-block;
/display:inline;
margin:0;
letter-spacing:0em;
font-size:1000%;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
.document02 #gfooterContents01Inner01 #verisignBox01{
width:445px;
}
.document02 #gfooterContents01Inner01 #pmarkBox01{
width:510px;

}
.document02 #gfooterContents01Inner01 #pmarkBox01 .pmark{
min-width:90px;
white-space:nowrap;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul{
margin:0 0 0;
color:#999;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul li{
position:relative;
padding-left:12px;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul li:before{
content:"";
position:absolute;
top:0.5em;
left:0;
display:block;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -902px;
width:7px;
height:6px;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul .list01{
padding-left:0;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul .list01:before{
background:none;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul .list01 a{
display:inline-block;
padding-left:12px;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 ul .list01 a:before{
content:"";
position:absolute;
top:0.5em;
left:0;
display:block;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 0 -923px;
width:5px;
height:7px;
}
.document02 #gfooterContents01Inner01 #pmarkBox01 img{
margin:0 12px 0 0;
}


#copyright{
min-width:960px;
background:#66bc29;
margin:0;
padding:0;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
color:#fff;
font-size:77%;
text-align:center;
height:15px;
}

/* generic style
----------------------------------------------------------------------------------------------*/
/* ========== margin ========== */
.mb0{
margin-bottom:0!important;
}
.mb5{
margin-bottom:10px!important;
}
.mb10{
margin-bottom:10px!important;
}
.mb20{
margin-bottom:20px!important;
}
.mb30{
margin-bottom:30px!important;
}
.mb40{
margin-bottom:40px!important;
}
.mb50{
margin-bottom:50px!important;
}
.mb60{
margin-bottom:60px!important;
}
.mb70{
margin-bottom:70px!important;
}
.mb80{
margin-bottom:80px!important;
}
.mb90{
margin-bottom:90px!important;
}
.mb100{
margin-bottom:100px!important;
}

.mb6{
margin-bottom:6px!important;
}
.mb12{
margin-bottom:12px!important;
}
.mb24{
margin-bottom:24px!important;
}
.mb36{
margin-bottom:36px!important;
}
.mb45 {
margin-bottom: 45px!important;
}
.mb48{
margin-bottom:48px!important;
}
.mb60{
margin-bottom:60px!important;
}
.mb72{
margin-bottom:72px!important;
}
.mb84{
margin-bottom:84px!important;
}
.mb96{
margin-bottom:96px!important;
}

.mt6{
margin-top:6px!important;
}
.mt12{
margin-top:12px!important;
}
.mt24{
margin-top:24px!important;
}
.mt36{
margin-top:36px!important;
}
.mt48{
margin-top:48px!important;
}
.mt60{
margin-top:60px!important;
}
.mt72{
margin-top:72px!important;
}
.mt84{
margin-top:84px!important;
}
.mt96{
margin-top:96px!important;
}

.mr6{
margin-right:6px!important;
}
.mr12{
margin-right:12px!important;
}
.mr24{
margin-right:24px!important;
}
.mr36{
margin-right:36px!important;
}
.mr48{
margin-right:48px!important;
}
.mr60{
margin-right:60px!important;
}
.mr72{
margin-right:72px!important;
}
.mr84{
margin-right:84px!important;
}
.mr96{
margin-right:96px!important;
}

.ml2{
margin-left:2px!important;
}
.ml6{
margin-left:6px!important;
}
.ml12{
margin-left:12px!important;
}
.ml24{
margin-left:24px!important;
}
.ml36{
margin-left:36px!important;
}
.ml48{
margin-left:48px!important;
}
.ml60{
margin-left:60px!important;
}
.ml72{
margin-left:72px!important;
}
.ml84{
margin-left:84px!important;
}
.ml96{
margin-left:96px!important;
}


/* ========== mhfAlig ========== */
.alignL,
.alignC .alignL,
.alignR .alignL{
text-align:left !important;
}

.alignC,
.alignL .alignC,
.alignR .alignC{
text-align:center !important;
}

.alignR,
.alignC .alignR,
.alignL .alignR{
text-align:right !important;
}

.valignT,
.valignM .valignT,
.valignB .valignT{
vertical-align:top !important;
}

/* ========== mhfValign ========== */
.valignM,
.valignT .valignM,
.valignB .valignM{
vertical-align:middle !important;
}

.valignB,
.valignT .valignB,
.valignM .valignB{
vertical-align:bottom !important;
}

/* ========== error ========== */
#syserrorBox,
.syserrorBox{
	margin:50px;
}

/* ========== feature ========== */

#feature_base{
	width:750px;
	margin:10px auto 30px auto;
}
#feature_base p{
	margin-bottom: 0px!important;
}
#feature_base ul{
	margin-bottom: 5px!important;
}
#feature_creative{
	width:600px;
}
/* ========== History ========== */

#historyShow{
	background-color:#fff;
}

/* ========== ProductDetail ========== */

#productBasicInfoArea{
	min-height:420px;
}
#productBnrArea{
	position:absolute;
	top:675px;
	right:10px;
}
#productBnrArea img:hover{
	filter:alpha(opacity=70)!important;
	-moz-opacity:0.7!important;
	opacity:0.7!important;
}
#jstMakerId{
	margin:20px auto;
	text-align:cener;
	width:500px;
}

.prd_dtl_z_image_fg{
	margin:20px auto;
	width:800px;
	text-align: center;
}
.productRRBnr,
.productRRBnrJANhit{
	text-align:center;
}
.productRRBnr img,
.productRRBnrJANhit img{
max-width: 100%;

}
#productBasicInfoArea .ttl01{
	padding-bottom:12px;
	margin:0 0 20px 0;

}
#productBasicInfoArea .unitTypeC01{
	border-top:none!important;
}

#productExplain .alertText{
	font-weight:bold;
	color: red;
}


/* ========== CategoryTop ========== */
#categoryTopExplanatoryText{
	border-bottom: 1px solid #f5f5f5;
	padding-bottom:12px;
}

/* ========== Search ========== */
#reSearchLink{
	border-bottom: 1px solid #d7d7d7;
	padding-bottom:30px;
	width:100%;
}

/* ========== delay ========== */

#rSideSaleArea .box02{
	display:block;
	background-color:#eef5da;
	width:191px;
	height:100px;
	border:1px solid #bfca88;
	padding:20px;
 	position:relative;
	color:#333!important;
	font-weight:bold;
}
#rSideSaleArea .box02:hover{
	filter:alpha(opacity=70)!important;
	-moz-opacity:0.7!important;
	opacity:0.7!important;
}
#rSideSaleArea .box02 img{
	position:absolute;
	right:10px;
	bottom:10px;
}




/* ========== coupon campaignArea ========== */

#couponCampaignArea{
background:#fdf0e7;
font-size:108%;
}
#couponCampaignArea{
display:block;
position:relative;
padding:8px 0;
color:#e3a336;
}
#couponCampaignArea a{
color:#e3a336;
}
#couponCampaignArea a:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
#couponCampaignArea a:hover{
text-decoration:none;
}
.couponCampaignAreaInner01{
display:table;
width:auto;
margin:0 auto;
line-height:1.3;
padding-left:243px;
}
#couponCampaignArea .leftBox01{
color: #F1914E;
display:table-cell;
border-right:1px solid #EEBB61;
padding:0 12px;
vertical-align:middle;
font-weight: bold;
}
#couponCampaignArea .leftBox01 .txt01{
display:block;
margin:6px 0 0;
color:#333;
font-size:85%;
}
#couponCampaignArea .rightBox01{
display:table-cell;
padding:0 0 0 12px;
vertical-align:middle;
font-size:100% !important;
font-weight:bold;
}
#couponCampaignArea a:hover{
text-decoration:underline;
}
#couponCampaignArea .rightBox01 .article{
display:inline-block;
position:relative;
padding-right:43px;
}
#couponCampaignArea .rightBox01 .article:after{
content:"";
display:block;
position:absolute;
right:8px;
top:50%;
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_02.png) no-repeat -31px -118px;
width:24px;
height:24px;
margin:-12px 0 0 0;
}
#couponCampaignArea a:hover .rightBox01 .article:after{
background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_02.png) no-repeat -31px -142px;
}
#couponCampaignArea .rightBox01 span .text01{
font-family:arial;
font-size:116%;
}
#couponCampaignArea .rightBox01 .article .couponNo{
font-size:125%;
color:#ca8919;
margin:0px 5px;
}
#couponCampaignArea_white{
	background:#fff;
	text-align:center;
	padding:10px 0;
}

/*161116〜注目のキーワードバナー化対応*/
.subMenuSub li {
margin:6px 0 6px 24px;
}

/*170403〜幅固定化*/
#document{
	min-width:1200px!important;
}
#gheader{
	background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_header_01.png) repeat-x 0 0;
}
.document02 #gheader{
	background:none;
}
.megaMenuOpen #mainContents #topMainPromotion{
	padding:16px 0 48px 265px!important;
}
#contents,#topHeaderMenuArea,#gheaderContents01{
	width:1200px;
	margin:0 auto;
}
#headerCart .cartRegister01{
	display:none!important;
}
.megaMenuOpen .searchKeywordArea{
	padding:0!important;
}
.searchKeywordArea ul{
	margin:0!important;
}
.searchKeywordArea li{
	margin:12px 6px!important;
}
.slideTypeA01{
	position:relative;
	/*width:588px!important;*/
	margin:0 auto;
}
.categoryListTypeA01 li{
	margin:0 0 8px 8px!important;
}
.pageTitleTypeA01,
.pageTitleTypeA02,
.pageTitleTypeA03,
.pageTitleTypeA04,
.h1CategoryTop_C12,
.h1CategoryTop_C17,
.h1CategoryTop_C22,
.h1CategoryTop_C27,
.h1CategoryTop_C32,
.h1CategoryTop_C37,
.h1CategoryTop_C42,
.h1CategoryTop_C47,
.h1CategoryTop_C52,
.h1CategoryTop_C57,
.h1CategoryTop_C62,
.h1CategoryTop_C67,
.h1CategoryTop_C72,
.h1CategoryTop_C77,
.h1CategoryTop_C82,
.breadcrumbTypeA01,
.breadcrumbTypeA02,
#historyShow,
#footerText01{
	width:1200px!important;
	margin:10px auto!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;
}
#explanation{
	width:1200px;
	margin:12px auto 0!important;
}
@media only screen and (max-width:1200px){
	#contents,
	#gheaderContents01,
	#topHeaderMenuInner,
	#topSubMenuAreaInner{
		width:auto;
	}
	.searchKeywordArea ul{
		padding:0;
	}
}
.bannerListTypeB01{
	margin:-24px 0 0 -6px!important;
}
.bannerListTypeB01 li{
	margin:24px 0 0 6px!important;
}
.document02 #contents,
.document02 #gheaderContents01{
	width:1200px;
}
#syserrorBox,
.syserrorBox{
	width:1200px;
	margin:50px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.syserrorBox p a{
	color:#ea5f26;
}
.loginTypeA01{
	margin:0 100px 24px;
}
.listTypeB05 li{
	margin:24px 0 0 10px!important;
}

/*ヘッダー固定化*/
#gheader .fixedHeader{
	position:fixed!important;
	top:0;
	left:0;
	z-index:8889;
	width:100%;
	height:56px!important;
	margin:0!important;
	padding:6px 0!important;
	transition:.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fixedHeader #topHeaderMenuInner{
	margin:6px auto 0;
	padding:0 0 6px;
}
.fixedHeader #topHeaderMenuInner #headerCart .opentab{
	background:none;
}
.freeWordSearch{
	margin:0 328px 0 253px!important;
}
/*.fixedHeader .freeWordSearch .inner01{
	margin:0 0 0 10px!important;
}*/
[id="08"]{
	margin-top:-56px!important;
	padding-top:56px!important;
}

/*サイドナビUI変更*/
.column02_01 #mainContents{
	border-left:none;
}
#contents #rside01{
	width:231px;
}
.topPage #contents #rside01{
	width:231px;
	padding:24px 0 0;
}
.unitTypeB01 .headingTypeA0205{
	color:#333;
	padding:4px 0 4px 36px;
	font-size:125%;
	font-weight:normal;
	border-bottom:#d7d7d7 1px solid;
}
.unitTypeB01 .headingTypeA0205:before{
	background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_03.png) no-repeat 100% 0;
	top:26px;
	left:4px;
	width:24px;
}
#contents .listTypeA05{
	padding:0;
}
#contents #sideNaviArea .listTypeA05,
#contents #rSideGuideMenu .listTypeA05{
	border-top:none;
}
#contents .listTypeA05 li em{
	background:#f5f5f5;
	padding:10px;
	text-shadow:none;
	font-size:100%;
	margin:0;
}
#contents .listTypeA05 li em:before{
	background:none;
}
#contents .listTypeA05 li ul{
	padding-left:0;
}
#contents .listTypeA05 li,
#contents .listTypeA05 li ul li{
	position:relative;
	border-bottom:1px solid #d7d7d7;
	margin:0;
	padding:14px 18px 14px 12px;
}
#contents .listTypeA05 li a{}
#contents .listTypeA05 li:before,
#contents .listTypeA05 li ul li:before{
	content:"";
	position:absolute;
	background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat -92px -606px;
	top:40%;
	right:0;
	width:12px;
	height:12px;
}
#contents .listTypeA05 li.active{
	padding:0;
	border-bottom:none;
}
#contents .listTypeA05 li.active:before{
	background:none;
}
#sideNaviArea .unitTypeB01 .moreTypeA01{
	margin:24px 0 10px;
	text-align:center;
	border:#999 1px solid;
	padding:8px;
}
#sideNaviArea .unitTypeB01 .moreTypeA01 a{
	background:url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_03.png) no-repeat 100% -32px!important;
}
.rsideRank01 li .block{
	width:141px;
}
#rSideGuideMenu .headingTypeA0112{
	display:none;
}
.sdGuide #rside01 .unitTypeB01,
.sdNewitem #rside01 .unitTypeB01,
.sdRanking #rside01 .unitTypeB01{
	border-bottom:none;
}

/*検索結果並び順変更*/
#resultListHeader{
	margin:0;
}
#mainContents #resultListHeader td.valignM{
	width:44%!important;
	border-bottom:none;
	border-right:none;
}
#resultListHeader .sortTypeA01{
	width:51%!important;
	border-right:none;
}
.sortListTypeA01 li{
	display:inline-block;
	margin:4px 6px 0 0;
	padding:4px 10px;
	border:#00a53c 1px solid;
}
.sortListTypeA01 li,.sortListTypeA01 li a{
	font-weight:bold;
	color:#00a53c;
}
.sortListTypeA01 li.current{
	color:#fff;
	background:#00a53c;
	text-shadow:none;
}
.itemNum{
	text-align:right;
	margin:4px 0 24px;
}
/*SEO（個数からアンカーリンク外す）*/
#contents .listTypeA05 li,
#contents .listTypeA05 li ul li{
	color:#333;
}

/*【商品ページ】カート周りレイアウト変更*/
.itemTitle{
	font-weight:bold;
	font-size:200%!important;
}
.itemBox .itemBoxTypeA01 .ttl01{
	font-size:150%!important;
}
.itemBox .itemBoxTypeA01 .detail,
.itemBox .itemBoxTypeA01 .cart{
	display:block;
}
.itemBox .unitTypeC01{
	padding:0!important;
}
.itemBox .itemBoxTypeA01 .img{
	width:454px!important;
}
.itemBox .itemBoxTypeA01 .img div.g-inner{
	width:454px!important;
	height:420px!important;
}
.itemBox .itemBoxTypeA01 .img #view{
	width:360px!important;
	height:360px!important;
	top:14px!important;
	left:94px!important;
}
.itemBox .itemBoxTypeA01 .img #view p{
	width:360px!important;
	height:360px!important;
	text-align:center;
}
.itemBox .itemBoxTypeA01 .img #view p a.noStockTypeA01{
	position:static;
	display:inline!important;
}
.itemBox .itemBoxTypeA01 .img #view p img{
	position:relative;
	width:auto;
	height:auto;
	min-width:60px;
	max-width:360px;
	max-height:360px;
	top:50%!important;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}
.itemBox .itemBoxTypeA01 .img .thum{
	top:14px!important;
}
.itemBox .itemBoxTypeA01 .img .thum li{
	width:42px!important;
	float:none!important;
	margin:0 0 10px 10px;
}
.itemBox .itemBoxTypeA01 .info{
	padding-left:60px!important;
}
.itemBox .itemBoxTypeA01 .cart{
	width:100%!important;
}
.itemBox .cart .cartTypeC01{
	display:table;
	border:none;
	background-color:transparent!important;
	margin-bottom:0!important;
	width:auto!important;
}
.itemBox .itemBoxTypeA01 .cart{
	padding-left:0!important;
}
.itemBox .cart .cartTypeC01 .itemNum,
.itemBox .cart .cartTypeC01 .cartBox,
.itemBox .cart .cartTypeC01 .innerBox01{
	display:table-cell!important;
	vertical-align:middle;
}
.itemBox .cart .cartTypeC01 .itemNum{
	padding:0 12px 0 0!important;
}
.itemBox .cart .cartTypeC01 .cartBox p.btn input{
	width:239px;
	height:75px;
}
.itemBox .cart .cartTypeC01 .innerBox01{
	padding:0 12px!important;
}
.itemBox .cart .cartTypeC01 .favoliteList01 li:nth-child(2){
	margin:6px 0 0 0;
}
.itemBox .itemBoxTypeA01 .info .cartFav td{
	padding:12px 0;
	font-size:100%;
}
.itemBox #couponCampaignArea{
	display:none!important;
}
.itemBox .review01{
	display:table;
	margin:0 0 18px;
	width:100%;
}
.itemBox .review01 .reviewTypeB01 a{
	display:block;
	text-align:right;
	margin:0 10px 0 0;
}
.itemBox .review01 .reviewTypeB01,
.itemBox .review01 .buttonListTypeA01,
.itemBox .review01 .snsTypeA01{
	display:table-cell;
	vertical-align:bottom;
}
.itemBox .review01 .buttonListTypeA01 li{
	margin:0 0 0 12px!important;
}
.itemBox .snsTypeA01{
	width:175px;
	float:right;
	margin:0 0 6px 0;
}
.itemBox .snsTypeA01 li{
	margin:0 4px 0 4px!important;
}
.itemBox .separatePost{
	background-image:url(//diyrffnwkl8ew.cloudfront.net/main/image/flag/overlay_otoku_l.png)!important;
	background-size:52px 52px;
}
/*口コミページカート周り*/
.cart .cartTypeC01{
	background-color:#fff!important;
	border:#f5f5f5 2px solid;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:231px;
}
.cartTypeC01 .cartBox,
.cartTypeC01 .innerBox01 .buttonTypeE01{
	margin-left:0!important;
}
.cartTypeC01 .cartBox p.btn{
	text-align:center;
}
.cartTypeC01 .cartBox p.btn input{
	width:211px;
	height:66px;
}
/*【商品ページ】SALEフラグ*/
.itemBox .itemBoxTypeA01 .heading{
	margin:-10px 0 12px;
	position:relative;
	background:#ee6186;
}
.itemBox .itemBoxTypeA01 .heading:before{
	content:' ';
	position:absolute;
	width:0;
	height:0;
	left:48%;
	top:52px;
	border:8px solid;
	border-color:#ee6186 transparent transparent #ee6186;
}
.itemBox .itemBoxTypeA01 .heading .icon{
	margin:0 auto;
	padding:3px 0;
	width:412px;
}
.itemBox .itemBoxTypeA01 .heading .ttl01{
	margin-bottom:0;
	font-size:116%;
	font-weight:bold;
	text-align:center;
}
.itemBox .itemBoxTypeA01 .heading .pr,
.itemBox .itemBoxTypeA01 .heading .time{
	position:absolute;
	color:#fff;
	margin:0;
	text-shadow:none;
}
.itemBox .itemBoxTypeA01 .heading .pr{
	top:22px;
	right:288px;
	font-size:100%;
	color:#ff6786;
	background:#fff;
	padding:0 4px;
}
.itemBox .itemBoxTypeA01 .heading .time{
	top:18px;
	right:16px;
	font-size:139%;
}

/*【商品ページ】医薬品問診*/
.itemBox #inquiryItem, #inquiryCosmeItem{
	margin:12px 0!important;
	padding:12px 0!important;
	border-top:none!important;
}
/*【商品ページ】在庫無し*/
.itemBox .cartTypeC01 .noStock{
	padding:10px 48px!important;
	border:#ea5f26 2px solid;
	color:#ea5f26;
}
/*【商品ページ】制度化粧品対応 START*/
#sofinaCounseling a img{
	width:100%;
}
/*PRページ用*/
/*共通*/
.relatedProduct{
	margin:20px 0;
}
.relatedProduct a{
	display:inline-block;
	padding:20px 36px 20px 20px;
	color:#fff;
	background:#66bc29 url(//diyrffnwkl8ew.cloudfront.net/main/image/common/bg_icon_01.png) no-repeat 94% -707px;
	font-size:139%;
}
.relatedProduct a:hover{
	text-decoration:none;
	opacity:0.75;
}

#productMainPromotionArea .prBtn img{
	margin-bottom:8px;}

/*○○に関する特集削除*/
#sideFeatureArea{
	display:none;
}
/*ケンコーコムのおすすめ*/
#topRecommendArea{
	margin-right:-243px;
}
#catRecommendArea{
	width:947px;
}
/*レコメンド位置変更*/
#CENTER_MAIN{
	display:flex;
	flex-direction:column;
}
#CENTER_MAIN #topMainPromotion{
	order:1;
}
#CENTER_MAIN #topRecommendArea{
	order:7;
	margin-top:24px;
}
#CENTER_MAIN #kcrec04{
	order:2;
}
#CENTER_MAIN #kcrec03{
	order:3;
}
#CENTER_MAIN #kcrec01{
	order:4;
}
#CENTER_MAIN #kcrec02{
	order:5;
}
#CENTER_MAIN #topCategoryList{
	order:6;
}
/*【商品ページ】口コミ投稿ボタン*/
.itemBox .review01{
	margin:18px 0;
}
.buttonListTypeA01 li a img{
	vertical-align:bottom;
	height:90px;
}
/*【商品ページ】口コミ投稿ボタン*/
.itemBox .review01{
	margin:18px 0;
}
.itemBox .review01 .reviewTypeB01{
	vertical-align:top;
	width:420px;
}
.itemBox .review01 .buttonListTypeA01{
	display:flex!important;
	flex-direction:column-reverse;
	margin:0;
}
.itemBox .review01 .buttonListTypeA01 li{
	text-align:right;
}
.itemBox .review01 .buttonListTypeA01 li:nth-of-type(1){
	margin-top:10px!important;
}
.buttonListTypeA01 li:nth-of-type(1) a img{
	vertical-align:bottom;
	width:160px;
	height:18px;
}
.buttonListTypeA01 li:nth-of-type(2) a img{
	vertical-align:bottom;
	width:272px;
	height:36px;
}
/*【トップページ】TopMainPromotion*/
#topMainExisting {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:#d7d7d7 1px solid;
}
#topMainExisting h3.title {
	font-weight: bold!important;
	font-size: 16px!important;
	font-weight: bold!important;
	color: #333!important;
}
#topMainExisting .topMainLeft {
	width:26%;
	padding:0 20px 20px;
	float:left;
}
#topMainExisting .topMainLeft ul {
	display:inline;
	width:100%;
	border-right:#d7d7d7 1px solid;
	margin:0 auto;
	padding:0 20px 0 0;
}
#topMainExisting p{
	margin:0 0 2px 0;
}
#topMainExisting .mainIco img,
#topMainExisting .mainItem img{
	width:100%;
}
#topMainExisting .topMainLeft ul li {
	width:calc(100% / 2 - 20px);
	float:left;
	padding-left:40px;
}
#topMainExisting .topMainLeft ul li:nth-child(odd) {
	padding-left:0;
}
#topMainExisting .topMainLeft ul li:nth-child(even) {
	margin-bottom:15px;
}
#topMainExisting .topMainLeft ul li:last-child {
	margin-bottom: 0;
}
#topMainExisting .topMainLeft p {
	font-size:108%;
	text-align: center;
	color: #333;
	text-shadow: none;
}
#topMainExisting .clearfix {
	display: block!important;
}
#topMainExisting #historyShow2 {
	width:104px!important;
}
#topMainExisting .headingTypeA0105:before{
	display:none;
}
#topMainExisting .owl-theme{
	padding: 0;
}
#topMainExisting h2.headingTypeA0105 {
	padding: 0;
	font-size: 10px;
	margin: 0;
	font-weight: normal;
	color: #6184ee;
	text-shadow: none;
	text-align:center;
	display:none;
}
#topMainExisting a {
	width:104px;
	margin: 0;
}
#topMainExisting a img{
	width: 100%;
}
#topMainExisting #historyShow2 {
	background-color: rgba(255, 255, 255, 0);
}
#topMainExisting .owl-theme .owl-item .multi-line{
display:none;
}
#topMainExisting .owl-item-inner {
	width:104px;
}
#topMainExisting span.buttonTypeC01.delete_history {
	display: none;
}
#topMainExisting .owl-item {
	margin: 0;
}
#topMainExisting .owl-item:nth-child(n + 2) {
	display: none;
}
#topMainExisting .owl-controls .owl-buttons{
	display:none;
}
#topMainExisting .purchased {
	float:left;
	width:65%;
	margin-left:20px;
}
.purchasedBox{
	display:flex;
	width:100%;
}
.purchasedBox a:hover{
	text-decoration:none;
}
.purchasedBox .mainItemBox{
	width:60%;
	padding:0 20px 0 0;
	box-sizing:border-box;
}
.purchasedBox .mainItemBox ul{
	margin:0;
}
.purchasedBox .mainItemBox ul li{
	border-right:#d7d7d7 1px solid;
	padding:0 20px 0 0;
	box-sizing:border-box;
}
#topMainExisting .purchasedBox .mainItemBox a img{
	display:block;
	width:94%;
	padding:0 12% 4%;
}
.purchasedBox .subItemBox{
	width:40%;
}
.purchasedBox .subItemBox ul{
	margin:0;
}
.purchasedBox .subItemBox ul li{
	padding:20px 0 0;
}
.purchasedBox .subItemBox ul li:first-child{
	border-bottom:#d7d7d7 1px solid;
	padding:0 0 20px 0;
	box-sizing:border-box;
}
.purchasedBox .subItemContents{
	display:flex;
	width:100%;
}
.purchasedBox .subItemContents .subitemImg{
	width:50%;
}
.purchasedBox .subItemContents .subitemTxt{
	width:50%;
	padding:0 0 0 12px;
	box-sizing:border-box;
}
.purchasedBox ul li .price01_02{
	display: block;
	text-align: left;
	color: #e3363f;
	line-height: 1.2;
}
.purchasedBox ul li .price01_02:before{
	content:"";
	padding:0 6px 0 0;
}
.purchasedBox ul li .price01_02 .inner01{
	font-weight:bold;
	font-size:167%;
}
.purchasedBox a img{
	width:100%;
	padding:4%;
	box-sizing:border-box;
}
.purchasedBox .subItemBox .moreTypeA01{
	margin:0 8px 10px 0;
	text-align:right;
}
#newcustomer,
#topMainExisting{
	display:none;
}

/*イチオシレコメンド削除*/
#CENTER_MAIN #kcrec01{
	display:none;
}

/*口コミクーポン終了*/
.itemBox .review01 .buttonListTypeA01{
	flex-direction:column;
}
.itemBox .review01 .buttonListTypeA01 li:first-child{
	display:none;
}
#rside01 #sideNaviArea > .bannerListTypeA01{
	display:none;
}
#resultListHeader + #infoArea + #reviewBnrArea{
	display:none;
}