/*フォント指定*/
@font-face {
  font-family: 'logotypegothic_font';
  src: url('https://marushinbtoc.itembox.design/item/font/logotypegothic.otf?t=20250710160529') format('opentype');
}
@font-face {
  font-family: 'elmer_font';
  src: url('https://marushinbtoc.itembox.design/item/font/elmerP.ttf?t=20250710160529') format('truetype');
}
@font-face {
  font-family: 'ronde_font';
  src: url('https://marushinbtoc.itembox.design/item/font/Ronde-B_square.otf?t=20250710160529') format('opentype');
}
@font-face {
  font-family: 'marker_font';
  src: url('https://marushinbtoc.itembox.design/item/font/851MkPOP_002.ttf?t=20250710160529') format('truetype');
}

.normalfont {
   font-family: 'logotypegothic_font',cursive;
   color: #525251;
   font-size: 1.9rem;
}
.characterfont {
   font-family: 'elmer_font',cursive;
   color: #f58905;
   font-size: 2.8rem;
}
.brandfont {
   font-family: 'ronde_font',cursive;
   color: #0a6880;
   font-size: 2.8rem;
}
.nonbrandfont {
   font-family: 'marker_font',cursive;
   color: #57473e;
   font-size: 2.8rem;
}

body {
   font-size: 1.5rem;
}
/*↓サンリオキャラ大賞用フォント↓*/
.normalfont2 {
   font-family: 'logotypegothic_font',cursive;
   color: #de1500;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont3 {
   font-family: 'logotypegothic_font',cursive;
   color: #d11d9b;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont4 {
   font-family: 'logotypegothic_font',cursive;
   color: #fef5ff;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont5 {
   font-family: 'logotypegothic_font',cursive;
   color: #2594d9;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont6 {
   font-family: 'logotypegothic_font',cursive;
   color: #87441c;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont7 {
   font-family: 'logotypegothic_font',cursive;
   color: #1a6e22;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont8 {
   font-family: 'logotypegothic_font',cursive;
   color: #edffef;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont9 {
   font-family: 'logotypegothic_font',cursive;
   color: #581e7d;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont10 {
   font-family: 'logotypegothic_font',cursive;
   color: #2c45bf;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont11 {
   font-family: 'logotypegothic_font',cursive;
   color: #ffffff;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont12 {
   font-family: 'logotypegothic_font',cursive;
   color: #885631;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont13 {
   font-family: 'logotypegothic_font',cursive;
   color: #57463d;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont14 {
   font-family: 'logotypegothic_font',cursive;
   color: #445ba6;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont15 {
   font-family: 'logotypegothic_font',cursive;
   color: #d4d4d4;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont16 {
   font-family: 'logotypegothic_font',cursive;
   color: #f0919d;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont17 {
   font-family: 'logotypegothic_font',cursive;
   color: #241b98;
   font-size: 1.6rem;
   line-height:1.7em
}
.normalfont18 {
   font-family: 'logotypegothic_font',cursive;
   color: #003862;
   font-size: 1.6rem;
   line-height:1.7em
}
/*↑サンリオキャラ大賞用フォント↑*/

/*BT21腰当てクッション*/
.mark1 {
  background-color: #ff8c00;
  color: #000000;
  padding: 4px;
}
.mark2 {
  background-color: #c591ff;
  color: #000000;
  padding: 4px;
}
.mark3 {
  background-color: #edbaf5;
  color: #000000;
  padding: 4px;
}
.mark4 {
  background-color: #baddff;
  color: #000000;
  padding: 4px;
}
.mark5 {
  background-color: #ffabee;
  color: #000000;
  padding: 4px;
}
.mark6 {
  background-color: #6afcc4;
  color: #000000;
  padding: 4px;
}

/*404エラー文用*/
.haikei {
  position: relative;
  padding: 1rem 1rem;
  background: #09189c;
}

/*ハンバーガーメニュー浮かせ*/
.fs-l-header__drawerOpener{
   float: left;
}


/*サジェスト表示*/
div.poplink.pc011 {
  margin-top: 30px;
}


/*サイドメニューアコーディオン*/
.menu__item {
   border-bottom: 1px solid #000000;
   color: #fff;
   cursor: pointer;
   display: block;
   margin-bottom: 1px;
   position: relative;
}
.menu__item__link {
   color: #fff;
   display: block;
   line-height: 60px;
   padding: 0 1rem;
   position: relative;
}
.menu__item__link:after {
   content: '\f067';
   display: block;
   font-family: FontAwesome;
   line-height: 60px;
   position: absolute;
   right: 0;
   text-align: right;
   top: 0;
   width: 60px;
}
.menu__item__link.on:after {
   content: '\f068';
}
.submenu {
   background: #fff;
   display: none;
}
.submenu__item {
   color: #222;
   padding: 1rem;
}
.accordionyubi {
   color: #6d6e6f;
   cursor:pointer;
   padding: 1rem;
}


/*各ページ要素BOX*/
.characterbox {
   padding: 0.5em 1em;
   margin: 2em 0;
   font-weight: bold;
   color: #6d6e6f;/*文字色*/
   background: #FFF;
   border: solid 3px #FFF;/*線*/
   border-radius: 10px;/*角の丸み*/
   box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.brandbox {
   margin:2em 0;
   position: relative;
   padding: 0.5em 1.5em;
   border-top: solid 2px black;
   border-bottom: solid 2px black;
}
.brandbox:before, .brandbox:after{
   content: '';
   position: absolute;
   top: -10px;
   width: 2px;
   height: -webkit-calc(100% + 20px);
   height: calc(100% + 20px);
   background-color: black;
}
.brandbox:before {left: 10px;}
.brandbox:after {right: 10px;}
.nonbrandbox {
   margin:2em 0;
   position: relative;
   background: #f0f0f0;
   box-shadow: 0px 0px 0px 5px #e6e6e6;
   border: dashed 3px white;
   padding: 0.2em 0.5em;
   color: #454545;
}
.nonbrandbox:after{
   position: absolute;
   content: '';
   right: -7px;
   top: -7px;
   border-width: 0 15px 15px 0;
   border-style: solid;
   border-color: #ffdb88 #fff #ffdb88;
   box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}


/*カテゴリランダム＆背景*/
.categoryrandombody {
   table-layout: fixed;
   width: 100%;
}

@media screen and ( min-width:400px )
{
	.categoryrandombody
	{
		margin-left: 1.5%;
	}
}

.characterrandom {
   margin:0
   padding:3% 200%;
   background-color: #fcfcfc;
   background-image:radial-gradient(#e6e6e6 10%, transparent 20%),radial-gradient(#e6e6e6 10%, transparent 20%);
   background-size: 35px 35px;
   background-position: 0 0, 20px 20px;
}
.brandrandom {
   margin:0
   padding:3% 200%;
   position: relative;
}
.brandrandom::after {
   position: absolute;
   z-index: -2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: '';
   background: repeating-linear-gradient(45deg,#ffffff, #ffffff 10px,#009e9a 0, #009e9a 20px,#ffffff 0, #ffffff 30px,#eba4c0 0, #eba4c0 40px);
}
.brandrandom::before {
   position: absolute;
   z-index: -1;
   top: 12px;
   left: 12px;
   width: calc(100% - 24px);
   height: calc(100% - 24px);
   content: '';
   border-radius: 14px;
   background-color: #ffffff;
}


/*カテゴリ一覧ブランド説明*/
.menu div {
   position: relative;
}
.arrow_box {
   display: none;
   position: absolute;
   z-index: 1;
   padding: 16px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;  
   border-radius: 8px;
   background: #086A87;
   color: #fff;
}
.arrow_box:after {
   position: absolute;
   bottom: 100%;
   left: 10%;
   width: 0;
   height: 0;
   margin-left: -10px;
   border: solid transparent;
   border-color: rgba(51, 51, 51, 0);
   border-bottom-color: #086A87;
   border-width: 10px;
   pointer-events: none;
   content: " ";
}
span:hover + p.arrow_box {
   display: block;
}
/*サイトトップ遷移用ボタン*/
.TOPbotan {
  position: relative;
  padding: 1rem 1rem;
  background: #0094de;
}

/*商品カテゴリPC非表示*/
.productcategory-sp { 
   display: none;
}
@media screen and (max-width: 768px){
  .productcategory-sp{
    display:block;
  }
}

/*送料加算に関する文言*/
.fs-c-totalAndActions::after {
    content: "※クーポン適用などにより5,500円未満になる場合、ご注文完了後送料を加算させていただく旨のご連絡をさせていただきます。予めご了承ください。";
    display: block;
    padding: 10px;
    color: red;
    font-weight: bold;
  }

