/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html{
	height: 100%;
	width: 100%;
}
body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	height: 100%;
	width: 100%;
	text-align:center;
	margin: 0px;
	padding:0px;
	line-height:1.5;
	font-size:13px;
	background-color:#333;
}
#corporate{
	background-color:#B9C0C3;
}
#advertising{
	background-color:#00ACE6;
}
h1,h2,h3,h4,h5,p,ul,li,a,img,table,th,td,dl,dt,dd{
	font-size:13px;
	margin:0;
	padding:0;
	line-height:1.5em;
}
img{
	vertical-align:bottom;
	border:0;
}
li{
	list-style-type:none;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:focus, *:focus { outline:none; }
a img{
	vertical-align:bottom;
}
a:hover img{
	opacity:0.6;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
table{
  border:none;
  border-spacing:0;
}
#loading{
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
	background-color:#fff;
}
#wrap{
	overflow:hidden;
	text-align:left;
	position:relative;
	background-color:#fff;
}
@media screen and (max-width: 740px) {
#wrap{
	padding-top:60px !important;
}
}

/* header
-----------------------------------------------*/
#header-fixed{
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	z-index:100;
	width:100%;
}
/* 170712*/
#header-fixed.min{
	position:absolute !important;
}
#header .inner{
	overflow:hidden;
	max-width:1240px;
	margin:0 auto;
	padding:0 40px;
}
#h-ttl{
	background-color:#333;
	color:#fff;
	padding:4px 0;
}
#h-ttl h1{
	float:left;
	font-weight:normal;
	font-size:93%;
}
#h-ttl p{
	float:right;
	font-size:93%;
}
#h-detail{
	padding:10px 0 5px 0;
}
#h-detail #h-logo{
	float:left;
	width:260px;
	text-align:center;
}
#h-detail #h-logo a{
	font-size:93%;
	letter-spacing:0.4em;
}
#h-detail #h-logo a:hover{
	text-decoration:none;
}
#h-detail #h-logo a img{
	width:100%;
	height:auto;
	margin-bottom:3px;
}
#h-detail #h-txt{
	float:right;
	text-align:right;
}
#h-detail #h-txt h2{
	font-size:108%;
	line-height:1.4;
	margin-bottom:10px;
}
#h-detail #h-txt h2 strong{
	font-size:16px;
}
#h-detail #h-txt h2 span{
	display:block;
	font-size:12px;
	font-weight:normal;
}
#h-detail #h-txt ul{
	font-size:0;
}
#h-detail #h-txt ul li{
	display:inline-block;
	border-left:1px solid #b3b3b3;
	padding-left:20px;
	margin-left:20px;
}
#h-detail #h-txt ul li:first-child{
	border-left:none;
	padding-left:0;
	margin-left:0;
}
#h-detail #h-txt ul li a{
	font-size:12px;
}
@media screen and (max-width: 740px) {
#header{
	padding:0;
	box-shadow:0px 1px 6px -4px #000000;
	-moz-box-shadow:0px 1px 6px -4px #000000;
	-webkit-box-shadow:0px 1px 6px -4px #000000;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background-color:#fff;
	width:100%;
	height:60px;
}
/* 170712 */
#header-fixed.min #header{
	position:absolute !important;
}
#header .inner{
	padding:0;
}
#h-ttl{
	display:none;
}
#h-detail{
	padding:10px 20px 0 15px;
}
#h-detail #h-logo{
	width:130px;
	font-size:0;
}
#h-detail #h-logo a{
	font-size:0;
}
#h-detail #h-txt{
	display:none;
}
#menu-btn{
	display:block;
	position:absolute;
	right:20px;
	top:15px;
	width:28px;
	height:32px;
	background-image:url(../images/menu-btn.gif);
	background-size:28px 64px;
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer;
}
#header #menu-btn.active{
	background-position:left bottom;
}
}

/* sp-menu
-----------------------------------------------*/
#sp-menu.pc {
	display:none !important;
}
@media screen and (max-width: 740px) {
#sp-menu{
	display:none;
	position:fixed;
	left:0;
	top:0;


	z-index:9;
	width:100%;
	max-height:100vh;
	overflow-y:scroll;
}
}

/* spnavi
-----------------------------------------------*/
@media screen and (max-width: 740px) {
#sp-search{
	padding:20px 0 15px 0;
	background-color:#444;
	margin-top:60px;
}
#sp-search form{
	margin-bottom:15px;
	font-size:0;
	text-align:center;
}
#sp-search form input{
	display:inline-block;
	vertical-align:top;
	background-color:#f2f2f2;
	height:20px;
	padding:4px;
	font-size:13px;
	width:192px;
}
#sp-search form a{
	display:inline-block;
	vertical-align:top;
	background-color:#666;
	color:#fff;
	height:20px;
	padding:5px 0 3px 0;
	width:80px;
	font-size:12px;
}
#sp-search form a:hover{
	background-color:#666;
	text-decoration:none;
}
#sp-search ul{
	font-size:0;
	text-align:center;
}
#sp-search ul li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
}
#sp-search ul li:nth-child(2){
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:0 10px;
	margin:0 10px;
}
#sp-search ul li:nth-child(3){
	border-right:1px solid #fff;
	padding-right:10px;
	margin:0 10px;
}
#sp-search ul li a{
	font-size:11px;
	color:#fff;
	line-height:1;
}
#spnavi{
	font-size:0;
	background-color:#333;
	padding:20px 40px;
}
#spnavi li{
	display:inline-block;
	width:33.33%;
	margin:15px 0;
}
#spnavi li a{
	display:block;
	font-size:13px;
	padding:0;
	color:#fff;
	line-height:1.2;
	background-image:url(../images/spnavi-arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:7px auto;
	padding-left:20px;
}
#spnavi li a:hover{
	text-decoration:none;
}
#spnavi li a span{
	display:none;
	font-size:10px;
}
}
@media screen and (max-width: 500px) {
#spnavi{
	padding:20px;
}
#spnavi li{
	width:50%;
	margin:15px 0;
}
}

/* gnavi
-----------------------------------------------*/
#gnavi{
	border-top:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
}
#gnavi .inner{
	overflow:hidden;
	max-width:1240px;
	padding:0 40px;
	margin:0 auto;
}
#gnavi ul{
	float:left;
	padding:15px 0;
	font-size:0;
}
#gnavi ul li{
	display:inline-block;
}
#gnavi ul li a{
	display:block;
	line-height:1.2;
	border-left:4px solid #424242;
	padding:6px 30px 6px 10px;
}
#gnavi ul li a:hover{
	text-decoration:none;
	opacity:0.6;
}
#gnavi ul li a strong{
	font-size:14px;
}
#gnavi ul li a span{
	display:block;
	font-size:10px;
	font-family:"Oswald",arial,serif;
	font-weight:normal;
}
#gnavi .search{
	float:right;
	padding-top:20px;
}
#gnavi .search form{
	margin-bottom:10px;
	font-size:0;
	padding-left:25px;
	background:url(../images/h-icon-search.gif) no-repeat left center;
	background-size:18px 20px;
}
#gnavi .search form input{
	display:inline-block;
	vertical-align:top;
	border:1px solid #333;
	height:22px;
	padding:4px 8px;
	font-size:13px;
	width:220px;
}
#gnavi .search form a{
	display:inline-block;
	vertical-align:top;
	background-color:#333;
	color:#fff;
	height:25px;
	padding:7px 6px 0 6px;
	font-size:12px;
}
#gnavi .search form a:hover{
	background-color:#666;
	text-decoration:none;
}
@media screen and (max-width: 1000px) {
#gnavi ul li a{
	padding:6px 15px 6px 10px;
}
#gnavi ul li a strong{
	font-size:12px;
}
#gnavi .search form input{
	width:130px;
}
}
@media screen and (max-width: 740px) {
#gnavi{
	display:none;
}
}

/* breadcrumb
-----------------------------------------------*/
.breadcrumb{
	max-width:1240px;
	margin:20px auto 0px auto;
	padding:0 40px;
}
.breadcrumb a{
	text-decoration:underline;
}
.breadcrumb a:hover{
	text-decoration:none;
}
@media screen and (max-width: 740px) {
.breadcrumb{
	margin:0 auto 20px auto;
	padding:20px 20px 0 20px;
}
.breadcrumb a{
	font-size:12px;
}
}

/* section
-----------------------------------------------*/
.section h3{
	font-size:108%;
	padding-bottom:10px;
	border-bottom:2px solid #333;
	line-height:1.2;
}

/* container
-----------------------------------------------*/
#container{
	overflow:hidden;
	position:relative;
	max-width:1240px;
	margin:20px auto 100px auto;
	padding:0px 40px 0 40px;
}
@media screen and (max-width: 740px) {
#container{
	padding:0 20px;
	margin:0 auto 100px auto;
}
}

/* contents
-----------------------------------------------*/
#contents{
	overflow:hidden;
	margin-left:280px;
}
@media screen and (max-width: 1000px) {
#contents{
	margin-left:0;
	margin-bottom:40px;
}
}
@media screen and (max-width: 740px) {
#contents{
	min-height:0 !important;
}
}

/* paid
-----------------------------------------------*/
#paid{
}
#paid a{
	display:block;
	text-indent:-999999px;
	width:240px;
	height:160px;
	background-image:url(../images/bnr-paid.gif);
}
#paid a:hover{
	opacity:0.6;
}
@media screen and (max-width: 1000px) {
#paid a{
	width:500px;
	height:68px;
	background-image:url(../images/bnr-paid-tab.gif);
	margin:0 auto;
}
}
@media screen and (max-width: 740px) {
#paid a{
	width:280px;
	height:90px;
	background-image:url(../images/bnr-paid-sp.gif);
	background-size:280px 90px;
}
}

/* side
-----------------------------------------------*/
#side{
	position:absolute;
	left:40px;
	top:0;
	width:240px;
}
#side .section{
	margin-bottom:40px;
}
#side .section:last-child{
	margin-bottom:0;
}
#side-category .section:last-child{
	margin-bottom:0;
}
#side-category li{
	border-bottom:1px solid #e4e4e4;
}
#side-category li p.mainMenu,
#side-category li a{
	display:block;
	font-size:108%;
	line-height:1.2;
	padding:12px 0;
	cursor:pointer;
}
#side-category li p.mainMenu{
	background-image:url(../images/icon_side_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:26px auto;
}
#side-category li .active{
	background-color:#333 !important;
	color:#fff !important;
}
#side-category li p.mainMenu.active{
	background-image:url(../images/icon_side_arrow_active.png);
}
#side-category li p.mainMenu:hover,
#side-category li a:hover{
	background-color:#F2F2F2;
	text-decoration:none;
}
#side-category li strong{
	display:block;
	border-left:3px solid #e4e4e4;
	padding-left:15px;
}
#side-category li p.mainMenu.active strong{
	border-left:3px solid #333;
}
#side-category li:nth-child(1) strong,
#side-category li:nth-child(13) strong,
#side-category li:nth-child(25) strong{border-left:3px solid #EA5532;}
#side-category li:nth-child(2) strong,
#side-category li:nth-child(14) strong,
#side-category li:nth-child(26) strong{border-left:3px solid #F39740;}
#side-category li:nth-child(3) strong,
#side-category li:nth-child(15) strong,
#side-category li:nth-child(27) strong{border-left:3px solid #FFF33F;}
#side-category li:nth-child(4) strong,
#side-category li:nth-child(16) strong,
#side-category li:nth-child(28) strong{border-left:3px solid #AACF52;}
#side-category li:nth-child(5) strong,
#side-category li:nth-child(17) strong,
#side-category li:nth-child(29) strong{border-left:3px solid #00A95F;}
#side-category li:nth-child(6) strong,
#side-category li:nth-child(18) strong,
#side-category li:nth-child(30) strong{border-left:3px solid #00ADA9;}
#side-category li:nth-child(7) strong,
#side-category li:nth-child(19) strong,
#side-category li:nth-child(31) strong{border-left:3px solid #00AFEC;}
#side-category li:nth-child(8) strong,
#side-category li:nth-child(20) strong,
#side-category li:nth-child(32) strong{border-left:3px solid #187FC4;}
#side-category li:nth-child(9) strong,
#side-category li:nth-child(21) strong,
#side-category li:nth-child(33) strong{border-left:3px solid #4D4398;}
#side-category li:nth-child(10) strong,
#side-category li:nth-child(22) strong,
#side-category li:nth-child(34) strong{border-left:3px solid #A64A97;}
#side-category li:nth-child(11) strong,
#side-category li:nth-child(23) strong,
#side-category li:nth-child(35) strong{border-left:3px solid #E85298;}
#side-category li:nth-child(12) strong,
#side-category li:nth-child(24) strong,
#side-category li:nth-child(36) strong{border-left:3px solid #E9546B;}
#side-category li span{
	display:block;
	font-size:11px;
	padding-top:3px;
	font-weight:normal;
}
#side-category li ul.subMenu{
	display:none;
	background-color:#f9f9f9;
}
#side-category li ul.subMenu li{
	border-bottom:none;
	border-top:1px solid #e4e4e4;
}
#side-category li ul.subMenu li:last-child{
	border-bottom:none;
}
#side-category li ul.subMenu li p,
#side-category li ul.subMenu li a{
	padding:10px 10px 10px 9px;
	font-size:13px;
}
#side-category li ul.subMenu li strong{
	display:block;
	padding:3px 10px;
	border-left:none !important;
}
#side-category li ul.subMenu li .active{
	background-color:#333 !important;
	color:#fff !important;
}
#side-category li ul.subMenu li ul{
	display:none;
	border-top:1px solid #e4e4e4;
	padding:10px 0;
	background-color:#f2f2f2;
}
#side-category li ul.subMenu li ul li{
	border:none;
}
#side-category li ul.subMenu li ul li a{
	display:inline-block;
	text-align:left;
	margin:0 0 0 30px;
	padding:5px 10px 5px 12px;
	background-image:url(../images/icon_arrow.png);
	background-size:7px auto;
	background-repeat:no-repeat;
	background-position:left center;
	border:none;
}
#side-category li ul.subMenu li p.accentMenu{
	cursor:pointer;
	background-image:url(../images/icon_side_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:26px auto;
	line-height:1.2;
}
#side-category li ul.subMenu li p.accentMenu:hover{
	background-color:#f2f2f2;
}
#side-category li ul.subMenu li p.accentMenu.active{
	background-image:url(../images/icon_side_arrow_active.png);
}
#side-category li ul.subMenu li ul li a.active{
	font-weight:bold;
	background-color:transparent !important;
	color:#333 !important;
}
#side-category li ul.subMenu li ul li a:hover{
	background-color:transparent;
	text-decoration:underline;
}
@media screen and (max-width: 1000px) {
#side{
	position:relative;
	left:0;
	top:0;
	width:auto;
}
#side-category li a{
	font-size:12px;
	padding:10px 0;
}
#side-category li a span{
	font-size:10px;
	padding-top:2px;
}
}

#side-fixed{
	position:fixed;
	left:0;
	bottom:20px;
	width:100%;
	z-index:101;
}
/* 170712*/
#side-fixed.min{
	position:absolute !important;
	bottom:auto !important;
	top:10px;
}
/* side-fixed
-----------------------------------------------*/
#side-member{
	position:absolute;
	left:-270px;
	bottom:0;
	z-index:8;
	-webkit-transition:left 0.3s ease-out;
	-moz-transition:left 0.3s ease-out;
	-o-transition:left 0.3s ease-out;
	-ms-transition:left 0.3s ease-out;
	transition:left 0.3s ease-out;
}
#side-member.active{
	left:0;
}
#side-member .box{
	position:relative;
	z-index:1;
	vertical-align:bottom;
	width:270px;
	background-color:#f1f1f1;
	box-shadow:2px 4px 11px -8px #000000;
	-moz-box-shadow:2px 4px 11px -8px #000000;
	-webkit-box-shadow:2px 4px 11px -8px #000000;
}
#side-member .slide-btn{
	position:absolute;
	right:-100px;
	bottom:0;
	vertical-align:bottom;
	width:100px;
	height:100px;
	cursor:pointer;
	background-position:left top;
	background-repeat:no-repeat;
	-webkit-transition:right 0.3s ease-out;
	-moz-transition:right 0.3s ease-out;
	-o-transition:right 0.3s ease-out;
	-ms-transition:right 0.3s ease-out;
	transition:right 0.3s ease-out;
}
#side-member .slide-btn.active{
	background-position:left bottom;
	right:-40px;
}
#side-member .box{
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}
#side-member .slide-btn{
	background-color:#ff981f;
	background-image:url(../images/icon-side-member.png);
	background-size:100px;
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px; 
	border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}
#side-member .slide-btn:hover{
	background-color:#FFC179;
}

#side-cart{
	position:absolute;
	left:-270px;
	bottom:105px;
	z-index:8;
	font-size:0;
	-webkit-transition:left 0.3s ease-out;
	-moz-transition:left 0.3s ease-out;
	-o-transition:left 0.3s ease-out;
	-ms-transition:left 0.3s ease-out;
	transition:left 0.3s ease-out;
}
#side-cart.active{
	left:0;
}
#side-cart .box{
	position:relative;
	z-index:1;
	vertical-align:bottom;
	width:270px;
	background-color:#f1f1f1;
	box-shadow:2px 4px 11px -8px #000000;
	-moz-box-shadow:2px 4px 11px -8px #000000;
	-webkit-box-shadow:2px 4px 11px -8px #000000;
}
#side-cart .slide-btn{
	position:absolute;
	right:-100px;
	bottom:0;
	vertical-align:bottom;
	width:100px;
	height:100px;
	cursor:pointer;
	background-position:left top;
	background-repeat:no-repeat;
	-webkit-transition:right 0.3s ease-out;
	-moz-transition:right 0.3s ease-out;
	-o-transition:right 0.3s ease-out;
	-ms-transition:right 0.3s ease-out;
	transition:right 0.3s ease-out;
}
#side-cart .slide-btn.active{
	background-position:left bottom;
	right:-40px;
}
#side-cart .box{
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}
#side-cart .slide-btn{
	background-color:#000;
	background-image:url(../images/icon-side-cart.png);
	background-size:100px;
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px; 
	border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}
#side-cart .slide-btn:hover{
	background-color:#666;
}

@media screen and (max-width: 740px) {
#side-member .slide-btn{
	width:70px;
	height:70px;
	background-size:70px;
	right:-70px;
}
#side-member .slide-btn.active{
	right:-30px;
}
#side-member .slide-btn:hover{
	background-color:#ff981f;
}
#side-cart{
	bottom:73px;
}
#side-cart .slide-btn{
	width:70px;
	height:70px;
	background-size:70px;
	right:-70px;
}
#side-cart .slide-btn.active{
	right:-30px;
}
#side-cart .slide-btn:hover{
	background-color:#333;
}
}

/* menu-login
-----------------------------------------------*/
#menu-login{
	color:#000;
}
#menu-login .section{
	padding:20px;
}
#menu-login h3{
	border-bottom:2px solid #333;
	padding:10px 20px 5px 20px;
	font-size:16px;
}
#menu-login table{
	border-collapse:collapse;
  border-spacing:0;
	font-size:13px;
	margin-bottom:10px;
	width:100%;
}
#menu-login table td{
	font-size:13px;
	vertical-align:middle;
	padding-bottom:10px;
	color:#000;
	font-weight:bold;
}
#menu-login table td:first-child{
	width:80px;
}
#menu-login table td input{
	display:inline-block;
	height:16px;
	font-size:12px;
	border:1px solid #333;
	background-color:#fff;
	padding:6px 4px;
	width:140px;
}
#menu-login table th{
	font-size:13px;
}
#menu-login table th input{
	margin-right:2px;
}
#menu-login table th input[type=checkbox]{
	display: none;
}
#menu-login table th .checkbox{
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  vertical-align: middle;
  cursor: pointer;
}
#menu-login table th .checkbox:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
	background-color:#fff;
  content: '';
}
#menu-login table th .checkbox:before {
  position: absolute;
  top: 8px;
  left: 5px;
	z-index:1;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menu-login table th input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

#menu-login .login{
	text-align:center;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
#menu-login .btn a{
	display:block;
	color:#fff;
	font-size:16px;
	padding:12px 0 10px 0;
	background-color:#333;
	text-align:center;
	font-weight:bold;
}
#menu-login .btn a:hover{
	text-decoration:none;
	opacity:0.6;
}
#menu-login .login .btn{
	margin-bottom:5px;
}
#menu-login .login .btn a{
	background-color:#FF981F;
}
#menu-login .login p{
	font-size:12px;
}
#menu-login .login p a{
	text-decoration:underline;
}
#menu-login .login p a:hover{
	text-decoration:none;
}
#menu-login .arrow{
	padding:15px 0;
}
#menu-login .arrow li{
	margin-top:5px;
}
#menu-login .arrow li:first-child{
	margin-top:0;
}
#menu-login .arrow li a{
	line-height:1.2;
	font-size:14px;
	text-decoration:underline;
	background-image:url(../images/icon_arrow.png);
	background-position:left 1px;
	background-repeat:no-repeat;
	background-size:8px auto;
	padding-left:14px;
	text-decoration:none;
	font-weight:bold;
}
#menu-login .arrow li a:hover{
	text-decoration:underline;
}
#menu-login .login-new{
	text-align:center;
}
#menu-login .login-new p{
	font-size:14px;
	font-weight:bold;
}
#menu-login .login-new a{
	background-color:#333;
}
#menu-login span{
	display:inline-block;
	font-size:14px;
}
#menu-login strong{
	font-size:18px;
	margin-right:5px;
}


#menu-cart h3{
	border-bottom:2px solid #333;
	padding:10px 20px 5px 20px;
	font-size:16px;
}
#menu-cart table{
	width:100%;
}
#menu-cart table td{
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	font-size:13px;
}
#menu-cart table td:first-child{
	text-align:left;
	width:100%;
}
#menu-cart table td:last-child{
	text-align:right;
	white-space:nowrap; 
}
#menu-cart table td.quantity{
	font-weight:bold;
	font-size:14px;
}
#menu-cart table td.total{
	font-weight:bold;
	font-size:14px;
}
#menu-cart table td.total:last-child{
	color:#ea5532;
}
#menu-cart .section{
	padding:15px 20px 20px 20px;
}
#menu-cart .arrow{
	padding:5px 0 10px 0;
}
#menu-cart .arrow li{
	margin-top:5px;
	font-weight:bold;
}
#menu-cart .arrow li:first-child{
	margin-top:0;
}
#menu-cart .arrow li a{
	line-height:1.2;
	font-size:14px;
	text-decoration:underline;
	background-image:url(../images/icon_arrow.png);
	background-position:left 1px;
	background-repeat:no-repeat;
	background-size:8px auto;
	padding-left:14px;
	text-decoration:none;
}
#menu-cart .arrow li a:hover{
	text-decoration:underline;
}
#menu-cart .btn{
	margin-top:5px;
}
#menu-cart .btn a{
	display:block;
	color:#fff;
	font-size:16px;
	padding:12px 0 10px 0;
	background-color:#000;
	text-align:center;
	margin-bottom:0;
	background-image:none;
	font-weight:bold;
}
#menu-cart .btn a:hover{
	text-decoration:none;
	background-color:#666;
}
@media screen and (max-width: 740px) {
#menu-login h3,
#menu-cart h3{
	padding:8px 20px 5px;
}
#menu-login .section,
#menu-cart .section{
	padding:10px 20px 10px;
}
#menu-cart table td{
	padding:8px 20px 6px 20px;
}
#menu-cart .arrow{
	padding:5px 0 5px;
}
}
/* top-btn
-----------------------------------------------*/
#top-btn{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:1;
}
#top-btn a{
	display:block;
	background-color:#333;
	width:80px;
	height:80px;
	background-image:url(../images/top-btn.png);
	background-repeat:no-repeat;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-size:80px 80px;
}
#top-btn a:hover{
	display:block;
	background-color:#666;
}
@media screen and (max-width: 740px) {
#top-btn{
	right:10px;
	bottom:10px;
}
#top-btn a{
	width:40px;
	height:40px;
	background-image:url(../images/top-btn-sp.png);
	background-size:40px;
}
}

/* footer
-----------------------------------------------*/
#footer{
	background-color:#333;
	padding:30px 0;
}
#footer .inner{
	overflow:hidden;
	margin:0 auto;
	padding:0 40px;
}
#footer ul{
	float:left;
	font-size:0;
}
#footer ul li{
	display:inline-block;
	border-right:1px solid #fff;
	margin-right:10px;
	padding-right:10px;
	line-height:1.2;
}
#footer ul li:first-last{
	border-right:none;
	margin-right:0;
	padding-right:0;
}
#footer ul li a{
	color:#fff;
	font-size:12px;
}
#footer ul{
	float:left;
	padding-top:8px;
}
#footer #f-txt{
	float:right;
	color:#fff;
	text-align:right;
}
#footer #f-txt{
	font-size:12px;
}
#footer #f-txt .copyrights{
	font-size:10px;
}
@media screen and (max-width: 1000px) {
#footer ul{
	float:none;
	padding-top:0;
	text-align:center;
}
#footer #f-txt{
	float:none;
	padding-top:15px;
	text-align:center;
}
}
@media screen and (max-width: 1000px) {
#footer{
	padding:20px 0;
}
#footer .inner{
	padding:0 20px;
}
#footer ul{
	text-align:left;
}
#footer ul li{
	margin-right:8px;
	margin-bottom:8px;
	padding-right:8px;
}
#footer ul li a{
	font-size:11px;
}
#footer #f-txt{
	padding-top:10px;
}
#footer #f-txt p{
	font-size:11px;
}
#footer #f-txt .copyrights{
	font-size:9px;
}
}

.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
	max-width:1600px;
  margin:0 auto;
}
.slick-list{
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}
.slick-list:focus{
	outline:none;
}
.slick-list.dragging{
	cursor:pointer;
	cursor:hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.slick-track{
	position:relative;
	top:0;
	left:0;
	display:block;
}
.slick-track:before,
.slick-track:after{
	display:table;
	content:'';
}
.slick-track:after{
clear:both;
}
.slick-loading .slick-track{
	visibility:hidden;
}
.slick-slide{
	display:none;
	float:left;
	height:100%;
	min-height:1px;
}
[dir='rtl'] .slick-slide{
	float:right;
}
.slick-slide img{
	display:block;
}
.slick-slide.slick-loading img{
	display:none;
}
.slick-slide.dragging img{
	pointer-events:none;
}
.slick-initialized .slick-slide{
	display:block;
}
.slick-loading .slick-slide{
	visibility:hidden;
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
	border:1px solid transparent;
}
.slick-arrow.slick-hidden {
	display:none;
}
/* Arrows */
.slick-prev,
.slick-next{
	font-size:0;
	line-height:0;
	position:absolute;
	top:50%;
	display:block;
	width:38px;
	height:56px;
	padding:0;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	background:transparent;
	z-index:1;
}
.slick-prev{
	left:-60px;
	background-image:url(../images/slideshow-arrow-prev.png);
}
.slick-next{
	right:-60px;
	background-image:url(../images/slideshow-arrow-next.png);
}
.slick-prev:hover,
.slick-next:hover{
	opacity:0.6;
}
.slick-disabled{
	cursor:auto;
	opacity:0.2 !important;
}
@media screen and (max-width: 740px) {
.slick-prev,
.slick-next{
	display:none;
}
}

@media print {
body {
 width:1320px;
 zoom: 80%;
 transform-origin:0 0;
 background-color:#fff;
}

#header-fixed {
	position:absolute;
	
}

#side {
 zoom: 80%;
 transform-origin:0 0;
 background-color:#fff;
}

#side-fixed {
 display :none;
}

#top-btn a {
 display :none;
}

}