@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;
}
a.ov_image:hover {
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
select{
	padding: 0.5em 1em;
}

@media only screen and (min-width: 1300px) {
	header#header .header_content,
	#nav .nav_contents,
	#footer .footer_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 .hMenu_wrap .nav_detail dt a:after,
header#header .hMenu_wrap .nav_detail .nav_filter3 label:before,
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit: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;
	height: 133px;
	background-color: #fff;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
}

.naviOp header#header{
	z-index: 102;
}

header#header img{
	vertical-align: top;
}
header#header .inner {
	width: auto;
	max-width: 1230px;
	margin: 0 auto;
	padding: 1px 5% 0;
	background: #fff;
}
header#header .header_content {
	position: relative;
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.3em 0 0;
	box-sizing: border-box;
}
header#header .header_content .logo{
	display: table-cell;
	vertical-align: bottom;
}
header#header .header_content .logo > .logo02{
	margin-top: 1.3em;
}
header#header .header_content .logo > .logo02 svg{
	width: 289px;
	height: 49px;
}
header#header .hMenu_wrap{
	display: table-cell;
	vertical-align: bottom;
	width: 77%;
	max-width: 920px;
	padding-left: 2%;
}
header#header .hMenu_inner{
	display: table;
	width: 100%;
}
header#header .userData{
	display: table-cell;
	vertical-align: bottom;
	padding-left: 2%;
}
header#header .userData .user{
	display: flex;
	align-items: flex-end;
	max-width: 245px;
}
header#header .userData .user img{
	width: 60px;
	max-width: 100%;
	margin-right: 0.5em;
	vertical-align: bottom;
}
header#header .userData.userIn{
	vertical-align: middle;
}
header#header .userData.userIn .user{
	justify-content: center;
}
header#header .userData > div{
	margin-top: 0.5em;
}
header#header .userData > div > div{
	position: relative;
	margin-top: 5px;
	color: #A6A6A6;
	text-align: left;
	vertical-align: middle;
}
header#header .userData .userData_mile:before{
	background-position: -6px -306px;
}
header#header .userData .userData_point{
	padding-right: 0;
}
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 .m_data{
	display: table;
	width: 100%;
}
header#header .userData .m_data dt{
	display: table-cell;
	vertical-align: bottom;
	padding-right: 5px;
	font-size: 1em;
}
header#header .userData .m_data dd{
	display: table-cell;
	vertical-align: bottom;
	max-width: 9em;
	font-size: 0.86em;
	text-align: right;
	word-break: break-all;
}
header#header .userData .m_data dd span{
	margin-right: 0.5em;
	font-weight: bold;
	font-size: 1.1em;
}
header#header .userData .m_data dd span.important{
	color: #ff7c27;
}
header#header .hMenu_wrap .nav_logIn{
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 1em;
	padding-right: 5px;
}
header#header .hMenu_wrap .nav_logIn p > a{
	display: table;
	width: 100%;
	position: relative;
	padding-top: 40px;
	text-align: center;
	color: #000;
	font-size: 1em;
}
header#header .hMenu_wrap .nav_logIn p > a > span,
header#header .hMenu_wrap .nav_cart p > a > span,
header#header .hMenu_wrap .nav_cart_login p > a > span{
	display: table-cell;
	vertical-align: middle;
}
header#header .hMenu_wrap .nav_logIn p > a:hover,
header#header .hMenu_wrap .nav_cart p > a:hover,
header#header .hMenu_wrap .nav_cart_login p > a:hover,
header#header .hMenu_wrap .nav_myPage .nav_myPage_list a:hover,
header#header .nav_support .nav_support_list a:hover{
	color: #0B318F;
	text-decoration: underline;
}
header#header .hMenu_wrap .nav_logIn p > a svg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 24px;
	height: 33px;
	margin: auto;
}

header#header .loginPopWrap{
	position: absolute;
  top: 21px;
  left: -320px;
  right: 0;
	width: 209px;
  display: none;
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 101;
}
header#header .loginPopWrap .loginPopBg{
	background: url(https://images.astyle.jp/images/cmn/header/bg_loginpop.png) center no-repeat;
	background-size: contain;
	display: table;
	width: 100%;
	height: 53px;
}
header#header .loginPopWrap .loginPopInner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
header#header .loginPopWrap .loginPopTxt {
	font-size: 14px;
	line-height: 1.35;
  text-align: left;
}
header#header .loginPopWrap .loginPopClose {
  position: absolute;
  top: 7px;
	right: 20px;
  width: 10px;
	height: 10px;
	cursor: pointer;
}

header#header .hMenu_wrap .nav_cart{
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 1em;
	padding-right: 1em;
}
header#header .hMenu_wrap .nav_cart > p{
	position: relative;
}
header#header .hMenu_wrap .nav_cart .nav_cart_price{
	display: block;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	color: #646464;
	font-size: 0.78em;
	text-align: center;
}
header#header .hMenu_wrap .nav_cart p > a{
	display: table;
	width: 100%;
	position: relative;
	padding-top: 40px;
	text-align: center;
	color: #000;
	font-size: 1em;
}
header#header .hMenu_wrap .nav_cart p > a svg{
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: auto;
	width: 34px;
	height: 33px;
}
header#header .hMenu_wrap .nav_cart p > .num{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	min-width: 22px;
	height: 22px;
	background-color: #FF0000;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}
header#header .hMenu_wrap .nav_cart_login{
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 1em;
	padding-right: 1em;
	bottom: 5px;
}
header#header .hMenu_wrap .nav_cart_login > p{
	position: relative;
}
header#header .hMenu_wrap .nav_cart_login .nav_cart_price{
	display: block;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	color: #646464;
	font-size: 0.78em;
	text-align: center;
}
header#header .hMenu_wrap .nav_cart_login p > a{
	display: table;
	width: 100%;
	position: relative;
	padding-top: 40px;
	text-align: center;
	color: #000;
	font-size: 1em;
}
header#header .hMenu_wrap .nav_cart_login p > a svg{
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: auto;
	width: 34px;
	height: 33px;
}
header#header .hMenu_wrap .nav_cart_login p > .num{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	min-width: 22px;
	height: 22px;
	background-color: #FF0000;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}
header#header .hMenu_wrap .nav_myPage{
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	padding-left: 4%;
	padding-right: 10px;
	bottom: 5px;
}
header#header .hMenu_wrap .nav_myPage dt > a{
	display: table;
	width: 100%;
	position: relative;
	padding-top: 40px;
	text-align: center;
	color: #000;
	font-size: 1em;
}
header#header .hMenu_wrap .nav_myPage .op dt > a{
	color: #0B318F;
	text-decoration: underline;
}
header#header .hMenu_wrap .nav_myPage dt > a svg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 29px;
	height: 33px;
	margin: auto;
}
header#header .hMenu_wrap .nav_myPage dt > a span{
	position: relative;
	padding-right: 1.3em;
	white-space: nowrap;
}
header#header .hMenu_wrap .nav_myPage dt > a span:after{
	content: "";
	display: inline-block;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_b.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 14px;
	height: 9px;
	margin: auto;
}
header#header .hMenu_wrap .nav_myPage .mg{
	height: 0;
	opacity: 0;
	overflow: hidden;
}
header#header .hMenu_wrap .nav_myPage .op .mg{
	height: auto;
	opacity: 1;
	overflow: visible;
	padding-top: 75px;
}
header#header .hMenu_wrap .nav_myPage_main{
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	left: -11px;
	top: 0;
	width: 200px;
	z-index: 10;
	box-sizing: border-box;
}
header#header .hMenu_wrap .nav_myPage_main.op{
	opacity: 1;
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list{
	display: block;
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list:before,
header#header .hMenu_wrap .nav_myPage .nav_myPage_list:after{
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-bottom: 14px solid #fff;
	z-index: 2;
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list:before{
	top: -26px;
	border-bottom: 15px solid #E0E0E0;
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list li{
	display: table;
	width: 100%;
	border-top: 1px solid #E0E0E0;
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list li:first-child{
	border-top: 0;
}
header#header .hMenu_wrap .nav_myPage .nav_myPage_list a{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_r_9.png) left 0.9em center no-repeat;
	background-size: 9px 14px;
	height: 4em;
	padding: 0.8em 1em 0.8em 2.2em;
	color: #000;
	font-size: 1.07em;
	line-height: 1.5;
	text-decoration: none;
	box-sizing: border-box;
}
header#header .hMenu_wrap .nav_myPage .op dt > a span:after{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* nav_myState */
header#header .hMenu_wrap .nav_myState{
	display: table-cell;
	vertical-align: bottom;
	width: 47%;
	padding-bottom: 2px;
}

header#header .hMenu_wrap .nav_myState > div{
	display: table;
	width: 100%;
}
header#header .hMenu_wrap .nav_myState > div > div{
	display: table-cell;
	vertical-align: bottom;
	white-space: nowrap;
	line-height: 1;
}
header#header .hMenu_wrap .nav_search{
	width: 99%;
}
header#header .hMenu_wrap .nav_search > div{
	display: table;
	width: 100%;
}
header#header .hMenu_wrap .nav_search > div > div{
	display: table-cell;
}
header#header .hMenu_wrap .nav_search > div > .nav_detail > dl > dt,
header#header .hMenu_wrap .nav_search > div > .nav_detail > dl > dd{
	margin-bottom: 0;
}
header#header .hMenu_wrap .nav_search > div > .nav_detail > dl > dt{
	float: none;
}
header#header .hMenu_wrap .nav_keyword{
	position: relative;
	width: 99%;
	background-color: #FFF;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
header#header .hMenu_wrap .nav_keyword input{
	box-sizing: border-box;
	width: 100%;
	border: none;
	padding: 0.8em 1.2em;
	font-size: 1em;
	background: none;
}
header#header .hMenu_wrap .nav_keyword .np-keyword-suggest {
	box-sizing: border-box;
	width: 100%;
}
header#header .hMenu_wrap .nav_keyword .np-keyword-suggest div {
	width: auto;
}
header#header .hMenu_wrap .nav_detail{
	background-color: #fff;
	border-left: 1px solid #D6D6D6;
	border: 1px solid #D6D6D6;
	border-radius: 4px 0 0 4px;
	overflow: hidden;
}
header#header .hMenu_wrap .nav_detail dt a{
	display: block;
	position: relative;
	padding: 1em 32px 1em 1.2em;
	font-size: 1em;
	font-weight: 500;
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}
header#header .hMenu_wrap .nav_detail dt a.op{
	background-color: #EDF3FA;
	color: #0B318F;
}
header#header .hMenu_wrap .nav_detail dt a:hover{
	background-color: #EDF3FA;
	color: #0B318F;
}
header#header .hMenu_wrap .nav_detail dt a:after{
	content: "";
	display: inline-block;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_b.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 11%;
	width: 14px;
	height: 9px;
	margin: auto;
}
header#header .hMenu_wrap .nav_detail.opWrap dt a:after{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
header#header .hMenu_wrap .nav_detail > dl > dd > div{
  height: 0;
	opacity: 0;
	overflow: hidden;
}
header#header .hMenu_wrap .nav_detail.opWrap > dl dd > div{
  height: auto;
	opacity: 1;
	overflow: visible;
}
header#header .hMenu_wrap .nav_detail > dl > dd > div{
	opacity: 0;
	transition: opacity 0.3s;
	box-sizing: border-box;
	position: absolute;
	width: 79vw;
	max-width: 1090px;
	top: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 12px;
	z-index: 10;
}
header#header .hMenu_wrap .nav_detail > dl > dd > div:before,
header#header .hMenu_wrap .nav_detail > dl > dd > div:after{
	content: "";
	position: absolute;
	top: -12px;
	left: -45%;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom: 17px solid #fff;
}
header#header .hMenu_wrap .nav_detail > dl > dd > div:before{
	top: -14px;
	border-bottom: 17px solid #ccc;
}
header#header .hMenu_wrap .nav_detail dd > div .inner{
	position: relative;
	border-top: 0;
	padding: 1.35em 2.85em 2.85em 2.85em;
	background-color: #fff;
	border: 1px solid #D6D6D6;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
header#header .hMenu_wrap .nav_detail dd dl{
	display: table;
	width: 100%;
	margin-top: 1.5em;
}
header#header .hMenu_wrap .nav_detail dd dl > *{
	display: table-cell;
	vertical-align: middle;
}
header#header .hMenu_wrap .nav_detail dd dt{
	width: 7em;
	font-size: 1.07em;
	color: #0B318F;
	white-space: nowrap;
}
header#header .hMenu_wrap .nav_detail .nav_filter1 li{
	border-radius: 5px;
	background-color: #FFF;
}
header#header .hMenu_wrap .nav_detail .nav_filter1 input[type="text"]{
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em 1em;
	font-size: 1.07em;
	border: 1px solid #ccc;
	background: none;
	border-radius: 4px;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 ul:after{
	content: "";
	display: block;
	clear: both;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 li{
	position: relative;
	width: 49.2%;
	border-radius: 5px;
	overflow: hidden;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 li:nth-of-type(odd){
	float: left;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 li:nth-of-type(even){
	float: right;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 div{
	display: table;
	width: 100%;
	background-color: #FFF;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 div > *{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 span{
	padding: 0.8em 13px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	background: #999999;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 select{
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 1em;
	background: none;
	border: 0;
	font-size: 1.07em;
	outline: none;
	z-index: 1;
	cursor: pointer;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 select:-moz-focusring{
	color: transparent;
	text-shadow: 0 0 0 #333;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 select::-ms-expand {
  display: none;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 select option{
	color: #333;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 div > div{
	cursor: pointer;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 div > div:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 48px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #0B318F;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 div > div:before{
	content: "";
	display: inline-block;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_white_b.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	width: 17px;
	height: 11px;
	z-index: 1;
}
header#header .hMenu_wrap .nav_detail .nav_filter2 .active div > div:before{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
header#header .hMenu_wrap .nav_detail .nav_filter3{
	width: 100%;
	margin-top: 2.57em;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_slider{
	display: block;
	position: relative;
	width: 49%;
	height: 20px;
}
header#header .hMenu_wrap .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;
}
header#header .hMenu_wrap .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;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_slider > span:last-child{
	left: calc(100% - 20px);
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_slider .filter_slider_point{
	display: none;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_price{
	width: 42%;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_price p {
	display: block;
	width: 48%;
	float: left;
	white-space: nowrap;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_price p + p{
	float: right;
	text-align: right;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_price span{
	display: inline-block;
	width: 82%;
	margin-right: 0.5em;
	color: #000;
  border-radius: 5px;
	background-color: #FFF;
}
header#header .hMenu_wrap .nav_detail .nav_filter3 .filter_price input{
	box-sizing: border-box;
	width: 100%;
	padding: 0.75em 0.5em;
	border: 1px solid #BFBFBF;
	text-align: right;
	background: none;
	border-radius: 4px;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn{
	margin-top: 2.57em;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn:after{
	content: "";
	display: block;
	clear: both;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn li a,
header#header .hMenu_wrap .nav_detail .nav_filterBtn li input{
	box-sizing: border-box;
	display: block;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	padding: 1em;
	color: #000;
	text-align: center;
	white-space: nowrap;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterClose{
	position: absolute;
	bottom: 3.1em;
	right: 2.85em;
	width: 10%;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterClose a{
	border-color: #BFBFBF;
	background-color: #D9D9D9;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterClear{
	position: absolute;
	width: 15.5%;
	bottom: 3.1em;
	right: 14.5%;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterClear a{
	background-color: #FFF;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit{
	position:relative;
	width: 100%;
	min-width: 15em;
	max-width: 320px;
	margin: 0 auto;
	position: relative;
	border-radius: 2em;
	color: #FFF;
	font-size: 1.07em;
	font-weight: bold;
	background-color: #0b318f;
	text-align: center;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit > input[type="submit"]{
	position: relative;
	display: block;
	width: 100%;
	border: 0;
	border-radius: 2em;
	font-size: 1.07em;
	font-weight: 500;
	color:#FFF;
	text-decoration: none;
	text-align: center;
	background: none;
	cursor:pointer;
	outline: 0;
	z-index:1;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit input::-moz-focus-inner{
  border:0px;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit input:hover{
	text-decoration: underline;
}
header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterSubmit:after{
	content: none;
}
header#header .hMenu_wrap .nav_submit{
	position: relative;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #0B318F;
}
header#header .hMenu_wrap .nav_submit:after{
	content: '';
	display: block;
	background: url(https://images.astyle.jp/images/cmn/icon/icon_search.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 17px;
	height: 17px;
	z-index: 1;
}
header#header .hMenu_wrap .nav_submit input[type="button"]{
	position: relative;
	width: 3.28em;
	height: 44px;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}
header#header .hMenu_wrap .np-keyword-suggest{
	position: relative;
	margin-top: 9px;
	border: 1px solid #CCC;
	padding: 0;
	overflow: visible;
	min-width: 450px;
}
header#header .hMenu_wrap .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;
}
header#header .hMenu_wrap .np-keyword-suggest .group{
	padding: 0.5em 0;
	border-top: 1px solid #CCC;
}
header#header .hMenu_wrap .np-keyword-suggest .group:first-child{
	border-top: none;
}
header#header .hMenu_wrap .np-keyword-suggest .item{
	margin-top: 0.5em;
	padding: 0.25em 0.75em;
	color: #23469a;
}
header#header .hMenu_wrap .np-keyword-suggest .item.selected{
	background-color: #ebf1ff;
}
header#header .hMenu_wrap .np-keyword-suggest .highlight{
	font-weight: bold;
	text-decoration: none;
}
header#header .hMenu_wrap .np-item-suggest{
	width: 132px;
	margin-top: 9px;
}
header#header .hMenu_wrap .np-item-suggest .title,
header#header .hMenu_wrap .np-item-suggest .suggest_title,
header#header .hMenu_wrap .np-item-suggest .suggest_search{
	display: none;
}

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

.min header#header .hMenu_wrap .nav_cart p > a,
.min header#header .hMenu_wrap .nav_logIn p > a,
.min header#header .hMenu_wrap .nav_myPage dt > a,
.min header#header .userData .m_data dt,
.min header#header .userData .m_data dd,
.min header#header .userData .m_data dd span,
.min header#header .hMenu_wrap .nav_detail dt a,
.min header#header .hMenu_wrap .nav_keyword input,
.min header#header .userData{
	font-size: 12px;
}
.min header#header .nav_support .h_btn{
	font-size: 13px;
}
.min header#header .nav_support dt svg{
	width: 20px;
	height: 20px;
	top: 2px;
}
.min header#header .hMenu_wrap .nav_myPage{
	padding-right: 0;
}
.min header#header .hMenu_wrap .nav_myPage_main{
	left: -23px;
}

@media screen and (max-width: 1230px) {
	.min header#header .hMenu_wrap .nav_submit:after{
		width: 15px;
		height: 15px;
	}
	.min header#header .hMenu_wrap .nav_submit input[type="button"]{
		width: 2em;
	}
	.min header#header .hMenu_wrap .nav_logIn,
	.min header#header .hMenu_wrap .nav_cart{
		padding-left: 5px;
		padding-right: 5px;
	}
	.min header#header .hMenu_wrap .nav_myPage{
		padding-left: 5px;
	}
	.min header#header .hMenu_wrap .nav_detail dt a{
		padding: 1em 23px 1em 0.7em;
	}
	.min header#header .hMenu_wrap .nav_detail > dl > dd > div{
		width: 930px;
	}
	.min header#header .hMenu_wrap .nav_detail .nav_filterBtn .nav_filterClear{
		right: 15.1%;
	}
	.min header#header .hMenu_wrap .nav_detail > dl > dd > div:before,
	.min header#header .hMenu_wrap .nav_detail > dl > dd > div:after{
		left: -30vw;
	}
	.min header#header .hMenu_wrap .nav_myPage_main{
		left: -48px;
	}
}
header#header .forO1150{
	display: none!important;
}
@media screen and (max-width: 1150px) {
	.min header#header .forO1150{
		display: block!important;
	}
	.min header#header .loginPopWrap{
		top: 37px;
		left: -265px;
	}
	.min header#header .hMenu_wrap .nav_logIn p > a > span{
		height: 30px;
	}
	.min header#header .hMenu_wrap .nav_logIn + .nav_cart p > a > span{
		height: 30px;
	}
}
@media screen and (max-width: 1090px) {
	.min header#header .hMenu_wrap .nav_detail > dl > dd > div:before,
	.min header#header .hMenu_wrap .nav_detail > dl > dd > div:after{
		left: -267px;
	}
	.min header#header .hMenu_wrap{
		padding-left: 5px;
	}
	.min header#header .userData{
		padding-left: 5px;
	}
	.min header#header .userData .user{
		max-width: 200px;
	}
	.min header#header .hMenu_wrap .nav_myState{
		width: 45%;
	}
	body.login.min header#header .hMenu_wrap .nav_myState{
		width: 39%;
	}
}
body.login header#header .userData .m_data dt,
body.login header#header .userData .m_data dd{
	color: #333;
}
body.login .min header#header .hMenu_wrap .nav_detail > dl > dd > div{
	top: 116px;
}


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

nav_support

-------------------------------------------*/
header#header .nav_support{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 102;
}
header#header .nav_support .nav_support_mainner{
	position: relative;
}
header#header .nav_support dt{
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}
header#header .nav_support dt svg{
	position: absolute;
	width: 23px;
	height: 23px;
	left: 1em;
	top: 3px;
}
header#header .nav_support .h_btn{
	display: block;
	padding: 0.4em 1em 0.5em 2.9em;
	color: #000;
	font-size: 1.07em;
	text-decoration: none;
}
header#header .nav_support .h_btn span{
	position: relative;
	display: inline-block;
	padding-right: 1.3em;
}
header#header .nav_support .h_btn span:after{
	content: "";
	display: inline-block;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_b.png) center center no-repeat;
	background-size: 100%;
	width: 14px;
	height: 9px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
header#header .nav_support dd.mg{
	position: relative;
	height: 0;
	opacity: 0;
	overflow: hidden;
}
header#header .nav_support .op dd.mg{
	height: auto;
	opacity: 1;
	overflow: visible;
	padding-top: 20px;
}
header#header .nav_support .nav_support_main{
	opacity: 0;
	position: absolute;
	left: -26px;
	top: 15px;
	width: 190px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	transition: opacity 0.3s;
	z-index: 10;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
header#header .nav_support .op .nav_support_main{
	opacity: 1;
}
header#header .nav_support .nav_support_main:before,
header#header .nav_support .nav_support_main:after{
	content: "";
	position: absolute;
	top: -23px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-bottom: 14px solid #fff;
	z-index: 2;
}
header#header .nav_support .nav_support_main:before{
	top: -25px;
	border-bottom: 14px solid #E0E0E0;
}
header#header .nav_support .nav_support_list li{
	display: table;
	width: 100%;
	border-top: 1px solid #E0E0E0;
}
header#header .nav_support .nav_support_list li:first-child{
	border-top: 0;
}
header#header .nav_support .nav_support_list a{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_r_9.png) left 0.9em center no-repeat;
	background-size: 9px 14px;
	height: 4em;
	padding: 0.8em 1em 0.8em 2.2em;
	color: #000;
	font-size: 1.07em;
	line-height: 1.5;
	text-decoration: none;
	box-sizing: border-box;
}
header#header .nav_support .op .h_btn,
header#header .nav_support .op .nav_support_list a:hover{
	color: #0B318F;
}
header#header .nav_support .op .h_btn span:after{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.min header#header .nav_support .nav_support_main{
	left: auto;
	right: 0;
}
.min header#header .nav_support .nav_support_main:before,
.min header#header .nav_support .nav_support_main:after{
	left: auto;
	right: 60px;
}

body.login header#header .userData .userData_point .m_data dd span{
	color: #FF0000;
}

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

nav

-------------------------------------------*/
#nav{
	z-index: 200;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5;
}
#nav,
#nav a {
	color: #333;
}
#nav ul{
	visibility: visible !important;
}
#nav{
	position: relative;
}
.naviOp #nav{
	z-index: 101;
}
#nav .inner {
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background: #fff;
  background-color: #f2f2f2;
	box-sizing: border-box;
}
#nav .nav_contents {
	display: table;
	width: 100%;
	max-width: 1230px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
#nav .nav_contents dt{
	float: none;
	margin: 0;
	text-align: center;
	font-weight: bold;
}
#nav .nav_contents dd{
	margin: 0;
}
#nav .nav_contents > li {
  position: relative;
	display: table-cell;
	vertical-align: middle;
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
}
#nav .nav_contents > li + li::after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	margin: auto 0;
	width: 1px;
	height: 30px;
	background: #333;
}
#nav .nav_contents > li.nav_location_active{
	background: #676767;
}
#nav .nav_contents > li.nav_location_active dl dt a{
	color: #fff;
}
#nav .nav_contents > li.nav_location_active dt a span:after{
	filter: brightness(0) invert(1);
}
#nav .nav_contents > li.nav_location_active::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1px;
	width: 1px;
	height: 100%;
	background: #676767;
}
#nav .nav_contents > li.nav_location_active.op{
	background: #909090;
}
#nav .nav_contents > li.nav_location_active.op::before{
	background: #909090;
}
#nav .nav_contents > li dt a{
	display: block;
	position: relative;
	padding: 15px 0;
	font-size: 1.07em;
	line-height: 1.2;
	/* white-space: nowrap; */
}
#nav .nav_contents > li dt a:hover{
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
#nav .nav_contents > li.op dl a{
	color: #0A3190;
}
#nav .nav_contents > li dt a span{
	position: relative;
	display: inline-block;
	padding-right: 1.3em;
}
#nav .nav_contents > li dt a span:after{
	content: "";
	display: inline-block;
	background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_b.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 14px;
	height: 9px;
	margin: auto;
}
#nav .nav_contents > li.op dl span:after{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#nav .nav_contents > li dd {
	position: relative;
}
#nav .nav_contents > li dd.mg {
  height: 0;
	opacity: 0;
	overflow: hidden;
}
#nav .nav_contents > li.op dd.mg{
	height: auto;
	opacity: 1;
	overflow: visible;
}
#nav .nav_contents > li dd .cate_inner{
  opacity: 0;
	transition: opacity 0.3s;
	min-width: 286px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -66px;
	padding: 1.6em 2.8em;
	border-top: 3px solid #0A3190;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
	z-index: 10;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
#nav .nav_contents > li.op dd .cate_inner{
  opacity: 1;
}
#nav .nav_contents > li:first-child dd .cate_inner{
	left: 0;
}
#nav .nav_contents > li:last-child dd .cate_inner{
	left: auto;
	right: 0;
}
#nav .nav_contents .nav_cate_fashion dd .cate_inner{
	left: -225px;
}
#nav .nav_contents .nav_cate_healthandbeauty dd .cate_inner{
	min-width: 322px;
	left: -71px;
}
#nav .nav_contents .nav_cate_gourmetandwine dd .cate_inner .mg_col2{
	min-width: 550px;
}
#nav .nav_contents dd .cate_inner .mg_list a:hover{
	color: #0A3190;
	text-decoration: underline;
}
#nav .nav_contents dd .cate_inner .mg_list ul > li{
	min-width: 12em;
	padding: 0.5em 0;
}
#nav .nav_contents dd .cate_inner .mg_list ul > li a,
#nav .nav_contents dd .cate_inner .mg_ttl a{
	display: inline-block;
	color: #333;
	font-size: 1.07em;
	text-decoration: none;
	white-space: nowrap;
}
#nav .nav_contents dd .cate_inner .mg_list ul > li.mg_ttl{
	padding: 0;
}
#nav .nav_contents dd .cate_inner .mg_ttl a{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav .nav_contents dd .cate_inner .mg_ttl span{
	font-size: 16px;
	color: #0A3190;
	font-weight: 500;
}
#nav .nav_contents dd .cate_inner .mg_ttl svg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#nav .nav_contents .nav_cate_original .mg_ttl a{ padding-left: 39px;}
#nav .nav_contents .nav_cate_original .mg_ttl svg{
	width: 33px;
	height: 18px;
}
#nav .nav_contents .nav_cate_bagandtravel .mg_ttl a{ padding-left: 25px;}
#nav .nav_contents .nav_cate_bagandtravel .mg_ttl svg{
	width: 18px;
	height: 29px;
}
#nav .nav_contents .nav_cate_fashion ul:first-child .mg_ttl a{	padding-left: 30px;}
#nav .nav_contents .nav_cate_fashion ul:first-child .mg_ttl svg{
	width: 25px;
	height: 23px;
}
#nav .nav_contents .nav_cate_fashion ul:last-child .mg_ttl a{ padding-left: 35px;}
#nav .nav_contents .nav_cate_fashion ul:last-child .mg_ttl svg{
	width: 30px;
	height: 21px;
}
#nav .nav_contents .nav_cate_lifestyle .mg_ttl a{	padding-left: 35px;}
#nav .nav_contents .nav_cate_lifestyle .mg_ttl svg{
	width: 29px;
	height: 22px;
}
#nav .nav_contents .nav_cate_healthandbeauty .mg_ttl a{	padding-left: 29px;}
#nav .nav_contents .nav_cate_healthandbeauty .mg_ttl svg{
	width: 24px;
	height: 32px;
}
#nav .nav_contents .nav_cate_gourmetandwine .mg_ttl a{ padding-left: 24px;}
#nav .nav_contents .nav_cate_gourmetandwine .mg_ttl svg{
	width: 17px;
	height: 28px;
}
#nav .nav_contents dd .cate_inner .mg_col2:after{
	content: "";
	clear: both;
	display: block;
}
#nav .nav_contents dd .cate_inner .mg_col2 > ul{
	float: left;
	width: 48%;
}
#nav .nav_contents dd .cate_inner .mg_col2 > ul:nth-child(2n){
	float: right;
	width: 48%;
}
#nav .nav_contents dd .cate_inner .mg_col2 > ul > li a{
	white-space: initial;
}
#nav .nav_contents dd .cate_inner .mg_col2{
	width: 510px;
}

#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;
}


@media only screen and (max-width: 1230px) {
	.min #nav .nav_contents dd .cate_inner{
		left: -79px;
	}
	.min #nav .nav_contents .nav_cate_fashion dd .cate_inner{
    left: -230px;
}
	.min #nav .nav_contents > li dt a{
		font-size: 0.9em;
	}
}

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

wrap

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

footer

-------------------------------------------*/
footer#footer{
	font-size: 14px;
	line-height: 1.5;
	border-top: 2px solid #0B318F;
}
footer#footer,
footer#footer a,
footer#footer a:link,
footer#footer a:visited,
footer#footer a:hover,
footer#footer a:active {
	color: #1A1A1A;
}
footer#footer .inner {
	width: auto;
	margin: 0;
	padding: 0 5%;
	background: #fff;
}
footer#footer .footer_content {
	padding: 30px 0 65px;
}
footer#footer .footer_content:after {
	content: "";
	display: block;
	clear: both;
}
footer#footer .footer_content dl {
	float: left;
	width: 29%;
	margin-right: 6%;
}
footer#footer .footer_content dl:last-child {
	margin-right: 0;
}
footer#footer .footer_content dt {
	position: relative;
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 36px;
	color: #0B318F;
	font-size: 16px;
	font-weight: bold;
	font-weight: 500;
}
footer#footer .footer_content dt svg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
footer#footer .footer_content dt.f_contact svg{
	width: 26px;
	height: 26px;
}
footer#footer .footer_content dt.f_guide svg{
	width: 27px;
	height: 24px;
}
footer#footer .footer_content dt.f_site svg{
	width: 31px;
	height: 21px;
}
footer#footer .footer_content dd{
	margin-top: 13px;
	margin-bottom: 0;
}
footer#footer .footer_content li {
	position: relative;
	margin-top: 1em;
}
footer#footer .footer_content li a {
	display: inline-block;
	font-size: 14px;
}
footer#footer .footer_content li a:hover{
	color: #0A3190;
	text-decoration: underline;
}
footer#footer #copyright {
	background-color: #fff;
	border-top: 1px solid #DBDBDB;
}
footer#footer #copyright p {
	padding: 2.5em;
	color: #4D4D4D;
	font-weight: bold;
	font-size: 0.71em;
	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: 60px;
  height: 60px;
	overflow: hidden;
}
#pageTop.fix {
	position: fixed;
	bottom: 40px;
}
#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,
.campaignBnrArea_C li + li{
	margin-top: 1em;
}
.campaignBnrArea_A li,
.campaignBnrArea_C li{
	text-align: center;
}
.campaignBnrArea_A li img,
.campaignBnrArea_C li img{
	width: auto;
	max-width: 100%;
}
.campaignBnrArea_B li img{
	width: 100%;
}
.campaignBnrArea_C{
	/*padding-bottom: 3em;*/
	border-bottom: solid 1px #D9D9D9;
}
/*-------------------------------------------

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;
}


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

categoryCarouselAWrap

-------------------------------------------*/
.categoryCarouselAWrap{
  margin-top: 50px;
}
#MYPAGE_RIGHT .categoryCarouselAWrap{
  padding: 0 35px;
}
.categoryCarouselAWrap .secTtl {
  position: relative;
  font-size: 20px;
  color:#0A3190;
  font-weight: bold;
  text-align: center;
}
.categoryCarouselAWrap .secTtl .icon{
	/*margin: 0 auto 0.2em;*/
}
.categoryCarouselAWrap .secTtl .icon svg{
	width: 100%;
	height: auto;
}
#rto_pc_mypage_history.categoryCarouselAWrap .secTtl .icon {
  width: 42px;
	height: 43px;
}
.categoryCarouselAWrap.especially .secTtl .icon{
  width: 41px;
  height: 37px;
}

/* slideList
-------------------------------------------*/
.categoryCarouselAWrap .slideList{
  margin-top: 2.5em;
}
.categoryCarouselAWrap .slideList .bx-viewport{
	height: auto !important;
}
.categoryCarouselAWrap .slideList ul {
  /*overflow: hidden;*/
}
.categoryCarouselAWrap .slideList li {
  float: left;
	width: 100%;
	display: none;
}
.categoryCarouselAWrap .slideList .owl-carousel li{
	display: block;
}
.categoryCarouselAWrap .slideList li > span,
.categoryCarouselAWrap .slideList li > a{
	position: relative;
	display: block;
  box-sizing: border-box;
  padding: 0 8px;
	color: #333;
  text-decoration: none;
  background-color: #fff;
}
.categoryCarouselAWrap .slideList li img{
	width: 100%;
}
.categoryCarouselAWrap .slideList li > a .item_ph {
  position: relative;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
}
.categoryCarouselAWrap .slideList li > a:hover .item_ph{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}
.categoryCarouselAWrap .slideList li > a .item_ph img{
  max-width: 100%;
  width: 100%;
}
.categoryCarouselAWrap .slideList .item_name,
.categoryCarouselAWrap .slideList .item_price {
  box-sizing: border-box;
  padding-top: 1em;
	color: #2B2B2B;
}
.categoryCarouselAWrap .slideList li > a:hover .item_name,
.categoryCarouselAWrap .slideList li > a:hover .item_price{
  text-decoration: underline;
  color: #0A3190;
}
.categoryCarouselAWrap .slideList .item_name{
	position: relative;
	overflow: hidden;
	font-size: 0.93em;
	line-height: 1.7;
	word-break: break-all;
	/* height: 4.5em; */
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* .categoryCarouselAWrap .slideList .item_name::after{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1em;
	height: 2em;
	background:#fff;
	content: "...";
	text-align: left;
	speak:none;
} */
.categoryCarouselAWrap .slideList .item_price {
	font-size: 1em;
  font-weight: bold;
  text-align: right;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.categoryCarouselAWrap .owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
.categoryCarouselAWrap .owl-carousel div {
	overflow: hidden;
}
.categoryCarouselAWrap .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}
.categoryCarouselAWrap .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
  .categoryCarouselAWrap .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .categoryCarouselAWrap .owl-carousel .owl-wrapper,
  .categoryCarouselAWrap .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .categoryCarouselAWrap .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .categoryCarouselAWrap .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .categoryCarouselAWrap .owl-carousel .owl-nav.disabled,
  .categoryCarouselAWrap .owl-carousel .owl-dots.disabled,
  .categoryCarouselAWrap .owl-carousel .owl-nav .owl-prev.disabled,
  .categoryCarouselAWrap .owl-carousel .owl-nav .owl-next.disabled{
    display: none; }
  .categoryCarouselAWrap .owl-carousel .owl-nav .owl-prev,
  .categoryCarouselAWrap .owl-carousel .owl-nav .owl-next,
  .categoryCarouselAWrap .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
	.categoryCarouselAWrap .owl-carousel .owl-nav .owl-prev {
		background: url(https://images.astyle.jp/images/cmn/icon/icon_cls_next.png) no-repeat center;
    background-size: 100% auto;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
    width: 39px;
    height: 39px;
    text-indent: -9999px;
    position: absolute;
    top: 45px;
    left: -2.4em;
	}
	#MYPAGE_RIGHT	.categoryCarouselAWrap .owl-carousel .owl-nav .owl-prev{
    top: 40px;
	}
  .categoryCarouselAWrap .owl-carousel .owl-nav .owl-next {
    background: url(https://images.astyle.jp/images/cmn/icon/icon_cls_next.png) no-repeat center;
    background-size: 100% auto;
    width: 39px;
    height: 39px;
    text-indent: -9999px;
    position: absolute;
    top: 45px;
    right: -2.4em;
  }
	#MYPAGE_RIGHT	.categoryCarouselAWrap .owl-carousel .owl-nav .owl-next{
    top: 40px;
	}
  .categoryCarouselAWrap .owl-carousel.owl-loaded {
    display: block; }
  .categoryCarouselAWrap .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .categoryCarouselAWrap .owl-carousel.owl-hidden {
    opacity: 0; }
  .categoryCarouselAWrap .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .categoryCarouselAWrap .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .categoryCarouselAWrap .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .categoryCarouselAWrap .owl-carousel.owl-rtl {
    direction: rtl; }
  .categoryCarouselAWrap .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* areaBtn
-------------------------------------------*/
.categoryCarouselAWrap .areaBtn {
  margin-top: 3.75em;
  text-align: center;
}
.categoryCarouselAWrap .areaBtn a {
  display: inline-block;
  position: relative;
  min-width: 380px;
  margin: 0 auto;
  border: 2px solid #0B318F;
  border-radius: 40px;
  padding: 0.88em 2em;
  color: #0B318F!important;
  font-size: 1.06em;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.categoryCarouselAWrap .areaBtn a:after {
  content: "";
  display: block;
  background: url(https://images.astyle.jp/images/cmn/icon/arw_blue_r.png) center center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  width: 9px;
  height: 15px;
  margin: auto;
}
.categoryCarouselAWrap .areaBtn a:hover{
  background-color: #0B318F;
  color: #fff!important;
  text-decoration: none!important;
}
.categoryCarouselAWrap .areaBtn a:hover:after{
  background: url(https://images.astyle.jp/images/cmn/icon/arw_white_r.png) center center no-repeat;
  background-size: 100%;
}

/* topBnrWrap
-------------------------------------------*/

/* PC用 286_286バナー ここから */
.topBnrWrap{
  background-color: #edf3fa;
  margin-top: 60px;
  text-align: center;
  padding: 40px 30px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  min-width: 880px;
}
.topBnrWrap h2{
  font-size: 1.5em;
  color: #0b318f;
  padding-bottom: 20px;
}
.topBnrWrap .bnrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.topBnrWrap .col4-286_286 {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}
.topBnrWrap .col4-286_286 .bnrItem {
  width: 23.253%;
}
.topBnrWrap .col4-286_286 .bnrItem a{
  display: block;
}
.topBnrWrap .col4-286_286 .bnrItem img{
  width: 100%;
}
.topBnrWrap .col4-286_286 .bnrItem:not(:nth-child(4n+1)) {
  margin-left: 20px;
}
.topBnrWrap .col4-286_286 .bnrItem:nth-child(n+5) {
  margin-top: 20px;
}
/* PC用 286_286バナー ここまで */

/* 241029更新分 */
header#header .nav_fav .h_btn span:after {
  display: none;
}
header#header .nav_fav {
  right: 150px;
}
header#header .nav_fav .h_btn span {
  padding-right: 0;
}
header#header .nav_support dt .h_btn img {
position: absolute;
top: 8px;
left: 1.2em;
}
#nav .nav_contents dd .cate_inner .mg_ttl img {
position: absolute;
top: 0;
bottom: 0;
left: -5px;
margin: auto;
}