@charset "Shift_JIS";
/*-------------------------------------------

reset

-------------------------------------------*/
html {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka;
	color: #333;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea, p, th, td, section, article, figure {
	margin: 0;
	padding: 0;
}
header select {
	padding: 0.25em 1em 0.25em 0.5em;
	font-size: 1rem;
}
table:not([cellspacing]),
table:not([cellpadding]) {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
address, th {
	font-style: normal;
	font-weight: normal;
}
em{
	font-style: normal;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
small {
	font-size: smaller;
}
li {
	list-style: none;
}
a {
	color: #0061b8;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
select{
	padding: 0.5em 1em;
}

@media only screen and (min-width: 1300px) {
	header#header .header_content,
	#nav .nav_contents,
	#footer .header_content,
	#footer #copyright p,
	#pageTop,
	#contents .contents_inner,
	#important .inner,
	#contentsPath .inner{
		max-width: 1300px;
		margin-left: auto;
		margin-right: auto;
	}
}

body{
	min-width: 1300px;
}
body.min{
	min-width: 933px;
}

/*-------------------------------------------

sprite

-------------------------------------------*/
header#header .userData > div > div:before,
#nav .nav_contents .nav_price dt a:before,
#nav .nav_contents .nav_price dt a:after,
#nav .nav_contents .nav_price dd ul a:after,
#nav .nav_contents .nav_category dt a:before,
#nav .nav_contents .nav_category dt a:after,
#nav .nav_contents .nav_category dd dt:before,
#nav .nav_contents .nav_category dd dd li a:after,
#nav .nav_contents .nav_cart p .nav_cart_icon,
#nav .nav_contents .nav_detail dt a:after,
#nav .nav_contents .nav_myPage a:before,
#nav .nav_contents .nav_myPage a:after,
#nav .nav_contents .nav_logIn a:after,
#nav .nav_contents .nav_cart p:before,
#nav .nav_contents .nav_submit:after,
#nav .nav_contents .nav_detail .nav_filter2 div > div:before,
#nav .nav_contents .nav_detail .nav_filter3 label:before,
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit:after,
#footer .header_content li a:before,
#pageTop a:after,
#contents #side .side_category dd li .accordion:after,
#contents #side .side_milageBtn li a:after,
#contents #side .side_milageBtn li.myPage a:before,
#contents #side .side_category dt:before,
#contents #side .side_category dd li a:after,
#LEFT_SUB .side_category dd li .accordion:after,
#LEFT_SUB .side_category dt:before,
#LEFT_SUB .side_category dd li a:after,
#shopCategoryList h4:before,
#shopCategoryList li a:after,
#firstAccess p a:after,
input[type="checkbox"].check + label:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(https://images.astyle.jp/images/cmn/icon/icon.png);
	background-repeat: no-repeat;
}

/*-------------------------------------------

header

-------------------------------------------*/
header#header{
	position: relative;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	color: #FFF;
}

header#header img{
	vertical-align: top;
}

.naviOp header#header{
	z-index: 101;
}
header#header .inner {
	width: auto;
	margin: 0;
	padding: 1px 10px;
	background: #0b318f;
}
header#header .header_content {
	margin-top: 1em;
	margin-bottom: 0.5em;
	overflow: hidden;
}
header#header .header_content .logo{
	float: left;
}
header#header .header_content .logo > * + *{
	margin-top: 0.5em;
}
header#header .userData{
	float: right;
}
header#header .userData th,
header#header .userData td{
	color: #FFF;
}
header#header .userData p img{
	margin-right: 0.75em;
	vertical-align: middle;
}
header#header .userData > div{
	display: table;
	border-collapse: collapse;
	margin-top: 0.75em;
}
header#header .userData > div > div{
	display: table-cell;
	position: relative;
	padding-right: 1em;
	padding-left: 50px;
	text-align: left;
	vertical-align: middle;
}
header#header .userData > div > div:before{
	left: 0;
	width: 44px;
	height: 44px;
}
header#header .userData > div > .userData_mile:before{
	background-position: -6px -306px;
}
header#header .userData > div > .userData_point{
	padding-right: 0;
}
header#header .userData > div > .userData_point:before{
	background-position: -56px -306px;
}
header#header .userData > div > .userData_reload{
	padding-left: 1em;
	padding-right: 0;
}
header#header .userData > div > .userData_reload:before{
	content: normal;
}
header#header .userData > div > .userData_reload a{
	display: block;
	width: 25px;
	height: 25px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(https://images.astyle.jp/images/cmn/icon/icon.png) -113px -363px no-repeat;
	overflow: hidden;
}
header#header .userData th{
	padding-right: 1em;
	font-size: 0.93em;
}
header#header .userData td{
	font-size: 0.86em;
	text-align: right;
}
header#header .userData td span{
	margin-right: 0.5em;
	font-size: 0.86rem;
	line-height: 1.6;
	font-weight: bold;
}
header#header .userData td span.important{
	color: #ff7c27;
}
/*-------------------------------------------

nav

-------------------------------------------*/
#nav{
	font-size: 14px;
	line-height: 1.5;
}
#nav,
#nav a {
	color: #FFF;
}
#nav ul{
	visibility: visible !important;
}
#nav{
	position: relative;
}
.naviOp #nav{
	z-index: 101;
}
#nav .inner {
	width: auto;
	margin: 0;
	border-top: 1px solid #3b569a;
	padding: 0 10px;
	background: #23459a;
}
#nav .nav_contents {
	display: table;
	width: 100%;
}
#nav .nav_contents dt{
	float: none;
	margin: 0;
}
#nav .nav_contents dd{
	margin: 0;
}
#nav .nav_contents > div {
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #3b569a;
}
#nav .nav_contents .nav_price dt a,
#nav .nav_contents .nav_category dt a {
	display: block;
	position: relative;
	padding: 1em 2.5em 1em 1.75em;
	font-size: 1.14em;
	line-height: 1;
	white-space: nowrap;
}
#nav .nav_contents .nav_price dd,
#nav .nav_contents .nav_category dd {
	position: relative;
}
#nav .nav_contents .nav_price dd > ul,
#nav .nav_contents .nav_category dd > ul {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ecf1ff;
	z-index: 10;
}

#nav .nav_contents .nav_price dt a:after,
#nav .nav_contents .nav_category dt a:after{
	right: 0.75em;
	width: 7px;
	height: 4px;
	background-position: -21px -373px;
}
#nav .nav_contents .nav_price dt a.op:after,
#nav .nav_contents .nav_category dt a.op:after{
	background-position: -71px -373px;
}
#nav .nav_contents .nav_price{
	width: 12em;
}
#nav .nav_contents .nav_price dt a{
	padding-left: 2em;
}
#nav .nav_contents .nav_price dt a:before {
	left: 0.75em;
	width: 13px;
	height: 16px;
	background-position: -169px -317px;
}
#nav .nav_contents .nav_price dt a.op{
	color: #0b318f;
	background-color: #ebf1ff;
}
#nav .nav_contents .nav_price dt a.op:before {
	background-position: -169px -367px;
}
#nav .nav_contents .nav_price dd ul{
	display: none;
	padding: 1em 1em 1.5em 1em;
}
#nav .nav_contents .nav_price dd ul a{
	display: block;
	position: relative;
	border-bottom: 1px dashed #bfd2ff;
	min-width: 12em;
	padding: 0.5em 35px 0.5em 0.5em;
	color: #0b318f;
	text-decoration: none;
	white-space: nowrap;
}
#nav .nav_contents .nav_price dd ul a:hover{
	background-color: #bfd2ff;
}
#nav .nav_contents .nav_price dd ul a:after{
	right: 0.5em;
	width: 7px;
	height: 12px;
	background-position: -72px -119px;
}
#nav .nav_contents .nav_category {
	width: 1%;
}
#nav .nav_contents .nav_category dt a{
	padding-left: 2.25em;
}
#nav .nav_contents .nav_category dt a:before {
	left: 0.75em;
	width: 17px;
	height: 16px;
	background-position: -217px -317px;
}
#nav .nav_contents .nav_category dt a.op{
	color: #0b318f;
	background-color: #ebf1ff;
}
#nav .nav_contents .nav_category dt a.op:before {
	background-position: -217px -367px;
}
#nav .nav_contents .nav_category > dl > dd > ul{
	display: none;
	left: -12em;
	padding: 1px 1em 1.5em 1em;
	width: 950px;
}
#nav .nav_contents .nav_category dd > ul > li{
	float: left;
	width: 24%;
	margin-top: 1em;
	margin-right: 1.33%;
}
#nav .nav_contents .nav_category dd > ul > li.nav_category_001007{
	width: 49.3%;
	margin-right: 0;
}
#nav .nav_contents .nav_category dd > ul > li:nth-of-type(4n){
	margin-right: 0;
}
#nav .nav_contents .nav_category dd > ul > li:nth-of-type(4n + 1){
	clear: both;
}
#nav .nav_contents .nav_category dd li dt{
	position: relative;
	padding: 0.45em;
	color: #0c308e;
	font-weight: bold;
	background-color: #d9e2ff;
}
#nav .nav_contents .nav_category dd li dt a{
	padding: 0;
	font-size: 0.86rem;
	line-height: 1.6;
	color: #0c308e;
	font-weight: normal;
	white-space: normal;
}
#nav .nav_contents .nav_category dd li dt a:before,
#nav .nav_contents .nav_category dd li dt a:after{
	content: normal;
}
#nav .nav_contents .nav_category .nav_category_001001 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001001 dt:before{
	left: 7px;
	width: 27px;
	height: 27px;
	background-position: -11px -412px;
}
#nav .nav_contents .nav_category .nav_category_001002 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001002 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -62px -412px;
}
#nav .nav_contents .nav_category .nav_category_001003 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001003 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -112px -412px;
}
#nav .nav_contents .nav_category .nav_category_001004 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001004 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -162px -412px;
}
#nav .nav_contents .nav_category .nav_category_001005 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001005 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -212px -412px;
}
#nav .nav_contents .nav_category .nav_category_001006 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001006 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -262px -411px;
}
#nav .nav_contents .nav_category .nav_category_001007 dt{
	padding-left: 44px;
}
#nav .nav_contents .nav_category .nav_category_001007 dt:before{
	left: 10px;
	width: 27px;
	height: 27px;
	background-position: -310px -411px;
}
#nav .nav_contents .nav_category dd dd ul{
	position: static;
	width: auto;
	padding: 0;
	overflow: hidden;
}
#nav .nav_contents .nav_category dd dd ul:first-child:nth-last-child(2){
	width: 48%;
	float: left;
}
#nav .nav_contents .nav_category dd dd ul:first-child:nth-last-child(2) ~ ul{
	width: 48%;
	float: right;
}
#nav .nav_contents .nav_category dd dd li{
	float: none;
	width: auto;
	margin: 0;
}
#nav .nav_contents .nav_category dd dd li a{
	display: block;
	position: relative;
	border-bottom: 1px dashed #CCD;
	padding: 0.45em 1.5em 0.45em 0.5em;
	text-decoration: none;
	font-size: 0.78rem;
}
#nav .nav_contents .nav_category dd dd li a:hover{
	background-color: #bfd2ff;
}
#nav .nav_contents .nav_category dd dd li a:after{
	right: 0.5em;
	width: 7px;
	height: 12px;
	background-position: -72px -119px;
}
#nav .nav_contents .nav_category dd li a{
	color: #333;
}
.min #nav .nav_contents .nav_category > dl > dd > ul{
	width: 870px;
}
#nav .nav_contents .nav_myState{
}
#nav .nav_contents .nav_myState > div{
	display: table;
}
#nav .nav_contents .nav_myState > div > div{
	display: table-cell;
	padding-left: 1.5em;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 1;
}
#nav .nav_contents .nav_search{
	width: 99%;
	padding: 0 0 0 1.5em;
}
#nav .nav_contents .nav_search > div{
	display: table;
	width: 100%;
}
#nav .nav_contents .nav_search > div > div{
	display: table-cell;
}
#nav .nav_contents .nav_search > div > .nav_detail > dl > dt,
#nav .nav_contents .nav_search > div > .nav_detail > dl > dd{
	margin-bottom: 0;
}
#nav .nav_contents .nav_search > div > .nav_detail > dl > dt{
	float: none;
}
#nav .nav_contents .nav_keyword{
	position: relative;
	width: 99%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #FFF;
}
#nav .nav_contents .nav_keyword input{
	box-sizing: border-box;
	width: 100%;
	border: none;
	padding: 0.75em 0.5em;
	background: none;
}
#nav .nav_contents .nav_keyword .np-keyword-suggest {
	box-sizing: border-box;
	width: 100%;
}
#nav .nav_contents .nav_keyword .np-keyword-suggest div {
	width: auto;
}
#nav .nav_contents .nav_detail{
	background-color: #ebf1ff;
}
#nav .nav_contents .nav_detail dt a{
	display: block;
	position: relative;
	padding: 0.75em 20px 0.75em 1em;
	font-size: 0.86em;
	color: #0a318e;
}
#nav .nav_contents .nav_detail dt a:after{
	right: 0.75em;
	width: 7px;
	height: 4px;
	background-position: -71px -373px;
}
#nav .nav_contents .nav_detail dd{
	position: relative;
}
#nav .nav_contents .nav_detail > dl > dd > div:before{
	content: "";
	position: absolute;
	top: -2px;
	right: 2.5em;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #ecf1ff;
}
#nav .nav_contents .nav_detail > dl > dd > div{
	display: none;
	box-sizing: border-box;
	position: absolute;
	width: 69vw;
	max-width: 950px;
	right: 0;
	padding-top: 12px;
	z-index: 10;
}
#nav .nav_contents .nav_detail dd > div .inner{
	border-top: 0;
	padding: 0.5em 2em 1em 2em;
	background-color: #ecf1ff;
	overflow: hidden;
}
#nav .nav_contents .nav_detail dd dl{
	display: table;
	width: 100%;
	margin-top: 1.5em;
	background-color: #d6e1fd;
}
#nav .nav_contents .nav_detail dd dl > *{
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
#nav .nav_contents .nav_detail dd dt{
	width: 6em;
	font-size: 1.14em;
	color: #22469a;
	white-space: nowrap;
}
#nav .nav_contents .nav_detail .nav_filter1 li{
	border-radius: 5px;
	background-color: #FFF;
}
#nav .nav_contents .nav_detail .nav_filter1 input[type="text"]{
	box-sizing: border-box;
	width: 100%;
  padding: 0.75em 0.5em;
	border: none;
	background: none;
}
#nav .nav_contents .nav_detail .nav_filter2　ul:after{
	content: "";
	display: block;
	clear: both;
}
#nav .nav_contents .nav_detail .nav_filter2 li{
	position: relative;
	width: 48%;
	border-radius: 5px;
	overflow: hidden;
}
#nav .nav_contents .nav_detail .nav_filter2 li:nth-of-type(odd){
	float: left;
}
#nav .nav_contents .nav_detail .nav_filter2 li:nth-of-type(even){
	float: right;
}
#nav .nav_contents .nav_detail .nav_filter2 div{
	display: table;
	width: 100%;
	background-color: #FFF;
}
#nav .nav_contents .nav_detail .nav_filter2 div > *{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
}
#nav .nav_contents .nav_detail .nav_filter2 span{
	padding: 0.5em 18px 0.5em 1em;
	font-size: 0.86em;
	text-align: center;
	background: url(https://images.astyle.jp/images/nav_bg_01.png) right center no-repeat #6d83bc;
	background-size: 12px 100%;
}
#nav .nav_contents .nav_detail .nav_filter2 select{
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 0.5em 40px 0.5em 0.5em;
	border: none;
	background: none;
	outline: none;
	z-index: 1;
	cursor: pointer;
}
#nav .nav_contents .nav_detail .nav_filter2 select:-moz-focusring{
	color: transparent;
	text-shadow: 0 0 0 #333;
}
#nav .nav_contents .nav_detail .nav_filter2 select::-ms-expand {
  display: none;
}
#nav .nav_contents .nav_detail .nav_filter2 div > div{
	cursor: pointer;
}
#nav .nav_contents .nav_detail .nav_filter2 div > div:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #0b318f;
}
#nav .nav_contents .nav_detail .nav_filter2 div > div:before{
	right: 16px;
	width: 7px;
	height: 4px;
	background-position: -21px -373px;
	z-index: 1;
}
#nav .nav_contents .nav_detail .nav_filter3{
	float: left;
	width: 56%;
	min-height: 7.25em;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_slider{
	display: block;
	position: relative;
	height: 20px;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_slider:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	width: calc(100% - 20px);
	margin: auto;
	background-color: #abbade;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_slider > span{
	position: absolute;
	box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border: 1px solid #c7d3ed;
	border-radius: 10px;
	background-color: #FFF;
	cursor: pointer;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_slider > span:last-child{
	left: calc(100% - 20px);
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_slider .filter_slider_point{
	display: none;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_price{
	margin-top: 1em;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_price p {
	display: block;
	width: 45%;
	float: left;
	white-space: nowrap;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_price p + p{
	float: right;
	text-align: right;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_price span{
	display: inline-block;
	width: 82%;
	margin-right: 0.5em;
  border-radius: 5px;
	background-color: #FFF;
}
#nav .nav_contents .nav_detail .nav_filter3 .filter_price input{
	box-sizing: border-box;
	width: 100%;
	padding: 0.75em 0.5em;
	border: none;
	text-align: right;
	background: none;
}

#nav .nav_contents .nav_detail .nav_filterBtn{
	float: right;
	width: 42%;
	margin: 1.5em 0 0 auto;
}
#nav .nav_contents .nav_detail .nav_filterBtn:after{
	content: "";
	display: block;
	clear: both;
}
#nav .nav_contents .nav_detail .nav_filterBtn li{
	margin-bottom: 1em;
}
#nav .nav_contents .nav_detail .nav_filterBtn li a,
#nav .nav_contents .nav_detail .nav_filterBtn li input{
	box-sizing: border-box;
	display: block;
	border: 1px solid #d6e1fd;
	border-radius: 5px;
	padding: 1em;
	color: #333;
	text-align: center;
	white-space: nowrap;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterClose{
	float: left;
	width: 36%;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterClose a{
	border-color: #dfdfdf;
	background-color: #e6e8ed;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterClear{
	float: right;
	width: 60%;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterClear a{
	background-color: #FFF;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit{
	position:relative;
	float: left;
	width: 100%;
	min-width: 15em;
	max-width: 25em;
	position: relative;
	border-radius: 2em;
	color: #FFF;
	background-color: #0b318f;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit  > input[type="submit"]{
	position: relative;
	display: block;
	width: 100%;
	border: 0;
	border-radius: 2em;
	font-size: 100%;
	color:#FFF;
	text-align: center;
	background: none;
	cursor:pointer;
	outline: 0;
	z-index:1;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit input::-moz-focus-inner{
  border:0px;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit input:hover{
	text-decoration: underline;
}
#nav .nav_contents .nav_detail .nav_filterBtn .nav_filterSubmit:after{
	right: 1.5em;
	width: 7px;
	height: 13px;
	background-position: -22px -119px;
}
#nav .nav_contents .nav_submit{
	position: relative;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #6d83bc;
}
#nav .nav_contents .nav_submit:after{
	left: 0;
	right: 0;
	width: 17px;
	height: 16px;
	background-position: -267px -317px;
}
#nav .nav_contents .nav_submit input[type="button"]{
	position: relative;
	width: 3em;
	height: 2.5em;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}
#nav .nav_contents .nav_myPage + .nav_logIn{
	margin-top: 0.5em;
}
#nav .nav_contents .nav_myPage a{
	display: block;
	position: relative;
	font-size: 0.86em;
	padding-left: 14px;
	padding-right: 10px;
}
#nav .nav_contents .nav_myPage a:before {
	left: 0;
	width: 11px;
	height: 13px;
	background-position: -320px -318px;
}
#nav .nav_contents .nav_myPage a:after{
	right: 0;
	width: 4px;
	height: 7px;
	background-position: -23px -72px;
}
#nav .nav_contents .nav_logIn a{
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 8em;
	border-radius: 5px;
	padding: 5px 10px 5px 0;
	font-size: 0.76em;
	text-align: center;
	background-color: #6d83bc;
}
#nav .nav_contents .nav_logIn a:after{
	right: 5px;
	width: 4px;
	height: 7px;
	background-position: -23px -72px;
}
#nav .nav_contents .nav_cart{
	width: 1%;
}
#nav .nav_contents .nav_cart p{
	position: relative;
	padding-left: 48px;
	font-size: 0.86em;
	line-height: 1.4;
}
#nav .nav_contents .nav_cart p .nav_cart_icon{
	position: absolute;
	left: 0;
	width: 39px;
	height: 39px;
	background-position: -106px -306px;
}
#nav .nav_contents .nav_cart p > span{
	margin-left: 0.5em;
	font-size: 1.14rem;
	font-weight: bold;
}


#nav .np-keyword-suggest{
	position: relative;
	margin-top: 9px;
	border: 1px solid #CCC;
	padding: 0;
	overflow: visible;
	min-width: 450px;
}
#nav .np-keyword-suggest:before{
	content: "";
	position: absolute;
	top: -16px;
	left: 2.5em;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #FFF;
	z-index: 2147483647;
}
#nav .np-keyword-suggest .group{
	padding: 0.5em 0;
	border-top: 1px solid #CCC;
}
#nav .np-keyword-suggest .group:first-child{
	border-top: none;
}
#nav .np-keyword-suggest .item{
	margin-top: 0.5em;
	padding: 0.25em 0.75em;
	color: #23469a;
}
#nav .np-keyword-suggest .item.selected{
	background-color: #ebf1ff;
}
#nav .np-keyword-suggest .highlight{
	font-weight: bold;
	text-decoration: none;
}
#nav .np-item-suggest{
	width: 132px;
	margin-top: 9px;
}
#nav .np-item-suggest .title,
#nav .np-item-suggest .suggest_title,
#nav .np-item-suggest .suggest_search{
	display: none;
}

#nav .np-item-suggest .suggest_detail_image{
	border: 1px solid #CCC;
}
#nav .np-item-suggest .suggest_detail_title{
	margin-top: 0.5em;
	color: #23469a;
	text-decoration: underline;
}
#nav .np-item-suggest .suggest_detail_price{
	margin-top: 1em;
	text-align: right;
}
#nav .np-keyword-suggest {width:420px; border:1px solid #dcdcdc;}
#nav .np-keyword-suggest div {width:420px;}
#nav .np-keyword-suggest .group {border-top:1px solid #dcdcdc; padding:3px 0;}
#nav .np-keyword-suggest .group:first-child {border-top:none;}
#nav .np-keyword-suggest .item {padding:2px 0 2px 5px; cursor:pointer;}
#nav .np-keyword-suggest .title,
#nav .np-keyword-suggest .path,
#nav .np-keyword-suggest .narrow11{
  color: #000;
}
#nav .np-keyword-suggest .title:before,
#nav .np-keyword-suggest .path:before,
#nav .np-keyword-suggest .narrow11:before{
  font-size:10px;
  color:#FFF;
  margin-right:4px;
  padding:1px 4px;
}
#nav .np-keyword-suggest .item{
  background-color:#FFFFFF;
}
#nav .np-keyword-suggest .item.selected {
	background-color: #dad5c1;
}
#nav .np-keyword-suggest .title:before{
  content:"商品名";
	background:#666;
}
#nav .np-keyword-suggest .path:before{
  content:"カテゴリ";
	background:#3864AA;
}
#nav .np-keyword-suggest .narrow11:before{
  content:"ブランド";
  background:#FC4957;
}
#nav .np-item-suggest {
width: 395px;
height: 165px!important;
overflow: hidden;
border:1px solid #dcdcdc;
border-left:none;
}
#nav .np-item-suggest-v2 {
 width:400px;
}


#nav_overlay{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
}
.naviOp #nav_overlay{
	display: block;
}
.min #nav .nav_contents .nav_detail > dl > dd > div{
	width: 80vw;
	right: -85px;
}
.min #nav .nav_contents .nav_detail > dl > dd > div:before {
	right: 8.5em;
}
/*-------------------------------------------

wrap

-------------------------------------------*/
#wrap {
	position: relative;
	overflow-x: hidden;
}
/*-------------------------------------------

footer

-------------------------------------------*/
footer#footer{
	font-size: 14px;
	line-height: 1.5;
}
footer#footer,
footer#footer a,
footer#footer a:link,
footer#footer a:visited,
footer#footer a:hover,
footer#footer a:active {
	color: #FFF;
}
footer#footer .inner {
	width: auto;
	margin: 0;
	padding: 0 10px;
	background: #0b318f;
}
footer#footer .header_content {
	padding: 4em 0;
}
footer#footer .header_content:after {
	content: "";
	display: block;
	clear: both;
}
footer#footer .header_content dl {
	float: left;
	width: 20.5%;
	margin-right: 6%;
}
footer#footer .header_content dl:last-child {
	margin-right: 0;
}
footer#footer .header_content dt {
	float: none;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #5e729f;
	font-weight: bold;
}
footer#footer .header_content dt:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 1.4em;
	margin-right: 0.75em;
	vertical-align: middle;
	background-color: #FFF;
}
footer#footer .header_content dd{
	margin-bottom: 0;
}
footer#footer .header_content li {
	position: relative;
	margin-top: 1em;
	font-size: 0.86em;
}
footer#footer .header_content li a {
	display: inline-block;
	padding-left: 1em;
}
footer#footer .header_content li a:before {
	top: 0.44em;
	bottom: auto;
	left: 0;
	width: 4px;
	height: 7px;
	background-position: -23px -72px;
}
footer#footer #copyright {
	background-color: #333;
}
footer#footer #copyright p {
	padding: 1.5em;
	font-size: 0.64em;
	text-align: center;
}
#footer #modeSwitch{
	text-align: center;
	font-size: 100%;
	background: #22409A;
	color: #FFF;
}
#modeSwitch dt, #modeSwitch dd, #modeSwitch ul, #modeSwitch li {
	display: inline;
}
#footer #modeSwitch dl {
	padding: 1.5em 0;
}
#footer #modeSwitch li:first-child {
	border-right: 1px solid #FFF;
	margin-right: 0.5em;
	padding-right: 0.75em;
}
#footer #modeSwitch a#modeSwitch1 {
	text-decoration: underline;
}
#footer #modeSwitch a {
	color: #FFF;
	font-weight: bold;
}
#footer #modeSwitch dt,
#footer #modeSwitch li{
	font-size: 300%;
}

/*-------------------------------------------

pageTop

-------------------------------------------*/
#pageTop {
	position: relative;
	bottom: 0;
	right: 0;
  z-index: 10;
}
#pageTop a {
	transition: right 0.75s ease;
	display: block;
	position: absolute;
	top: -28px;
	right: -28px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	white-space: nowrap;
	text-indent: 9999px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	background: #FFF;
	overflow: hidden;
}
#pageTop a:after {
	transform: rotate(-90deg);
	width: 14px;
	height: 23px;
	left: 0;
	right: 0;
	background-position: -69px -14px;
}
#pageTop.fix {
	position: fixed;
}
#pageTop.fix a {
	top: -66px;
}

@media only screen and (max-width: 1375px) {
#pageTop a {
	right: 10px;
}
}
/*-------------------------------------------

contents

-------------------------------------------*/
#contents .contents_inner {
	max-width: 1030px;
	margin-left: auto;
	margin-right: auto;
	padding: 1px 10px 5em 10px;
}
#contents .contents_inner:after {
	content: "";
	display: block;
	clear: both;
}
#contents #side {
	float: left;
	width: 230px;
	margin-top: 14px;
	font-size: 14px;
}
#contents #side img{
	vertical-align: top;
}
#contents #side .side_myPage{
	margin-bottom: 1.5em;
	border-radius: 5px;
	padding: 10px;
	background-color: #0a318e;
}
#contents #side .side_myPage > div{
	padding: 10px 0 0 0;
	background-color: #FFF;
}
#contents #side .side_myPage .side_myPageName{
	padding: 10px 0;
	font-size: 1.07em;
	text-align: center;
	font-weight: bold;
}
#contents #side .side_myPage dl{
	margin: 0 10px;
	border-top: 1px solid #c3c7d3;
	border-bottom: 1px solid #c3c7d3;
}
#contents #side .side_myPage dt{
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 0.86em;
}
#contents #side .side_myPage dd{
	padding: 0.5em;
	font-size: 1rem;
	font-weight: bold;
	text-align: right;
}
#contents #side .side_myPage dt + dd{
	padding-top: 0;
}
#contents #side .side_myPage dd.important{
	color: #F60;
}
#contents #side .side_myPage dd span{
	display: inline-block;
	width: 4em;
	margin-left: 0.25em;
	text-align: left;
	color: #333;
	font-size: 0.76em;
	font-weight: normal;
}
#contents #side .side_myPage dd + dt{
	border-top: 1px dashed #c3c7d3;
}
#contents #side .side_myPage .myPage{
	margin-bottom: 0;
	padding-bottom: 0;
}
#contents #side .side_myPage .myPage a{
	margin-bottom: 0;
}
#contents #side .side_milage{
	margin-bottom: 1.5em;
	border-radius: 5px;
	padding: 0 10px 10px 10px;
	background-color: #0a318e;
}
#contents #side .side_milage dt{
	padding: 1em 0;
	font-size: 1.14em;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
#contents #side .side_milageBtn li{
	margin-bottom: 1px;
	padding: 10px;
	font-size: 0.92em;
	text-align: center;
	background-color: #FFF;
}
#contents #side .side_milageBtn li a{
	display: block;
	position: relative;
	margin-bottom: 0.5em;
	border-radius: 2em;
	padding: 0.75em 0;
	font-size: 1.07em;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
#contents #side .side_milageBtn li a:after{
	right: 1em;
	width: 7px;
	height: 13px;
	background-position: -22px -119px;
}
#contents #side .side_milageBtn li.login a{
	background-color: #0d8f0b;
}
#contents #side .side_milageBtn li.entry a{
	background-color: #ff6600;
}
#contents #side .side_milageBtn li.exchange a{
	background-color: #319aca;
}
#contents #side .side_milageBtn li.myPage a{
	background-color: #032373;
}
#contents #side .side_milageBtn li.myPage a:before{
	left: 2.5em;
	width: 11px;
	height: 13px;
	background-position: -320px -318px;
}
#contents #side .side_milageBtn li.logOut a{
	color: #333;
	background-color: #e6e8ed;
}
#contents #side .side_milageBtn li.logOut a:after{
	background-position: -72px -119px;
}
#contents #side .side_bnrList li {
	margin-bottom: 1.5em;
}
#contents #side .ttl_1{
	margin-bottom: 0.75em;
	border-left: 4px solid #6d83bc;
	padding-left: 0.5em;
	font-size: 1rem;
	font-weight: bold;
}
#contents #side .side_category li{
	margin-bottom: 1px;
}
#contents #side .side_category dt{
	position: relative;
	padding: 1em 1em 1em 40px;
	font-size: 0.9em;
	color: #FFF;
	background-color: #0b318f;
	z-index: 1;
}
#contents #side .side_category li:first-child dt{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#contents #side .side_category li:last-child dt{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#contents #side .side_category dt a{
	color: #FFF;
}
#contents #side .side_category .side_001001 dt{
	padding-left: 55px;
}
#contents #side .side_category .side_001001 dt:before{
	left: 12px;
	width: 36px;
	height: 10px;
	background-position: -6px -470px;
}
#contents #side .side_category .side_001002 dt:before{
	left: 14px;
	width: 18px;
	height: 18px;
	background-position: -66px -466px;
}
#contents #side .side_category .side_001003 dt:before{
	left: 14px;
	width: 18px;
	height: 18px;
	background-position: -116px -466px;
}
#contents #side .side_category .side_001004 dt{
	padding-left: 33px;
}
#contents #side .side_category .side_001004 dt:before{
	left: 14px;
	width: 13px;
	height: 18px;
	background-position: -169px -466px;
}
#contents #side .side_category .side_001005 dt:before{
	left: 14px;
	width: 18px;
	height: 16px;
	background-position: -216px -467px;
}
#contents #side .side_category .side_001006 dt:before{
	left: 14px;
	width: 18px;
	height: 16px;
	background-position: -266px -467px;
}
#contents #side .side_category .side_001007 dt:before{
	left: 14px;
	width: 21px;
	height: 18px;
	background-position: -315px -466px;
}
#contents #side .side_category dd{
	position: relative;
	border: 1px solid #e6e6e6;
}
#contents #side .side_category li:last-child dd:after{
	content: "";
	display: block;
	position: absolute;
	top: -1em;
	left: -1px;
	width: 230px;
	height: 1em;
	background-color: #0b318f;
}
#contents #side .side_category dd li{
	position: relative;
	margin: 0;
}
#contents #side .side_category dd li a{
	position: relative;
	display: block;
	padding: 0.5em 2.5em 0.5em 1em;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
}
#contents #side .side_category dd li:last-child a{
	border-bottom: none;
}
#contents #side .side_category dd li:last-child li a{
	border-bottom: 1px dashed #e6e6e6;
}
#contents #side .side_category dd li:last-child li:last-child a{
	border-bottom: none;
}
#contents #side .side_category li:last-child dd{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#contents #side .side_category dd li > .op,
#contents #side .side_category dd li > .ac{
	background-color: #edf3fa;
}
#contents #side .side_category dd li ul{
	position: relative;
	padding: 0 10px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFF;
}
#contents #side .side_category dd li:last-child ul{
	border-bottom: none;
	background-color: transparent;
}
#contents #side .side_category dd li li a{
	border-bottom-style: dashed;
	padding: 0.75em 1em;
	font-size: 0.92em;
}
#contents #side .side_category dd li a:after{
	right: 14px;
	width: 7px;
	height: 13px;
	background-position: -72px -119px;
}
#contents #side .side_category dd li .accordion{
	display: block;
	position: relative;
  border-bottom: 1px solid #e6e6e6;
	padding-right: 2.5em;
	cursor: pointer;
}
#contents #side .side_category dd li:last-child .accordion{
	border-bottom: none;
}
#contents #side .side_category dd li .accordion:after{
	right: 11px;
	width: 13px;
	height: 7px;
	background-position: -170px -122px;
}
#contents #side .side_category dd li .accordion > a{
	display: inline-block;
	border-bottom: none;
	padding-right: 0;
}
#contents #side .side_category dd li .accordion > a:after{
	content:normal;
}
#contents #side .side_category dd li .accordion + ul{
	display: none;
}
#contents #side .side_category dd li li a:after{
	content: normal;
}
#contents #side .side_filter{
	margin-bottom: 1.5em;
	border: 1px solid #f0f0f0;
	background-color: #fafafa;
	padding: 1em 0.5em;
}
#contents #side .side_filter dt{
	font-style: 1.14em;
	color: #000;
}
#contents #side .side_filter dd{
	margin-top: 0.5em;
	border-top: 1px solid #e6e6e6;
	padding-top: 0.5em;
}
#contents #side .side_filter dd .filter_slider {
	display: block;
	position: relative;
	height: 20px;
}
#contents #side .side_filter dd .filter_slider:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	width: calc(100% - 20px);
	margin: auto;
	position: absolute;
	background-color: #aba9a9;
}
#contents #side .side_filter dd .filter_slider > span {
	position: absolute;
	box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 194px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	background-color: #FFF;
	cursor: pointer;
}
#contents #side .side_filter dd .filter_slider > span:first-child{
	left: 0px;
}
#contents #side .side_filter dd .filter_slider_point{
	display: none;
}
#contents #side .side_filter dd .filter_price{
	margin-top: 0.5em;
	overflow: hidden;
}
#contents #side .side_filter dd .filter_price p {
	display: block;
	width: 45%;
	float: left;
	font-size: 0.86rem;
	color: #8d919c;
	white-space: nowrap;
}
#contents #side .side_filter dd .filter_price p:last-child{
	float: right;
}
#contents #side .side_filter dd .filter_price span {
	display: inline-block;
	width: calc(100% - 2em);
	margin-right: 0.5em;
	border-radius: 5px;
	background-color: #FFF;
	vertical-align: bottom;
}
#contents #side .side_filter dd .filter_price input {
	box-sizing: border-box;
	width: 100%;
	padding: 0.75em 0.5em;
	border: none;
	font-size: 11px;
	color: #8d919c;
	text-align: right;
	background: none;
}
#contents #side .side_filter .side_filterBtn{
	margin-top: 1em;
	text-align: center;
}
#contents #side .side_filter .side_filterBtn li{
	display: inline-block;
	width: 5em;
	margin: 0 0.25em;
}
#contents #side .side_filter .side_filterBtn a{
	display: block;
	border: 1px solid #bec8df;
	border-radius: 2em;
	padding: 0.15em 0.5em;
	font-size: 0.92rem;
	color: #333;
	background-color: #FFF;
}
#contents #side .side_filter .side_filterSubmit a{
	border-color: #0b318f;
	color: #FFF;
	background-color: #0b318f;
}

.min #contents #side{
	width: 170px;
	font-size: 11px;
}
.min #contents #side .side_category li:last-child dd:after{
	width: 170px;
}

#contents #main {
	margin-top: 1em;
	margin-left: 280px;
	font-size: 14px;
}
.min #contents #main {
	margin-left: 220px;
}
/*-------------------------------------------

contentsPath

-------------------------------------------*/
#contentsPath{
	padding: 0.5em 0;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	background-color: #edf3fa;
}
#contentsPath .inner{
  padding: 0 10px;
}
#contentsPath ul{
	overflow: hidden;
}
#contentsPath li{
	float: left;
	font-size: 0.86em;
}
#contentsPath li:before{
	content: "＞";
	margin: 0 0.5em;
}
#contentsPath li:first-child:before{
	content: normal;
}
/*-------------------------------------------

shopCategory

-------------------------------------------*/
#shopCategory {
  border-radius: 5px;
  padding: 2em;
  background-color: #FFF;
}
#shopCategory .ttl {
  position: relative;
  padding-left: 58px;
  font-size: 1.5em;
  color: #062d86;
  font-weight: normal;
}
#shopCategory .ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.45em;
  bottom: 0;
  left: 0;
  width: 49px;
  height: 16px;
  background: url(https://images.astyle.jp/images/cmn/icon/icon_flight.png) -2px -18px no-repeat;
}
#shopCategory .ttl span {
  margin-left: 1em;
  font-size: 0.9rem;
  color: #8a95ad;
  vertical-align: middle;
}
#shopCategoryList{
	margin-top: 1em;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	overflow: hidden;
}
#shopCategoryList > div {
  float: left;
  width: 25%;
}
#shopCategoryList > div:nth-of-type(4n + 1){
	clear: left;
}
#shopCategoryList > div .inner {
  box-sizing: border-box;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
  padding: 5px;
}
#shopCategoryList > div .inner:after{
	content: "";
	display: block;
	clear: both;
}
#shopCategoryList > div:nth-of-type(3n){
	margin-right: 0;
}
#shopCategoryList h4 {
	position: relative;
	padding: 0.75em 0.5em 0.75em 38px;
  font-size: 0.76rem;
	color: #0c308e;
	font-weight: bold;
  line-height: 1.5;
	background-color: #f4f5f9;
}
#shopCategoryList h4:before{
	left: 7px;
	width: 27px;
	height: 27px;
}
#shopCategoryList .category_001001 h4:before{
	background-position: -11px -412px;
}
#shopCategoryList .category_001002 h4:before {
	background-position: -62px -412px;
}
#shopCategoryList .category_001003 h4:before {
	background-position: -112px -412px;
}
#shopCategoryList .category_001004 h4:before {
	background-position: -162px -412px;
}
#shopCategoryList .category_001005 h4:before {
	background-position: -212px -412px;
}
#shopCategoryList .category_001006 h4:before {
	background-position: -262px -411px;
}
#shopCategoryList .category_001007 h4:before {
	background-position: -310px -411px;
}
#shopCategoryList h4 a{
	color: #062d86;
}
#shopCategoryList ul {
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 0 0.5em;
}
#shopCategoryList li {
  border-bottom: 1px dashed #DDD;
	font-size: 0.86em;
}
#shopCategoryList li a {
  position: relative;
  display: block;
  padding: 0.5em 1.5em 0.5em 0;
	color: #333;
}
#shopCategoryList li a:after {
  right: 0.5em;
  width: 7px;
  height: 13px;
  background-position: -72px -119px;
}
#shopCategoryList .category_001007{
	width: 50%;
}
#shopCategoryList .category_001007 ul{
	float: left;
	width: 50%;
}
/*-------------------------------------------

campaignBnrArea

-------------------------------------------*/
.campaignBnrArea_A{
	margin-top: 3em;
}
.campaignBnrArea_A li + li,
.campaignBnrArea_B li + li{
	margin-top: 1em;
}
.campaignBnrArea_A li{
	text-align: center;
}
.campaignBnrArea_A li img{
	width: auto;
	max-width: 100%;
}
.campaignBnrArea_B li img{
	width: 100%;
}
/*-------------------------------------------

firstAccess

-------------------------------------------*/
#firstAccess {
	font-size: 14px;
	line-height: 1.5;
}
#firstAccess .inner{
	border-radius: 5px;
	padding: 30px;
	background-color: #FFF;
}
#firstAccess img{
	width: auto;
	max-width: 100%;
}
#firstAccess dl{
	border: 2px solid #6d83bc;
	border-radius: 5px;
	padding: 2em 0;
}
#firstAccess dt,
#firstAccess dd{
	text-align: center;
	overflow: hidden;
}
#firstAccess dd{
	margin-top: 1em;
}
#firstAccess ul{
	margin-top: 2em;
	background: url(https://images.astyle.jp/images/cmn/first/first_bg01.png) left 60px repeat-x;
}
#firstAccess li{
	max-width: 30%;
	display: inline-block;
}
#firstAccess p{
	display: inline-block;
	width: 45%;
	margin: 2em 1% 0 1%;
}
#firstAccess p a{
	display: block;
	position: relative;
	border-radius: 2em;
	padding: 0.75em;
	font-size: 1.14em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#firstAccess .dtl_btn a{
	background-color: #13448f;
}
#firstAccess .entry_btn a{
	background-color: #ff6600;
}
#firstAccess p a:after{
	right: 1.5em;
	width: 7px;
	height: 13px;
	background-position: -22px -119px;
}
/*-------------------------------------------

parts

-------------------------------------------*/
.title_1{
	padding-bottom: 0.25em;
	border-bottom: 3px solid #e8e9eb;
	font-size: 14px;
}
.title_1 > *{
	font-size: 1.14rem;
	font-weight: normal;
}
.contents_inner > .title_1{
	margin-top: 2em;
}
input[type="checkbox"].check {
	display: none;
}
input[type="checkbox"].check + label {
	position: relative;
	padding-left: 24px;
}
input[type="checkbox"].check + label:before {
	left: 0;
	width: 18px;
	height: 18px;
	background-position: -116px -266px;
}
input[type="checkbox"].check:checked + label:before {
	background-position: -166px -266px;
}

/*-------------------------------------------

colorbox

-------------------------------------------*/
.modal_window {
  display: none;
}
#colorbox .modal_window {
  display: block;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0,0,0,0.75);
  overflow: hidden;
}
#cboxLoadedContent {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  display: none;
}
#cboxContent {
  position: relative;
  padding: 0;
  background: #FFF;
  border-radius: 3px;
}
#cboxError {
  padding: 25px;
  border: 1px solid #ccc;
}
#cboxTitle {
  float: none !important;
  margin-top: 0.75em;
  padding: 0 2em;
  color: #FFF;
  text-align: center;
}
#cboxClose {
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 5px;
  right: 5px;
  border: none;
	border-radius: 3px;
  background: url(https://images.astyle.jp/images/cmn/icon/icon.png) -213px -262px no-repeat #656565;
	cursor: pointer;
}
#cboxClose:active {
  outline: 0;
}
#cboxClose:hover {
  text-decoration: underline;
}
#cboxWrapper .closeIcon {
  position: absolute;
  top: -15px;
  right: 0;
}
#cboxWrapper .closeIcon a {
  display: block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #FFF;
  border-radius: 6px;
  text-indent: -9999px;
  background-size: 6px;
  overflow: hidden;
  z-index: 1;
}

#cboxPrevious,
#cboxNext {
  position: absolute;
  bottom: -2.24em;
  height: 1.5em;
  width: 1.5em;
  border: none;
	font-size: 1em;
  text-indent: -9999px;
  background: center center no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 100;
}
#cboxPrevious {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
}
#cboxNext {
  right: 0;
}
#cboxCurrent {
  float: none !important;
  padding: 0 2em;
  color: #FFF;
  text-align: center;
}
#cboxSlideshow {
  display: none !important;
}
.modal_inner {
  padding: 1em;
}

/*-------------------------------------------

general

-------------------------------------------*/
.fz24{
	font-size: 1.5rem !important;
}

.clrF{
	overflow: hidden;
}