@charset "Shift_JIS";

/* CSS Document */
html {
  scroll-behavior: smooth;
}

#wrap {
  width: 1290px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/*******************************************************
�t���[���T�C�Y
*******************************************************/
iframe {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

iframe::-webkit-scrollbar {
  display: none;
}

iframe.header_frame {
  width: 1290px;
}

iframe.side_frame {
  width: 180px;
}

iframe.brand_frame {
  width: 1080px;
}

iframe.footer_frame {
  width: 1080px;
}

iframe#parentframe {
  width: 100%;
}

/*******************************************************
�w�b�_�[�G���A
*******************************************************/
header {
  width: 1290px;
  margin: 0 auto;
  position: relative;
}

/* �C�x���g�o�i�[ *********************/
header .event_banner {
  margin: 20px 0;
}

header .event_banner ul {
  font-size: 0;
}

header .event_banner li {
  display: inline-flex;
}

header .event_banner li:last-child {
  margin-right: 0 !important;
}

header .event_banner li img, header .event_banner li a {
  width: 100%;
}

/* �C�x���g�o�i�[ ������ *************/
header .event_banner .one li {
  width: 100%;
  margin-right: 0;
}

header .event_banner .two li {
  width: calc(99%/2);
  margin-right: 1%;
}

header .event_banner .two li:nth-child(2n) {
  margin-right: 0;
}

header .event_banner .three li {
  width: calc(98%/3);
  margin-right: 1%;
}

header .event_banner .three li:nth-child(3n) {
  margin-right: 0;
}

header .event_banner .four li {
  width: calc(96.9%/4);
  margin-right: 1%;
}

header .event_banner .four li:nth-child(4n) {
  margin-right: 0 !imporant;
}

/* 1��� �i�r�Q�[�V���� *********************/
header .first_row {
  position: relative;
  margini-bottom: 15px;
  font-size: 10px;
  z-index: 999;
}

header .first_row ul {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

header .first_row li {
  display: inline-flex;
  line-height: 14px;
}

header .first_row li::after {
  content: '��';
  padding: 0 0.5vw;
}

/*header .first_row li:last-child::after {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/header/header_mail.jpg);
  padding-left: 0.5vw;
}*/
header .first_row li:last-child::after{
	content: '';
	padding-left: 0.5vw;
}
/* 2���             *********************/
header .second_row {
  position: relative;
  height: 130px;
  border-bottom: 1px solid #000;
}

header .second_row h1 {
  position: absolute;
  bottom: 0;
  left: 45%;
  transform: translateX(-45%; );
}

header .second_row .left_box {
  position: absolute;
  bottom: 15px;
  left: 0;
}

header .second_row .right_box {
  position: absolute;
  bottom: 5px;
  right: 0;
}

/* 3��� �i�r�Q�[�V���� *********************/
header .third_row {
  width: 100%;
  padding: 1vw 0;
  height: 50px;
}

header .third_row ul {
  font-size: 0;
  display: flex;
}

header .third_row li {
  display: inline-flex;
}

header .third_row li::after {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/header/header_menu_divider.png);
  padding: 0 24px;
}

header .third_row li:last-child::after {
  content: '';
  padding: 0;
}

.header {
  width: 1290px;
  margin: 20px auto 30px;
  position: relative;
}

/* 4���  ***************************/
.header .fourth_row {
  height: 40px;
}

.header .fourth_row .hot_words, .header .fourth_row .search {
  position: absolute;
}

.header .fourth_row .search {
  left: 0;
}

.header .fourth_row .hot_words {
  right: 0;
  margin-top: 6px;
}

/* 4��� ������ *********************/
.header .fourth_row {
  border-bottom: 1px solid #000;
  padding: 0 0 0.6vw;
}

.header .fourth_row .search div, .header .fourth_row .search h2 {
  display: inline-block;
  vertical-align: middle;
}

.header .fourth_row .search_box {
  width: 350px;
}

.header .fourth_row .search_box input {
  width: 100%;
  height: 25px;
  margin: 8px 0 4px;
  border: 1px solid #000;
  box-sizing: border-box;
  outline: none;
}

.header .fourth_row .search_button input {
  margin: 4px 0 0;
}

.header .fourth_row .search_button button {
  border: none;
  background: transparent;
  cursor: pointer;
}

/* 4��� HOT WORDS *********************/
.header .fourth_row .hot_words h2, .header .fourth_row .hot_words ul {
  display: inline-block;
}

.header .fourth_row .hot_words h2 {
  border-bottom: 2px solid #000;
  margin-right: 10px;
  font-weight: bold;
}

.header .fourth_row .hot_words li {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/header/hotword_bg.png) no-repeat;
  width: 150px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}

.header .fourth_row .hot_words li a {
  display: block;
  color: #FFF;
  text-decoration: none;
  font-size: 12px
}

.header .fifth_row {
  margin-top: 10px;
  background: #cccccc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #E5E5E5 0%, #ffffff 50%, #E5E5E5 100%);
  background: -webkit-linear-gradient(left, #E5E5E5 0%, #ffffff 50%, #E5E5E5 100%);
  background: linear-gradient(to right, #E5E5E5 0%, #ffffff 50%, #E5E5E5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#EEE', GradientType=1);
  height: 30px;
}

/* 5���  ***************************/
.header .fifth_row .notice {
  position: relative;
}

.header .fifth_row .notice h2, .header .fifth_row .notice .message, .header .fifth_row .notice .link {
  position: absolute;
  line-height: 30px;
}

.header .fifth_row .notice h2 {
  left: 30px;
}

.header .fifth_row .notice .message {
  left: 130px;
}

.header .fifth_row .notice .link {
  right: 30px;
}

.header .fifth_row .notice .message a {
  color: #FF0000;
  text-decoration: none;
}

.header .fifth_row .notice .link a {
  color: #000;
  text-decoration: none;
}

/*******************************************************
�T�C�h�i�r�Q�[�V����
*******************************************************/
/*���t�g�i�r�R���e���c*/
#left {
  width: 180px;
  float: left;
  font-size: 10px;
  font-family: "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#left h3 {
  margin: 0;
  padding: 0;
  font-size: 93%;
}

#left .tokushu, #left .list, #left .banner, #left .search, #left .calender, #left .mobile {
  margin-bottom: 20px;
}

#left .box {
  border-bottom: 1px solid #888;
}

/* �����b�g */
#left .merit {
  margin: 10px 0 0;
}

#left .merit li::after {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_merit_divider.png);
  margin: 15px 0;
  display: block;
}

#left .merit li:last-child::after {
  /*content: '';*/
  margin: 15px 0 0;
}

/* �K�C�h */
#left .guide_banner {}

#left .guide_banner li::after {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_guide_divider.png);
  margin: 15px 0;
  display: block;
}

/* �����b�g */
#left .guide_banner li:last-child::after {
  content: '';
  margin: 15px 0 0;
}

#left .feature {}

#left .feature h3 {
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 16px;
  border-left: 4px solid #1B1B1B;
  padding-left: 5px;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  font-weight: bold;
}

#left .feature h3 span {
  font-size: 10px;
  display: inline-block;
  margin-top: 3px;
  line-height: 1;
  font-family: "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  font-weight: normal
}

/* #left .feature ul{ padding-left:5px;} */
#left .feature ul li {
  font-size: 10px;
  margin-bottom: 20px;
}

#left .feature ul li .arrow {
  text-indent: -18px;
  margin-left: 18px;
  font-weight: bold;
}

#left .feature .arrow::before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_arrow_01.jpg);
  margin-right: 5px;
}

#left .feature ul li a {
  font-size: 12px;
  color: #1B1B1B;
  text-decoration: none;
}

#left .feature .arrow span {
  font-size: 10px;
  font-weight: normal;
}

#left span.red {
  color: #ff0033;
  font-size: 11px;
  padding-left: 5px;
  font-weight: bold !important;
  font-family: "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#left .feature p {
  text-align: center;
  font-size: 10px;
  width: 110px;
  height: 25px;
  line-height: 25px;
  background-color: #F9F9F9;
  border: 1px solid #C8C8C8;
  margin: 0 auto 10px;
}

#left .feature p a {
  display: block;
  color: #1B1B1B;
  text-decoration: none;
  font-weight: bold;
}

#left .left_title_02 {
  font-size: 12px !important;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
  padding: 20px 0 10px;
  font-family: "���S�V�b�N", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#left .left_title_02 a {
  color: #1B1B1B;
  text-decoration: none;
  display: block;
}

#left .left_title_02 span {
  font-size: 10px;
  font-weight: bold;
  font-family: "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro";
  display: inline-block;
  margin-top: 5px;
  font-weight: normal
}

#left .left_title_02.icon {}

#left .left_title_02.point_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_icon_01.jpg) right center no-repeat;
}

#left .left_title_02.rank_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_icon_02.jpg) right center no-repeat;
}

#left .left_title_02.gift_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_icon_03.jpg) right center no-repeat;
}

#left .left_title_02.aiyou_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_icon_05.jpg) right center no-repeat;
}

#left .left_title_02.hot_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_icon_04.jpg) right 18px no-repeat;
}

#left .left_title_02.search_icon {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/left_arrow_02.jpg) right center no-repeat !important;
}

#left .left_title_02 i {
  position: absolute;
  top: 23px;
  right: 5px;
  font-size: 20px;
}

#left .left_sub_title {
  font-size: 12px;
}

#left .price {
  margin: 0;
  padding: 0 0 0 10px;
}

#left .price li {
  list-style: none;
  margin-bottom: 10px;
}

#left .price li a {
  color: #1B1B1B;
  font-size: 13px;
}

#left .hot_item {
  padding-bottom: 10px;
  margin-bottom: 0px;
}

#left .hot_item .left_title_02 {
  padding-bottom: 0;
  margin-bottom: 0;
}

#left .mail .left_title_02 {
  padding-top: 5px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

#left .left_guide {}

#left .left_guide li {
  line-height: 30px;
  font-size: 10px;
  text-align: center;
  background-color: #F9F9F9;
  border: 1px solid #8C8C8C;
  margin-bottom: 5px;
  font-weight: bold;
}

#left .left_guide li a {
  color: #1B1B1B;
  display: block;
  text-decoration: none;
}

#left .sns {
  width: 110px;
  margin: 0 auto 30px;
}

#left .sns:after {
  content: "";
  display: block;
  clear: both;
}

#left .sns li.fb {
  float: left;
}

#left .sns li.tw {
  float: right;
}

#left .search {
  margin-bottom: 20px;
  background-color: #F9F9F9;
  border: 1px solid #999999;
}

#left .txt_box {
  width: 168px;
  margin: 5px;
}

#left .txt_button {
  margin: 0px 45px 10px 45px;
}

#left .tokushu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#left .tokushu li {
  border-left: solid 5px #43280D;
  border-right: solid 5px #43280D;
  border-bottom: solid 5px #43280D;
}

#left .tokushu li .top {
  margin-top: -50px;
}

/*�T�C�h�u�����h�ꗗ�p*/
#left .list {
  background-color: #43280D;
}

#left .list ul {
  width: 170px;
  padding: 0;
  margin: 0 5px 0 5px;
  list-style: none;
  background-color: #FFF;
}

#left .list li {
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 18px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/sn-box_950.gif);
  background-repeat: no-repeat;
  border-bottom: 5px #43280D solid;
  line-height: 26px;
}

#left .list li a {
  text-decoration: none;
}

#left .mobile {}

#left .mobile .title {
  background-color: #EEE;
  text-align: center;
  line-height: 25px;
}

#left .mobile p {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 180px;
  height: 200px;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/smartphone_bg.jpg) center 12px no-repeat;
  background-size: 220px;
}

#left .mobile p img {
  margin-top: 60px;
  margin-right: 8px;
}

/*�T�C�h�i�r�A�R�[�f�B�I��*/
#left p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

#left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#left ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#left ul {
  display: inline-block;
}

/* for macIE \*/
* html ul {
  height: 1%;
}

#left ul {
  display: block;
}

/*#left span{
cursor: hand; cursor:pointer;}*/
/*�A�R�[�f�B�I���u�����h*/
#left ul.accordion {
  font-size: 10px;
  padding: 0px;
  margin-bottom: 0px;
}

#left ul.accordion a {
  display: block;
  padding: 10px;
  background-position: 95% center;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #1B1B1B;
  font-size: 11px;
  /* font-weight:bold;*/
}

#left ul.accordion span {
  display: block;
  padding-left: 5px;
  background-position: 95% center;
  background-repeat: no-repeat;
}

#left ul.accordion ul {
  display: none;
}

#left ul.accordion>li {
  background: #ddd;
}

#left ul.accordion.brand_box>li p {
  border-bottom: 1px dashed #999;
}

#left ul.accordion.brand_box>li:last-child p {
  border-bottom: none;
}

#left ul.accordion>li.cat_title {
  background: none;
}

#left ul.accordion>li p {}

#left ul.accordion>li.cat_title>p {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
  padding: 20px 0 10px;
}

#left ul.accordion>li>ul {}

#left ul.accordion>li>ul>li {
  background: #FFF;
}

#left ul.accordion>li>ul>li>p {
  background: #F1F1F1;
  margin-left: 0px;
  line-height: 30px;
  border-bottom: 1px #999 dashed;
}

#left ul.accordion>li>ul>li:last-child>p {
  border-bottom: none;
}

#left ul.accordion>li>ul>li {
  background: #FFF;
  border-bottom: 1px dotted #888;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 10px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/sn-box_950.gif);
  background-repeat: no-repeat;
  line-height: 15px;
  font-size: 10px;
  /*width:150px;*/
}

#left ul.accordion>li>p span {
  background-color: #ddd;
  color: #1B1B1B;
  padding-left: 10px;
  line-height: 40px;
  cursor: pointer;
}

#left ul.accordion>li>p>a {
  padding: 0;
}

#left ul.accordion>li.cat_title>p span {
  background: none;
  display: inline-block;
  margin-top: 5px;
  line-height: 1;
  color: #1B1B1B;
  padding: 0;
}

#left ul.accordion>li>ul>li>p span {
  margin-left: 5px;
  line-height: 30px;
  font-size: 12px;
}

/*�A�R�[�f�B�I���J�e�S��*/
#left ul.accordion>li ul.cate li {
  border-bottom: 1px dotted #888;
  margin: 0px 0px 0px 5px;
  padding: 0 0 0 10px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/sidenavi/sn-box_950.gif);
  background-repeat: no-repeat;
  line-height: 15px;
  font-size: 10px;
  ;
  width: 160px;
}

/*******************************************************
���C���R���e���c
*******************************************************/
#main {
  width: 1080px;
  float: right;
}

#main img {
  border: 0;
  vertical-align: top;
}

#main2 {
  width: 750px;
  float: center;
}

#main2 img {
  border: 0;
  vertical-align: top;
}

#main h2 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 2px;
  border-bottom: 2px solid #1B1B1B;
  margin-bottom: 4px;
  display: inline-block;
}

#main h3 {
  margin: 0;
  padding: 0;
  font-size: 93%;
}

#main .box {
  border-top: 1px solid #888;
  padding-top: 40px;
}

/* #main .first_sec{ margin-bottom:50px;} */
#main .first_sec:after {
  content: "";
  display: block;
  clear: both;
}

#main .first_sec .news {
  float: left;
  width: 650px;
}

#main .first_sec .news ul {
  height: 130px;
  width: 100%;
  overflow: auto;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #1B1B1B;
  border-bottom: 1px solid #1B1B1B;
}

#main .first_sec .news ul li {
  list-style: none;
  margin-bottom: 16px;
  width: 100%;
}

#main .first_sec .news ul li span.date {
  font-size: 10px;
  color: #9999a5;
  margin-right: 10px;
}

#main .first_sec .news ul li span {
  display: inline-block;
  vertical-align: top;
}

#main .first_sec .news ul li span.txt {
  display: inline-block;
  vertical-align: top;
  width: 84%;
  font-family: "�l�r �o�S�V�b�N", "MS PGothic", sans-serif, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka
}

#main .first_sec .news ul li a {
  color: #1B1B1B;
}

#main .first_sec .news ul li a:visited {
  color: #999966;
}

#main .first_sec .news ul li i {
  display: inline-block;
  vertical-align: top;
}

#main .first_sec .news ul li i:before {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

#main .first_sec .news ul li.news i:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/news_icon.jpg);
}

#main .first_sec .news ul li.sale i:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/sale_icon.jpg);
}

#main .first_sec .news ul li.point i:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/point_icon.jpg);
}

/* ���C���X���C�_�[ css start  ***************************/
#main .first_sec .main_slider {
  float: right;
  margin-top: 20px;
}

/* �X���C�h */
.main_slider {
  position: relative;
  overflow: hidden;
  width: 400px;
  height: 230px;
}

#main .top_slider {
  width: 100%;
  margin: 0 auto;
}

#main .top_slider button {
  width: 20px;
  height: 70px;
  top: 50%;
  transform: translateY(-50%);
}

#main .top_slider button.slick-prev {
  left: 5px;
  z-index: 999;
}

#main .top_slider button.slick-prev:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_prev_01.png);
  font-weight: bold;
  opacity: 1;
}

#main .top_slider button.slick-next {
  right: 5px;
}

#main .top_slider button.slick-next:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_next_01.png);
  font-weight: bold;
  opacity: 1;
}

#main .top_slider button:hover {
  opacity: 0.7;
}

#main .top_slider li {}

#main .top_slider li .pic {
  text-align: center;
  text-align: -webkit-center;
}

#main .top_slider li .pic a {
  display: block;
  text-align: -webkit-center;
}

#main .top_slider li .name {
  text-align: center;
  font-size: 10px;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#main .top_slider li .name a {
  color: #1B1B1B;
  text-decoration: none;
}

/* ���C���X���C�_�[ css end  ***************************/
#main .new_item_wrap {
  margin-bottom: 50px;
}

#main .new_item {
  width: 1000px;
  margin: 0 auto;
}

#main .new_item button {
  width: 20px;
  height: 70px;
  top: 40%;
  transform: translateY(-50%);
}

#main .new_item button.slick-prev {
  left: -40px !important;
}

#main .new_item button.slick-next {}

#main .new_item button.slick-prev:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_prev_01.gif);
  font-weight: bold;
  opacity: 1;
}

#main .new_item button.slick-next:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_next_01.gif);
  font-weight: bold;
  opacity: 1;
}

#main .new_item button:hover {
  opacity: 0.7;
}

#main .new_item li {
  padding: 0 0.5vw;
}

#main .new_item li .pic {
  text-align: center;
  text-align: -webkit-center;
}

#main .new_item li .pic a {
  display: block;
  text-align: -webkit-center;
}

#main .new_item li .name {
  text-align: center;
  font-size: 11px;
  line-height: 1.5em;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#main .new_item li .name a {
  color: #1B1B1B;
  text-decoration: none;
}

#main .back {
  background-color: #F9F9F9;
  text-align: center;
  border: 1px solid #C8C8C8;
  width: 350px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#main .back a {
  text-decoration: none;
  display: block;
  color: #1B1B1B;
}

.ranking_wrap {
  position: relative;
  margin-bottom: 50px;
}

.ranking_wrap .date {
  position: absolute;
  right: 0;
}

#main .ranking {
  margin-bottom: 40px !important;
}

#main .ranking ul {
  margin: 0;
  padding: 0;
}

#main .ranking ul:after {
  content: "";
  display: block;
  clear: both;
}

#main .ranking li {
  width: calc(97%/4);
  list-style: none;
  float: left;
  margin-right: 1%;
}

#main .ranking li:last-child {
  margin-right: 0;
}

#main .ranking li h3 {
  margin-bottom: 40px;
  padding: 0.2vw 0;
  text-align: center;
  color: #FFF;
  background-color: #1B1B1B;
  font-weight: bold;
  font-size: 12px;
}

#main .ranking li .navi {
  width: 100%;
  padding: 0 5% 0 0;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
}

#main .ranking li .navi:after {
  content: "";
  display: block;
  clear: both;
}

#main .ranking li .navi p {
  float: left;
}

#main .ranking li .navi .item {
  width: 40%;
}

#main .ranking li .navi .item img {
  width: 100%;
}

#main .ranking li .navi .name {
  position: absolute;
  width: 55%;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: -1px;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

#main .ranking li .navi .name:before {
  display: block;
  margin: 0 0 10px;
}

#main .ranking li .navi:nth-of-type(1) .name:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/rank_icon_01.jpg);
}

#main .ranking li .navi:nth-of-type(2) .name:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/rank_icon_02.jpg);
}

#main .ranking li .navi:nth-of-type(3) .name:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/rank_icon_03.jpg);
}

#main .ranking p.cat_rank {
  background-color: #F9F9F9;
  text-align: center;
  border: 1px solid #C8C8C8;
  width: 350px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#main .ranking p.cat_rank a {
  text-decoration: none;
  display: block;
  color: #1B1B1B;
}

#main .maker_sec {
  padding: 10px;
  width: 728px;
  height: 90px;
  border: 1px solid #C8C8C8;
  margin-bottom: 25px;
}

#main .maker_sec:after {
  content: "";
  display: block;
  clear: both;
}

#main .maker_sec .left {
  float: left;
  width: 220px;
  height: 90px;
  border-right: 1px solid #C8C8C8;
}

#main .maker_sec .right {
  float: right;
  width: 457px;
}

#main .maker_sec .right .maker_slide {
  margin: 0;
  padding: 0;
  left: -20px;
}

#main .maker_sec .right .maker_slide li {
  float: left;
  font-size: 10px !important;
  text-align: -webkit-center;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  line-height: 1;
}

#main .maker_sec .right .maker_slide li a {
  text-align: center;
  color: #1B1B1B;
  text-decoration: none;
}

#main .maker_sec .right .maker_slide li img {
  margin-bottom: 3px;
}

#main .maker_sec .right .maker_slide button {
  color: #FFF;
  font-weight: bold;
  height: 70px;
  z-index: 1;
}

#main .maker_sec .right .maker_slide button.slick-prev {
  left: -20px;
}

#main .maker_sec .right .maker_slide button.slick-prev:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_prev_03.gif);
}

#main .maker_sec .right .maker_slide button.slick-next {
  right: -20px;
}

#main .maker_sec .right .maker_slide button.slick-next:before {
  content: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/index/arrow_next_03.gif);
}

#main .banner, #main .newarrival, #main .special, #main .campaign, #main .ranking, #main .recommend {
  margin-bottom: 20px;
}

#main .banner {
  width: 750px;
}

#main .banner_l {
  width: 570px;
  float: left;
}

#main .banner_l img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#main .banner_r {
  width: 180px;
  float: right;
}

#main .banner_r img {
  margin-bottom: 10px;
}

#main img.bottom {
  margin-bottom: 0;
}

#main .newarrival {
  height: 120px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #999999;
  border-collapse: collapse;
}

#main .newarrival ul {
  width: 720px;
  margin: 0;
  padding: 19px;
  list-style: none;
}

#main .newarrival li {
  float: left;
  margin: 5px 5px 19px 0;
  width: 226px;
  height: 76px;
  position: relative;
}

#main .newarrival .pic {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 76px;
}

#main .newarrival .name {
  position: absolute;
  left: 80px;
  top: 0px;
  width: 140px;
}

#main .info_sp {
  width: 750px;
  margin-bottom: 10px;
}

#main .info_sp_l {
  width: 370px;
  float: left;
}

#main .info_sp_l div {
  height: 270px;
  overflow: auto;
  overflow-x: hidden;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

#main .info_sp_l ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}

#main .info_sp_l li {
  margin: 0 0 10px 0;
}

#main .info_sp_r {
  width: 370px;
  float: right;
}

#main2 .special {
  width: 750px;
}

#main2 .special_l {
  float: left;
  width: 370px;
}

#main2 .special_r {
  float: right;
  width: 370px;
}

#main2 .special img {
  margin: 0 0 10px 0;
}

#main .campaign {
  width: 750px;
}

#main .campaign img {
  margin-top: 10px;
}

/*#main .ranking{ height:150px; border:1px solid #999999; border-collapse:collapse; }
#main .ranking ul{ width:720px; margin:0; padding:10px; list-style:none; }
#main .ranking li{ float:left; margin:0 5px 10px 5px; width:132px; position:relative; text-align:center; }*/
#main .recommend {
  height: auto;
}

#main .recommend ul {
  width: 750px;
  margin: 5px 0;
  padding: 0px;
  list-style: none;
}

#main .recommend li {
  float: left;
  margin: 0 0 10px 0;
  width: 250px;
  height: 76px;
  position: relative;
}

#main .recommend .pic {
  position: absolute;
  left: 0;
  top: 0;
}

#main .recommend .name {
  position: absolute;
  left: 80px;
  top: 0;
  font-size: 77%;
  color: #333;
}

#main .recommend .price {
  position: absolute;
  left: 80px;
  top: 40px;
  font-size: 77%;
  color: #C00;
}

/*���C���R���e���c�@�J�e�S���@*/
#main .category_wrap {
  margin-bottom: 50px;
}

#main .category ul {
  font-size: 0;
}

#main .category li {
  position: relative;
  display: inline-block;
  margin-right: 52px;
  margin-bottom: 50px;
  width: 230px;
}

#main .category li:nth-child(4n) {
  margin-right: 0;
}

#main .category a {
  display: block;
  color: #000;
  text-decoration: none;
}

#main .category li a {
  border: solid 1px #000;
  border-top: 5px solid #000;
  width: 100%;
  height: 225px;
  font-size: 30px;
  box-sizing: border-box;
}

#main .category li .square {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

#main .category li div span {
  display: block;
}

#main .category li p {
  font-size: 13px;
  font-weight: bold;
  line-height: 2em;
}

/*�C���f�b�N�X���̕��̃J�e�S���[*/
#catetop {
  width: 1075px;
}

#catetop .item {
  width: 229px;
  margin-right: 53px;
  float: left;
  margin-bottom: 50px
}

#catetop .item2 {
  width: 229px;
  float: right
}

#catetop img {
  width: 229px;
}

#catetop p {
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 10%;
  margin-top: 10px
}

/* �u�����h�ꗗ ******************************************************/
#tab {
  width: 1080px;
  margin-left: 0;
  padding-left: 0;
  font-size: 0;
  margin-bottom: 1em;
  border: 1px solid #432f2f;
  overflow: hidden;
}

#tab li {
  display: inline-block;
  width: calc(98.9%/11);
  height: 2.5em;
  background-color: #4c4c4c;
  font-size: 12px;
  border-right: 1px solid #000;
}

#tab li a {
  display: block;
  padding: 15px 0 5px 5px;
  width: 100%;
  border: 0;
  border-bottom: 0;
  text-decoration: none;
  color: #FFF;
  text-align: left;
  box-sizing: border-box;
  font-size: 12px;
}

#tab li a:hover,
#tab li.present a {
  border-color: #666;
  color: #777;
  background-color: #FFF;
}

#tab #cooperate {
  background-color: #FF0000;
}

.brand_list {
  margin: 0 0 50px;
}

.brand_list h2 {
  margin-bottom: 20px;
}

/*�ꗗ�̒�*/
.brand_list_content {
  width: 1080px;
  padding: 1% 1% 0;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.brand_list_content li {
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 30px;
  vertical-align: top;
  width: calc(92%/7);
  text-align: center;
  line-height: 1.5em;
}

.brand_list_content li:nth-child(7n) {
  margin-right: 0;
}

.brand_list_content li a {
  color: #000;
  text-decoration: none;
}

.brand_list_content li a img {
  margin-bottom: 2px;
}

/*******************************************************
�t�b�^�[�R���e���c
*******************************************************/
/* �t�b�^�[�G���A���� */
.footer_area {
  width: 1080px;
}

/* �t�b�^�[�G���A 260banner */
.footer_area .banners {
  width: 950px;
  margin: 0 auto 140px 65px;
}

.footer_area .banners ul {
  font-size: 0;
}

.footer_area .banners li {
  display: inline-block;
  margin-right: 25px;
}

.footer_area .banners li:last-child {
  margin-right: 0;
}

/* �t�b�^�[�G���A �����p�K�C�h */
.footer_area .footer_guide {
  width: 950px;
  margin: 0 auto 140px;
}

.footer_area .footer_guide h2 {
  font-size: 24px;
  border-bottom: 1px solid #000;
  text-align: center;
  line-height: 2em;
}

.footer_area .footer_guide h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.footer_area .footer_guide h3::before {
  content: '��';
  font-size: 36px;
  line-height: 24px;
}

.footer_area .footer_guide ul {
  font-size: 0;
}

.footer_area .footer_guide li {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 30px;
}

.footer_area .footer_guide li:last-child {
  margin-right: 0;
}

/* �t�b�^�[�G���A �I�t�@�[�o�i�[ */
.footer_area .offer {
  width: 750px;
  margin: 0 auto 140px;
}

/* �t�b�^�[�G���A SNS */
.footer_area .SNS {
  width: 800px;
  margin: 0 auto 140px;
}

.footer_area .SNS .mail {
  text-align: center;
}

.footer_area .SNS ul {
  font-size: 0;
  text-align: center;
}

.footer_area .SNS li {
  display: inline-block;
}

.footer_area .SNS li:last-child {
  margin-right: 0;
}

.footer_area .SNS:after {
  content: "";
  display: block;
  clear: both;
}

.footer_area .SNS .review_box {
  width: 370px;
  float: left;
}

.footer_area .SNS .fb_box {
  width: 370px;
  float: right;
  border-bottom: 2px solid #1da1f3;
}

.footer_area .SNS .review_box h2 {
  margin-top: 0;
}

.footer_area .SNS .review_box ul {
  margin: 0;
  padding: 0;
}

.footer_area .SNS .review_box ul li {
  padding: 10px;
  width: 350px;
  background-color: #fef8e8;
  list-style: none;
  margin-bottom: 10px;
}

.footer_area .SNS .review_box ul li:after {
  content: "";
  display: block;
  clear: both;
}

.footer_area .SNS .review_box ul li .left {
  float: left;
  width: 210px;
}

.footer_area .SNS .review_box ul li .right {
  float: right;
}

.footer_area .SNS .review_box ul li .left span {
  display: block;
  font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

.footer_area .SNS .review_box ul li .left span.title {
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  font-family: "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif
}

.footer_area .SNS .review_box ul li .left span.star {
  height: 20px;
  margin: 5px 0;
}

.footer_area .SNS .review_box ul li.star_0 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 -100px no-repeat;
}

.footer_area .SNS .review_box ul li.star_1 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 -80px no-repeat;
}

.footer_area .SNS .review_box ul li.star_2 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 -60px no-repeat;
}

.footer_area .SNS .review_box ul li.star_3 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 -40px no-repeat;
}

.footer_area .SNS .review_box ul li.star_4 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 -20px no-repeat;
}

.footer_area .SNS .review_box ul li.star_5 .left span.star {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u30374574/pc/css/../images/review_star.png) 0 0 no-repeat;
}

.footer_area .SNS .review_box ul li .left span.txt {
  font-size: 13px;
}

/* �t�b�^�[ ***************************/
footer {
  width: 1080px;
  ;
  margin: 0 auto;
}

footer .company, footer .links {
  display: inline-block;
  vertical-align: top;
}

footer li {
  font-size: 12px;
}

footer li a {
  display: inline-block;
  color: #000 !important;
  text-decoration: none !important;
}

footer .company {
  width: 430px;
}

footer .links {
  width: 640px;
}

footer .company li {
  margin-bottom: 10px;
}

footer .company li.contact {
  margin-top: 50px;
  font-size: 10px;
}

footer .company li.contact a::after {
  content: '';
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/30374574/auplus/shop_guide/footer_mail_icon.png) no-repeat;
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 14px;
  background-size: contain;
  vertical-align: bottom;
}

footer .links h3 {
  text-align: center;
  margin-bottom: 15px;
}

footer .links ul {
  margin-bottom: 85px;
}

footer .links li {
  display: inline-flex;
  margin-right: 16px;
  margin-bottom: 15px;
  width: fit-content;
}

footer .links li:nth-child(6) {
  margin-right: 0
}

footer .links li a::before {
  content: '�E';
}

footer .links li.link_shopping_guide {
  margin-left: 24px !important;
}

footer .links li.link_privacy {
  margin-left: 24px !important;
}

footer .links .official_site {
  background-color: #000;
  color: #FFF;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  text-align: center;
}

/* �߂� ***************************/
.pagetop {
  position: fixed;
  bottom: 1vw;
  right: 1vw;
  color: #FFF;
  z-index: 999;
}

.pagetop a {
  text-align: center;
  color: #000;
}

.pagetop img {
  display: block;
  margin: 0 auto 5px;
}
