@charset "UTF-8";
/* ----------------------------------------------------------------------- 

	common layout 共通レイアウト

----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- 
	settings
----------------------------------------------------------------------- */
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 1.6;
  width: 100%;
  text-align: left;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
@media print, screen and (min-width: 801px) {
  a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
  }
  a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

ul {
  padding: 0;
}
ul li {
  padding: 0;
  list-style-type: none;
}

.lazyload {
  opacity: 0.3;
  transform: translateY(30px);
  transition: opacity 1.5s, transform 1s;
}
.lazyload.active {
  opacity: 1;
  transform: translateY(0px);
}

/*-------------------------------------------------------------------
  header
-------------------------------------------------------------------*/
#header {
  position: fixed;
  width: 100%;
  height: 100px;
  background: #FFFFFF;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 800px) {
  #header {
    height: 80px;
  }
  #header.open {
    height: 100%;
  }
}

.headerIn {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  height: 76px;
}
.headerIn:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 800px) {
  .headerIn {
    padding: 0 2%;
    height: 50px;
  }
}

.headerMenuIn ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.headerMenuIn ul li {
  margin: 0 20px;
  font-size: 15px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 800px) {
  .headerMenuIn ul li {
    margin: 0 2vw;
    font-size: 3.4vw;
    letter-spacing: 0;
  }
}

/*会員登録用*/
h5 {
  padding: 0.3em;
  color: #ffffff;
  background: #528372;
  text-align: center;
  margin-top: 0.1em;
}

.hLogo {
  position: relative;
}
.hLogo img {
  width: 160px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px 0;
}
@media screen and (max-width: 800px) {
  .hLogo img {
    width: 100px;
    padding: 15px 0;
  }
}

.favoriteBtn {
  position: absolute;
  width: 30px;
  top: 27px;
  right: 70px;
}
@media screen and (max-width: 800px) {
  .favoriteBtn {
    width: 25px;
    top: 15px;
    right: 50px;
  }
}

.cartBtn {
  position: absolute;
  width: 35px;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 800px) {
  .cartBtn {
    width: 30px;
    top: 10px;
    right: 10px;
  }
}
.cartBtn .fs-p-cartItemNumber {
  top: -2px;
  left: -5px;
  right: auto;
}

.hNav, .fNav, .sfNav {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: #528372;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 1001;
  opacity: 0;
}
@media screen and (max-width: 800px) {
  .hNav, .fNav, .sfNav {
    left: -300px;
    width: 300px;
  }
}
.hNav .inner, .fNav .inner, .sfNav .inner {
  padding: 25px;
}
.hNav .inner ul, .fNav .inner ul, .sfNav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #FFFFFF;
}
.hNav .inner ul li, .fNav .inner ul li, .sfNav .inner ul li {
  position: relative;
  margin: 0;
  color: #FFFFFF;
  padding: 8px 10px;
  border-bottom: 1px solid #759c8e;
}
.hNav .inner ul li:last-child, .fNav .inner ul li:last-child, .sfNav .inner ul li:last-child {
  border-bottom: none;
}
.hNav .inner ul li a, .fNav .inner ul li a, .sfNav .inner ul li a {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  transition-duration: 0.2s;
}
@media screen and (max-width: 800px) {
  .hNav .inner ul li.linkStyle01 a, .fNav .inner ul li.linkStyle01 a, .sfNav .inner ul li.linkStyle01 a {
    font-size: 11px;
  }
}
.hNav .inner ul li .clickMenu, .hNav .inner ul li .clickChildMenu, .fNav .inner ul li .clickMenu, .fNav .inner ul li .clickChildMenu, .sfNav .inner ul li .clickMenu, .sfNav .inner ul li .clickChildMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.hNav .inner ul li .accordionIcon,
.hNav .inner ul li .accordionIcon span,
.hNav .inner ul li .accordionIconChild,
.hNav .inner ul li .accordionIconChild span, .fNav .inner ul li .accordionIcon,
.fNav .inner ul li .accordionIcon span,
.fNav .inner ul li .accordionIconChild,
.fNav .inner ul li .accordionIconChild span, .sfNav .inner ul li .accordionIcon,
.sfNav .inner ul li .accordionIcon span,
.sfNav .inner ul li .accordionIconChild,
.sfNav .inner ul li .accordionIconChild span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.hNav .inner ul li .accordionIcon, .hNav .inner ul li .accordionIconChild, .fNav .inner ul li .accordionIcon, .fNav .inner ul li .accordionIconChild, .sfNav .inner ul li .accordionIcon, .sfNav .inner ul li .accordionIconChild {
  position: relative;
  width: 30px;
  height: 30px;
}
.hNav .inner ul li .accordionIcon span, .hNav .inner ul li .accordionIconChild span, .fNav .inner ul li .accordionIcon span, .fNav .inner ul li .accordionIconChild span, .sfNav .inner ul li .accordionIcon span, .sfNav .inner ul li .accordionIconChild span {
  position: absolute;
  right: 0;
  width: 50%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.hNav .inner ul li .accordionIcon span:nth-of-type(1), .hNav .inner ul li .accordionIconChild span:nth-of-type(1), .fNav .inner ul li .accordionIcon span:nth-of-type(1), .fNav .inner ul li .accordionIconChild span:nth-of-type(1), .sfNav .inner ul li .accordionIcon span:nth-of-type(1), .sfNav .inner ul li .accordionIconChild span:nth-of-type(1) {
  top: 15px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.hNav .inner ul li .accordionIcon span:nth-of-type(2), .hNav .inner ul li .accordionIconChild span:nth-of-type(2), .fNav .inner ul li .accordionIcon span:nth-of-type(2), .fNav .inner ul li .accordionIconChild span:nth-of-type(2), .sfNav .inner ul li .accordionIcon span:nth-of-type(2), .sfNav .inner ul li .accordionIconChild span:nth-of-type(2) {
  top: 15px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.hNav .inner ul li .accordionIcon.active span:nth-of-type(1), .hNav .inner ul li .accordionIconChild.active span:nth-of-type(1), .fNav .inner ul li .accordionIcon.active span:nth-of-type(1), .fNav .inner ul li .accordionIconChild.active span:nth-of-type(1), .sfNav .inner ul li .accordionIcon.active span:nth-of-type(1), .sfNav .inner ul li .accordionIconChild.active span:nth-of-type(1) {
  display: none;
}
.hNav .inner ul li .accordionIcon.active span:nth-of-type(2), .hNav .inner ul li .accordionIconChild.active span:nth-of-type(2), .fNav .inner ul li .accordionIcon.active span:nth-of-type(2), .fNav .inner ul li .accordionIconChild.active span:nth-of-type(2), .sfNav .inner ul li .accordionIcon.active span:nth-of-type(2), .sfNav .inner ul li .accordionIconChild.active span:nth-of-type(2) {
  top: 15px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.hNav .inner ul li.manuIcon, .fNav .inner ul li.manuIcon, .sfNav .inner ul li.manuIcon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.hNav .inner ul li.manuIcon img, .fNav .inner ul li.manuIcon img, .sfNav .inner ul li.manuIcon img {
  width: 20px;
  margin-right: 10px;
}
.hNav .inner ul ul.cMenuList, .fNav .inner ul ul.cMenuList, .sfNav .inner ul ul.cMenuList {
  display: none;
  border-bottom: none;
}
.hNav .inner ul ul.cMenuList li ul.gcMenuList, .fNav .inner ul ul.cMenuList li ul.gcMenuList, .sfNav .inner ul ul.cMenuList li ul.gcMenuList {
  display: none;
  border-bottom: none;
}

.navBtn {
  display: block;
  position: absolute;
  top: 23px;
  left: 30px;
  width: 60px;
  height: 30px;
  transform: translate(0, 0);
  transition: all .5s;
  cursor: pointer;
  z-index: 1003;
}
@media screen and (max-width: 800px) {
  .navBtn {
    top: 12px;
    left: 10px;
    width: 30px;
  }
}
.navBtn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #424242;
  transition: all .5s;
}
.navBtn span:nth-child(1) {
  top: 4px;
}
.navBtn span:nth-child(2) {
  top: 14px;
}
.navBtn span:nth-child(3) {
  bottom: 4px;
}

.open .headerIn {
  max-width: 100%;
}
.open .hNav {
  left: 0;
  opacity: 1;
}
.open .navBtn {
  left: 250px;
  top: 15px;
}
@media screen and (max-width: 800px) {
  .open .navBtn {
    left: 260px;
  }
}
.open .navBtn span {
  background-color: #fff;
}
.open .navBtn span:nth-child(1) {
  transform: translate(0, 10px) rotate(-45deg);
}
.open .navBtn span:nth-child(2) {
  opacity: 0;
}
.open .navBtn span:nth-child(3) {
  transform: translate(0, -10px) rotate(45deg);
}

#mask {
  display: none;
  transition: all .5s;
}

.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}

#headMenu {
  margin-top: 80px;
  background-color: #000000;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  #headMenu {
    margin-top: 80px !important;
  }
}
#headMenu ul {
  width: 1200px;
  margin: 0 auto;
}
#headMenu ul:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 800px) {
  #headMenu ul {
    width: 100%;
  }
}
#headMenu ul li {
  width: 20%;
  float: left;
  text-align: center;
  padding: 1px 0;
}
@media screen and (max-width: 800px) {
  #headMenu ul li {
    padding: 10px 0;
  }
}
#headMenu ul li + li {
  border-left: 1px solid #FFFFFF;
}
#headMenu ul li a {
  color: #FFFFFF;
}
#headMenu ul li a:hover {
  color: #FFFFFF;
}
#headMenu ul li a:visited {
  color: #FFFFFF;
}

.fNav {
  position: static;
  width: 100%;
  background: #EEEEEE;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .fNav {
    width: 100%;
  }
}
.fNav .inner {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .fNav .inner {
    width: 96%;
    padding: 10px 2%;
  }
}
.fNav .inner ul {
  border-bottom: none;
}
.fNav .inner ul li {
  color: #000000;
  border-bottom: 1px solid #000000;
}
.fNav .inner ul li a {
  color: #000000;
}
@media screen and (max-width: 800px) {
  .fNav .inner ul li a {
    font-size: 14px;
  }
}
.fNav .inner ul li .accordionIcon span, .fNav .inner ul li .accordionIconChild span {
  background-color: #000000;
}
.fNav .inner ul li ul.cMenuList {
  display: block;
}
.fNav .inner ul li ul.cMenuList li ul.gcMenuList {
  display: none;
  border-bottom: none;
}

#txtInfoBlock {
  margin-top: 100px;
  background-color: #CCC;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 2em;
}
@media screen and (max-width: 800px) {
  #txtInfoBlock {
    margin-top: 80px;
  }
}

.sfNav {
  display: block;
  position: static;
  width: 100%;
  background: #FFFFFF;
  color: #000000;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .sfNav {
    width: 100%;
  }
}
.sfNav .inner {
  width: 100%;
  margin: auto;
  padding: 0;
}
.sfNav .inner ul {
  width: 100%;
  margin-top: 5px;
}
.sfNav .inner ul li {
  color: #000000;
}
.sfNav .inner ul li:last-child {
  border-bottom: none;
}
.sfNav .inner ul li a {
  color: #000000;
}
@media screen and (max-width: 800px) {
  .sfNav .inner ul li a {
    font-size: 11px;
  }
}
.sfNav .inner ul li .accordionIcon span, .sfNav .inner ul li .accordionIconChild span {
  background-color: #000000;
}
.sfNav .inner ul li .cMenuList {
  display: block;
}
.sfNav .inner .keywordBlock {
  margin: 30px 10px 10px;
}
.sfNav .inner .keywordBlock .sfTtlStyle01 {
  font-size: 16px;
}
@media screen and (max-width: 800px) {
  .sfNav .inner .keywordBlock .sfTtlStyle01 {
    font-size: 14px;
  }
}
.sfNav .inner .keywordBlock ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.sfNav .inner .keywordBlock ul li {
  border-bottom: none;
  padding: 5px;
}
@media screen and (max-width: 800px) {
  .sfNav .inner .keywordBlock ul li {
    font-size: 13px;
  }
}
.sfNav .inner .keywordBlock ul li a {
  background-color: #EEEEEE;
  padding: 1px 15px;
  border-radius: 12px;
}

/*-------------------------------------------------------------------
  footer
-------------------------------------------------------------------*/
#footer {
  width: 100%;
  background: #528372;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  #footer {
    font-size: 11px;
  }
}

.footerIn {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.3% 2.8%;
}
.footerIn:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 800px) {
  .footerIn {
    padding: 5%;
  }
  .footerIn > .fL {
    float: none;
  }
}

.fLogo {
  margin-bottom: 23px;
  width: 160px;
}
@media screen and (max-width: 800px) {
  .fLogo {
    width: 35%;
    padding-bottom: 5px;
  }
}

.fMenu {
  display: block;
}
.fMenu:after {
  content: "";
  display: table;
  clear: both;
}
.fMenu li {
  float: left;
  padding: 0px 8px;
  border-left: 1px solid .fMenu li wht;
  margin-bottom: 3px;
}
.fMenu li a:visited {
  color: #f2f2f2;
}
.fMenu li a:visited {
  color: .fMenu li a:visited wht;
}

.fSNS {
  margin-top: 30px;
  display: block;
}
.fSNS:after {
  content: "";
  display: table;
  clear: both;
}
.fSNS li {
  width: 35px;
  float: right;
  border-left: 1px solid .fSNS li wht;
  margin-bottom: 3px;
  margin-left: 15px;
}
@media screen and (max-width: 800px) {
  .fSNS li {
    float: left;
  }
}

.fCopy {
  font-size: 11px;
}

#page-top {
  position: fixed;
  right: 30px;
  bottom: 25px;
}
@media screen and (max-width: 800px) {
  #page-top {
    width: 40px;
    right: 10px;
    bottom: 15px;
  }
}
#page-top a {
  display: inline-block;
}

/* ----------------------------------------------------------------------- 
	common layout
----------------------------------------------------------------------- */
.content:after {
  content: "";
  display: table;
  clear: both;
}

.contentIn {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.contentIn:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 800px) {
  .contentIn {
    padding: 0 2%;
  }
}

/* ----------------------------------------------------------------------- 
	main
----------------------------------------------------------------------- */
#main {
  display: table-cell;
  width: 77.5%;
  vertical-align: top;
  padding: 0 5.8% 0 0;
}
@media screen and (max-width: 800px) {
  #main {
    width: 100%;
    padding: 0;
    display: block;
    height: auto !important;
  }
}

/* ----------------------------------------------------------------------- 
	search 
----------------------------------------------------------------------- */
#sfView {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  #sfView {
    margin-top: 0;
  }
}
#sfView.active {
  display: block;
}
#sfView .contentIn {
  width: 600px;
  margin: auto;
  padding: 30px;
}
@media screen and (max-width: 800px) {
  #sfView .contentIn {
    width: 94%;
    padding: 30px 3%;
  }
}
#sfView .searchBlock {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
#sfView .searchBlock form {
  width: 70%;
}
#sfView .searchBlock .cancelText {
  width: 20%;
  font-size: 1.1rem;
  color: #000000;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  #sfView .searchBlock .cancelText {
    font-size: 0.8rem;
  }
}
#sfView .sfTextBox {
  font-size: 16px;
}

/* ----------------------------------------------------------------------- 
	photoSlider 
----------------------------------------------------------------------- */
#nktPhotoSliser {
  width: 100%;
}
#nktPhotoSliser h3 {
  text-align: center;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.1em;
  padding: 20px 0;
}
@media screen and (max-width: 800px) {
  #nktPhotoSliser h3 {
    padding: 20px 0;
  }
}
#nktPhotoSliser h3 span {
  display: block;
  font-size: 11px;
  color: #424242;
  letter-spacing: 0.05em;
}
#nktPhotoSliser .contentIn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: wrap;
  padding: 50px 0;
}
@media screen and (max-width: 800px) {
  #nktPhotoSliser .contentIn {
    padding: 0;
  }
}
#nktPhotoSliser .contentIn .sliderBlock {
  width: 28%;
}
@media screen and (max-width: 800px) {
  #nktPhotoSliser .contentIn .sliderBlock {
    width: 60%;
    margin: 10px auto;
  }
}
#nktPhotoSliser .contentIn .sliderBlock .accountName1 {
  padding-top: 10px;
  text-align: center;
  font-size: 15px;
}
#nktPhotoSliser .contentIn .sliderBlock .accountName2 {
  text-align: center;
  font-size: 12px;
}
#nktPhotoSliser .contentIn .sliderBlock .slick-prev {
  left: 5px;
  z-index: 1;
}
#nktPhotoSliser .contentIn .sliderBlock .slick-next {
  right: 5px;
  z-index: 1;
}

#footerContent01 {
  padding: 30px 0 0;
  background-color: #FFF;
}
@media screen and (max-width: 800px) {
  #footerContent01 {
    padding: 40px 0 0;
  }
}
#footerContent01 .contentIn {
  width: 500px;
}
@media screen and (max-width: 800px) {
  #footerContent01 .contentIn {
    width: 100%;
  }
}

#footerContent02 {
  padding-bottom: 40px;
  background-color: #FFF;
}
#footerContent02 .contentIn {
  width: 1000px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
@media screen and (max-width: 800px) {
  #footerContent02 .contentIn {
    width: 100%;
  }
}

.SNSList {
  width: 60%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: wrap;
  margin: 30px auto 0;
}
@media screen and (max-width: 800px) {
  .SNSList {
    width: 90%;
    margin: 20px auto;
  }
}
.SNSList li {
  width: 18%;
  margin-bottom: 30px;
}
.SNSList li.wList {
  width: 48%;
}
.SNSList li img {
  width: 90%;
  margin: auto;
}

.paymentList {
  width: 60%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: wrap;
  margin: 30px auto 0;
}
@media screen and (max-width: 800px) {
  .paymentList {
    width: 90%;
    margin: 20px auto;
  }
}
.paymentList li {
  width: 18%;
  margin-bottom: 30px;
}
.paymentList li.wList {
  width: 48%;
}
.paymentList li img {
  width: 90%;
  margin: auto;
}

.btnBlock {
  width: 400px;
  height: 60px;
  line-height: 60px;
  margin: 20px auto 0;
  background-color: #000;
  color: #FFF;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .btnBlock {
    width: 90%;
    height: 40px;
    line-height: 40px;
  }
}
.btnBlock a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
}
.btnBlock a:hover {
  color: #FFF !important;
}
.btnBlock a:visited {
  color: #FFF !important;
}
.btnBlock a::before {
  content: '';
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.btnBlock a::after {
  content: '>';
  margin-left: 10px;
}
.btnBlock a.btnMemberRegist::before {
  background-image: url(../images/_common/ico_member.png);
  width: 20px;
  height: 20px;
}
.btnBlock a.btnMailMagagine::before {
  background-image: url(../images/_common/ico_mail.png);
  width: 20px;
  height: 20px;
}