/* 共通 */
body {
  margin: 0;
  padding: 0;
	border: none;
}
main {
  padding-top: 80px;
}

/* name */
#name {
  margin: 5px 10px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}
#name span {
  font-weight: bold;
}

/* pNav */
.pNav {
  margin: 0 10px 10px 10px;
  padding: 0;
}
.pNav li {
  display: inline-block;
  list-style: none;
  font-size: 12px;
  line-height: 21px;
}

/* main */
#main {
  position: relative;
  top: 0px;
  left: 0px;
}
#main h2 {
  margin: 0 10px 20px 10px;
  padding: 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  border-bottom: 1px solid #CCC;
}




/* header */
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 74px;
  background: #FFFFFF;
  box-shadow:0px 0px 6px 1px #CCCCCC;
  z-index: 99;
}
header h1 {
  position: absolute;
  top: 14px;
  left: 10px;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
header h1 span {
  display: block;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header h1 a {
  text-decoration: none;
  color: #000;
}

header .gNav {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
header .gNavLi {
  list-style: none;
  text-align: center;
  width: 100px;
  height: 74px;
  border-left: 1px solid #EEE;
}
header .gNavLi:hover {
  background: #3333CC;
  color: #FFFFFF;
}
header .gNavLi a {
  text-decoration: none;
  color: #000;
}
header .gNavLi:hover a {
  color: #FFFFFF;
}
header .gNavLiIcon {
  margin-top: 18px;
  display: block;
  font-size: 22px;
  line-height: 33px;
}
header .gNavLiText {
  display: block;
  font-size: 10px;
  line-height: 18px;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* footer */
footer {
  margin: 40px 0 0 0;
  padding: 0;
}
footer .fNav {
  margin: 0;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
}
footer h1 {
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #FFF;
  background: #999999;
}
footer h1 span {
  display: block;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer .fNav .col-6 {
  font-size: 11px;
  text-align: center;
}
footer #copy {
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 9px;
  line-height: 14px;
  color: #CCCCCC;
  background: #777777;
}


/* login */
#login main .form {
  margin: 0 10px 50px 10px;
  padding: 0;
}
#login main .title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
}
#login main .formP {
  margin: 0 0 0.5em 0;
  padding: 0;
}
#login main .username,
#login main .password {
  width: 100%;
  height: auto!important;
  padding: 5px;
  font-size: 13px;
  line-height: 26px;
  border-radius: 0;
}
#login main .topBtn {
  margin: 20px 0 100px 0;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#login main .topBtn:hover {
  background: #999999;
  color: #FFFFFF;
}



/* top */
#top .main-slider {
  margin: 0 10px 10px 10px;
  height: 500px;
}
#top .slick-slide {
  height: 500px;
}
#top .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top main {
}
#top #listBtn {
  display: block;
  margin: 0 10px 10px 10px;
  padding: 15px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#top #listBtn:hover {
  background: #999999;
  color: #FFFFFF;
}


/* list */
#list main .proBox {
  margin: 0 0 40px 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}

#list main .row {
  margin: 0 10px;
}
#list main .row .col-6:nth-child(1){
  padding-right: 5px;
}
#list main .row .col-6:nth-child(2){
  padding-left: 5px;
}

#list main .proBox .photo {
  display: block;
  margin: 0;
}
#list main .proBox .title {
  margin: 0;
  font-size: 14px;
  line-height: 32px;
  font-weight: bold;
}
#list main .proBox .catch {
  margin: 0;
  font-size: 13px;
  line-height: 21px;
  color: #333;
}
#list main .proBox .dtlBtn {
  display: block;
  margin: 5px 0;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#list main .proBox .dtlBtn:hover {
  background: #999999;
  color: #FFFFFF;
}


/* detail */
#detail main .prev {
  margin: 0 10px;
}
#detail main .proBox {
  margin: 0 0 20px 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}
#detail main .row {
  margin: 0 10px;
}
#detail main .proBox .photo {
  display: block;
  margin: 0;
}
#detail main .proBox .title {
  margin: 0;
  font-size: 14px;
  line-height: 32px;
  font-weight: bold;
}
#detail main .proBox .catch {
  margin: 0 0 20px 0;
  font-size: 13px;
  line-height: 21px;
  color: #333;
}
#detail main table {
  margin: 0 0 20px 0;
  width: 100%;
  border-collapse: collapse;
}
#detail main table th {
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  border: solid 1px #AAAAAA;
}
#detail main table td {
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  border: solid 1px #AAAAAA;
}
#detail main table td table {
  margin: 0;
  border: none;
}
#detail main table td table td {
  border: none;
}
#detail main table td select {
  padding: 2px;
  font-size: 12px;
}
#detail main .advice {
  margin-bottom: 0;
  font-size: 13px;
  color: red;
}
#detail main .dtlBtn {
  display: block;
  margin: 5px 0;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#detail main .dtlBtn:hover {
  background: #999999;
  color: #FFFFFF;
}
#detail main table td select {
  padding: 2px;
  font-size: 12px;
}
#detail main .cartBtn {
  margin: 5px 0;
  padding: 15px;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background: #CC0000;
  border: none;
}
#detail main .cartBtn:hover {
  background: #990000;
  color: #FFFFFF;
}


/* full */
#full main .proBox {
  margin: 0 0 20px 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}
#full main .row {
  margin: 0 10px;
}
#full main .proBox .photo {
  display: block;
  margin: 0;
}
#full main .proBox .title {
  margin: 0;
  font-size: 14px;
  line-height: 32px;
  font-weight: bold;
}
#full main .proBox .catch {
  margin: 0 0 20px 0;
  font-size: 13px;
  line-height: 21px;
  color: #333;
}
#full main table {
  margin: 0 0 20px 0;
  width: 100%;
  border-collapse: collapse;
}
#full main table th {
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  border: solid 1px #AAAAAA;
}
#full main table td {
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  border: solid 1px #AAAAAA;
}
#full main .cartBtn {
  display: block;
  margin: 5px 0;
  padding: 15px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background: #CC0000;
}
#full main .cartBtn:hover {
  background: #990000;
  color: #FFFFFF;
}


/* cart */
#cart main .prev {
  margin: 0 10px;
}
#cart main .cartBox {
  margin: 0 0 20px 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}
#cart main .row {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #CCCCCC;
}
#cart main .cartBox .photo {
  margin: 0;
  padding: 0;
}
#cart main .cartBox .title {
  margin: 0;
  padding: 0 5px;
  font-size: 13px;
  line-height: 21px;
}
#cart main .cartBox .title span {
  display: block;
  font-size: 11px;
  line-height: 18px;
}
#cart main .cartBox .num {
  margin: 0;
  padding: 0 5px;
  font-size: 13px;
}
#cart main .cartBox .num button {
  border: none;
  background: none;
}

#cart main .drbyBox {
  margin: 0 10px;
  padding: 0;
}


#cart main form {
  margin: 0 10px 0 10px;
  padding: 0;
}
#cart main form h2 {
  margin-right: 0;
  margin-left: 0;
}
#cart main .form {
  margin-bottom: 30px;
}
#cart main .title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
}
#cart main .title span.red {
  color: red;
}
#cart main .formP {
  margin: 0 0 0.5em 0;
  padding: 0;
}
#cart main form #name {
  margin: 0;
}
#cart main .name,
#cart main .kana,
#cart main .address01,
#cart main .address02,
#cart main .mail {
  width: 100%;
  padding: 3px;
  font-size: 13px;
  line-height: 24px;
}
#cart main .zip,
#cart main .tel {
  width: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 24px;
}


#cart main .delRdo {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 26px;
}
#cart main .delRdo input[type='radio']{
  margin: 0 5px 0 0;
}
#cart main .nxtBtn {
  margin: 20px 0 0 0;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#cart main .nxtBtn:hover {
  background: #999999;
  color: #FFFFFF;
}


/* delivery */
#delivery main .cartBox {
  margin: 0 0 20px 0;
  padding: 0;
  text-decoration: none;
  color: #000000;
}
#delivery main .row {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #CCCCCC;
}
#delivery main .cartBox .photo {
  margin: 0;
  padding: 0;
}
#delivery main .cartBox .title {
  margin: 0;
  padding: 0 5px;
  font-size: 13px;
  line-height: 21px;
}
#delivery main .cartBox .title span {
  display: block;
  font-size: 11px;
  line-height: 18px;
}
#delivery main form {
  margin: 0 10px 0 10px;
  padding: 0;
}
#delivery main form h2 {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
}
#delivery main form .copy {
  font-size: 13px;
  line-height: 24px;
}
#delivery main .form {
  margin-bottom: 30px;
}
#delivery main .title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
}
#delivery main .title span.red {
  color: red;
}
#delivery main .formP {
  margin: 0 0 0.5em 0;
  padding: 0;
}
#delivery main form #name {
  margin: 0;
}
#delivery main .name,
#delivery main .kana,
#delivery main .address01,
#delivery main .address02,
#delivery main .mail {
  width: 100%;
  padding: 3px;
  font-size: 13px;
  line-height: 24px;
}
#delivery main .zip,
#delivery main .tel {
  width: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 24px;
}

#delivery main .nxtBtn {
  margin: 20px 0 0 0;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#delivery main .nxtBtn:hover {
  background: #999999;
  color: #FFFFFF;
}


/* confrm */
#confrm main .naiyo {
  margin: 0 10px 30px 10px;
  padding: 0 0 30px 0;
  border-bottom: 1px dotted #CCC;
}
#confrm main .naiyo .title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 26px;
  font-weight: bold;
}
#confrm main table {
  margin: 0 0 5px 0;
  width: 100%;
  border-collapse: collapse;
}
#confrm main table th {
  padding: 5px;
  width: 30%;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  border: solid 1px #AAAAAA;
}
#confrm main table td {
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  border: solid 1px #AAAAAA;
}

#confrm main .total table th {
	text-align: center;
}
#confrm main .total table td {
/* 	font-size: 22px; */
	text-align: right;
	font-weight: bold;
}

#confrm main .compBtn {
  display: block;
  margin: 20px 10px 0 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#confrm main .compBtn:hover {
  background: #999999;
  color: #FFFFFF;
}


/* comp */
#comp main .thank {
  margin: 0 0 50px 0;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
#comp main .topBtn {
  display: block;
  margin: 20px 10px 200px 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #CCCCCC;
}
#comp main .topBtn:hover {
  background: #999999;
  color: #FFFFFF;
}