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

@media only screen and (min-width: 769px) {
footer .footerIn nav > ul > li > ul{display:block !important;}
#squeezeBox .squeezeTab div{display:block !important;}
	

}




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


body{
	/*font-weight:500;*/
}



/* ==================== HEADER ===================== */

header{
	padding-top:106px;
	z-index:1000;
}

nav.global{display:none;}

#headerTop{
	background:#FFF;
	padding:0;
	width:100%;
	position:fixed;
	top:0;
	z-index:100;	
	-webkit-transition:-webkit-transform 0.3s;
	   -moz-transition:-moz-transform 0.3s;
            transition:transform 0.3s;
}
#headerTop h1{
	width:230px;
	padding:15px 0 15px 2.5%;
}

#headerTop .mainHeader{
	padding-top:20px;
	
}

#headerTop .mainHeader .HeaderMember{
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	z-index:1000;
	padding:0.3em 0.8em 0.2em;
	font-size:1.0em;
	line-height:1;
	box-sizing: border-box;
	border-bottom:1px solid #CCC;
}

#headerTop .mainHeader .siteTool{
	text-align:right;
	margin-top:-1.0em;
	font-size:1.0em;
	font-weight:500;
	padding-right:20px;
}

.siteTool ul.toolmenu{display:none;}

.cart{margin:0 63px 0 0;}
.cart a{
	border:none;
	padding:30px 0.5em 0 0.5em;
	line-height:1.2;
	background:#FFF url(../../images/common/cart_mb.png) center top no-repeat;
	background-size:32px;
    -webkit-border-radius:0;
       -moz-border-radius:0;
	        border-radius:0;
}
.cart a span{display:none;}
.cart a #Basket{
	top:0px;
	left:2px;
	min-width:1.5em;
	height:1.5em;
	font-size:0.9em;
	line-height:1.6em;
}


.headerSearchPC{display:none;}

.mbSearchToggle{
	display:inline-block;
	padding:0 0.5em;
	margin:0 1em 0 0;
	vertical-align:middle;
	cursor:pointer;
}
.mbSearchToggle p{
	border:none;
	padding:30px 0.5em 0 0.5em;
	line-height:1.2;
	background:#FFF url(../../images/common/search_mb.png) center top no-repeat;
	background-size:30px;
}
.mbSearchToggle.active{
	color:#B69D80;
}
.mbSearchToggle.active p{
	background-position:center -50px;
}





/* ================== Drawer =================== */


#wrapper.open{
	overflow:hidden;
    -webkit-transform:translateX(-270px);
	   -moz-transform:translateX(-270px);
            transform:translateX(-270px);
}
#headerTop.open{
    -webkit-transform:translateX(-270px);
	   -moz-transform:translateX(-270px);
            transform:translateX(-270px);
}

/* ============= */

.mbMenuToggle{
	display:inline-block;
	margin:0;
	vertical-align:middle;
	position:fixed;
	top:40px;
	right:10px;
	font-weight:500;
	z-index:1500;
	cursor:pointer;
	-webkit-transition:-webkit-transform 0.2s;
	   -moz-transition:-moz-transform 0.2s;
            transition:transform 0.2s;
}
.mbMenuToggle.open{
	color:#FFF;
	 -webkit-transform:translateX(-270px);
	    -moz-transform:translateX(-270px);
             transform:translateX(-270px);
}
.mbMenuToggle p{
	border:none;
	padding:30px 0.5em 0 0.5em;
	line-height:1.2;
}
.mbMenuToggle .cd-menu-icon{
  display: inline-block;
  position: absolute;
  left:50%;
  top:14px;
  bottom:0;
  right:0;
  -webkit-transform:translateX(-50%) translateY(-50%);
     -moz-transform:translateX(-50%) translateY(-50%);
      -ms-transform:translateX(-50%) translateY(-50%);
       -o-transform:translateX(-50%) translateY(-50%);
          transform:translateX(-50%) translateY(-50%);
  width: 24px;
  height: 2px;
  background-color:#333;
  -webkit-transition:background-color 0.4s;
     -moz-transition:background-color 0.4s;
          transition:background-color 0.4s;
}
.mbMenuToggle .cd-menu-icon:before,
.mbMenuToggle .cd-menu-icon:after {
  content: '';
  width:100%;
  height:100%;
  position:absolute;
  background-color:#333;
  right:0;
  -webkit-transition:-webkit-transform 0.4s, top 0.4s, background-color 0s;
     -moz-transition:-moz-transform 0.4s, top 0.4s, background-color 0s;
          transition:transform 0.4s, top 0.4s, background-color 0s;
}
.mbMenuToggle .cd-menu-icon:before {top: -6px;}
.mbMenuToggle .cd-menu-icon:after {top: 6px;}

.mbMenuToggle.open .cd-menu-icon{
	background-color: #666;
}

.mbMenuToggle.open .cd-menu-icon:before,
.mbMenuToggle.open .cd-menu-icon:after {
  background-color: #FFF;
}
.mbMenuToggle.open .cd-menu-icon:before{
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mbMenuToggle.open .cd-menu-icon:after{
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}


/* ============= */

#drawer{
    position:fixed;
	z-index:10000;
    top:0;
    right:-270px;
    width:270px;
    height:100%;
	background-color:#FFF;
	display:block;
	color:#333;
	font-size:1.15em;
    overflow:hidden;
    height:100%;
	text-align:left;
    -webkit-transition:-webkit-transform 0.3s;
	   -moz-transition:-moz-transform 0.3s;
            transition:transform 0.3s;
}
#drawer .drawerInner{
	-webkit-overflow-scrolling:touch;
	position:absolute;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}


#drawer.open {
    -webkit-transform:translateX(-270px);
	   -moz-transform:translateX(-270px);
            transform:translateX(-270px);
}
#drawer ul a{
	color:#333;
	display:block;
	line-height:1;
}

.drawerTool{
	width:92%;
	margin:0 auto;
	padding:8% 0 12%;
}
.drawerTool li{
	border:1px solid #CCC;
	margin-top:4%;
	text-align:left;
	line-height:1;
	box-sizing:border-box;
	vertical-align:bottom;
}

.drawerTool li.new{background:url(../../images/common/drawer_new.png) 7px center no-repeat;}
.drawerTool li.login{background:url(../../images/common/drawer_login.png) 7px center no-repeat;}
.drawerTool li.mypage{background:url(../../images/common/drawer_mypage.png) 7px center no-repeat;}
.drawerTool li.new,
.drawerTool li.login,
.drawerTool li.mypage{background-size:23px;}
.drawerTool li a{padding:1.0em 0 0.9em 35px;}



#drawer h3{
	background:#E5DBCE;
	text-indent:1em;
	padding:0.8em 0;
}


.drawerCategory{}
.drawerCategory li{border-bottom:1px solid #B69D80;}

.drawerCategory li.noline{
	border-bottom:none;
	padding-bottom:1px;
	background:url(../../images/common/drawer_underline.png) 14px bottom no-repeat;
}


.drawerCategory li a{padding:0.6em 0 0.5em 15px;}
.drawerCategory li.second a{padding:1.0em 0 0.9em 25px;}
.drawerCategory li a span{padding-right:0.8em;}
.drawerCategory li a img{vertical-align:middle;}
.drawerCategory li a i{
	padding:0 0.4em 0 0.3em;
	color:#B69D80;
	-webkit-transform:scale(1.5,0.7);
	   -moz-transform:scale(1.5,0.7);
	        transform:scale(1.5,0.7);	
}
.drawerCategory li p{
	line-height:1;
	padding:0.6em 0 0.5em 10px;
	color:#333;
}
.drawerCategory li p span{padding-right:0.8em;}
.drawerCategory li p img{vertical-align:middle;}





.drawerSeries{}
.drawerSeries li{border-bottom:1px solid #B69D80;}
.drawerSeries li a{padding:1.0em 0 0.9em 10px;}
.drawerSeries li a i{
	padding:0 0.4em 0 0.3em;
	color:#B69D80;
	-webkit-transform:scale(1.5,0.7);
	   -moz-transform:scale(1.5,0.7);
	        transform:scale(1.5,0.7);	
}


.drawerGuide{margin:10% 0;}
.drawerGuide li{}
.drawerGuide li a{text-indent:0.5em;padding:0.8em 0 0.7em;}


.drawerGlobal{background:#E1DACF;}
.drawerGlobal li{border-top:1px solid #FFF;}
.drawerGlobal li a{ color:#333 !important;text-indent:0.7em;padding:0.7em 0 0.6em;}
.drawerGlobal li a img{vertical-align:middle; margin-top:-1px; padding-right:4px;}
 #overlay {
	position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1200;
    background:rgba(0, 0, 0, 0.6);
}

/* ============================================ */


/* ============================================ */


/* ----- CategoryMenu ----- */

nav#category{
	border-bottom:1px solid #D9D9D9;
	border-top:2px solid #D9D9D9;
	height:auto;
	position:relative;
}

nav#category > ul.categoryMenu{
	margin:0;
	font-size:0;
}
nav#category > ul.categoryMenu > li{
	margin:0;
	font-size:12px;
	width:25%;
	box-sizing:border-box;
	border-left:1px solid #D9D9D9;
}
nav#category > ul.categoryMenu > li:first-child{border-left:none;}
nav#category > ul.categoryMenu > li > a{
	height:auto;
	padding:10px 0 7px;
}
nav#category > ul.categoryMenu > li > a:hover{color:#333;}
nav#category > ul.categoryMenu > li.active > a{}
nav#category > ul.categoryMenu > li > a img{width:65px;}

#category .subMenu{
	width:100%;
	margin:0 auto;
	border-bottom:none;
}
#category .subMenu > ul{margin:0;}
#category .subMenu > ul > li{
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCC;
}
#category .subMenu > ul > li > a{
	padding:1.3em 0;
	font-size:1.1em;
	text-align:left;
	text-indent:5%;
}
#category .subMenu > ul > li > a:hover{color:#333;}



/* ==================== Footer ===================== */

footer{
	margin-top:8%;
	padding-top:0;
}
footer .footerIn{width:100%;}

footer .footerIn nav > ul > li{display:block;width:100%;}
footer .footerIn nav > ul > li > ul{display:none;background:#F5F5F5;}
footer .footerIn nav > ul > li > ul > li{
	padding:0;
	
	
}
footer .footerIn nav > ul > li a{
	display:block;
	width:100%;
	padding:0.8em 1em;
	box-sizing:border-box;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
}
footer .footerIn nav > ul > li p{
	font-size:1.2em;
	padding:0.8em 1em;
	box-sizing:border-box;
	line-height:1.1em;
	border-bottom:1px solid #CCC;
}

.footerCategory .second{
	text-indent:1em;
}


.footerSearch input.search_text{
	line-height:1.2;
	font-size:16px;
	box-sizing:border-box;
	padding:0.6em 0 0.6em 1em;
}

.footerSearch input.search_button{
    border:none;
    background:url(../../images/common/search.png) center center no-repeat;
    width:38px;
    height:38px;
    cursor:pointer;
	position:absolute;
	top:0;
	right:4px;
}



footer .footerIn nav > ul > li a i{
	display:none;
}
footer .footerIn nav h3{
	width:100%;
	border-bottom:1px solid #CCC;
	font-size:1.5em;
	padding:0.4em 0;
	text-indent:1em;
	font-weight:400;
	position:relative;
	letter-spacing:0.02em;
}
footer .footerIn nav h3:before{
	position:absolute;
	content:"";
	top:50%;
	right:13px;
	width:14px;
	height:2px;
	margin-top:-1px;
	background:#B69D80;
}
footer .footerIn nav h3:after{
	position:absolute;
	content:"";
	top:50%;
	right:13px;
	width:14px;
	height:2px;
	margin-top:-1px;
	background:#B69D80;
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	        transform:rotate(90deg);
	-webkit-transition:-webkit-transform 0.3s;
       -moz-transition:-moz-transform 0.3s;
            transition:transform 0.3s;
}
footer .footerIn nav h3.active{
	background:#F1EDE8;
}
footer .footerIn nav h3.active:after{
	-webkit-transform:rotate(0deg);
	   -moz-transform:rotate(0deg);
	        transform:rotate(0deg);
}

footer .footerIn .footerTools{width:70%;margin:5% auto;}
footer .bannerBox{width:60%;margin:5% auto 0;}




footer .mbContact{
	display:block;
	width:100%;
	margin:0 auto;
}
.mbContactIn{
	width:95%;
	margin:1.2em auto;
	box-sizing:border-box;
	text-align:center;
}

footer .mbContact h3{
	font-size:1.3em;
	padding:0.5em 0;
	line-height:1;
	text-align:center;
	background:#F5F5F5;
}


footer .mbContact .tel{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:2.2em;
	line-height:1.0;
	letter-spacing:0.02em;
	padding:0.2em 0;
}
footer .mbContact .tel a:before{
	content:"\f098";
	font-family: 'FontAwesome';
	color:#009933;
	padding-right:0.2em;
}

footer .mbContact .customer{
	padding:1.2em 0 0.3em 0;
	margin-top:1.0em;
	box-sizing:border-box;
	background:url(../../images/common/dot_g.png) left top repeat-x;
}



/* ==================== Contents ===================== */

#contents{border-top:none;}
.mainInner{width:100%;padding-top:5%;}
.columnContents{float:none;margin-right:0;}
.columnContents .columnInner{margin-right:0;}

.columnSideNavi{display:none;}



h2.categorytitle{width:95%;margin:0 auto;}



ul.itemlist li{width:21%;}
h2.listTitle{font-size:1.3em;}
h2.listTitle .eng{font-size:1.7em;}
h2.listTitle .listTitleIcon{width:30px;}













/* =========================== Top Page ============================ */

#ctl00_body_ctl01_ShopMessagePanel{width:95%;margin:0 auto 5%;}


/* ------ Recommend  ------ */
.top_aspx .Recommend{width:95%;margin:0 auto;}



/* ------ PickUp  ------ */

.top_aspx .PickUp{width:95%;margin:5% auto 0;}

.top_aspx .PickUp ul.PickUpList{width:102%;}

.top_aspx .PickUp ul.PickUpList li{width:48%;margin:0 2% 2% 0;}

.top_aspx .PickUp ul.PickUpList li h3{text-align:left;}
.top_aspx .PickUp ul.PickUpList li h4{padding:0 0 0.5em;}

.top_aspx .PickUp ul.PickUpList li:first-child{border-top:1px solid #CCC;}
.top_aspx .PickUp ul.PickUpList li a{padding:3%;}
.top_aspx .PickUp ul.PickUpList li a:after{display:none;}






/* ------ Magazine  ------ */


.top_aspx .Magazine{width:95%;margin:5% auto 0;}
.top_aspx .Magazine ul.magazineList{width:100%;}
.top_aspx .Magazine ul.magazineList li{
	width:100%;
	margin:5px 0 0;
	float:none;
}

.top_aspx .Magazine ul.magazineList li a:hover{background:#F6F6F6;}

.top_aspx .Magazine ul.magazineList .magazineImg{width:25%;float:left;}
.top_aspx .Magazine ul.magazineList .magazinetxt{width:72%;float:right;}


.top_aspx .Magazine .magazineMore{margin-top:5px;}
.top_aspx .Magazine .magazineMore a{font-size:1.7em;}
.top_aspx .Magazine .magazineMore a:hover{background:#F6F6F6F;}


/* ------ CategorySeries  ------ */
.top_aspx .CategorySeries{width:95%;margin:5% auto 0;}

.top_aspx .CategorySeries ul.seriesList li a:hover{border-color:#CCC;}
.top_aspx .CategorySeries ul.seriesList li a:after{ display:none;}



/* ------ Recommend  ------ */
.top_aspx .Ranking{width:95%;margin:5% auto 0;}


/* ------ TopNews  ------ */

.top_aspx .TopNews{margin-top:5%;}


.top_aspx .TopNews .TopNewsAll{
	position:static;
	top:0;
	display:block;
	border-top:5px solid #FFF;
}

.top_aspx .TopNews .TopNewsAll a{
	text-align:center;
	font-size:1.2em;
	padding:0.5em 0 0.4em;

}





























/* =========================== ItemList ============================ */



/* ----------------- Series Explanation -------------------- */

.mainInner #seriesExplanation{width:95%;margin:5% auto 0;}
#seriesExplanation .seriesNameImg{width:45%;padding:0;}
#seriesExplanation .seriesText{width:55%;}
#seriesExplanation .seriesText p{padding:0 3%;font-size:1.1em;line-height:1.5;}




/* ----------------- CategoryHTML -------------------- */
.mainInner .CategoryHTMLbox{width:95%;margin:5% auto 0;}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox li{width:48%;}
.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox li{width:48%;}



.mainInner .CategoryHTMLbox .WaterPick{width:48%;}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox{width:100%;}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox li{width:100%;}
.mainInner .WaterRelation{float:right;width:48%;margin-left:0;}





/* ----------------- StaticHTML Top -------------------- */
.mainInner #staticHTMLboxTop{width:95%;margin:5% auto 0;}
#staticHTMLboxTop ul.staticBanner li{width:48%;margin-bottom:1%;margin-top:1%;}


/* ----------------- StaticHTML Bottom -------------------- */
.mainInner #staticHTMLboxBottom{width:95%;margin:5% auto 0;}



/* --------------- UnderCategory ------------------- */
.mainInner #underCategory{width:95%;margin:0 auto;}
#underCategory ul.underCategoryList li a:before{display:none;}
#underCategory ul.underCategoryList li a:hover{border-color:#CCC;color:inherit;}
#underCategory ul.underCategoryList li a:hover .name{background-color:#F5F5F5;}







/* ------------------- SqueezeBox ----------------- */



#squeezeBox .tabInner .squeezestep{padding:0 1em;}






.mainInner #squeezeBox{width:95%;margin:0 auto;}

#squeezeBox ul.squeezeTabList{
	width:100%;
	border-top:1px solid #CCC;
}
#squeezeBox ul.squeezeTabList > li{
	width:100%;
	margin-right:0%;
	display:block;
	border-top:none;
}
#squeezeBox ul.squeezeTabList > li:hover{border-color:#CCC;}
#squeezeBox ul.squeezeTabList > li:before{display:none;}
#squeezeBox ul.squeezeTabList > li:after{display:none;}
#squeezeBox ul.squeezeTabList > li.active{border-color:#CCC;}
#squeezeBox ul.squeezeTabList > li > div{
	display:none;
	overflow:hidden;
	text-align:left;
}

#squeezeBox ul.squeezeTabList > li > div ul.tabTpey02{width:102%;font-size:0;}
#squeezeBox ul.squeezeTabList > li > div ul.tabTpey02 li{
	width:23%;
	margin-right:2%;
	margin-top:2%;
	display:inline-block;
	font-size:12px;	
}
#squeezeBox ul.squeezeTabList > li > div ul.tabTpey02 li img{width:80%;margin:0 auto;}


#squeezeBox ul.squeezeBanner{
	width:100%;
	border-top:1px solid #CCC;
}
#squeezeBox ul.squeezeBanner > li{
	width:100%;
	margin-right:0%;
	display:block;
}
#squeezeBox ul.squeezeBanner > li > a{
	border-top:none;
}




#squeezeBox ul.squeezeTabList > li > p > img,
#squeezeBox ul.squeezeBanner > li > a > img{
	width:30%;
}


.squeeze_step ul li{font-size:12px;}




/* ------------------ NumberSearch ------------------ */
.mainInner #numberSearch{width:95%;margin:0 auto;}

#numberSearch .confirmation a{font-size:14px;}
#numberSearch input.search_text{font-size:16px;width:80%;}
#numberSearch input.search_button{font-size:16px;width:20%;}

#numberSearch .confirmation a:hover{background:#B3B3B3;color:#FFF;}









/* ------------------ ItemList ------------------ */
.mainInner #itemListBox{
	width:100%;
	margin:2% auto 0;	
}



#squeezeBox ul.squeezeTabList > li{
	cursor:default;
}
#squeezeBox ul.squeezeTabList > li > p{
	cursor:pointer;
	
}



#squeezeBox ul.squeezeTabList .tabType01{border-top:1px dashed #CCC;padding:1em 0 1.5%;}
#squeezeBox .tabType01 ul.optionMapList{width:97%;margin:5px auto 0;}
#squeezeBox .tabType01 ul.optionMapList li{width:19%;margin:0.5%;}
#squeezeBox .tabType01 ul.optionMapList li .optionIcon{margin-bottom:0.5em;}
#squeezeBox .tabType01 ul.optionMapList li a{padding-bottom:0.5em;}


#squeezeBox ul.tabType02{
	width:99%;
	margin:0 auto;
	
	padding:1% 0.5%;
}

#squeezeBox  ul.tabType02 li{width:24%;margin:0.5%;}
#squeezeBox ul.tabType02 li p.sinkModelName span{font-size:1.0em;}






/* -- itemListHeader -- */

.mainInner #itemListBox{border-top:none;}

#itemListBox .itemListHeader{margin-bottom:5%;}
#itemListBox .itemListHeader .pagination{display:none;}

.itemListHeader .list_selectbox{
	font-size:16px;
	width:50%;
	float:left;
	padding:0.5em 0;
	padding-left:2.5%;
	margin-top:3%;
	box-sizing:border-box;
}

.listQuantity{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.listSort{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.itemListHeader .list_selectbox i{
	left:auto;
	right:5%;
	font-size:1.2em;
	margin-top:-0.4em;
}






.pagination .pagenumber li{font-size:13px; margin:0 0.1em;}
.pagination .pagearrows{font-size:13px;}

/* -- itemList -- */
#itemListBox ul.itemlist{width:95%;margin:0 auto;}
#itemListBox ul.itemlist li{width:27.33333%;margin:0 3% 8% 3%;}






/* -- itemListFooter -- */
#itemListBox .itemListFooter .pagination{
	float:none;
	text-align:center;
	margin:0 auto;
}
.ProductListFooter .pagination{
	float:none;
	text-align:center;
	margin:0 auto;
	padding-top:1em;
}





/* =========================== Detail ============================ */

.itemDetileBox .itemMainImg{float:none;margin:0;}
.itemDetileBox .itemMainImg p{margin:0;}
.itemDetileBox .itemMainImg p img{margin:0 auto;}

.itemDetileBox .itemInfoBox{width:95%;float:none;margin:7% auto 0;}

table.itemBuyBox th{width:100px;}
table.itemBuyBox th img{width:80px;}

table.itemBuyBox dl.price dt{width:9.5em;}

table.itemBuyBox td.cartInBT{width:120px;}


.snsBox{margin-top:3%;}
.snsBox ul.sns_group{text-align:center;}
.snsBox ul.sns_group .twitter a{background:#00ACEC;}
.snsBox ul.sns_group .facebook a{background:#265a96;}
.snsBox ul.sns_group .line a{background:#2cbf13;}


/* ------------------ Item Explain ------------------ */

.itemExplain{width:95%;margin:8% auto 0;}
.itemExplain .explainInner{padding:3%;}
.itemExplain h3{font-size:1.6em;}





/* 逆引きカテゴリー */
.ReverseCategory{width:95%;margin:0 auto;padding:4% 0;}
.ReverseCategory h3{font-size:1.4em;}



.RelationList,
.RecommendList{
	margin:3% auto;
	width:95%;
	
}











}







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

#wrapper a:hover{ color:inherit;}


/* ----- header ----- */
header{padding-top:96px;}

#headerTop h1{width:180px;padding-top:16px;padding-bottom:15px;}
#headerTop .mainHeader .siteTool{margin-top:-13px;font-size:10px;padding-right:12px;}

.mbMenuToggle{font-size:10px;top:35px;right:12px;}

.cart{margin:0 53px 0 0;}

.mbSearchToggle{margin:0 7px 0 0;}
.mbMenuToggle p{padding:30px 0 0 0;line-height:1.2;}


/* ----- CategoryMenu ----- */
nav#category > ul.categoryMenu > li{font-size:11px;}
nav#category > ul.categoryMenu > li > a{padding:10px 0 5px;}
nav#category > ul.categoryMenu > li > a img{width:56%;}
nav#category > ul.categoryMenu > li > a br{display:block;}
nav#category > ul.categoryMenu > li > a span{display:none;}
nav#category > ul.categoryMenu > li > a .oneLine{padding:0.6em 0;}


/* ----- Footer ----- */
footer .footerIn nav h3{font-size:1.4em;}
footer .footerIn .footerTools{width:85%;margin:7% auto;}
footer .bannerBox{width:80%;margin-top:7%;}


footer .footerIn nav > ul > li a{
	font-size:1.1em;
}
footer .footerIn nav > ul > li p{
	font-size:1.1em;

}




/* ----- Contents ----- */


h2.categorytitle{width:90%;font-size:2.0em;}





h2.listTitle{text-align:center; line-height:1.4;font-size:1.2em;}
h2.listTitle .eng{
	display:block;
	text-align:center;
	font-size:1.6em;
	padding:0;
	margin:0;
	background:none;
	font-weight:300;
}
h2.listTitle .listTitleIcon{width:40px;display:block;margin:0 auto;}

.pickListFullWidth ul.itemlist li,
.pickListColumnWidth ul.itemlist li{width:46%;margin-bottom:4%;}




.pickListFullWidth .listAllBT,
.pickListColumnWidth .listAllBT{
	position:static;
	top:0;
	padding:0;
	display:block;
	box-sizing: border-box;
}
.pickListFullWidth .listAllBT a,
.pickListColumnWidth .listAllBT a{
	font-size:1.1em;
	display:block;
	border:1px solid #CCC;
	width:100%;
	text-align:center;
	box-sizing: border-box;
	padding:0.2em 0;
}
pickListFullWidth .listAllBT a i,
.pickListColumnWidth .listAllBT a i{
	padding-right:0.5em;
}









/* =========================== Top Page ============================ */

#ctl00_body_ctl01_ShopMessagePanel{width:90%;margin-bottom:10%;}

/* ------ Recommend  ------ */
.top_aspx .Recommend{width:90%;}


/* ------ PickUp  ------ */
.top_aspx .PickUp{width:100%;margin-top:10%;}

.top_aspx .PickUp ul.PickUpList{width:100%;}
.top_aspx .PickUp ul.PickUpList li{
	width:100%;
	float:none;
	margin:0;
	border:none;
	border-bottom:1px solid #CCC;
}
.top_aspx .PickUp ul.PickUpList li .pickImg{
	width:120px;
	float:left;
}
.top_aspx .PickUp ul.PickUpList li .picktxt{
	width:100%;
	float:right;
	margin-left:-130px;
}
.top_aspx .PickUp ul.PickUpList li .picktxt div{margin-left:130px;}
.top_aspx .PickUp ul.PickUpList li h3{padding:0 0 0.3em;}



/* ------ Magazine  ------ */

.top_aspx .Magazine{width:90%;margin-top:10%;}

.top_aspx .Magazine ul.magazineList li a{padding:5px;}

.top_aspx .Magazine ul.magazineList .magazineImg{
	width:110px;
	float:left;
}
.top_aspx .Magazine ul.magazineList .magazinetxt{
	width:100%;
	float:right;
	margin-left:-120px;
}
.top_aspx .Magazine ul.magazineList .magazinetxt div{margin-left:120px;}
.top_aspx .Magazine ul.magazineList h3{padding:0.2em 0 0.2em;}

.top_aspx .Magazine .magazineMore a{font-size:1.3em;padding:0.5em 0 0.4em;}




/* ------ CategorySeries  ------ */
.top_aspx .CategorySeries{width:90%;margin-top:10%;}

.top_aspx .CategorySeries ul.seriesList{
	width:102%;
}
.top_aspx .CategorySeries ul.seriesList li{
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
}
.top_aspx .CategorySeries ul.seriesList li a{padding:20px 0;}
.top_aspx .CategorySeries ul.seriesList li img{width:75%;}




/* ------ Ranking  ------ */

.top_aspx .Ranking{width:90%;margin-top:10%;}



/* ------ TopNews  ------ */

.top_aspx .TopNews{margin-top:10%;}












/* =========================== ItemList ============================ */

.mainInner h3.boxTitle{margin-top:10%;}

#staticHTMLboxTop,
#underCategory,
#squeezeBox,
#numberSearch{padding-bottom:3%;}



/* -- Series Explanation -- */

.mainInner #seriesExplanation{width:90%;margin-top:8%;}
#seriesExplanation dl{display:block;}
#seriesExplanation .seriesNameImg{width:100%;display:block;}
#seriesExplanation .seriesText{width:100%;padding:3% 0;display:block;border-top:1px solid #CCC;}
#seriesExplanation .seriesText p{font-size:1.2em;line-height:1.6;}


/* -- CategoryHTML -- */
.mainInner .CategoryHTMLbox{width:90%;margin-top:8%;}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox{ width:104%;}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox li{width:46%;margin:0 4% 4% 0;}

.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox{width:100%;}
.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox li{
	width:100%;
	margin-right:0%;
	margin-bottom:0.7em;
	float:none;
}



.mainInner .CategoryHTMLbox .WaterPick{width:100%; float:none;}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox{width:100%;}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox li{width:100%;}

.mainInner .WaterRelation{float:none;width:100%;margin-left:0;}




/* -- StaticHTML Top -- */
.mainInner #staticHTMLboxTop{width:90%;margin-top:8%;}


/* -- StaticHTML Bottom -- */
.mainInner #staticHTMLboxBottom{width:90%;margin-top:10%;}


/* -- UnderCategory -- */
.mainInner #underCategory{width:90%;}
#underCategory ul.underCategoryList{width:100%;}
#underCategory ul.underCategoryList li{
	width:100%;
	margin-right:0%;
	display:block;
	margin-top:2%;
}
#underCategory ul.underCategoryList li a .name{font-size:1.1em;}



.mainInner .RelationContentsTowel ul{
	width:102%;
}
.mainInner .RelationContentsTowel ul li{
	width:48%;
	margin:0 2% 2% 0;
	
}
























/* -- SqueezeBox -- */




.mainInner #squeezeBox{width:90%;}



#squeezeBox .squeezestep{text-align:left; line-height:1.4;font-size:1.1em;}
#squeezeBox .squeezestep span{display:block;font-size:1.4em;}





#squeezeBox ul.squeezeTabList > li > p > img,
#squeezeBox ul.squeezeBanner > li > a > img{width:50%;}
#squeezeBox ul.squeezeTabList > li:before{display:none;}
#squeezeBox ul.squeezeTabList > li:after{display:none;}


#squeezeBox .tabType01 ul.optionMapList{width:98%;margin:5px auto 0;}
#squeezeBox .tabType01 ul.optionMapList li{width:48%;margin:1%;}

#squeezeBox .tabType01 ul.optionMapList li a br{ display:none;}
#squeezeBox .tabType01 ul.optionMapList li .optionIcon{margin-bottom:0.8em;}
#squeezeBox .tabType01 ul.optionMapList li a{padding-bottom:0.9em;}

#squeezeBox ul.tabType02{width:98%;padding:1.2% 1%;}
#squeezeBox  ul.tabType02 li{width:31.3333%;margin:1%;}



.squeeze_step ul li{font-size:11px;}



/* -- NumberSearch -- */
.mainInner #numberSearch{width:90%;}
#numberSearch input.search_text{width:75%;}
#numberSearch input.search_button{width:25%;}

#numberSearch .confirmation a{
	width:100%;
	border-bottom:2px solid #FFF;
}


/* -- itemList -- */
#itemListBox ul.itemlist{width:95%;}
#itemListBox ul.itemlist li{width:42%;margin:0 4% 8% 4%; line-height:1.4;}






/* =========================== Detail ============================ */

.itemDetileBox .itemMainImg{width:75%;margin:0 auto;}
.itemDetileBox .itemInfoBox{width:90%;}


.itemDetileBox .itemInfoBox h2{font-size:1.8em;padding-bottom:0.8em;}
table.itemBuyBox th{vertical-align:text-top;padding:1.5em 0;}
table.itemBuyBox td{display:block;padding:1.5em 0 0;}
table.itemBuyBox td.cartInBT{width:100%;padding:0.7em 0 2em;}

table.itemBuyBox td.cartInBT a{
	background-image:none;
	padding:4px 0 2px;
	margin:0;
	line-height:1;
	font-size:1.1em;
	font-weight:bold;
}
table.itemBuyBox td.cartInBT span.detail_cart_icon{
	display:inline-block;
	vertical-align:middle;
	padding-right:3px;
}
table.itemBuyBox td.cartInBT span img{width:30px;}
.itemExplain .explainInner{padding:4%;}





.itemDetileBox table.supportList{
	width:100%;
	display:inline-table;
}

.itemDetileBox table.supportList th{
	display:block;
	width:100%;
	padding:0.3em 0.5em 0.2em;
	margin:0;
	box-sizing:border-box;
	background:#F5F5F5;
	max-width:100%;
	
}
.itemDetileBox table.supportList td{
	display:block;
	width:100%;
	padding:0.5em 0.5em 1em;
	margin:0;
	box-sizing:border-box;
	
}









.snsBox{margin-top:7%;}


/* ------------------ Item Explain ------------------ */

.itemExplain{width:90%;margin:8% auto 0;}
.itemExplain h3{font-size:1.4em;}



.itemExplain .Information{
	width:100%;
	float:none;
}
.itemExplain .DetailLink{
	width:100%;
	float:none;
	margin-top:5%;
}

/* 商品詳細属性 */
.productSpec .AttributeDataTable .AttributeTD1{width:100%;display:block;background:#F1F1F1;text-indent:0.5em;}
.productSpec .AttributeDataTable .AttributeTD2{width:100%;display:block;}
.productSpec .AttributeDataTable .AttributeTD1 span:after {content: ""; padding-right:0em;}



/* 逆引きカテゴリー */
.ReverseCategory{width:90%;}




.RelationList,
.RecommendList{
	margin:5% auto;
	width:90%;
	
}






}




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



/* ----- header ----- */
.mbSearchToggle{margin:0 4px 0 0;}

#headerTop h1{width:150px;padding-top:19px;padding-bottom:19px;}


/* ----- CategoryMenu ----- */
nav#category > ul.categoryMenu > li > a{padding:8px 0 4px;}
nav#category > ul.categoryMenu > li > a img{width:60%;}


/* ----- Footer ----- */
footer .copyright{font-size:0.85em;}


/* =========================== Detail ============================ */
table.itemBuyBox th{width:85px;}
table.itemBuyBox th img{width:70px;}


#squeezeBox ul.tabType02 li p.sinkModelName span{font-size:1.0em;}

}

/*===========================Account.aspx =============================*/
@media only screen and (min-width: 769px) {
.account_aspx ul.application li.carat365 {
    width: 98%;
}
}
@media only screen and (max-width: 768px) {

li.carat365 P{
    margin: 0 0 0 75px !important;

}
}