@charset "utf-8";
@media print,screen{
.l-main{margin: 0;}
/* okashi-top */
.okashi2021-link{text-decoration: none;}
.okashi2021-link:hover{text-decoration: none; opacity: 0.6;}
.okashi2021-list01{list-style: none; margin-bottom: 0; padding: 0;}
.okashi2021-toplogo{margin: 0;}
/* kurashi */
.kurashi2021-link{text-decoration: none;}
.kurashi2021-link:hover{text-decoration: none; opacity: 0.6;}
.kurashi2021-box01-link{text-decoration: none;}
a.kurashi2021-box01-link:hover{text-decoration: none; opacity: 0.6;}
.kurashi2021-box01{list-style: none; margin-bottom: 0; padding: 0;}
.kurashi2021-main-image,.kurashi2021-textblock01,.kurashi2021-main-title{margin: 0;}
.kurashi2021-header-logo{max-width: 100%; background-color: #bfe2e6;}
.kurashi2021-wrapper{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/kurashi/images/pc_backimage.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
/* decoration */
.decoration2022-link{text-decoration: none;}
.decoration2022-link:hover{text-decoration: none; opacity: 0.6;}
.decoration2022-box01-link{text-decoration: none;}
a.decoration2022-box01-link:hover{text-decoration: none; opacity: 0.6;}
.decoration2022-box01{list-style: none; margin-bottom: 0; padding: 0;}
.decoration2022-main-image,.decoration2022-textblock01,.decoration2022-main-title{margin: 0;}
.decoration2022-header-logo{max-width: 100%; background-color: #bfe2e6;}
.decoration2022-wrapper{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/decoration/images/pc_backimage_or.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
/* kurashi_下層 */
.kurashi2021-content-wrapper{color: #870300;}
.kurashi2021-logo-link{text-decoration: none;}
.kurashi2021-logo-link:hover{text-decoration: none; opacity: 0.6;}
.kurashi2021-list01,.kurashi2021-list02,.kurashi2021-list03,.kurashi2021-list04{list-style: none; margin-bottom: 0; padding: 0;}
.kurashi2021-title01,.kurashi2021-text01,.kurashi2021-picture01,.kurashi2021-title02,.kurashi2021-picture02,.kurashi2021-title03,.kurashi2021-picture03,.kurashi2021-text02,.kurashi2021-definition,.kurashi2021-description,.kurashi2021-term{margin: 0;}
.kurashi2021-wrapper02{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/kurashi/images/pc_backimage_or.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
/* wrapping */
.wrapping2021-link{text-decoration: none;}
.wrapping2021-link:hover{text-decoration: none; opacity: 0.6;}
.wrapping2021-box01-link{text-decoration: none;}
a.wrapping2021-box01-link:hover{text-decoration: none; opacity: 0.6;}
.wrapping2021-box01{list-style: none; margin-bottom: 0; padding: 0;}
.wrapping2021-main-image,.wrapping2021-textblock01,.wrapping2021-main-title{margin: 0;}
.wrapping2021-header-logo{max-width: 100%; background-color: #bfe2e6;}
.wrapping2021-wrapper{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/wrapping/images/pc_backimage.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
/* wrapping_下層 */
.wrapping2021-content-wrapper{color: #870300;}
.wrapping2021-logo-link{text-decoration: none;}
.wrapping2021-logo-link:hover{text-decoration: none; opacity: 0.6;}
.wrapping2021-list01,.wrapping2021-list02,.wrapping2021-list03{list-style: none; margin-bottom: 0; padding: 0;}
.wrapping2021-title01,.wrapping2021-text01,.wrapping2021-picture01,.wrapping2021-title02,.wrapping2021-picture02,.wrapping2021-title03,.wrapping2021-picture03,.wrapping2021-text02,.wrapping2021-definition,.wrapping2021-description,.wrapping2021-term{margin: 0;}
}
/*▼ PC ▼---------------------------------------------------------*/
@media print,screen and (min-width:768px){
	/* okashi-top */
	.okashi2021-topsection{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/images/backimage_221101.png); background-size: cover; background-repeat: no-repeat; background-position: center top;}
	.okashi2021-topcontent{margin: 0 auto; /* padding-bottom: 458px; 3つの際に使用*/ padding-bottom: 200px;}
	.okashi2021-toptitle{max-width: 1227px; margin: 0 auto 84px; padding-top: 34px;}
	.okashi2021-toplogo{margin-right: 18px;}
	.okashi2021-toplist{max-width: 950px; margin: 0 auto;}
	.okashi2021-list01-item{margin-left: 4px; text-align: center;}
	.okashi2021-list01-item:not(:last-child){margin-bottom: 37px;}
	/* kurashi */
	.kurashi2021-content01{max-width: 1205px; margin: 0 auto; padding-top: 40px;}
	.kurashi2021-main-image{margin-bottom: 30px;}
	.kurashi2021-textblock01{max-width: 769px; margin: 0 auto 32px; text-align: center;}
	.kurashi2021-image01{max-width: 836px; margin: 0 auto;}
	.kurashi2021-section02,	.kurashi2021-section03{max-width: 953px; margin: 0 auto;}
	.kurashi2021-main-title{max-width: 902px; margin: 40px auto 0;}
	.kurashi2021-section03 .kurashi2021-main-title{max-width: 902px; margin: 0 auto; padding-top: 42px;}
	.kurashi2021-box01{display: flex; flex-wrap: wrap; width: 949px; padding-bottom: 73px;}
	.kurashi2021-box01-item{margin: 28px 27px 0 0;}
	.kurashi2021-box01-item:nth-child(3n+3){margin-right: 0;}
	.kurashi2021-box01-link{display: block; width: 296px; background-color: #ffd583; border-radius: 10px; text-align: center; overflow: hidden;}
	.kurashi2021-box01-title{margin: 0; padding: 10px 5px; font-weight: bold; color: #870300;}
	/* decoration */
	.decoration2022-content01{max-width: 1205px; margin: 0 auto; padding-top: 40px;}
	.decoration2022-main-image{margin-bottom: 30px;}
	.decoration2022-textblock01{max-width: 769px; margin: 0 auto 32px; text-align: center;}
	.decoration2022-image01{max-width: 836px; margin: 0 auto; text-align: center;}
	.decoration2022-section02,	.decoration2022-section03{max-width: 953px; margin: 0 auto;}
	.decoration2022-main-title{max-width: 902px; margin: 40px auto 0;}
	.decoration2022-section03 .decoration2022-main-title{max-width: 902px; margin: 0 auto; padding-top: 42px;}
	.decoration2022-box01{display: flex; flex-wrap: wrap; width: 949px; padding-bottom: 73px;}
	.decoration2022-box01-item{margin: 28px 27px 0 0;}
	.decoration2022-box01-item:nth-child(3n+3){margin-right: 0;}
	.decoration2022-box01-link{display: block; width: 296px; background-color: #ffd583; border-radius: 10px; text-align: center; overflow: hidden;}
	.decoration2022-box02-link{display: block; width: 296px; text-align: center; overflow: hidden;}
	.decoration2022-box01-title{margin: 0; padding: 10px 5px; font-weight: bold; color: #870300;}
	/* kurashi_下層 */
	.kurashi2021-content-wrapper{max-width: 948px;margin: 0 auto;}
	.kurashi2021-inner01{position: relative;}
	.kurashi2021-top{padding-top: 50px; padding-right: 414px;}
	.kurashi2021-title01{margin-bottom: 11px;}
	.kurashi2021-text01{margin-bottom: 30px; color: #ed6c00; font-size: 20px; font-weight: bold; line-height: 1.5;}
	.kurashi2021-logo{position: absolute; top: 36px; right: 0;}
	.kurashi2021-inner02{display: flex; justify-content: space-between;}
	.kurashi2021-picture01{margin-bottom: 0; width: 50%;}
	.kurashi2021-section01-lower{width: 41%; display: flex; flex-direction: column-reverse;}
	.kurashi2021-list01{border-top: 2px solid #870300; border-bottom: 2px solid #870300}
	.kurashi2021-list01-item{position: relative; padding-left: 24px;}
	.kurashi2021-list01-item:first-child{margin-top: 14px;}
	.kurashi2021-list01-item:last-child{margin-bottom: 14px}
	.kurashi2021-list01-item:before{content: ""; position: absolute; top: 8px; left: 6px; background-image: url(/products/brand/okashihappy/okashi-code/kurashi/kurashi_01/images/pc_list_logo.png); display: inline-block; width: 7px; height: 7px; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
	.kurashi2021-picture02{max-width: 176px; margin-bottom: 47px; margin-top: 40px;}
	.kurashi2021-section02-lower{margin-top: 46px;}
	.kurashi2021-title02{margin-bottom: 17px;}
	.kurashi2021-title03{margin-bottom: 41px;}
	.kurashi2021-list02{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 37px;}
	.kurashi2021-list02-item{position: relative; width: 50%;}
	.kurashi2021-icon01{position: absolute; top: 0; left: 17px;}
	.kurashi2021-list-image{margin: 25px 0 38px 84px;}
	.kurashi2021-text02{margin: 28px 0 0;}
	.kurashi2021-definition{margin-top: 35px;}
	.kurashi2021-term{font-weight: normal;}
	.kurashi2021-list03-item{margin-left: 15px; position: relative;}
	.kurashi2021-list03-item:before{content: ""; position: absolute; top: 10px; left: -14px; width: 4px; height: 4px; background-color: #870300; border-radius: 50%;}
  .kurashi2021-list04-item{padding-left: 1rem; text-indent: -1rem;}
	/* wrapping */
	.wrapping2021-content01{max-width: 1205px; margin: 0 auto; padding-top: 40px;}
	.wrapping2021-main-image{margin-bottom: 30px;}
	.wrapping2021-textblock01{max-width: 769px; margin: 0 auto 32px; text-align: center;}
	.wrapping2021-image01{max-width: 836px; margin: 0 auto; text-align: center;}
	.wrapping2021-section02{max-width: 953px; margin: 0 auto;}
	.wrapping2021-main-title{max-width: 902px; margin: 40px auto 0;}
	.wrapping2021-box01{display: flex; flex-wrap: wrap; width: 949px; padding-bottom: 73px;}
	.wrapping2021-box01-item{margin: 28px 27px 0 0;}
	.wrapping2021-box01-item:nth-child(3n+3){margin-right: 0;}
	.wrapping2021-box01-link{display: block; width: 296px; background-color: #d0e093; border-radius: 10px; text-align: center; overflow: hidden;}
	.wrapping2021-box01-title{display: flex; justify-content: center; align-items: center; height: 47px; margin: 5px 0; font-weight: bold; color: #870300;}
	/* wrapping_下層 */
	.wrapping2021-content-wrapper{max-width: 948px;margin: 0 auto;}
	.wrapping2021-inner01{position: relative;}
	.wrapping2021-top{padding-top: 50px; padding-right: 414px;}
	.wrapping2021-title01{margin-bottom: 11px;}
	.wrapping2021-text01{margin-bottom: 30px; color: #6aac2f; font-size: 20px; font-weight: bold; line-height: 1.5;}
	.wrapping2021-logo{position: absolute; top: 36px; right: 0;}
	.wrapping2021-inner02{display: flex; justify-content: space-between;}
	.wrapping2021-picture01{margin-bottom: 0; width: 50%;}
	.wrapping2021-section01-lower{width: 41%; display: flex; flex-direction: column-reverse;}
	.wrapping2021-list01{border-top: 2px solid #870300; border-bottom: 2px solid #870300}
	.wrapping2021-list01-item{position: relative; padding-left: 24px;}
	.wrapping2021-list01-item:first-child{margin-top: 14px;}
	.wrapping2021-list01-item:last-child{margin-bottom: 14px}
	.wrapping2021-list01-item:before{content: ""; position: absolute; top: 8px; left: 6px; background-image: url(/products/brand/okashihappy/okashi-code/kurashi/kurashi_01/images/pc_list_logo.png); display: inline-block; width: 7px; height: 7px; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
	.wrapping2021-picture02{max-width: 176px; margin-bottom: 47px; margin-top: 40px;}
	.wrapping2021-section02-lower{margin-top: 46px;}
	.wrapping2021-title02{margin-bottom: 17px;}
	.wrapping2021-title03{margin-bottom: 41px;}
	.wrapping2021-list02{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 37px;}
	.wrapping2021-list02-item{position: relative; width: 50%;}
	.wrapping2021-icon01{position: absolute; top: 0; left: 17px;}
	.wrapping2021-list-image{margin: 25px 0 38px 84px;}
	.wrapping2021-text02{margin: 28px 0 0;}
	.wrapping2021-definition{margin-top: 35px;}
	.wrapping2021-term{font-weight: normal;}
	.wrapping2021-list03-item{margin-left: 15px; position: relative;}
	.wrapping2021-list03-item:before{content: ""; position: absolute; top: 10px; left: -14px; width: 4px; height: 4px; background-color: #870300; border-radius: 50%;}
}
@media print,screen and (max-width: 1023px){
	/* okashi-top */
	.okashi2021-toplist{max-width: 100%; margin: 0 20px;}
	/* kurashi */
	.kurashi2021-box01{max-width: 666px; justify-content: space-between; margin: 0 auto;}
	.kurashi2021-box01-item{margin-top: 16px; margin-right: 0; display: flex;}
	/* decoration */
	.decoration2022-box01{max-width: 666px; justify-content: space-between; margin: 0 auto;}
	.decoration2022-box01-item{margin-top: 16px; margin-right: 0; display: flex;}
	/* wrapping */
	.wrapping2021-box01{max-width: 666px; justify-content: space-between; margin: 0 auto;}
	.wrapping2021-box01-item{margin-top: 16px; margin-right: 0; display: flex;}
}

/*▼ SP ▼---------------------------------------------------------*/
@media print,screen and (max-width: 767px){
	/* okashi-top */
	.okashi2021-topsection{max-width: 100%; background-image:url(/products/brand/okashihappy/okashi-code/images/sp_backimage_221101.png);background-size: cover; background-repeat: no-repeat; background-position: center top;}
	.okashi2021-topcontent{margin: 0 auto; padding-bottom: 70px;}
	.okashi2021-toptitle{margin: 0 auto 35px; padding-top: 10px;}
	.okashi2021-toplogo{margin-bottom: 0;}
	.okashi2021-toplist{margin: 0 20px;}
	.okashi2021-list01{margin-left: 2px;}
	.okashi2021-list01-item{text-align: center;}
	.okashi2021-list01-item:not(:last-child){margin-bottom: 11px;}
	/* kurashi */
	.kurashi2021-main-image{padding-top: 24px;margin-bottom: 22px;}
	.kurashi2021-textblock01{padding: 0 50px; margin-bottom: 20px; text-align: center;}
	.kurashi2021-image01{padding: 0 20px; margin-bottom: 17px;}
	.kurashi2021-main-title{padding: 0 20px;}
	.kurashi2021-section03 .kurashi2021-main-title{padding: 0 20px; padding-top: 22px;}
	.kurashi2021-box01{display: flex; flex-wrap: wrap; max-width: 335px; padding-bottom: 42px;}
	.kurashi2021-box01-item{margin-top: 16px;}
	.kurashi2021-box01-link{display: block; width: 161px; background-color: #ffd583; border-radius: 10px; text-align: center; overflow: hidden;}
	.kurashi2021-box01-title{margin: 0; padding: 7px 3px; font-weight: bold; color: #880400;}
	/* decoration */
	.decoration2022-main-image{padding-top: 24px;margin-bottom: 22px;}
	.decoration2022-textblock01{padding: 0 50px; margin-bottom: 20px; text-align: center;}
	.decoration2022-image01{padding: 0 20px; margin-bottom: 17px; text-align: center;}
	.decoration2022-main-title{padding: 0 20px;}
	.decoration2022-section03 .decoration2022-main-title{padding: 0 20px; padding-top: 22px;}
	.decoration2022-box01{display: flex; flex-wrap: wrap; max-width: 335px; padding-bottom: 42px;}
	.decoration2022-box01-item{margin-top: 16px;}
	.decoration2022-box01-link{display: block; width: 161px; background-color: #ffd583; border-radius: 10px; text-align: center; overflow: hidden;}
	.decoration2022-box02-link{display: block; width: 161px;text-align: center; overflow: hidden;}
	.decoration2022-box01-title{margin: 0; padding: 7px 3px; font-weight: bold; color: #880400;}
	/* kurashi_下層 */
	.kurashi2021-content-wrapper{padding: 0 20px; max-width: 663px; margin: 0 auto;}
	.kurashi2021-inner01{display: flex; flex-direction: column-reverse;}
	.kurashi2021-logo{margin-top: 25px; padding: 0 64px; text-align: center;}
	.kurashi2021-top{margin-top: 23px; margin-left: 9px;}
	.kurashi2021-title01{margin-right: 51px; margin-bottom: 20px;}
	.kurashi2021-text01{margin-top: 9px; color: #ed6c00; font-size: 14px; font-weight: bold; line-height: 1.4;}
	.kurashi2021-inner02{margin-top: 15px;}
	.kurashi2021-section01-lower{display: flex; justify-content: space-between;}
	.kurashi2021-title02{margin-top: 25px; padding-right: 100px; margin-bottom: 13px;}
	.kurashi2021-list01{border-top: 2px solid #870300; border-bottom: 2px solid #870300;}
	.kurashi2021-list01-item{position: relative; padding-left: 14px;}
	.kurashi2021-list01-item:first-child{margin-top: 14px;}
	.kurashi2021-list01-item:last-child{margin-bottom: 14px}
	.kurashi2021-list01-item:before{content: ""; position: absolute; top: 8px; left: 6px; background-image: url(/products/brand/okashihappy/okashi-code/kurashi/kurashi_01/images/sp_list_logo.png); display: inline-block; width: 5px; height: 5px; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
	.kurashi2021-picture02{margin-top: 60px;}
	.kurashi2021-title03{margin-top: 30px; padding-right: 278px;}
	.kurashi2021-list02-item{position: relative;}
	.kurashi2021-icon01{position: absolute; top: -20px; left: 9px; width: 42px;}
	.kurashi2021-list-image{margin-top: 40px;}
	.kurashi2021-textblock01-lower{margin-top: 16px;}
	.kurashi2021-list02{padding-bottom: 50px;}
	.kurashi2021-definition{margin-top: 16px;}
	.kurashi2021-term{font-weight: normal;}
	.kurashi2021-list03-item{margin-left: 16px; position: relative;}
	.kurashi2021-list03-item:before{content: ""; position: absolute; top: 10px; left: -10px; width: 3px; height: 3px; background-color: #870300; border-radius: 50%;}
	.kurashi2021-list04-item{padding-left: 1rem; text-indent: -1rem;}
	/* wrapping */
	.wrapping2021-main-image{padding-top: 24px;margin-bottom: 22px;}
	.wrapping2021-textblock01{padding: 0 50px; margin-bottom: 20px; text-align: center;}
	.wrapping2021-image01{padding: 0 20px; margin-bottom: 17px;}
	.wrapping2021-main-title{padding: 0 20px;}
	.wrapping2021-box01{display: flex; flex-wrap: wrap; max-width: 335px; padding-bottom: 42px;}
	.wrapping2021-box01-link{display: block; width: 161px; background-color: #d0e093; border-radius: 10px; text-align: center; overflow: hidden;}
	.wrapping2021-box01-title{display: flex; justify-content: center; align-items: center; min-height: 60px; margin: 0; font-weight: bold; color: #880400;}
	/* wrapping_下層 */
	.wrapping2021-content-wrapper{padding: 0 20px; max-width: 663px; margin: 0 auto;}
	.wrapping2021-inner01{display: flex; flex-direction: column-reverse;}
	.wrapping2021-logo{margin-top: 25px; padding: 0 64px; text-align: center;}
	.wrapping2021-top{margin-top: 23px; margin-left: 9px;}
	.wrapping2021-title01{margin-right: 51px; margin-bottom: 20px;}
	.wrapping2021-text01{margin-top: 9px; color: #6aac2f; font-size: 14px; font-weight: bold; line-height: 1.4;}
	.wrapping2021-inner02{margin-top: 15px;}
	.wrapping2021-section01-lower{display: flex; justify-content: space-between;}
	.wrapping2021-title02{margin-top: 25px; padding-right: 100px; margin-bottom: 13px;}
	.wrapping2021-list01{border-top: 2px solid #870300; border-bottom: 2px solid #870300;}
	.wrapping2021-list01-item{position: relative; padding-left: 14px;}
	.wrapping2021-list01-item:first-child{margin-top: 14px;}
	.wrapping2021-list01-item:last-child{margin-bottom: 14px}
	.wrapping2021-list01-item:before{content: ""; position: absolute; top: 8px; left: 6px; background-image: url(/products/brand/okashihappy/okashi-code/kurashi/kurashi_01/images/sp_list_logo.png); display: inline-block; width: 5px; height: 5px; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
	.wrapping2021-picture02{margin-top: 60px;}
	.wrapping2021-title03{margin-top: 30px; padding-right: 278px;}
	.wrapping2021-list02-item{position: relative;}
	.wrapping2021-icon01{position: absolute; top: -20px; left: 9px; width: 42px;}
	.wrapping2021-list-image{margin-top: 40px;}
	.wrapping2021-textblock01-lower{margin-top: 16px;}
	.wrapping2021-list02{padding-bottom: 50px;}
	.wrapping2021-definition{margin-top: 16px;}
	.wrapping2021-term{font-weight: normal;}
	.wrapping2021-list03-item{margin-left: 16px; position: relative;}
	.wrapping2021-list03-item:before{content: ""; position: absolute; top: 10px; left: -10px; width: 3px; height: 3px; background-color: #870300; border-radius: 50%;}
}

/* スライダー */
.slider-2 .slick-slide {margin: 0 23px;position: relative;overflow: hidden;}
  .slider-2 .slick-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
  .slider-2 .slick-arrow {width: 60px;height: 60px;border-radius: 50%;background-color: #FFA70A;cursor: pointer;border: none;outline: none;font-size: 0;position: absolute;top: 150px;z-index: 1;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));}
  .slider-2 .slick-arrow::before {content: '';display: block;width: 12px;height: 12px;border: 1px solid #FFF;border-width: 3px 3px 0 0;position: absolute;top: 24px;transform: rotate(45deg);}
  .slider-2 .slick-next {right: -30px;}
  .slider-2 .slick-prev {left: -30px;}
  .slider-2 .slick-next::before {left: 20px;}
  .slider-2 .slick-prev::before {border-width: 0 0 3px 3px;right: 22px;}
  .dots-2 .slick-dots {text-align: center;}
  .dots-2 .slick-dots li {display: inline-block;}
  .dots-2 .slick-dots button {display: block;width: 10px;height: 10px;margin: 6px;font-size: 0;padding: 0;border: 0;outline: none;cursor: pointer;background: #bcbcbc;border-radius: 50%;}
  .dots-2 .slick-dots .slick-active button {background: #0a467d;}
  .slick-slider .slick-track, .slick-slider .slick-list {padding: 0 74px !important;}
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background: #FFA70A !important;}
  .slick-dotted.slick-slider {margin-bottom: 0 !important;margin-top: 40px;}
  @media print,screen and (max-width: 767px) {
	.slider-2 .slick-arrow {top: 100px;}
  }