@charset "utf-8";

/*　リセットCSS-全体
=====================================================*/
.rn2022_header div,
.rn2022_header span,
.rn2022_header applet,
.rn2022_header object,
.rn2022_header iframe,
.rn2022_header h1,
.rn2022_header h2,
.rn2022_header h3,
.rn2022_header h4,
.rn2022_header h5,
.rn2022_header h6,
.rn2022_header p,
.rn2022_header blockquote,
.rn2022_header pre,
.rn2022_header a,
.rn2022_header abbr,
.rn2022_header acronym,
.rn2022_header address,
.rn2022_header big,
.rn2022_header cite,
.rn2022_header code,
.rn2022_header del,
.rn2022_header dfn,
.rn2022_header em,
.rn2022_header img,
.rn2022_header ins,
.rn2022_header kbd,
.rn2022_header q,
.rn2022_header s,
.rn2022_header samp,
.rn2022_header small,
.rn2022_header strike,
.rn2022_header strong,
.rn2022_header sub,
.rn2022_header sup,
.rn2022_header tt,
.rn2022_header var,
.rn2022_header b,
.rn2022_header u,
.rn2022_header i,
.rn2022_header center,
.rn2022_header dl,
.rn2022_header dt,
.rn2022_header dd,
.rn2022_header ol,
.rn2022_header ul,
.rn2022_header li,
.rn2022_header fieldset,
.rn2022_header form,
.rn2022_header label,
.rn2022_header legend,
.rn2022_header table,
.rn2022_header caption,
.rn2022_header tbody,
.rn2022_header tfoot,
.rn2022_header thead,
.rn2022_header tr,
.rn2022_header th,
.rn2022_header td,
.rn2022_header article,
.rn2022_header aside,
.rn2022_header canvas,
.rn2022_header details,
.rn2022_header embed,
.rn2022_header figure,
.rn2022_header figcaption,
.rn2022_header footer,
.rn2022_header header,
.rn2022_header hgroup,
.rn2022_header menu,
.rn2022_header nav,
.rn2022_header output,
.rn2022_header ruby,
.rn2022_header section,
.rn2022_header summary,
.rn2022_header time,
.rn2022_header mark,
.rn2022_header audio,
.rn2022_header video {
  margin: 0;
  padding: 0;
  border: 0;
}

.rn2022_header article,
.rn2022_header aside,
.rn2022_header details,
.rn2022_header figcaption,
.rn2022_header figure,
.rn2022_header footer,
.rn2022_header header,
.rn2022_header hgroup,
.rn2022_header menu,
.rn2022_header nav,
.rn2022_header section {
  display: block;
}

.rn2022_header ol,
.rn2022_header ul {
  list-style: none;
}

.rn2022_header blockquote,
.rn2022_header q {
  quotes: none;
}

.rn2022_header blockquote:before,
.rn2022_header blockquote:after,
.rn2022_header q:before,
.rn2022_header q:after {
  content: '';
  content: none;
}

.rn2022_header table {
  border-collapse: collapse;
  border-spacing: 0;
}

.rn2022_header img {
  vertical-align: bottom;
}

.rn2022_header *,
.rn2022_header *:before,
.rn2022_header *:after,
.rn2022_header col-md-1,
.rn2022_header col-md-2 {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rn2022_header input,
.rn2022_header button,
.rn2022_header textarea,
.rn2022_header select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}

/* common */
.fitWidthA {
  width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fitWidthB {
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* .innerA {
	padding: 0 50px;
}
.innerB {
	padding: 0 120px;
} */

/*========================================================================================
                                     header　ヘッダー
=========================================================================================*/

.header_sp {
  display: none;
}

.rn2022_header {
  color: #000 !important;
  position: relative;
  font-family: 'モトヤLシーダ3等幅', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'helvetica', sans-serif !important;
  text-align: left;
  -webkit-text-size-adjust: none !important;
}

.rn2022_header.shopSearch {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 10px;
}

.rn2022_header a {
  color: #000 !important;
}

.headerContents {
  display: flex;
}

.headerContents:first-of-type {
  margin: 10px auto 20px;
  font-size: 14px;
  line-height: 1;
}

.headerContents:nth-of-type(2) {
  margin: 0 auto;
}

ul.hLinkList1 {
  display: flex;
}

ul.hLinkList1 li {
  color: #fff !important;
  text-align: center;
  background: #008833;
  padding: 6px 12px;
  border-radius: 2px;
  margin-right: 8px;
  height: 26px;
  line-height: 1;
}

ul.hLinkList1 li:last-of-type {
  margin-right: 0;
}

ul.hLinkList1 li:hover {
  background: #00490a;
}

ul.hLinkList1 li a:hover {
  text-decoration: none;
}

ul.hLinkList1 a {
  color: #fff !important;
}

ul.hLinkList2 {
  display: flex;
  padding: 6px 21px;
  line-height: 1;
}

ul.hLinkList2 li {
  margin-right: 21px;
}

ul.hLinkList2 li:last-of-type {
  margin-right: 0;
}

ul.hLinkList2 a:hover,
ul.hLinkList2 li .current {
  color: #083 !important;
  text-decoration: underline;
}

/* フォーム
------------------------------------------------------------------ */
/** placeholder **/
/* Chrome, Safari */
.rn2022_header input::-webkit-input-placeholder {
  color: #999999 !important;
}

/* Firefox */
.rn2022_header input::-moz-placeholder {
  color: #999999 !important;
}

/* IE */
.rn2022_header input:-ms-input-placeholder {
  color: #999999 !important;
}

/* 言語選択 */
.langSelect {
  color: #000 !important;
  font-size: 14px;
  position: relative;
  margin-right: 21px !important;
}

label {
  cursor: pointer;
}

label[for='langSelect'] {
  display: block;
  height: 26px;
  width: 110px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: url(../images/common/ico_arrowD.png) center right 9px no-repeat;
  background-size: 11px 7px;
  padding: 6px 5px;
  line-height: 1;
}

.toggle {
  display: none;
}

.toggle+label+ul.langList {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.toggle:checked+label+ul.langList {
  max-height: 250px;
  transition: all 0.5s ease-in;
}

ul.langList {
  width: 110px;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;
  color: #000 !important;
  font-size: 14px;
  line-height: 1;
  z-index: 2;
}

ul.langList li {
  border: 1px solid #ccc;
  border-bottom: none;
}

ul.langList li:last-of-type {
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 2px 2px;
}

ul.langList li a {
  display: block;
  padding: 6px 5px;
}

ul.langList li a:hover {
  color: #083 !important;
  text-decoration: underline;
}

/* 検索 */
.search .inputWrap {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 221px;
  overflow: hidden;
}

.search input[type='text'] {
  font-size: 12px;
  padding: 3px 0 3px 8px;
  width: 193px;
}

.search.product input[type='text'] {
  width: 123px;
}

.search input[type='image'] {
  cursor: pointer;
  width: 28px;
}

.search.product input[type='image'] {
  width: 98px;
}

.logo {
  margin-right: 80px !important;
}

/* globalNavi グローバルナビ */
nav.globalNavi {
  width: 880px;
}

ul.globalNaviList {
  display: flex;
  justify-content: space-between;
  margin-right: 13px;
  line-height: 1;
  font-size: 16px;
}

ul.globalNaviList>li {
  padding: 8px 10px 28px;
}

ul.globalNaviList>li>p {
  line-height: 1;
}

ul.globalNaviList>li .arrow {
  position: relative;
}

ul.globalNaviList>li .arrow:after {
  content: '';
  width: 11px;
  height: 7px;
  background: url(../images/common/ico_arrowD.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  margin: auto;
}

ul.globalNaviList>li>.current .arrow:after {
  content: '';
  width: 11px;
  height: 7px;
  background: url(../images/common/ico_arrowD_current.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  margin: auto;
}

ul.globalNaviList>li>p>a,
ul.globalNaviList>li .arrow {
  display: inline-block;
  line-height: 1;
  position: relative;
}

ul.globalNaviList>li .current {
  position: relative;
}

ul.globalNaviList>li .current>a {
  color: #008833 !important;
}

ul.globalNaviList>li .current,
ul.globalNaviList>li>p>a:hover,
ul.globalNaviList>li:hover .arrow {
  color: #008833 !important;
  text-decoration: none;
}

ul.globalNaviList>li .current:after,
ul.globalNaviList>li>p>a:hover:after,
ul.globalNaviList>li:hover .arrow:after {
  text-decoration: none;
  content: '';
  width: 100%;
  height: 1px;
  background: #008833;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  margin: auto;
}

ul.globalNaviList>li:nth-of-type(2).active .current .arrow:after,
ul.globalNaviList>li:nth-of-type(4).active .current .arrow:after,
ul.globalNaviList>li:nth-of-type(5).active .current .arrow:after,
ul.globalNaviList>li:nth-of-type(6).active .current .arrow:after {
  display: none;
}

ul.globalNaviList>li:nth-of-type(2).active .current:before,
ul.globalNaviList>li:nth-of-type(2).active>p>a:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 12px;
  background: url(../images/common/ico_arrowT.png) 0 0 no-repeat;
  background-size: contain;
}

ul.globalNaviList>li:nth-of-type(4).active .current:before,
ul.globalNaviList>li:nth-of-type(4).active>p>a:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 12px;
  background: url(../images/common/ico_arrowT.png) 0 0 no-repeat;
  background-size: contain;
}

ul.globalNaviList>li:nth-of-type(5).active .current:before,
ul.globalNaviList>li:nth-of-type(5).active>p>a:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 12px;
  background: url(../images/common/ico_arrowT.png) 0 0 no-repeat;
  background-size: contain;
}

ul.globalNaviList>li:nth-of-type(6).active .current:before,
ul.globalNaviList>li:nth-of-type(6).active>p>a:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 12px;
  background: url(../images/common/ico_arrowT.png) 0 0 no-repeat;
  background-size: contain;
}

/* メガメニュー */
.megamenuWrap {
  position: absolute;
  top: 97px;
  left: 0;
  right: 0;
  background: #083;
  padding: 20px 0 !important;
  /* z-index: 3; */
  z-index: 100000;
  cursor: auto;
  min-height: 234px;
  display: none;
}

.megamenuWrap a {
  color: #fff !important;
}

ul.productLink {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

ul.productLink li {
  width: 224px;
  height: 160px;
  position: relative;
  background: #fff;
}

ul.megaLinkList1 {
  display: flex;
}

ul.megaLinkList1 li {
  margin-right: 60px;
}

ul.megaLinkList1 li a,
dl.megaLinkList2 li a,
ul.megaLinkList3 li a {
  color: #fff !important;
  font-size: 18px;
}

ul.megaLinkList1 li a:after,
dl.megaLinkList2 dd a:after,
ul.megaLinkList3 li a:after {
  display: inline-block;
  content: '';
  width: 7px;
  height: 12px;
  background: url(../images/common/ico_arrowR.png) 0 0 no-repeat;
  background-size: contain;
  margin-left: 12px;
  vertical-align: 5%;
}

dl.megaLinkList2 dd a.blank:after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  border: none;
  transform: none;
  background: url(../images/common/ico_blank3.png) 0 0 no-repeat;
  background-size: contain;
  margin-left: 12px;
  vertical-align: middle;
}

dl.megaLinkList2 {
  display: flex;
  flex-wrap: wrap;
}

dl.megaLinkList2 dt {
  width: 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #fff !important;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  margin-top: 20px;
}

dl.megaLinkList2 dd {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #fff !important;
  margin-right: 60px;
  margin-bottom: 20px;
}

dl.megaLinkList2 dd.mr0 {
  margin-right: 0;
}

dl.megaLinkList2 dt:first-of-type+dd {
  width: 100%;
}

dl.megaLinkList2 dd:last-of-type {
  margin-top: 20px;
}

ul.megaLinkList3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

ul.megaLinkList3 li {
  width: 300px;
  margin-bottom: 20px;
}

/* 店舗検索ヘッダー用スタイル */
.rn2022_header.shopSearch ul.globalNaviList>li>a {
  display: inline-block;
  line-height: 1;
  position: relative;
}

.rn2022_header.shopSearch ul.globalNaviList>li>a:hover {
  color: #008833 !important;
  text-decoration: none;
}

.rn2022_header.shopSearch ul.globalNaviList>li>a:hover:after {
  text-decoration: none;
  content: '';
  width: 100%;
  height: 1px;
  background: #008833;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  margin: auto;
}

/* ボタン
------------------------------------------------------------------ */
.btnArea {
  text-align: center;
  padding-bottom: 80px;
}

.btnArea2 {
  display: flex;
  justify-content: space-between;
}

.btnWrap {
  padding-bottom: 20px !important;
}

.btnA {
  display: inline-block;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff !important;
  width: 340px;
  padding: 11px !important;
  color: #fff !important;
  text-align: center;
}

.btnA:hover {
  background: rgba(255, 255, 255, 0.3);
  text-decoration: none;
}

/* 下 */
.arrowD {
  position: relative;
}

.arrowD:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: '';
  width: 12px;
  height: 7px;
  background: url(../images/common/ico_arrowD2.png) 0 0 no-repeat;
  background-size: contain;
}

/* 右 */
.arrowR {
  position: relative;
}

.arrowR:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  content: '';
  width: 7px;
  height: 12px;
  background: url(../images/common/ico_arrowR.png) 0 0 no-repeat;
  background-size: contain;
}

.btnF.arrowR:after {
  position: absolute;
  right: 9px;
}

/* blank */
.btnB.blank {
  position: relative;
}

.btnB.blank:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  margin: auto;
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/common/ico_blank3.png) 0 0 no-repeat;
  background-size: contain;
}

.btnMore {
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-family: Arial;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
}

/*========================================================================================
                                多言語ページ  header　ヘッダー
=========================================================================================*/
.rn2022_header_in {
  color: #000 !important;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  border-bottom: 2px solid #e5e5e5;
  padding: 20px 0;
  background: #fff;
  -webkit-text-size-adjust: none !important;
}

.rn2022_header_in .pcNone {
  display: none;
}

.rn2022_header_in .fitWidthA {
  width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rn2022_header_in a {
  color: #000 !important;
  text-decoration: none;
}

.rn2022_header_in .headerContents {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* ロゴ */
.rn2022_header_in .logo {
  margin-right: 36px !important;
}

/* 言語選択 */
.rn2022_header_in .langSelect {
  color: #000 !important;
  font-size: 14px;
  position: relative;
  margin-left: auto;
  margin-right: 0 !important;
}

.rn2022_header_in label {
  cursor: pointer;
}

.rn2022_header_in label[for='langSelect'] {
  display: block;
  height: 26px;
  width: 110px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: url(../images/common/ico_arrowD.png) center right 9px no-repeat;
  background-size: 11px 7px;
  padding: 6px 5px;
}

.rn2022_header_in .toggle {
  display: none;
}

.rn2022_header_in .toggle+label+ul.langList {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.rn2022_header_in .toggle:checked+label+ul.langList {
  max-height: 250px;
  transition: all 0.5s ease-in;
}

.rn2022_header_in ul.langList {
  width: 110px;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;
  color: #000 !important;
  font-size: 14px;
  z-index: 2;
}

.rn2022_header_in ul.langList li {
  border: 1px solid #ccc;
  border-bottom: none;
}

.rn2022_header_in ul.langList li:nth-last-child(-n + 2) {
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 2px 2px;
}

.rn2022_header_in ul.langList li a {
  display: block;
  padding: 6px 5px;
}

.rn2022_header_in ul.langList li a:hover {
  color: #083 !important;
  text-decoration: underline;
}

.rn2022_header_in .linkJpTop {
  font-family: Arial;
  font-size: 16px;
}

.rn2022_header_in .linkJpTop:hover {
  text-decoration: underline;
  color: #083 !important;
}

.rn2022_header_in .linkJpTop:after {
  display: inline-block;
  content: '';
  width: 4px;
  height: 6px;
  background: url(../images/common/ico_arrowR2.png) 0 0 no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 8px;
}

/* siteStructure　パンくず
------------------------------------------------------------------ */
.siteStructureWrap {
  background: #eee;
  border-top: 2px solid #e5e5e5;
  color: #222 !important;
  -webkit-text-size-adjust: none !important;
}

.siteStructureWrap .pbBlockNavigation {
  padding: 12px 0;
  font-size: 14px;
  line-height: 1;
  width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 40px;
  text-align: left;
  font-family: 'モトヤLシーダ3等幅', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'helvetica', sans-serif !important;
}

.siteStructureWrap .pbBlockNavigation a {
  text-decoration: none;
  color: #000;
  position: relative;
  padding-right: 21px;
}

.siteStructureWrap .pbBlockNavigation a:hover {
  text-decoration: underline;
}

.siteStructureWrap .pbBlockNavigation a:after {
  position: absolute;
  content: '>';
  right: 5px;
}

@-moz-document url-prefix() {
  .siteStructureWrap .pbBlockNavigation a:after {
    top: 3.5px;
  }
}

_:lang(x)+_:-webkit-full-screen-document,
.siteStructureWrap .pbBlockNavigation a {
  padding-right: 16.5px;
}

_:lang(x)+_:-webkit-full-screen-document,
.siteStructureWrap .pbBlockNavigation a:after {
  right: 4.5px;
}

.siteStructureWrap .pbBlockNavigation a:hover:after {
  text-decoration: none;
}

/* パンくずマージン追加に伴うマージンの解除 */
.contens-warp {
  margin: 0 auto !important;
}

/*========================================================================================
                                ニッセン GU ユニクロ 削除対応
=========================================================================================*/
.megamenu2 dd:nth-last-child(3) {
  display: none;
}

.megamenu2 dd:nth-last-child(4) {
  display: none;
}

.megamenu2 dd:nth-last-child(5) {
  display: none;
}

.megamenu2 dd:last-child {
  width: 100%;
}