@charset "UTF-8";

/* テンプレート修正 */
#d_container .wrap {
  width: 100%;
}
#d_topic_path {
  width: 990px;
  margin: 0 auto 20px;
}

/* ------------------------------------------------
l_schoolbag_20230417
------------------------------------------------ */
.l_schoolbag_20230417 {
  text-align: center;
  color: #333;
  margin: 20px auto 100px;
}
.l_schoolbag_20230417 *,
.l_schoolbag_20230417 *:after,
.l_schoolbag_20230417 *:before {
  box-sizing: border-box;
}
.l_schoolbag_20230417 a {
  text-decoration: none;
  transition: opacity 0.4s;
}
.l_schoolbag_20230417 a:hover {
  opacity: 0.7;
  cursor: pointer;
}


.l_schoolbag_20230417 .container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  padding-bottom: 40px;	
}

.l_schoolbag_20230417 .pc {
  display: inline-block;
}

.l_schoolbag_20230417 .sp {
  display: none;
}
.l_schoolbag_20230417 .w100 {
  height: auto;
  width: 100%;
}




/* mv */
.l_schoolbag_20230417 .mv_visual {
  background: url(/ec/shop/images/campaign/20230417_l_schoolbag/mv_bg.jpg);
  margin: 0 auto;
  background-repeat: repeat-x;
}


.l_schoolbag_20230417 .mv_visual .container{
  padding: 0;
}



.l_schoolbag_20230417 .mv_visual img {
  max-width: 100%;
}

/* anc */
.l_schoolbag_20230417 .anc {
  width: 990px;
  margin: 0 auto;	
}
.l_schoolbag_20230417 .anc ul {
  margin: 0 auto;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 40px;
}
.l_schoolbag_20230417 .anc li {
  font-size: 18px;
  width: calc((100% - 29px) / 4);
  height: 100px;
}

.l_schoolbag_20230417 .anc li a {
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.1em;
    width: 100%;
    height: 100%;
	 border-radius: 5px;
}

.l_schoolbag_20230417 .anc li a::after {
	content: '';
	background-size: contain;
	/*vertical-align: middle;*/
    position: absolute;
	bottom: -8px;
	width: 40px;
	height: 40px;
	left: 50%;
	-webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  margin-left: -40px;	
}




/*ボタンカラー*/

.l_schoolbag_20230417 .anc li a.anc01,
.l_schoolbag_20230417 .btn a.btn01 {
    background-color: #3968C8;
}

.l_schoolbag_20230417 .anc li a.anc01::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/anc01.svg);
}

.l_schoolbag_20230417 .btn a.btn01::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/btn01.svg);
}

.l_schoolbag_20230417 .anc li a.anc02,
.l_schoolbag_20230417 .btn a.btn02 {
    background-color: #FBB355;
}

.l_schoolbag_20230417 .anc li a.anc02::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/anc02.svg);
}

.l_schoolbag_20230417 .btn a.btn02::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/btn02.svg);
}


.l_schoolbag_20230417 .anc li a.anc03,
.l_schoolbag_20230417 .btn a.btn03 {
    background-color: #52D1E8;
}

.l_schoolbag_20230417 .anc li a.anc03::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/anc03.svg);
}

.l_schoolbag_20230417 .btn a.btn03::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/btn03.svg);
}


.l_schoolbag_20230417 .anc li a.anc04,
.l_schoolbag_20230417 .btn a.btn04 {
    background-color: #EE7FC0;
}

.l_schoolbag_20230417 .anc li a.anc04::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/anc04.svg);
}

.l_schoolbag_20230417 .btn a.btn04::after {
    background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/btn04.svg);
}



/* about */

.l_schoolbag_20230417 .about ul {
  width: 990px;
  margin: 0 auto 40px;
  padding: 30px;
  border: 3px dotted #C1E8ED;
}

.l_schoolbag_20230417 .about li {
  color: #333333;
  font-weight: bold;
  font-size: 15px;
  padding: 13px 0 0 0;
}
.l_schoolbag_20230417 .about li:first-of-type {
  padding: 0;
}
.l_schoolbag_20230417 .about li span {
  font-weight: normal;
  font-size: 13px;
  display: block;
}
.l_schoolbag_20230417 .about a {
  color: #eb6a9d;
  text-decoration: underline;
}
.l_schoolbag_20230417 .about a:hover {
  text-decoration: none;
}


/* clm_hl */
.l_schoolbag_20230417 .clm_hl_txt {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 30px;
  letter-spacing: .1em;	
}


.l_schoolbag_20230417 .clm_hl_txt span {
  position: relative;
  width: 990px;	
}


.l_schoolbag_20230417 .btn {
    font-size: 24px;
    width: 930px;
    height: 120px;
    position: relative;
 	margin:  60px auto;
}


.l_schoolbag_20230417 .btn a {
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.1em;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}


.l_schoolbag_20230417 .btn a::after {
    position: absolute;
	content: '';
	background-size: contain;
	top: 50%;
    transform: translateY(-50%);
    right: -8px;
	width: 40px;
	height: 40px;
}





/* grp01 */

.l_schoolbag_20230417 .grp01 {
  background-color: #F5F8FE;
}

.l_schoolbag_20230417 .grp01 .clm_hl {
  background-color: #5C89E5;
}

.l_schoolbag_20230417 .grp01 .clm_hl_txt span::before {
  background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/ttl-img01.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 122px;
  width: 157px;	
  position: absolute;
  top: 10px;
  right: 0;	
  transform: translateY(-50%);
}


.l_schoolbag_20230417 .grp01 .container div.item_detail {
  background-color: #fff;
  margin-top: 40px;	
  padding: 40px 30px;
  border-radius: 5px;	
}


.l_schoolbag_20230417 .grp01 .container div.item_detail:nth-child(1) {
  border: 1px solid #A4D6C7;	
}


.l_schoolbag_20230417 .grp01 .container div.item_detail:nth-child(2) {
  border: 1px solid #F9D3E3;	
}

.l_schoolbag_20230417 .grp01 .container .item_detail .item-headline {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 22px;
}

.l_schoolbag_20230417 .grp01 .container div h3 {
  padding-left: 20px;
}


.l_schoolbag_20230417 .grp01 .container div h3 span {
  display: block;
  font-size: 17px;
  margin: 8px auto 0;
}
.l_schoolbag_20230417 .grp01 .container div p {
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  padding-left: 50px;
  border-left: 3px solid #A4D6C7;
  height: 100px;	
  display: flex;
  align-items: center;	
}

.l_schoolbag_20230417 .grp01 .container div p:nth-child(2) {
  border-left: 3px solid #F9D3E3;	
}


.l_schoolbag_20230417 .grp01 li:last-of-type .item_unit.half h3::before {
  position: absolute;
  z-index: 10;
  content: url(/ec/shop/images/campaign/20230417_l_schoolbag/sttl04_bg.png);
  right: 0px;
  top: -10px;
}





/* grp02 */
.l_schoolbag_20230417 .grp02 {
  background-color: #FEF9F3;
}

.l_schoolbag_20230417 .grp02 .clm_hl {
  background-color: #F9BF74;	
}


.l_schoolbag_20230417 .grp02 .clm_hl_txt span::before {
  background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/ttl-img02.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 122px;
  width: 157px;	
  position: absolute;
  top: 10px;
  left: 0;	
  transform: translateY(-50%);
}



.l_schoolbag_20230417 .grp02 p {
  font-size: 18px;
  font-weight: bold;
  color: #EC9017;
  padding: 40px 0 20px;	
}

.l_schoolbag_20230417 .grp02 .fuwari01 {
  margin-top: 20px;
}

.l_schoolbag_20230417 .grp02 .fuwari02 {
  margin-top: 40px;
  margin-bottom: 40px;	
 position: relative;
 background-color: #FEFDFB;
 border: 3px dotted #FCE2C0;
 padding: 0 40px 40px;
 border-radius: 5px 5px 0 0;
}


.l_schoolbag_20230417 .grp02 .fuwari02 .kisekae{
  position: absolute;
  left: 0;
  top: -30px;	
}

.l_schoolbag_20230417 .grp02 .fuwari02 .kisekae img{
  width: auto;
  height: 80px;
}


.l_schoolbag_20230417 .grp02 .item_detail {
  position: relative;
  width: 990px;
  background-color: #fadeea;
  padding: 25px 0 40px 40px;
  text-align: left;
  border-radius: 0 0 5px 5px;	
}
.l_schoolbag_20230417 .grp02 .item_detail img.tag {
  position: absolute;
  right: 0;
  bottom: 0;
}

.l_schoolbag_20230417 .grp02 .item_detail h3 {
  color: #be6b8f;
  margin-top: 15px;
  font-size: 22px;	
}

.l_schoolbag_20230417 .grp02 .item_detail p {
  color: #be6b8f;
  font-weight: normal;
  margin-top: 15px;
  padding: 0;	
}







/* grp03 */
.l_schoolbag_20230417 .grp03 {
  background-color: #FBFDFE;
}

.l_schoolbag_20230417 .grp03 .clm_hl {
  background-color: #7DE1F3;
}


.l_schoolbag_20230417 .grp03 .clm_hl_txt span::before {
  background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/ttl-img03.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 123px;
  width: 164px;	
  position: absolute;
  top: 10px;
  right: 0;	
  transform: translateY(-50%);
}


.l_schoolbag_20230417 .grp03 p {
  font-size: 17px;
  font-weight: bold;
  margin: 40px auto;
  color: #333;	
}
.l_schoolbag_20230417 .grp03 p span {
  color: #1EC0DE;
}
.l_schoolbag_20230417 .grp03 .item_detail {
  display: flex;
  background-color: #e9f6fc;
  padding: 40px;
  align-items: center;
  background-color: #fff;
  border: 3px dotted #52D1E8;
  margin-bottom: 40px;	
}
.l_schoolbag_20230417 .grp03 ul {
  width: 572px;
  margin-left: 45px;
}
.l_schoolbag_20230417 .grp03 ul li {
  padding: 20px 0;
}
.l_schoolbag_20230417 .grp03 ul li:last-of-type {
  border-top: 1px solid #52D1E8;
}
.l_schoolbag_20230417 .grp03 dl {
  display: flex;
  align-items: center;
}
.l_schoolbag_20230417 .grp03 dt {
  color: #1EC0DE;
  font-size: 18px;
  border-right: 1px solid #52D1E8;
  width: 122px;
  text-align: center;
}
.l_schoolbag_20230417 .grp03 dd {
  padding-left: 30px;
  font-size: 16px;
  text-align: left;
}
.l_schoolbag_20230417 .grp03 li:first-of-type dd {
  font-weight: bold;
  font-size: 20px;
}
.l_schoolbag_20230417 .grp03 dd span {
  font-size: 13px;
  display: block;
}

/* grp04 */
.l_schoolbag_20230417 .grp04 {
  background-color: #FEF8FC;
}

.l_schoolbag_20230417 .grp04 {
  margin-bottom: 120px;
}
.l_schoolbag_20230417 .grp04 .clm_hl {
  background-color: #FB9DD4;
}

.l_schoolbag_20230417 .grp04 .clm_hl_txt span::before {
  background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/ttl-img04.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 121px;
  width: 164px;	
  position: absolute;
  top: 10px;
  left: 0;	
  transform: translateY(-50%);
}

.l_schoolbag_20230417 .grp04 .container {
	width: 930px;
}

.l_schoolbag_20230417 .grp04 .grp04-list {
  flex-wrap: wrap;
  display: flex;
  margin-top: 40px;	
}

.l_schoolbag_20230417 .grp04 .grp04-list li {
  width: calc((100% - 30px) / 2);
  height: 510px;
}

.l_schoolbag_20230417 .grp04 .grp04-list li .ttl{
  background-image: url(/ec/shop/images/campaign/20230417_l_schoolbag/ttl.gif);
  width: 450px;
  height: 100px;
  color: #6E6E6E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;	
}

.l_schoolbag_20230417 .grp04 .grp04-list li:not(:nth-child(2n)) {
  margin-right: 30px;
}

.l_schoolbag_20230417 .grp04 .grp04-list li:nth-last-child(n + 3) {
  margin-bottom: 40px;
}


/* 商品一覧はこちら */

.l_schoolbag_20230417 .bnr_all {
  background: url(/ec/shop/images/campaign/20230417_l_schoolbag/mv_bg.jpg);
  height: 340px;
  padding-top: 30px;
  margin-bottom: 80px;
}
.l_schoolbag_20230417 .bnr_all .container {
  position: relative;
}
.l_schoolbag_20230417 .bnr_all .container img.five {
  position: absolute;
  left: 270px;
  bottom: -55px;
}

/* ******************************** 以下SP ********************************* */
#news #d_topic_path {
  margin: 0 auto 10px;
  width: auto;
}

.l_schoolbag_20230417_sp * {
  box-sizing: border-box;
}
.l_schoolbag_20230417_sp .pc {
  display: none;
}
.l_schoolbag_20230417_sp .sp {
  display: block;
}

.l_schoolbag_20230417_sp .container,
.l_schoolbag_20230417_sp .anc,
.l_schoolbag_20230417_sp .about ul,
.l_schoolbag_20230417_sp .grp02 .item_detail,
.l_schoolbag_20230417_sp .grp04 .container,
.l_schoolbag_20230417_sp .grp04 .grp04-list li,
.l_schoolbag_20230417_sp .grp04 .grp04-list li .ttl,
.l_schoolbag_20230417_sp .clm_hl_txt span{
  width: auto;	
}


.l_schoolbag_20230417_sp .clm_hl_txt {
    font-size: 20px;
	line-height: 1.2;
	height: 0;
	padding: 34px 0;
	position: relative;
}



.l_schoolbag_20230417_sp .btn {
	width: 92%;
    font-size: 16px;
	line-height: 1.4;
	height: 80px;
	margin: 30px auto 0;
}

.l_schoolbag_20230417_sp {
  margin-bottom: 40px;
}

/*anc*/
.l_schoolbag_20230417_sp .anc ul {
    padding: 10px;
}

.l_schoolbag_20230417_sp .anc li {
    font-size: 14px;
    width: calc((100% - 10px) / 2);
	height: 80px;
}

.l_schoolbag_20230417_sp .anc li:not(:nth-child(2n)) {
    margin-right: 10px;
  }
  
.l_schoolbag_20230417_sp .anc li:nth-last-child(n + 3) {
    margin-bottom: 16px;
  }

.l_schoolbag_20230417_sp .anc li a::after {
	bottom: -6px;
	width: 26px;
	height: 26px;
}

.l_schoolbag_20230417_sp .bnr_all {
  margin-bottom: 0;
  height: auto;
}

/*about*/
.l_schoolbag_20230417_sp .about ul {
    margin: 20px 10px;
    padding: 20px;
}

.l_schoolbag_20230417_sp .about li{
    font-size: 14px;
	text-align: left;
}


.l_schoolbag_20230417_sp .about li span {
    font-size: 12px;
}


/* grp01 */

.l_schoolbag_20230417_sp .grp01 .container{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}

.l_schoolbag_20230417_sp .clm_hl_txt span{
  position: static;
}

.l_schoolbag_20230417_sp .grp01 .clm_hl_txt span::before {
height: calc(122px * .6);
  width: calc(157px * .6);	 
  top: 50%;
  right: 5px;
}

.l_schoolbag_20230417_sp .grp01 .container div.item_detail {
    margin-top: 20px;
    padding: 20px 15px;
}

.l_schoolbag_20230417_sp .grp01 .container .item_detail .item-headline {
    margin-bottom: 10px;
}

.l_schoolbag_20230417_sp .grp01 .container div h3 {
    padding-right: 10px;
	padding-left: 0;
}

.l_schoolbag_20230417 .grp01 .container div h3 span {
  font-size: 14px;
}


.l_schoolbag_20230417_sp .grp01 .container div p {
    font-size: 13px;
    line-height: 1.6;
    padding: 10px 0 10px 10px;
    height: 100px;
	width: 80%;
}



/* grp02 */
.l_schoolbag_20230417_sp .grp02 .container {
  overflow-x: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
}

.l_schoolbag_20230417_sp .grp02 .clm_hl_txt span::before {
  height: calc(122px * .6);
  width: calc(157px * .6);	
  top: 50%;
  left: 5px;
}

.l_schoolbag_20230417_sp .grp02 p {
  font-size: 14px;
  padding: 20px 0;
}

.l_schoolbag_20230417_sp .grp02 .fuwari01 {
  margin-top: 0;
}

.l_schoolbag_20230417_sp .grp02 .fuwari02 {
  margin-top: 30px;
  margin-bottom: 30px;	
  border: 1px dotted #FCE2C0;
  padding: 0 0 20px;
}

.l_schoolbag_20230417_sp .grp02 .fuwari02 .kisekae {
    top: -20px;
}


.l_schoolbag_20230417_sp .grp02 .fuwari02 .kisekae img {
  width: auto;
  height: 40px;
}

.l_schoolbag_20230417_sp .grp02 .item_detail {
  padding: 20px;
}

.l_schoolbag_20230417_sp .grp02 .item_detail h3 {
  font-size: 16px;
  margin-top: 0;
}

.l_schoolbag_20230417_sp .grp02 .item_detail p {
  margin-top: 8px;
}

.l_schoolbag_20230417_sp .grp02 .item_detail img.tag {
  position: absolute;
  height: auto;
  width: 25%;
  right: -22px;
  top: -50px;
  margin: 0;
}

.l_schoolbag_20230417_sp .grp03 .clm_hl_txt span::before {
  height: calc(123px * .6);
  width: calc(164px * .6);
  top: 50%;
  right: 7px;
}

/* grp03 */
.l_schoolbag_20230417_sp .grp03 .container {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
}

.l_schoolbag_20230417_sp .grp03 p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 auto;
  padding: 20px 0;
}

.l_schoolbag_20230417_sp .grp03 .item_detail {
  display: block;
  padding: 15px;
  border: 1px dotted #52D1E8;
  margin-bottom: 20px;
}

.l_schoolbag_20230417_sp .grp03 ul {
  width: 100%;
  margin-left: 0;
}

.l_schoolbag_20230417_sp .grp03 dt {
  font-size: 15px;
  width: 88px;
}

.l_schoolbag_20230417_sp .grp03 ul li {
  padding: 13px 0;
}

.l_schoolbag_20230417_sp .grp03 ul li:last-child {
  padding-bottom: 0;
}

.l_schoolbag_20230417_sp .grp03 li dd {
  width: calc(100% - 88px);
}

.l_schoolbag_20230417_sp .grp03 li:first-of-type dd {
  padding: 0 0 0 20px;
  font-size: 15px;
}

.l_schoolbag_20230417_sp .grp03 dd {
  font-size: 15px;
  padding: 3px 10px 0 20px;
}

.l_schoolbag_20230417_sp .grp03 dd span {
  font-size: 12px;
}

/* grp04 */
.l_schoolbag_20230417_sp .grp04 {
  margin-bottom: 60px;
}

.l_schoolbag_20230417_sp .grp04 .container {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
}

.l_schoolbag_20230417_sp .grp04 .grp04-list {
  display: block;
}


.l_schoolbag_20230417_sp .grp04 .grp04-list li .ttl {
  font-size: 16px;
  height: 80px;
  line-height: 1.4;
}

.l_schoolbag_20230417_sp .grp04 .clm_hl_txt span::before {
  height: calc(121px * .5);
  width: calc(164px * .5);
  top: 50%;
  left: 5px;
}

.l_schoolbag_20230417_sp .grp04 .grp04-list {
  margin-top: 20px;
}

.l_schoolbag_20230417_sp .grp04 .grp04-list li:not(:nth-child(2n)) {
  margin-right: 0;
}

.l_schoolbag_20230417_sp .grp04 .grp04-list li {
  height: auto;
}

.l_schoolbag_20230417_sp .grp04 .container .grp04-list li {
  margin-bottom: 20px;
}