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

/*
 初期化
----------------------------------------------------------------------------------------------------*/



.remodal-toggle:link,
a.remodal-toggle:visited{
	color: #008486;
	text-decoration: none;
	font-size: 14px;
}
/*
 altText
----------------------------------------------------------------------------------------------------*/
.altText{
	display:inline-block;
	height:0;
	width:0;
	overflow:hidden;
	position:absolute;
}

/*
 text align
----------------------------------------------------------------------------------------------------*/
.taLeft{text-align:left !important;}
.taCenter{text-align:center !important;}
.taRight{text-align:right !important;}

/*
 vertical align
----------------------------------------------------------------------------------------------------*/
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

/*
 clrF
----------------------------------------------------------------------------------------------------*/
.clrF:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clrF{
	display:inline-block;
	min-height:1%;
}
* html .clrF{height:1%;}
.clrF{display:block;}

/*
 margin
----------------------------------------------------------------------------------------------------*/
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt200{margin-top:200px !important;}
.mt400{margin-top:400px !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml100{margin-left:100px;}


.heading_Level2 span{
	color: #00A7A9;
}

/*
 item
----------------------------------------------------------------------------------------------------*/
/*itemSearch
----------------------------------------------------------------------*/
.itemSearch{
	margin: 0;
	/*margin:10px 0 0 20px;*/
	/*width:640px;
	letter-spacing:-1em;*/
}

.itemSearch.indextop .categories a{
	text-decoration: none;
	display: table;
	width: 100%;
}
.itemSearch ul{
	margin:0 -15px 0 0;
}
.itemSearch li{
	margin:5px 0 0 25px;
	display:-moz-inline-box;
	display:inline-block;
	/*display:inline;
	zoom:1;*/
	letter-spacing:normal;
	vertical-align:top;
}
.itemSearch .categories:nth-of-type(1){
	width: 100%;
}
.itemSearch .categories:nth-of-type(1) li{
	width: 15.5%;
	margin: 0;
	padding-right: 1%;
	margin-bottom: 12px;
}
.itemSearch .categories.section_one:nth-of-type(1) li{
	width: 25%;
	margin: 0;
}
.itemSearch .categories:nth-of-type(1) li span,
.itemSearch .categories:nth-of-type(1) li label span{
	border: 1px solid #d6d6d6;
	display: table-cell;
	height: 108px;
	vertical-align: middle;
	padding: 10px;
	line-height: 1.2;
}
/*
選択ボックス1パータンここから
 */
.itemSearch .categories.section_one:nth-of-type(1) li span,
.itemSearch .categories.section_one:nth-of-type(1) li label span{
	padding-top: 21px;
	padding-left: 10px;
	display: block;
	width: 90%;
	height: 68px;
	background: url(../imgs/marker_small.png) no-repeat;
	background-position: right 15px center;
}
.itemSearch .categories.section_one:nth-of-type(1) li span.pt,
.itemSearch .categories.section_one:nth-of-type(1) li label span.pt{
	padding-top: 10px;
}
.itemSearch .categories.section_one:nth-of-type(1) li span.pt00,
.itemSearch .categories.section_one:nth-of-type(1) li label span.pt00{
	padding-top: 0;
}
/*
選択ボックス1パータンここまで
 */

.itemSearch .categories:nth-of-type(1) li label span:hover{
	opacity: 0.7;
}
.itemSearch .categories:nth-of-type(1) li label span.pt{
	padding-top: 6px;
}
.itemSearch .categories:nth-of-type(1) li label span.pt30{
	padding-top: 26px;
}
.itemSearch .categories:nth-of-type(1) li.bg label span {
	height: 60px;
	padding-top: 130px;
	padding-left: 5px;
	background-size:contain;
	line-height: 1.2;
text-align: center;
}
#bg1 span{
	background: url(../imgs/bg_1.png) no-repeat center top;
}
#bg2 span{
	background: url(../imgs/bg_2.png) no-repeat center top;
}
#bg3 span{
	background: url(../imgs/bg_3.png) no-repeat center top;
}
#bg4 span{
	background: url(../imgs/bg_4.png) no-repeat center top;
}
#bg5 span{
	background: url(../imgs/bg_5.png) no-repeat center top;
}
#bg6 span{
	background: url(../imgs/bg_6.png) no-repeat center top;
}
#bg7 span{
	background: url(../imgs/bg2_1.png) no-repeat center top;
}
#bg8 span{
	background: url(../imgs/bg2_2.png) no-repeat center top;
}
#pt60 span{
	padding-top: 60px;
}
#pt70 span{
	padding-top: 70px;
}
#bg11 span{
	background: url(../imgs/bg_11.png) no-repeat center top;
}
#bg12 span{
	background: url(../imgs/bg_12.png) no-repeat center top;
}
#bg13 span{
	background: url(../imgs/bg_13.png) no-repeat center top;
}
#bg14 span{
	background: url(../imgs/bg_14.png) no-repeat center top;
}
#bg15 span{
	background: url(../imgs/bg_15.png) no-repeat center top;
}
#bg16 span{
	background: url(../imgs/bg_16.png) no-repeat center top;
}
#bg17 span{
	background: url(../imgs/bg_17.png) no-repeat center top;
}
#bg18 span{
	background: url(../imgs/bg_18.png) no-repeat center top;
}
#bg19 span{
	background: url(../imgs/bg_19.png) no-repeat center top;
}
#bg20 span{
	background: url(../imgs/bg_20.png) no-repeat center top;
}
#bg21 span{
	background: url(../imgs/bg_21.png) no-repeat center top;
}
#bg22 span{
	background: url(../imgs/bg_22.png) no-repeat center top;
}
#bg23 span{
	background: url(../imgs/bg_23.png) no-repeat center top;
}
.itemSearch .categories:nth-of-type(1) li input:checked + span{
	border: 3px solid #00A8A9;
}
.itemSearch .categories:nth-of-type(1) li input{
	visibility: hidden;
	margin-right: 0;
}
.itemSearch li input{
	margin-right:7px;
	vertical-align:middle;
}

.itemSearchsubmit{
	background: url(../imgs/marker.png) no-repeat;
	background-position: right 25px center;
	padding: 18px 10em;
	font-size: 1.4em;
}
.itemSearchsubmit:hover{
	opacity: 0.7;
	/* border: 3px solid #00A8A9; */
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

/*itemStatus
----------------------------------------------------------------------*/
.itemStatus{
	margin:0 0 0 20px;
	width:640px;
	/*text-align:right;*/
}

/*itemNavi
----------------------------------------------------------------------*/
.itemNavi{
	width:640px;
	text-align:center;
	letter-spacing:-1em;
}
.itemNavi ul{
	margin: 0 auto 30px;
}
.itemNavi li{
	margin:0 0 0 5px;
	display:-moz-inline-box;
	display:inline-block;
	/*display:inline;
	zoom:1;*/
	letter-spacing:normal;
	vertical-align:top;
}
.itemNavi li a{
	padding:1px 2px 2px 4px;
	display:block;
}
.itemNavi li .cur,
.itemNavi li .cur:link{
	font-weight:bold;
	font-size:130%;
	line-height:0.9;
	text-decoration:none;
	background:#eee;
	color:#c33;
	cursor:default;
}
.itemNaviUpper{
	margin:0 0 0 20px;
}
.itemNaviLower{
	margin:20px 0 0 20px;
}
.itemNavi .iNPrev{
	margin:0 20px 0 0;
}
.itemNavi .iNNext{
	margin:0 0 0 20px;
}
.itemNavi .off{
	text-decoration:none;
	color:#ccc;
	cursor:default;
}
* html body .itemNavi .off{
	text-decoration:none !important;
	color:#ccc !important;
}

/*itemList
----------------------------------------------------------------------*/
.itemList{
	margin:10px 0 0 20px;
	padding:0;
	/*width:640px;*/
	overflow:hidden;
}
.itemList ul{
	margin:0 0 0 -20px;
	padding:0;
	/*width:660px;*/
	letter-spacing:-1em;
}
.itemList ul .itemLi{
	margin:10px 0 0 0;
	padding:0;
	width:220px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	vertical-align:top;
	min-height:85px;
}
* html body .itemList ul .itemLi{
	height:85px;
}
.itemList .itemLiInner{
	margin:0;
	padding:0 0 0 20px;
	width:200px;
}
.itemList .itemName{
	font-weight:bold;
	font-size:110%;
}
.itemList .itemCate{
	margin:2px 0 0;
	font-size:90%;
	color:#999;
}
.itemList .itemPrice{
	margin:2px 0 0;
	color:#f00;
}
.itemList .itemPrice span{
	margin:0 4px 0 0;
	font-size:110%;
	font-weight:bold;
}
.itemList .itemLeft{
	float:left;
	width:60px;
}
.itemList .itemRight{
	float:right;
	width:130px;
}
.itemList .itemFlag{
	margin:0 0 0 -5px;
	letter-spacing:-1em;
	width:130px;
}
.itemList .itemFlag li{
	margin:3px 0 0 5px;
	padding:1px 2px;
	display:-moz-inline-box;
	display:inline-block;
	/*display:inline;
	zoom:1;*/
	letter-spacing:normal;
	vertical-align:top;
	font-size:80%;
	font-weight:bold;
	background:#ccc;
}
.itemList .itemFlag .itemFMale{
	background:#00c;
	color:#fff;
}
.itemList .itemFlag .itemFFmale{
	background:#c00;
	color:#fff;
}
.itemList .itemFlag .itemFKids{
	background:#cc0;
	color:#fff;
}
.itemList .itemFlag .itemFGoos{
	background:#0c0;
	color:#fff;
}
.itemList .itemFlag .itemFSesn{
	background:#dff;
	color:#966;
}
.itemList .itemFlag .itemFSpcl{
	background:#dfb;
	color:#81f;
}
.itemList .itemFlag .itemFSend{
	background:#ddf6f6;
	color:#ab0;
}
.itemList .itemFlag .itemFNew{
	background:#dfe;
	color:#c00;
}

/*-- //pc --*/
/*-- smartPhone --*/
@media screen and (max-width: 767px) {

.heading_Level2, .heading_Level2.heading_Link {
    font-size: 1rem;
}
.itemStatus {
    margin: 0 0 20px;
    width: 100%;
}
.itemNaviUpper {
     margin: 0;
}
.itemNavi{
	width: 100%;
	margin-bottom: 30px;
}
.itemNaviLower{
	margin: 0;
}

.itemSearch {
	margin: 0;
}
.itemSearch .categories:nth-of-type(1) li,
.itemSearch .categories.section_one:nth-of-type(1) li{
	width: 33.335%;
}
.itemSearch.indextop .categories:nth-of-type(1) li{
	width: 49%;
	margin: 1% 0;
}
.itemSearchsubmit {
	padding: 18px 6em;
}
.itemSearch .categories:nth-of-type(1) li label span{
	font-size: 0.775rem;
}
.itemSearch .categories.section_one:nth-of-type(1) li label span{
	font-size: 0.65rem;
}
.itemSearch .categories:nth-of-type(1) li span{
	font-size: 0.7rem;
}
/*
選択ボックス1パータンここから
 */
.itemSearch .categories.section_one:nth-of-type(1) li label span{
	padding-top: 23px;
	padding-left: 2px;
	background-position: right 2px center;
	width: 96%;
}
.itemSearch .categories.section_one:nth-of-type(1) li label span.pt00{
	padding-top: 5px;
}
/*
選択ボックス1パータンここまで
 */

.itemSearch .categories:nth-of-type(1) li a span.toptwoline{
	padding-top: 23px !important;
}

}

.left,.smp__left{
	float: left;
}
.right,.smp__right{
	float: right;
}
a.btn_Basic{
  display: block;
  margin: 0 auto;
  color: #fff;
  outline: none;
	border-radius: 5px;
	padding: 10px 0;
	text-align: center;
line-height: 3;
    font-size: 16px;
    font-weight: normal;
}

.anchor_Btn li{
	display: block;
	float: left;
	background: #008486;
	margin: 1px;
	padding: 20px 0;
	width: 49%;
	
	text-align: center;
}
.anchor_Btn02 li{
	display: inline-block;
	margin: 0 5px 10px 0;
	text-align: center;
}

.anchor_Btn li a{
	color: #fff;
	text-decoration: none;
	display: block;
}

.anchor_Btn02 li a{
	color: #008486;
	background: #f5f5f5;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	font-size: 14px;

}
.anchor_Btn02 li a:hover{
	background: #008486;
	color: #fff;
}


.anchor_Btn li a::after{
	content: "\f107" ;
	padding-left: 20px;
	color: #fff;
	
}
.anchor_Btn li.out_link a::after{
	content: "\f105" ;
	padding-left: 20px;
	color: #fff;
	
}

.blocks_2{
	width: 100%;
}
.blocks_2 img{
	width: 100%;
}

	.anchor_Btn li a:hover{
opacity:0.7;
    }
	
@media print, screen and (min-width:768px) {
	a.btn_Basic.inline{
		display: inline-block;
		width: 40%;
	}
	ul.anchor_Btn {
	background: #008486;
	padding: 5px 0;
	}
	.anchor_Btn li{
	width: 24%;
	font-size: 14px;
	border-left: 1px solid #fff;	
    }
    .anchor_Btn li:first-child{
	border: none;
	}

	.blocks_2 > *{
		float: left;
	}
	.blocks_2 > *:first-child{
		width: 66.6%;
	}
	.blocks_img{
		width: 33.3%;
	}
}


/* 関連商品
--------------------------------------------------------- */
.categories{
	font-size: 1.28em;
	margin-top: 30px;
}
.categories .title{
	background: #00A8A9;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 20px;
}
.categories ul li{
	float: left;
	margin-right: 20px;
}
.related .box-wrapper{
	width: 100%;
	margin: 50px 0;
}
.related .box-wrapper p.count{
	margin-bottom: 20px;

}
.related .box{
	position: relative;
	margin-bottom: 50px;
}
.related .box:nth-child(odd){
	clear: both;
}
.related .box:nth-child(n+2){
	padding-right: 30px;
}
.related .box .item_img{
	border: 1px solid #ccc;
	/*width: 160px;
	height: 160px;*/
	text-align: center;
	/*line-height: 160px;*/
	padding: 10px;
}
.related .box .name{
	font-size: 1.71em;
	width: 100%;
}
.related .box .name span{
	font-size: 58.333%;
	display: block;
}
.related .box .name span.add{
	font-size: 50%;
}
.box .related-btn{
	/*position: absolute;
	bottom: 0;*/
	cursor: pointer;
	z-index: 20;
}
.box .related-btn a{
	color: #177E85;
	background: #F5F5F5;
	padding: 7px 12px;;
	display: block;
	text-align: center;
	width: 110px;
	cursor: pointer;
}
.box .related-btn a:hover{
	text-decoration: none;
}


.related p.label{
	background: #EEEEEE;
	color: #666;
	padding: 5px 10px;
	display: inline-block;
}
@media screen and (min-width:768px){
.related .box{
	float: left;
	width: 47%;
	padding-right: 30px;
}
}

/*メーカー 一覧
---------------------------------------------------------  */

.maker a:focus{
	outline: 0;
}
.maker dl dt{
	display: table;
	clear: both;
	color: #fff;
	background: #008486;
	padding: 3px 25px;
	margin: 30px 0 20px;
}
.maker dl dd{

}
.maker dl dd{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.maker dl dd a{
	display: block;
	text-decoration: none;
	font-size: 16px;
	margin-right: 40px;
}
.maker dl dd a::before{
	content:"\f105" ;
	color: #008486;
	padding-right: 15px;
	
}



#viewer,
#viewer2,
#viewer3 {
    margin: 0 auto;
    width: 924px;
    text-align: left;
}
#viewer div,
#viewer2 div,
#viewer3 div {
    width: 640px;
    height: 640px;
    overflow: hidden;
    position: relative;
	float: right;
	margin: 0 40px 0;
	border: 1px solid #ccc;
	padding: 20px;
}
#viewer div img,
#viewer2 div img,
#viewer3 div img {
top: 50%;
left: 50%;
    position: absolute;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
width: 640px;
}
#viewer img,
#viewer2 img,
#viewer3 img{
	width: 100%;
}


#viewer ul,
#viewer2 ul,
#viewer3 ul {
    width: 160px;
	float: left;
}

#viewer ul li,
#viewer2 ul li,
#viewer3 ul li {
    width: 160px;
	height: 160px;
	border: 1px solid #ccc;
	padding: 30px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;

}
#viewer ul li img,
#viewer2 ul li img,
#viewer3 ul li img{
	position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
width: 100px;

}

#viewer .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


.midashi{
	border-left: 1px solid #008486;
	padding-left: 25px;
	margin-bottom: 50px;
}
.related.detail h2{
	font-size: 2em;
	border-bottom: 1px solid #DDDDDD;
}
.related.detail h2 span{
	display: block;
	font-size: .5em;
}
.related.detail h2.h2{
	color: #008486;
	font-weight: normal;
	border-bottom: none;
}

.related dl {
	margin-bottom: 1.8em;
	line-height: 160%;
	overflow: hidden;
}

.related dl dt{
	font-weight: bold;
	margin-bottom: 1em;
}
.related dl dd{
	margin-bottom: 0;
	padding-left: 1em;
}

.related.detail .block_Section > p{
	margin-bottom: 20px;
}

.related.detail .txt_Note {
	padding-top: 1em;
}


.btn_simple{
	border: 1px solid #A0A0A0;
	margin-right: 30%;
}
.btn_simple a{
	color: #333;
	padding: 15px;
	display: block;
	text-align: center;
	font-size: 1.142em;
}
.btn_back {
	background: #00A8A9;
}
.btn_back a{
	color: #fff;
	font-weight: bold;
	padding: 15px;
	display: block;
	text-align: center;
	font-size: 1.142em;
}
.btn_simple a:hover,
.btn_back a:hover{
	text-decoration: none;
}
@media print, screen and (max-width:768px) {
	.box{
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 50px;
	}
	.box .item_img{
		width: 40%;
		height: auto;
		}
	.box .item_img img{
		width: 100%;
	}
	.related .box .name{
		font-size: 1.28em;
	}
	.box .related-btn{
		width: 55%;
	}
	.box .related-btn a{
		width: 100%;
	}
	.related .detail_img img{
		width: 100%;
	}
	#viewer,
	#viewer2,
	#viewer3 {
    width: 100%;
	}
	#viewer div,
	#viewer2 div,
	#viewer3 div {
		width: 100%;
		height: 400px;
		float: none;
		margin: 0;
	}
	#viewer ul,
	#viewer2 ul,
	#viewer3 ul {
    width: 100%;
	float: none;
	}
	#viewer ul li,
	#viewer2 ul li,
	#viewer3 ul li {
	float: left;
    width: 30%;
	margin-left:3%;
	border: 1px solid #ccc;
	padding: 2%;
	margin-bottom: 0;
		margin-top: 20px;

}

	#viewer ul li:first-child,
	#viewer2 ul li:first-child,
	#viewer3 ul li:first-child{
		margin-left:0;
	}
	#viewer div img,
	#viewer ul li img,
	#viewer2 div img,
	#viewer2 ul li img,
	#viewer3 div img,
	#viewer3 ul li img{
		width: 100%;
	}

	.related.detail .img_zoom {
	position: relative;
	}

	.related.detail .img_zoom a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.related.detail .img_zoom a img {
		position: absolute;
		bottom: 5px;
		right: 5px;
		width: 40px;
		height: 40px;
	}


	.btn_simple,
	.btn_back{
		width: 100%;
		margin-bottom: 20px;
		display: block;
}


}

/*メーカー 一覧
---------------------------------------------------------  */

.maker a:focus{
	outline: 0;
}
.maker dl dt{
	display: table;
	clear: both;
	color: #fff;
	background: #008486;
	padding: 3px 25px;
	margin: 30px 0 20px;
}
.maker dl dd{

}
.maker dl dd{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.maker dl dd a{
	display: block;
	text-decoration: none;
	font-size: 16px;
	margin-right: 40px;
	color:#666;
}
.maker dl dd a::before{
	content:"\f105" ;
	color: #008486;
	padding-right: 15px;
	
}