/* CSS Document */

img,picture{
	width: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend, caption, tbody, tfoot, thead {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height: 1.8;
  color: #333333;
}

ul,ol{
  list-style:none;
}

em{
  font-style: normal;
}
a{
  text-decoration: none;
  color: #333333;
}
a:hover{
  opacity: 0.7;
}



/* 共通スタイルetc END ----------------------- */
/*ataraのブルー*/
.atara_blue{
  color: #5594B3;
}

/* ランドセルの色（2027）------------------------------ */
/* すいすい */
.suisui{
  --item-title-color:#2D2D2D; /* 商品名の文字色 */
  --item-text-color:#000000;  /* 商品説明文の文字色 */
  --item-back-color:#ADC2DE;  /* 商品概要の背景色 */
}
/* にこにこ */
.niconico{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color:#D5A9CD;
}
/* ひらひら */
.hirahira{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color:#F9D2D9;
}
/* そよそよ */
.soyosoyo{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color:#D8E698;
}
/* ふわふわ */
.fuwafuwa{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color:#F0E3D3;
}
/* ぽかぽか */
.pokapoka{
  --item-title-color:#FFFFFF;
  --item-text-color:#FFFFFF;
  --item-back-color:#C48C39;
}
/* ころころ */
.korokoro{
  --item-title-color:#FFFFFF;
  --item-text-color:#FFFFFF;
  --item-back-color:#A69781;
}
/* わくわく */
.wakuwaku{
  --item-title-color:#FFFFFF;
  --item-text-color:#FFFFFF;
  --item-back-color:#115177;
}
/* のびのび */
.nobinobi{
  --item-title-color:#FFFFFF;
  --item-text-color:#FFFFFF;
  --item-back-color:#4C4948;
}
/* さんさん */
.sansan{
  --item-title-color:#FFFFFF;
  --item-text-color:#FFFFFF;
  --item-back-color:#B22D2A;
}
/* おためしランドセル */
.otameshi{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color: none;
}
/* Re:stock共通 */
.re_stock{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color: #F5FAFD;
}
/* その他（汎用） */
.other{
  --item-title-color:#2D2D2D;
  --item-text-color:#000000;
  --item-back-color:#EEEEEE;
}
/* END ----------------------------------------------- */
/* Re:stock商品の色（商品ページのカラーチップ用）（2027）------------------------------ */
.asasora{
  --item-back-color:#DCBEDD;
}
.sakura{
  --item-back-color:#D89B9B;
}
.kinomi{
  --item-back-color:#D3A864;
}
.kirikabu{
  --item-back-color:#B56F3B;
}
.izumi{
  --item-back-color:#B6E0E8;
}
.shizuku{
  --item-back-color:#D0CBC4;
}
/* 混色 */
.hanakanmuri{
  --item-back-color: linear-gradient(
    45deg,
    #DCBEDD 0%,
    #DCBEDD 50%,
    #D89B9B 50%,
    #D89B9B 100%
  );
}
.takarasagashi{
  --item-back-color: linear-gradient(
    45deg,
    #B56F3B 0%,
    #B56F3B 50%,
    #D3A864 50%,
    #D3A864 100%
  );
}
.kakurenbo{
  --item-back-color: linear-gradient(
    45deg,
    #3A3631 0%,
    #3A3631 50%,
    #929F93 50%,
    #929F93 100%
  );
}
/* END ----------------------------------------------- */
/*SVGを重ねる*/
.svg_wrap{
  position: relative;
  display: block;
}
.svg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


/*見出し関連*/
h1{
  text-align: center;
  letter-spacing: 2.5px;
}
h1 > span{
  display: block;
}
h2{
  color: #333333;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 50px;
}
h2 > span{
  color: #333333;
  display: block;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  h2{
    padding-bottom: 65px;
  }
}


/*レスポンシブ出しわけ*/
.sp{
  display: block;
}
.pc{
  display: none;
}
@media screen and (min-width: 768px) {
  .sp{
    display: none !important;
  }
  .pc{
    display: block !important;
  }
}

/*その他*/
/*赤文字*/
.red{
  color: #D54C5C;
}
/*基本色*/
.blue{
  color: #5594B3;
}


/*下線*/
.ul{
  text-decoration: underline;
}

/*LINK無効化*/
.disable {
  pointer-events: none;
}

/*非表示*/
.non{
  display: none;
}

/*テキストセンターよせ*/
.center{
  text-align: center;
}



/*余白系*/
.pt_10{padding-top: 10px;}
.pt_20{padding-top: 20px;}
.pt_30{padding-top: 30px;}
.pt_40{padding-top: 40px;}
.pt_50{padding-top: 50px;}

.pb_10{padding-bottom: 10px;}
.pb_20{padding-bottom: 20px;}
.pb_30{padding-bottom: 30px;}
.pb_40{padding-bottom: 40px;}
.pb_50{padding-bottom: 50px;}

.mt_10{margin-top: 10px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}

.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}
/* 共通スタイル etc END ----------------------- */


/*clearfix*/	
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}