@charset "utf-8";
/*--------------------------------------
copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(../_plugin/lightGallery/css/lightgallery.min.css);
@import url(common_parts.css);
@import url(common.css);

/*==============================
patent_3way_cuffs
==============================*/

.section h3 { border-bottom:1px dotted #CCC; color:#53221A; font-size:14px; font-weight:bold; margin-bottom:10px;}
.section .t { font-size:18px; font-weight:bold; color:#F60;}
.section .t2 { color:#F60;}

/* patent_3way_cuffs ----------*/
#sec1 .fl { width:530px;}
#sec1 .fr { width:154px;}
#sec3 .fl { width:450px;}
#sec3 .fr { width:222px;}

/* margin bottom ----------*/
.mb5px  { margin-bottom: 5px; }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mb35px { margin-bottom:35px; }
.mb40px { margin-bottom:40px; }
.mb45px { margin-bottom:45px; }
.mb50px { margin-bottom:50px; }
.mb55px { margin-bottom:55px; }
.mb60px { margin-bottom:60px; }
.mb65px { margin-bottom:65px; }
.mb70px { margin-bottom:70px; }
.mb75px { margin-bottom:75px; }
.mb80px { margin-bottom:80px; }
/* margin right ----------*/
.mr5px  { margin-right: 5px; }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
/* margin left ----------*/
.ml5px  { margin-left: 5px; }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }

/* align ----------*/
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }

/* float ----------*/
.fb { overflow:hidden; }
.fr { float:right; }
.fl { float:left; }

/*  ----------*/
#contentsMain { width:700px; float:left;}
#contentsSide { width:240px; float:right; margin-bottom:15px;}
#contentsSide ul li a { display:block; padding:10px; border-bottom:1px dotted #fff; background-color:#f0f0f0; font-size:14px; color: #53221A;}
#contentsSide ul li a span { display:block; background:url(../_img/3way_cuffs/ar_r_b.png) right center no-repeat;}
#contentsSide ul li a span.bl { display:block; background:url(../_img/common/bl_b.png) right center no-repeat;}
#contentsSide ul li a:hover,
#contentsSide ul li a.on { background-color:#53221A; color:#fff;}
#contentsSide ul li a:hover span,
#contentsSide ul li a.on span { background:url(../_img/3way_cuffs/ar_r_w.png) right center no-repeat;}
#contentsSide ul li a:hover span.bl { background:url(../_img/) right center no-repeat;}
#contents .h1d { border-left:10px solid #53221A; padding-left:10px; font-size:40px; margin-bottom:30px; color:#53221A;}
.section .h2d { font-size:16px; font-weight:bold; background-color:#999; color:#fff; padding:10px; margin-bottom:20px;}
.section .h3a { border-bottom:1px dotted #CCC; color:#00114e; font-size:14px; font-weight:bold; margin-bottom:10px;}
.section .h3b { color:#53221A; font-weight:bold; font-size:14px; border-bottom:1px solid #ccc;}
.pagetop { background:url(../_img/common/ar_u_b.png) right center no-repeat; text-align:right; padding-right:15px;}
.h1spd { display: block;}
.h1sp { display: none;}

@media screen and (max-width:812px){
	#contentsSide ul li a { display:block; width:100%; padding:10px; border-bottom:1px dotted #fff; background-color:#f0f0f0; font-size:14px; color: #53221A;}
	#contentsMain { width:100%;}
	#contentsSide { width:100%; float:right; margin-bottom:15px;}
	.h1spd { display: none;}
	.h1sp { display: block;}
}
@media screen and (max-width: 414px){
	#contentsSide ul li a { display:block; width:100%; padding:10px; border-bottom:1px dotted #fff; background-color:#f0f0f0; font-size:14px; color: #53221A;}
	#contentsMain { width:100%;}
	#contentsSide { width:100%; float:right; margin-bottom:15px;}
	.h1spd { display: none;}
	.h1sp { display: block;}
}


/* clearfix ----------*/
.fb:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fb
{ display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html .fb
{ height: 1%; }
.fb
{ display: block; }
/* End hide from IE-mac */