@charset "UTF-8";

html {
  font-size: 12px;
}

body {
    color: #333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}
main {display: block;}
a {
  text-decoration: none;
  color: #333;
}

a:hover {
  opacity: 1;
}


ul {
  list-style: none;
}

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


.dispPc {
  display: none;
}

.fixedWidth {
  width: 100%;
  margin: auto;
}

.fixedWidth5  {
		margin-bottom: 0px;
		width: 19%;
		float: left;
		margin-top: 20px;
		margin-right: 0px;
		margin-left: 1%;
		padding: 0px;
}

.toTopBtn {
  position: fixed;
  bottom: 20px;
  right: 15px;
  width: 63px;
  height: 63px;
  display: none;
}

.topcflowBtn {
  position: fixed;
  bottom: 80px;
  right: 15px;
  width: 207px;
  height: 150px;
  display: none;
}

/* 「▲」表記 */
.ico-triangle {
  position: relative;
}

.ico-triangle::before {
  position: absolute;
  content: '';
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  top: 50%;
  left: 10px;
  margin-top: -7px;
}
.init-hidden {
  display: none;
}
@media all and (-ms-high-contrast: none) {
  .ico-triangle::before {
    margin-top: -9px;
  }
}
/* 「▲」表記 */

/* ↓ カード型横コンポーネント ↓ */
.cardHorizonLink {
  display: flex;
  align-items: center;
}

.cardHorizonLeft {
  flex-basis: 40%;
}

.cardHorizonLeft img {
  vertical-align: middle;
}

.cardHorizonRight {
  padding: 0 15px;
  line-height: 1.7;
  flex-basis: 60%;
  box-sizing: border-box;
  font-size: 13px;
}
/* ↑ カード型横コンポーネント ↑ */

/* ↓ 横スクロールコンポーネント ↓ */
.horizontalScrollWrapper {
  overflow-x: auto;
  /*-webkit-overflow-scrolling: touch;*/
  width: 100%;
  padding-bottom: 3%;
}

.horizontalScrollWrapper::-webkit-scrollbar {
  height: 8px;
  width: 13px;
}

.horizontalScrollWrapper::-webkit-scrollbar-thumb {
  background-color: #000;
}

.horizontalScrollWrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #c8c8c8;
}

.horizontalScrollWrapper::-webkit-scrollbar-track-piece {
  background-color: #e5e5e5;
}

.horizontalScrollContent {
  display: table-row;
}

.horizontalScrollContent > .horizontalScrollCell {
  display: table-cell;
}

.horizontalScrollContent > .horizontalScrollCell > .horizontalScrollCellInner {
  width: 285px;
}
.horizontalScrollContent > div:not(:last-of-type) > .horizontalScrollCellInner {
  margin-right: 15px;
}
/* ↑ 横スクロールコンポーネント ↑ */

/* ↓ カード型縦コンポーネント ↓ */
/* 共通 */
.card .cardVerticalLink {
  display: block;
  cursor: pointer;
}

.card .cardVerticaTxt {
  margin-top: 5px;
  line-height: 1.4;
  font-size: 13px;
  padding-left: 6%;
}

.dispFlex {
  display: flex;
}

.dispFlex .cardVertical {
  margin-bottom: 15px;
}

.rankingBlock .dispFlex.flexChildlEle2 {
  justify-content: space-between;
}
/* 共通 */

/* ↓ 2商品 ↓ */
.dispFlex.flexChildlEle2 div {
  flex-basis: calc((100% - 20px) / 2);
}
/* ↑ 2商品 ↑ */

/* ↓ 3商品 ↓ */
.dispFlex.flexChildlEle3 {
  flex-wrap: wrap;
}

.dispFlex.flexChildlEle3 > div:not(.btnMore) {
  margin-right: 5px;
  flex-basis: calc((100% - 15px) / 3);
}
/* ↑ 3商品 ↑ */

/* ↓ 4/5商品 ↓ */
.dispFlex.flexChildlEle4,
.dispFlex.flexChildlEle5 {
  flex-wrap: wrap;
}

.dispFlex.flexChildlEle4 > div:not(.btnMore) {
  margin-right: 10px;
  flex-basis: calc((100% - 40px) / 4);
}
.dispFlex.flexChildlEle5 > div:not(.btnMore) {
  margin-right: 15px;
  flex-basis: calc((100% - 30px) / 2);
}
/* ↑ 4/5商品 ↑ */

/* ↓ SPECIAL・COLUMN部分のカード型コンポーネント ↓ */
.featureContent {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-basis: 100%;
  align-items: flex-start;
}
/*
.featureContent {
  box-sizing: border-box;
}
*/
.featureContent .cardHorizonLink {
  padding: 12px 20px;
}

.featureContent .cardHorizonLeft {
  flex-basis: 85%;
}
/* ↑ SPECIAL・COLUMN部分のカード型コンポーネント ↑ */
/* ↑ カード型縦コンポーネント ↑ */

/* ↓ ギフトコンテンツ部分のコンポーネント ↓ */
.shapeSquare {
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
}

.shapeSquare:nth-child(n - 4) {
  margin-bottom: 5px;
}

.shapeSquareLink {
  display: block;
  padding: 6px 8px;
}

.shapeSquare.colorRemoval {
  background: #f3f3f3;
}
/* ↑ ギフトコンテンツ部分のコンポーネント ↑ */


/* ↓ ヘッダー  ↓ */
/* ↓ SPヘッダー ↓ */
.headerSp {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 3%;
}

.headerSp .headerContent {
  flex-basis: calc(100% / 3);
}

.headerSp .logWrap {
  order: 2;
}

.headerSp .logWrap {
  text-align: left;
}

.headerSp .logWrap img {
  max-width: 120px;
}

/* ↑ SPヘッダー ↑ */

/* ranking and special header */
.rms-header.fixedmenu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
}
.rms-header.fixedmenu + .mainContents {
  margin-top: 120px;
}
@media screen and (min-width: 568px) and (max-width: 860px) {
  .rms-header.fixedmenu + .mainContents {
    margin-top: 180px;
  }
  
}
/* ↓ スライダー ↓ */
.slick-dots li button:before {
  font-size: 15px;
}

.slick-dots li button:before {
  color: #e2e2e2;
  opacity: 1;
}

.itemCateLists {
  opacity: 0;
  transition: opacity .3s linear;
}
.itemCateLists.slick-initialized{
  opacity: 1;
}

.slick-wrapper img {
  max-width: 607px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 630px) {
  .slick-wrapper img {
    margin: 0 10px;
  }
}
/* ↑ スライダー ↑ */
/* ↑ ヘッダー  ↑ */

/* ↓ コンテンツ ↓ */
.mainContentBlock {
  margin-bottom: 0px;
}

.subContentBlock {
  margin-bottom: 45px;
  font-weight: bold;
}

.giftContentBlock {
  margin-bottom: 55px;
}

.mainContentsTitle {
  text-align: center;
  letter-spacing: 3px;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}

.mainContentsTitle span {
  display: inline-block;
}

.mainContentsTitle span:first-of-type {
  letter-spacing: 1px;
  margin-bottom: 11px;
  font-size: 14px;
}

.mainContentsTitle span:last-of-type {
  font-size: 30px;
  letter-spacing: 3px;
  margin-bottom: 15px;
}

.giftMainContentsTitle {
  text-align: center;
}

.btnMore {
  border: 1px solid #CBCBCB;
  background: #eee;
  text-align: center;
  border-radius: 5px;
  width: 215px;
  margin: 20px auto 0;
}

.btnMore p {
  line-height: 2.5;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}

.btnMore p a {
  display: block;
}

.btnMore .ico-triangle::before {
  display: none;
}
/* ↑ コンテンツ ↑ */

  /* ニュース */  
  #newsbox{margin-top: 10px;overflow: hidden;}
  #newsbox dl{ margin:15px auto 20px; width:80%; font-size:12px; background:#FFF; border:2px; padding:2px 10px 10px;line-height: 1.2em;}
  #newsbox dl dt{font-weight:bold; font-size:14px;margin: 15px 0 0 0;}
  #newsbox dl dd{margin:5px 10px 0;}
  /* ↑ニュース↑*/
/* ↓ 右サイド ↓ */
.rightContentsBlock {
  text-align: center;
}
.week5starWrap {
  font-weight: bold;
  text-align: center;
}
[class^="tabs-"] {
  display: none;
}
[class^="tabs-Socks"] {
  display: block;
}

.week5starBody {
  background: #E9E9E9;
  padding: 18px 12px
}

.week5starBody a {
  display: block;
}

.week5starBody p {
  line-height: 1.8;
}

.week5starTitle {
  margin-bottom: 8px;
  font-size: 14px;
}

.week5starTitle .week5star {
  font-size: 28px;
  letter-spacing: 3px;
  font-weight: bold;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
}

.week5starTitle .stars {
  color: #FDCE02;
}

.week5starWrap.tabs-Socks .cateName {
  color: #5d5d5d;
}

.week5starWrap.tabs-Socks .week5starTitle .week5star {
  color: #000000;
}

.week5starWrap.tabs-Underwear .cateName {
  color: #a77c14;
}

.week5starWrap.tabs-Underwear .week5starTitle .week5star {
  color: #6b5212;
}

.week5starWrap.tabs-Cosme .cateName {
  color: #66472c;
}

.week5starWrap.tabs-Cosme .week5starTitle .week5star {
  color: #43270f;
}

.week5starWrap.tabs-Cosme .cateName {
  color: #5f95be;
}

.week5starWrap.tabs-Cosme .week5starTitle .week5star {
  color: #265981;
}

.week5starWrap.tabs-Stall .cateName {
  color: #53ad53;
}

.week5starWrap.tabs-Stall .week5starTitle .week5star {
  color: #427442;
}

.week5starImgWrap img {
  width: 65%;
}

.week5starImgWrap p {
  letter-spacing: 1px;
  line-height: 1.4;
  font-weight: bold;
  margin: 10px 20px;
  font-size: 14px;
}

.week5starCatchWrap {
  background: #fff;
  padding: 10px;
}

.week5starCatch {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 18px;
  color: #ffa849;
}

.week5starbuyer {
  margin-bottom: 10px;
}

.week5starRview {
  text-align: left;
}

.streamBlock {
	padding: 0 0 0 5px;
	line-height: 1.8em;
	text-align: left;
}

.streamBlock p{
	text-indent: 1em;
}

.streamGuideWrap {
  width: 100%;
  box-sizing: border-box;
  background-color: #eeeeee;padding: 10px;
  outline: solid 1px rgba(255,255,255,1.00);
  outline-offset: -0.25em;

}
.streamGuideWrap a {
  font-size: 14px;
  padding: 0px;
  display: block;
	
}

.mailMagagineWrap {
  margin-bottom: 10px;
}

.mailMagagineWrap .streamGuideWrap {
  margin-bottom: 10px;
}

.mailMagagineWrap > p {
  letter-spacing: 2px;
  display: inline-block;
}

.mailMagagineWrap > p a.ico-triangle::before {
  margin-top: -8px;
}

.mailMagagineWrap > h3 {
  font-size: 15px;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}

.columnSnsWrap > div:first-of-type a {
  display: block;
  padding: 25% 0;
}

.mailMagagineWrap > h3::before,
.mailMagagineWrap > h3::after {
  content: '';
  display: block;
  width: 1px;
  height: 24px;
  border-left: 1px solid #000;
  position: absolute;
  top: -3px;
}

.mailMagagineWrap > h3::before {
  transform: rotate(-35deg);
  left: -14px;
}
.mailMagagineWrap > h3::after {
  transform: rotate(35deg);
  right: -13px;
}

.mailMagagineWrap > p {
  font-size: 14px;
}

.mailMagagineWrap > p a.ico-triangle::before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #B3A068;
  left: -20px;
}

.columnSnsWrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.columnSnsWrap > div {
  flex-basis: calc((100% - 15px) / 2);
  margin: 0;
}

.columnSnsWrap > div:first-of-type p {
  line-height: 1.7;
  letter-spacing: 2px;
}

.columnSnsWrap > div:first-of-type span {
  font-size: 12px;
}

.columnSnsWrap > div:last-of-type p {
  line-height: 1.3;
}

.columnSnsWrap > div:last-of-type a {
  padding: 8px 0;
}

.columnSnsWrap > div:last-of-type span {
  font-size: 12px;
}

.columnSnsWrap > div:last-of-type img {
  width: 40%;
  max-width: 77px;
  display: inline-block;
  margin-top: 5px;
}

.voiceFreeWrap {
  border-top: 1px solid #CBCBCB;
  padding-top: 20px;
  display: flex;
}

.voiceFreeWrap  > p {
  flex-basis: 50%;
  font-size: 16px;
  letter-spacing: 2px;
  box-sizing: border-box;
}

.guideWrap li a {
  font-size: 16px;
  display: block;
  padding: 15px 0
}

.guideWrap li {
  letter-spacing: 2px;
}

.guideWrap.rightContentsBlock {
  margin-bottom: 30px;
}

.brandListBlock h3 {
  font-size: 15px;
  margin-bottom: 10px;
}
.brandListBlock ul {
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.brandListBlock li {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  margin: 0 10px;
}
/* ↑ 右サイド ↑ */

/* ↓ フッター ↓ */
.footer {
  padding-bottom: 30px;
}

.spFooter .spFooterShipping{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
	color: #000;
  line-height: 1.0;
  margin-top: 0px;
margin-bottom: 0px;
  background: #f2f2f2;
  padding: 5px 0;
}

.spFooterWarp .spFooterShipping {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.8;
  margin-bottom: 0px;
margin-top: 0px;
  background: #44bba7;
  padding: 5px 0;
}

.spFooterMenuLists {
  display: flex;
  justify-content: space-around;
  padding: 0 1%;
}

.spFooterMenuLists li {
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
  font-size: 13px;
}
/* ↑ フッター ↑ */

@media screen and (min-width: 561px) {
  /* ↓ 5商品 ↓ */
  .dispFlex.flexChildlEle5 {
    flex-wrap: wrap;
  }

  .dispFlex.flexChildlEle5 > div:not(.btnMore) {
    margin-right: 10px;
    flex-basis: calc((100% - 50px) / 5);
  }
  /* ↑ 5商品 ↑ */
}

/*************
　PC表示
**************/
@media screen and (min-width: 769px) {
  .featureContent  {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .featureContent.column-3-cards {
    justify-content: flex-start;
  }

  .featureContent  .cardHorizon:not(:nth-of-type(n + 3)) {
    margin-bottom: 0;
  }

  .featureContent  .cardHorizonLink {
    padding: 10px 15px;
    display: block;
  }

  .featureContent  .cardHorizonRight {
    padding: 12px 0 6px;
    width: 100%;
  }
}

@media screen and (min-width: 861px) {
  body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;
  }

  .dispPc {
    display: block;
  }

  .dispSp {
    display: none;
  }
  .init-hidden {
      display: none;
    }
  /* ↓ レイアウト ↓ */
  .mainContentLeft {
    float: left;
    width: 70%;
    /*max-width: calc(100% - 340px);*/
  }

  .mainContentRight:first-of-type {
    padding-top: 28px;
  }
  /* ↑ レイアウト ↑ */

  /* ↓ ギフトレイアウト ↓ */
  .giftWrap {
    width: 100%;
    max-width: 980px;
    margin: auto;
  }

  .giftContents {
    float: right;
    width: 70%;
    max-width: 685px;
  }

  .giftLeft {
    float: left;
    width: 22%;
    max-width: 211px
  }
  /* ↑ ギフトレイアウト ↑ */

  /* ↓ PCヘッダー ↓ */
  .headerPc {
    text-align: center;
    padding: 20px 0 20px;
	width: 1050px;
	margin: auto;

  }

  .logoWrap {
    position: relative;
  }

  .logoWrap h1 + p {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 11px;
  }

  .guidMenuWrap {
    background: #ff5757;
    padding: 10px 0
  }

  .guidMenuWrapInner{
    display: flex;
  }

  .navi ul {
    padding-top: 9px;
  }

  .guidMenuWrapInner .serarchWrap {
    width: 34%;
  }

  .guidMenuWrapInner .navi {
    width: 66%;
  }

  .serarchWrap form input[type="text"] {
    width: 80%;
    height: 30px;
    border: 1px solid #b3b3b3;
    margin: 0 -10px 0 0;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    border-right: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .serarchWrap form input[type="submit"] {
    width: 20%;
    height: 28px;
    background: #313131;
    color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    text-align: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 0;
    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  }

  .navi li {
    display: inline-block;
  }

  .navi li:not(:last-child) {
    margin-right: 1%;
  }

  .navi li a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    font-size: 12.5px;
    text-align: left;
    padding-left: 28px;
  }
  /* ↑ PCヘッダー ↑ */

  /* ↓ コンテンツ ↓ */
  .tabsWrap {
    margin-bottom: 60px;
  }

  .mainContentsTitle {
    border-bottom: 2px solid #b1ac98;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 0 5px 3px;
    margin-bottom: 10px;
  }

  .mainContentsTitle span:first-of-type {
    order: 2;
    margin-bottom: 4px;
  }

  .mainContentsTitle span:last-of-type {
    order: 1;
    margin: 0 10px 0 0;
  }

  .btnMore {
    margin-left: auto;
    margin-right: 0;
  }

  .btnMore p a {
    padding-left: 16px;
  }

  .btnMore .ico-triangle::before {
    display: inline-block;
    border-left-color: #B3A068;
    left: -20px;
  }

  .cardHorizon {
    width: calc(100% / 6);
  }

  .cardHorizonLink {
    display: block;
    padding: 10px 15px 0px ;
  }

  .horizontalScrollWrapper {
    padding-bottom: 0;
    overflow-y: hidden;
  }

  .horizontalScrollContent > .horizontalScrollCell > .horizontalScrollCellInner {
    width: 160px;
  }

  .horizontalScrollContent > div:not(:last-of-type) > .horizontalScrollCellInner {
    margin-right: 5px;
  }

  .horizontalScrollCellInner .cardHorizonLeft {
    margin-bottom: 5px;
  }

  .horizontalScrollCellInner .cardHorizonRight {
    padding: 0;
  }
  /* ↑ コンテンツ ↑ */

    /* ニュース */
  #newsbox{background:#e5e5e5; overflow:hidden; margin:0 0 0 0 !important;}
  #newsbox dl{ margin:20px auto 30px; width:800px; font-size:12px; background:#FFF; border:none!important;line-height: 1.4em;padding: 5px 20px 15px;}
  #newsbox dl dt{font-weight:bold; font-size:14px;margin-top: 15px;color: #ff9300;}
  #newsbox dl dd{margin:19px10px;display: block;}
  /* ↑ニュース↑*/


  /* コンテンツ右 */
  .week5starWrap {
    margin-bottom: 10px
  }

  .week5starTitle {
    background: #E9E9E9;
    margin-bottom: 0;
    padding-top: 15px;
  }

  .week5starBody {
    padding: 8px;
  }

  .streamBlock {
    padding: 0;
  }

  .columnSnsWrap {
    min-width: auto;
    margin-bottom: 45px;
  }

  .columnSnsWrap > div {
    flex-basis: calc((100% - 5px) / 2);
  }

  .voiceFreeWrap {
    border-top: none;
    padding-top: 0;
    display: block;
    box-sizing: border-box;
  }

  .voiceFreeWrap > p {
    width: 100%;
    background: #eee;
    border: 1px solid #CBCBCB;
    line-height: 3.5;
    font-size: 17px;
    box-sizing: border-box;
	line-height: 2em;
  }

  .voiceFreeWrap > p:first-of-type {
    margin-bottom: 10px;
  }

  .guideWrap li {
    width: 85%;
    margin: auto;
    border-bottom: 1px solid #CBCBCB;
  }

  .supportWrap {
    margin: 0 20px;
    border-bottom: 1px solid #CBCBCB ;
    padding-bottom: 30px;
  }

  .supportTitle {
    font-size: 15px;
  }

  .supportTitle,
  .supportTime {
    margin-bottom: 13px;
  }

  .supportTime {
    letter-spacing: 2px;
    line-height: 1.35;
    word-wrap: break-word;
  }

  .supportTime span:first-of-type {
    font-size: 15px;
  }

  .supportTime span:nth-of-type(2) {
    font-size: 28px;
    font-weight: normal;
  }

  .supportTime span:nth-of-type(3) {
    font-size: 14px;
  }

  .supportDescript {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    padding: 0 8px;
  }
  /* コンテンツ右 */

  /* ↓ フッター ↓ */
  .footer {
    padding-bottom: 20px;
  }

  .pcFooterWrap {
	  max-width: 100%;
 max-height: 100%; 
  }

  .pcFooterWrap .ico-triangle::before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #fff;
    margin-top: -8px;
  }

  .pcFooterWrap .ico-triangle::before {
    margin-top: -4px;
	
  }

  .pcFooterTop,
  .pcFooterMiddle {
    padding: 0px;
  }

  .pcFooterTop {
	  
  }
	
  .pcFooterMiddle {
    margin-bottom: 0px;
background-color:#f2f2f2;
  }
	
.pcFooterMiddle img {
width: 70%;
}
	
  .pcFooterBottom {
    margin: 0px;
  }
	
  .pcFooterTop,
  .pcFooterMiddle,
  .winningBlock,
  .companyInfo {
    display: flex;
  }

  .pcFooterTop > div,
  .pcFooterMiddle > div {
    box-sizing: border-box;
  }

  .pcFooterTitle {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .pcFooterdetailWrap {
    line-height: 1.7;
  }

  .detailTxt {
    margin-bottom: 4px;
  }

  .txtRed {
    color: #ff0e00;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
  }

  .attentionLists li {
    text-indent: 16px;
  }

  .attentionLists li {
    position: relative;
  }

  .attentionLists li::before {
    content: '※';
    display: block;
    position: absolute;
    left: -18px;
    top: 0;
  }

  .detailLink,
  .footerGuideLists li a {
    padding-left: 20px;
    display: inline-block;
  }

  .shippingBlock {
    flex-basis: 28%;
    border-right: 1px solid #ccc;
  }

  .shippingBlockInner {
    padding-right: 16%;
  }

  .shippingBlock .attentionLists,
  .deliveryBlock .attentionLists {
    margin-bottom: 20px;
  }

  .deliveryBlock {
    border-right: 1px solid #ccc;
    flex-basis: 33%;
  }

  .deliveryBlockInner {
    padding-left: 10%;
  }

  .payBlock,
  .guideBlock {
    flex-basis: 24%;
  }

  .payBlockInner,
  .guideBlockInner {
    padding-left: 9.9%;
  }

  .payBlock .detailTxt {
    margin-bottom: 20px;
  }

  .payBlock .detailTxt img {
    display: block;
    margin-top: 20px;
  }

  .calenderBlock {
    flex-basis: 61%;
    border-right: 1px solid #ccc;
  }

  .calenderBlockInner {
    margin-right: 22px;
  }

  .footerGuideLists li:not(:last-child) {
    margin-bottom: 15px;
  }

  .guideBlock,
  .calenderBlock {
    padding-top: 10px;
  }

  .winningBlock {
    background: #EBEBEB;
    padding: 20px 0;
    align-items: center;
  }

  .winningBlock,
  .companyInfoBlock {
    margin-bottom: 40px;
  }

  .winningLogoWrap {
    text-align: center;
    flex-basis: 25%;
  }

  .winningDetail {
    flex-basis: 36%;
  }

  .winningDetailLists li {
    font-size: 13px;
  }

  .winningDetailLists li:not(:last-child) {
    margin-bottom: 9px;
  }

  .companyInfoBlock {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .companyInfoLists {
    display: flex;
    justify-content: space-around;
  }

  .companyInfoLists li:not(:last-child) {
    border-right: 1px solid #000;
  }

  .companyInfoLists li a {
    font-size: 14px;
  }

  .companyInfoLists li:not(:last-child) a {
    padding-right: 10px;
  }
  .companyInfoLists li:not(:first-child) a {
    padding-left: 10px;
  }

  .copyRight {
    text-align: center;
    font-size: 14px;
	color: #fff;
	padding: 10px;
    background-color: #52c3f1;
	margin: 0px; 
  }

  .copyRight + p {
    text-align: center;
  }

  /* calendar */
  table.calbase_rakuten {
    background-color: #FFFFFF;
    width: 100%;
    border-collapse: collapse;
    padding: 0px 0px 10px 0px;
  }

  table.calbase_rakuten table:not(.calframe_rakuten) {
    width: 100%;
  }

  table.calbase_rakuten td:not([style]):not([align]) td[align="center"] {
    display: flex;
  }

  table.calbase_rakuten *  {
    font-size: 99%;
    color: #6B6B6B;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
  }

  table.calbase_rakuten th {
    text-align: left;
  }

  th.caltitle_rakuten {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
  }

  table.calframe_rakuten {
    border-collapse: collapse;
    margin: 10px 10px 0 0;
    table-layout: fixed;
    flex-basis: 50%;
  }

  table.calframe_rakuten th {
    text-align: center;
    padding: 0px 0px 8px 0px;
    line-height: 19px;
    font-weight: bold;
    font-size: 19px;
  }

  table.calframe_rakuten td {
    border:1px solid #FFFFFF;
    background-color: #FFFFFF;
    width:45px;
    height:19px;
    line-height: 19px;
    text-align: center;
  }

  tr.weektitle_rakuten td {
    background-color: #C9C9C9;
  }

  td.event1day_rakuten {
    background-color: #E8E6E6 !important;
  }

  font.event1day_rakuten {
   color: #E8E6E6;
   }

  td.event2day_rakuten {
     background-color: #FFC6BA !important;
  }

  font.event2day_rakuten {
    color: #FFC6BA;
  }
  td.event3day_rakuten {
    background-color: #FE875B !important;
  }

  font.event3day_rakuten {
    color: #FE875B;
  }

  table.event_rakuten {
    text-align: left;
    word-break: break-all;
    margin: 10px 0 0 0;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 169px;
  }
  table.event_rakuten td {
    padding: 0px 0px 0px 0px;
  }

  table.text_rakuten {
    text-align: left;
    word-break: break-all;
    margin: 0px 10px 10px 10px;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 169px;
  }
  /* calendar */
  
  /* ↑ フッター ↑ */
}

@media screen and (min-width: 1019px) {
  .navi li a {
    font-size: 14.5px;
  }

  .guidMenuWrapInner .serarchWrap {
    flex-basis: 36%;
  }

  .guidMenuWrapInner .navi {
    flex-basis: 62%;
  }
}