@charset "UTF-8";
/*---------------------*/
/*max-width: 1200px ←画面全体が縮小する幅*/
/*max-width: 979px ←タブレット版*/
/*max-width: 767px ←スマホ版*/
/*max-width: 425px ←スマホ版さらに小さい幅に対応*/
/*構成*/
/*
FONT
COMMON
MAIN
HEADER
ARTICLE
ELEMENT
COTENTS
 L
UTILITY
*/
/*---------------------*/

/* ========== FONT ========== */

/* Noto Sans Japanese https://fonts.google.com/noto/specimen/Noto+Sans+JP */
.font-notosansjp-light {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	font-weight: 300;
	font-style: normal;
}
.font-notosansjp-medium {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	font-weight: 500;
	font-style: normal;
}



/* ========== COMMON ========== */

body{
  overflow-x: hidden;
}

/*可変幅表示にて使用*/
#page-body {
  overflow: hidden;
  width: 100%;
}

/* SMP表示での左右の余白を削除 */
@media (max-width: 979px) {
  #page-body {
    width: 100vw;
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  #page-body {
    width: 100vw;
    margin: 0 -5px;
  }
}

.br-pc{display: inline-block;}
.br-sp{display: none;}


@media (max-width: 767px) {
	.br-pc{display: none;}
	.br-sp{display: inline-block;}
}


/* ========== MAIN ========== */

#lp_main_wrap {
  width: 100%;
  margin: 0 auto;
	color: #3f3f3f;
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0em;
}
#lp_main_wrap * {
	box-sizing: border-box;
}
#lp_main_wrap li,
#lp_main_wrap dt,
#lp_main_wrap dd,
#lp_main_wrap img {
	line-height: 1;
}
#lp_main_wrap p {
	margin-bottom: 0;
}
#lp_main_wrap a {
	transition: all 0.5s ease 0s;
	color: inherit;
	opacity: 1;
	text-decoration: none;
}
#lp_main_wrap a:hover,
#lp_main_wrap a:active {
	color: inherit;
	opacity: 0.6;
	text-decoration: none;
}



/* ========== HEADER ========== */

/* mainvisual-single */
#lp_main_wrap header.mainvisual-single h2 {
  width: 100%;
  margin: 0;
}
#lp_main_wrap header.mainvisual-single h2 img {
  max-width: 100%;
  margin: 0 auto;
}



/* ========== ARTICLE ========== */

/* lp_main */
#lp_main_wrap .lp_main {
  width: 100%;
  margin: 0;
}



/* ========== ANIMATION ========== */

/* fade-in */
.fade-in {
  animation: fade-in 0.5s ease 0s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/* ========== ELEMENT ========== */

/* price */
#lp_main_wrap .price .name {
  font-weight: bold;
}
#lp_main_wrap .price .msize,
#lp_main_wrap .price .lsize,
#lp_main_wrap .price .osize {
  display: inline-block;
  margin-right: 0.8em;
}
#lp_main_wrap .price .msize:before,
#lp_main_wrap .price .lsize:before {
  display: inline-block;
  min-width: 12px;
  margin-right: 7px;
  padding: 2px;
  border: 1px solid #3f3f3f;
  text-align: center;
	font-size: 90%;
  line-height: 1;
}
#lp_main_wrap .price .msize:before {
  content: "M";
}
#lp_main_wrap .price .lsize:before {
  content: "L";
}
#lp_main_wrap .price .osize {
  padding-top: 2px;
}
#lp_main_wrap .price a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #3f3f3f;
}

/* js_tabcontent */
#lp_main_wrap .js_tabcontent {
  display: none;
}
#lp_main_wrap .js_tabcontent.active {
  display: block;
  animation: fade-in 0.5s linear 0s;
}
@media (max-width: 767px) {
	#lp_main_wrap .js_tabcontent {
		display: block;
	}
}

/* slider */
#lp_main_wrap .slider {
	width: 100%;
  margin: 0 auto;
}
#lp_main_wrap .slick-prev,
#lp_main_wrap .slick-next {
  position: absolute;
	width: 50px;
	height: 40px;
  top: 50%;
  z-index: 9999;
}
#lp_main_wrap .slick-prev {
  left: -20px;
}
#lp_main_wrap .slick-next {
  right: -20px;
}
#lp_main_wrap .slick-prev:before,
#lp_main_wrap .slick-next:before {
  content: '';
	width: 24px;
	height: 24px;
  display: block;
  opacity: 1;
  margin: 0 auto;
}
#lp_main_wrap .slick-next:before {
  border-top: solid 1px #898989;
  border-right: solid 1px #898989;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#lp_main_wrap .slick-prev:before {
  border-top: solid 1px #898989;
  border-left: solid 1px #898989;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#lp_main_wrap .slick-dots {
  text-align: center;
	bottom: -40px;
}
#lp_main_wrap .slick-dots {
  display: inline-block;
}
@media (min-width: 768px) {
	#lp_main_wrap .slider-nav {
		display: none;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .slick-prev,
	#lp_main_wrap .slick-next {
  	top: 32%;
	}
  #lp_main_wrap .slick-prev:before,
  #lp_main_wrap .slick-next:before {
		width: 36px;
		height: 36px;
  }
  #lp_main_wrap .slick-prev {
    left: 1%;
  }
  #lp_main_wrap .slick-next {
    right: 1%;
  }
	#lp_main_wrap .slider-nav .slick-track {
		width: 100% !important;
		transform: unset !important; /*サムネイル固定*/
		text-align: center !important;
	}
	#lp_main_wrap .slider-nav li.slick-slide  {
		width: calc(100% / 7) !important; /*サムネイルの画像サイズを最大数の時に統一*/
		float: none !important;
		display: inline-block !important;
	}
}


/* ========== COTENTS ========== */

/* lp_lead */
#lp_main_wrap .lp_lead {
	font-size: 18px;
  text-align: center;
  margin: 97px auto 74px;
  line-height: 1.7em;
}
#lp_main_wrap .lp_lead p{
	font-size: 16px;
	letter-spacing: 0.075em;
}
@media (max-width: 767px) {
  #lp_main_wrap .lp_lead {
		display: block;
		width: 88.8%;
    margin: 4% auto 17%;
  }
  #lp_main_wrap .lp_lead p {
		margin-top: 5%;
		font-size: 14px;
		line-height: 1.67;
		letter-spacing: 0.06em;
	}
  #lp_main_wrap .lp_lead p:first-child {
		margin-top: 16%;
	}
}

/* lp_btn */
#lp_main_wrap .lp_btn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#lp_main_wrap .lp_btn p {
  margin-bottom: 13px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.1em;
	color: #D1AF68;
}
#lp_main_wrap .lp_btn a {
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 26px 20px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
}
#lp_main_wrap .lp_btn a.lp_btn_type01 {
  background: #fff;
  border: 1px solid #3f3f3f;
  color: #3f3f3f;
}
#lp_main_wrap .lp_btn a.lp_btn_type02 {
  background: #3f3f3f;
  border: 1px solid #3f3f3f;
  color: #fff;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_btn a {
		font-size: 16px;
		letter-spacing: 0.1em;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_btn p {
		margin-bottom: 2.5%;
		font-size: 16px;
	}
	#lp_main_wrap .lp_btn a {
		margin-top: 5%;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
		letter-spacing: 0.1em;
  }
}


/* lp_concept */
#lp_main_wrap .lp_concept {
  width: 100%;
  margin: 140px auto 113px;
}
#lp_main_wrap .lp_concept .lp_concept_inner {
  width: 88.8%;
  max-width: 980px;
  margin: 0 auto;
}
#lp_main_wrap .lp_concept_content {
  width: 100%;
	min-width: 0%;
  margin: 0 auto 72px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#lp_main_wrap .lp_concept_img {
  width: 51%;
	padding-right: 10px;
}
#lp_main_wrap .lp_concept_text {
  width: 44%;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_concept_img {
		padding-right: 0;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_concept {
		margin: 0 auto 13%;
	}
	#lp_main_wrap .lp_concept_content {
		display: block;
		margin-bottom: 10%;
	}
	#lp_main_wrap .lp_concept_img {
  	width: 100%;
		margin-bottom: 6%;
	}
	#lp_main_wrap .lp_concept_text {
  	width: 100%;
		padding-right: 0;
	}
}

/* lp_concept_lead-smp */
#lp_main_wrap .lp_concept_lead-smp {
	display: none;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_concept_lead-smp {
		display: block;
		margin-bottom: 9%;
	}
	#lp_main_wrap .lp_concept_lead-smp .lp_concept_lead_subtitle {
		margin-bottom: 5%;
		padding: 0;
	}
	#lp_main_wrap .lp_concept_lead-smp .lp_concept_lead_subtitle img {
		width: 51%;
		max-width: 170px;
	}
	#lp_main_wrap .lp_concept_lead-smp h3 {
		font-size: 28px;
		line-height: 1.6;
		letter-spacing: 0.04em;
	}
}

/* lp_concept_lead-pc */
#lp_main_wrap .lp_concept_lead-pc {
	margin-bottom: 11%;
}
#lp_main_wrap .lp_concept_lead-pc .lp_concept_lead_subtitle {
	margin-bottom: 5%;
}
#lp_main_wrap .lp_concept_lead-pc .lp_concept_lead_subtitle img {
	width: 170px;
}
#lp_main_wrap .lp_concept_lead-pc h3 {
	padding-left: 5px;
  font-size: 31px;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_concept_lead-pc h3 {
		padding-left: 0;
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_concept_lead-pc {
		display: none;
	}
}

/* lp_concept_text */
#lp_main_wrap .lp_concept_text .lp_concept_text_text>p {
	margin-top: 5%;
	padding-left: 6px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price {
	margin-top: 10%;
	padding-left: 6px;
}
#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price .name {
	display: inline-block;
	margin-right: 0.8em;
}
#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price p,
#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price span {
  font-size: 14px;
  line-height: 1.875;
  letter-spacing: 0.12em;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_concept_text .lp_concept_text_text>p {
		margin-top: 5%;
		padding-left: 0;
		font-size: 14px;
	}
	#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price {
		margin-top: 10%;
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_concept_text .lp_concept_text_text>p {
		margin-top: 5%;
		padding-left: 0;
		font-size: 13px;
		line-height: 1.86;
	}
	#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price {
		margin-top: 5%;
		padding-left: 0;
	}
	#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price p,
	#lp_main_wrap .lp_concept_text .lp_concept_text_text .lp_concept_text_text_price span {
		font-size: 13px;
		line-height: 1.8;
	}
}



/* lp_guide */
#lp_main_wrap .lp_guide {
  width: 100%;
  margin: 0 auto 133px;
}
#lp_main_wrap .lp_guide_inner {
  width: 88.8%;
  max-width: 1125px;
  margin: 0 auto;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_guide {
		width: 100%;
		margin: 0 auto 20%;
	}
}

/* lp_guide_title */
#lp_main_wrap .lp_guide_title {
	margin-bottom: 7%;
}
#lp_main_wrap .lp_guide_title h3 {
	font-size: 33px;
	line-height: 1;
	letter-spacing: 0.14em;
	font-weight: bold;
	text-align: center;
}
#lp_main_wrap .lp_guide_title h3 span {
  display: block;
  margin: 0 auto 24px;
}
#lp_main_wrap .lp_guide_title h3 img {
	width: 50%;
	max-width: 239px;
	position: relative;
	left: -5px;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_guide_title {
		margin: 0 auto 11%;
	}
	#lp_main_wrap .lp_guide_title h3 {
		font-size: 26px;
		letter-spacing: 0.08em;
	}
}

/* lp_guide_content SMP版カテゴリタイトル */
#lp_main_wrap .lp_guide_content h4 {
	display: none;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_guide_content h4 {
		display: block;
		padding-bottom: 5%;
		margin-bottom: 12%;
		border-bottom: 1px solid #3f3f3f;
		text-align: center;
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.14em;
		font-weight: bold;
	}
	#lp_main_wrap .lp_guide_content h4 span {
		display: inline-block;
	}
	#lp_main_wrap .lp_guide_content h4 img {
		display: block;
		margin: 0 auto 8px;
	}
	#lp_main_wrap .lp_guide_content h4.lp_guide_h4-01 img {
		width: 48%;
	}
	#lp_main_wrap .lp_guide_content h4.lp_guide_h4-02 img {
		width: 39%;
	}
	#lp_main_wrap .lp_guide_content h4.lp_guide_h4-03 img {
		width: 90.4%;
	}
}

/* lp_guide_content コレクション名タイトル */
#lp_main_wrap .lp_guide_content h5 {
	margin-bottom: 14px;
	font-weight: 500;
	font-size: 26px;
	line-height: 1;
	letter-spacing: 0.12em;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_guide_content h5 {
		margin-bottom: 5%;
		text-align: center;
		font-size: 24px;
	}
}

/* lp_guide_collection */
#lp_main_wrap .lp_guide_collection {
  margin-bottom: 8%;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_guide_collection {
		margin-bottom: 15%;
	}
}

/* lp_tabnav */
#lp_main_wrap ul.lp_tabnav {
  width: 100%;
  margin: 0 auto 8%;
	display: flex;
}
#lp_main_wrap ul.lp_tabnav li {
	padding: 10px 20px 28px;
  border-bottom: 5px solid #F7F3EA;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	opacity: 1;
}
#lp_main_wrap ul.lp_tabnav li:hover {
	opacity: 0.6;
}
#lp_main_wrap ul.lp_tabnav li.active {
  border-bottom: 5px solid #D1AF68;
}
#lp_main_wrap ul.lp_tabnav li .lp_tabnav_title {
  max-width: 100%;
	margin: 0 auto 13px;
}
#lp_main_wrap ul.lp_tabnav li .lp_tabnav_subtitle {
	font-size: 15px;
	line-height: 1.46;
  letter-spacing: 0.14em;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab01 {
  width: 30%;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab02 {
  width: 30%;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab03 {
  width: 40%;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab01 .lp_tabnav_title {
  width: 57%;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab02 .lp_tabnav_title {
  width: 47%;
}
#lp_main_wrap ul.lp_tabnav li.lp_tabnav_tab03 .lp_tabnav_title {
  width: 88%;
}
@media (max-width: 767px) {
	#lp_main_wrap ul.lp_tabnav {
		display: none;
	}
}

/* lp_guide_itemlist */
#lp_main_wrap ul.lp_guide_itemlist {
  width: 100%;
  margin: 0 auto 54px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#lp_main_wrap ul.lp_guide_itemlist li {
  width: 48%;
  margin-bottom: 3px;
}
#lp_main_wrap ul.lp_guide_itemlist li a {
  width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img {
  width: 48.8%;
  position: relative;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img img {
  width: 100%;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img.lp_guide_itemlist_best {
  position: relative;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img.lp_guide_itemlist_best::after {
  display: block;
  content: '';
  width: 68px;
  height: 68px;
  position: absolute;
  right: 0;
	top: 14%;
	background: url("https://ds-assets.store-image.jp/e-look.jp/2026/clausporto/2026_flavor_guide/badge_best.png") top center no-repeat;
	background-size: contain;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_text {
  width: 51.2%;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_text p {
	font-size: 13px;
	line-height: 1.7;
  letter-spacing: 0.12em;
}
#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_text p.lp_guide_itemlist_name {
	font-weight: bold;
}
@media (max-width: 767px) {
	#lp_main_wrap ul.lp_guide_itemlist {
		width: 100%;
		margin: 0 auto 5%;
		display: block;
	}
	#lp_main_wrap ul.lp_guide_itemlist li {
		width: 100%;
		margin-bottom: 0;
	}
	#lp_main_wrap ul.lp_guide_itemlist li a {
		display: block;
		text-align: center;
	}
	#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img {
		width: 70%;
		margin: 0 auto 4%;
	}
	#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img.lp_guide_itemlist_best::after {
		width: 90px;
		height: 90px;
	}
	#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_text {
		width: 88%;
		margin: 0 auto;
	}
	#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_text p {
		line-height: 1.6;
	}
}
@media (max-width: 425px) {
	#lp_main_wrap ul.lp_guide_itemlist li a .lp_guide_itemlist_img.lp_guide_itemlist_best::after {
		width: 68px;
		height: 68px;
	}
}

/* lp_guide_itemnav */
#lp_main_wrap ul.slider-nav {
  display: none;
}
@media (max-width: 767px) {
	#lp_main_wrap ul.slider-nav {
		display: block;
	}
	#lp_main_wrap ul.slider-nav li {
		cursor: pointer;
		transition: all 0.5s ease 0s;
		opacity: 1;
	}
	#lp_main_wrap ul.slider-nav li:hover {
		opacity: 0.6;
	}
}



/* lp_newitem */
#lp_main_wrap .lp_newitem {
  width: 100%;
  margin: 0 auto 0;
}
#lp_main_wrap .lp_newitem .lp_newitem_inner {
  width: 88.8%;
  max-width: 1125px;
  margin: 0 auto;
}
#lp_main_wrap .lp_newitem_title {
  margin: 0 auto 52px;
	text-align: center;
}
#lp_main_wrap .lp_newitem_title h3 {
	margin-bottom: 23px;
	font-size: 33px;
	line-height: 1;
	letter-spacing: 0.14em;
	font-weight: bold;
}
#lp_main_wrap .lp_newitem_title h3 span {
  display: block;
  margin: 0 auto 22px;
}
#lp_main_wrap .lp_newitem_title h3 img {
	width: 231px;
	max-width: 100%;
}
#lp_main_wrap .lp_newitem_title p {
	font-size: 18px;
	line-height: 1.7;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_newitem_content {
  width: 100%;
  margin: 0 auto 47px;
}
#lp_main_wrap .lp_newitem_list {
  display: flex;
  justify-content: center;
  gap: 0 2.8%;
}
#lp_main_wrap .lp_newitem_list li {
  flex-basis: 24%;
  text-align: center;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no1,
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no2,
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no3 {
  display: block;
	padding-top: 12%;
  position: relative;
	z-index: 1;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no1::after,
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no2::after,
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no3::after {
  display: block;
  content: '';
  width: 68px;
  height: 68px;
  position: absolute;
  left: -6%;
	top: 0;
	z-index: 2;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no1::after {
	background: url("https://ds-assets.store-image.jp/e-look.jp/2026/clausporto/2026_flavor_guide/badge_no1.png") top center no-repeat;
	background-size: contain;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no2::after {
	background: url("https://ds-assets.store-image.jp/e-look.jp/2026/clausporto/2026_flavor_guide/badge_no2.png") top center no-repeat;
	background-size: contain;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no3::after {
	background: url("https://ds-assets.store-image.jp/e-look.jp/2026/clausporto/2026_flavor_guide/badge_no3.png") top center no-repeat;
	background-size: contain;
}
#lp_main_wrap .lp_newitem_list a.lp_newitem_list_img {
	display: block;
  margin-bottom: 34px;
}
#lp_main_wrap .lp_newitem_list .lp_newitem_list_name {
	font-size: 13px;
	line-height: 1.78;
	letter-spacing: 0.12em;
	font-weight: bold;
}
#lp_main_wrap .lp_newitem_list .lp_newitem_list_price {
  margin-bottom: 0;
	font-size: 13px;
	line-height: 1.78;
	letter-spacing: 0.12em;
}
#lp_main_wrap .lp_newitem_list .lp_newitem_list_price span {
	display: block;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_newitem {
		margin: 0 auto 20%;
	}
	#lp_main_wrap .lp_newitem_title {
		margin: 0 auto 8%;
	}
	#lp_main_wrap .lp_newitem_title h3 {
		margin-bottom: 5%;
		font-size: 24px;
		letter-spacing: 0.08em;
	}
	#lp_main_wrap .lp_newitem_title h3 span {
		margin: 0 auto 5%;
	}
	#lp_main_wrap .lp_newitem_title p {
		font-size: 14px;
		line-height: 1.67;
		letter-spacing: 0.06em;
	}
	#lp_main_wrap .lp_newitem_content {
		margin: 0 auto 10%;
	}
	#lp_main_wrap .lp_newitem_list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 36px 24px;
	}
	#lp_main_wrap .lp_newitem_list li {
		flex-basis: calc((100% - 24px) / 2);
	}
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no1::after,
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no2::after,
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no3::after {
		width: 54px;
		height: 54px;
	}
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list_img {
		margin-bottom: 8%;
	}
	#lp_main_wrap .lp_newitem_list .lp_newitem_list_name {
		font-size: 12px;
		letter-spacing: 0.08em;
	}
	#lp_main_wrap .lp_newitem_list .lp_newitem_list_price {
		font-size: 12px;
		letter-spacing: 0.08em;
	}
}
@media (max-width: 425px) {
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no1::after,
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no2::after,
	#lp_main_wrap .lp_newitem_list a.lp_newitem_list-no3::after {
		width: 48px;
		height: 48px;
	}
}

/* floating-banner */
#lp_main_wrap .floating-banner {
  position: fixed;
  top:50%;
  right: 0;
  z-index: 1;
}
#lp_main_wrap .floating-banner .coupon_pc {
	display: block;
}
#lp_main_wrap .floating-banner .coupon_smp {
	display: none;
}
@media (max-width: 767px) {
  #lp_main_wrap .floating-banner {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #lp_main_wrap .floating-banner .coupon_pc {
  	display: none;
  }
  #lp_main_wrap .floating-banner .coupon_smp {
  	display: block;
  	width: 100%;
  }
}

/* lp_coupon */
#lp_main_wrap .lp_coupon {
  width: 100%;
  margin: 0 auto;
	background: ##F7F3EA;
}
#lp_main_wrap .lp_coupon_inner {
  width: 88.8%;
  max-width: 1170px;
  margin: 0 auto;
	padding: 54px 0 80px;
	text-align: center;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_coupon_inner {
		padding: 10% 0;
	}
}

/* lp_coupon_title */
#lp_main_wrap .lp_coupon_title {
  margin-bottom: 30px;
}
#lp_main_wrap .lp_coupon_title h3 {
	font-size: 40px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#lp_main_wrap .lp_coupon_title h3 span {
  display: block;
  margin: 0 auto 10px;
}
#lp_main_wrap .lp_coupon_title h3 img {
  width: 350px;
  max-width: 100%;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_coupon_title {
		margin-bottom: 8%;
	}
	#lp_main_wrap .lp_coupon_title h3 {
		font-size: 24px;
		letter-spacing: 0.08em;
	}
}

/* lp_coupon_cardbox01 */
#lp_main_wrap .lp_coupon_cardbox01 {
  display: flex;
  justify-content: center;
	gap: 2.6%;
	margin-bottom: 2.6%;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_cardbox01_box {
  width: 48.7%;
	max-width: 453px;
	padding: 40px 30px;
	background-color: #fff;
  text-align: center;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_title {
  width: 90%;
	max-width: 300px;
	margin: 0 auto 10px;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code {
  width: 100%;
	max-width: 380px;
	margin: 0 auto;
	padding: 8px;
	background-color: #5ecaf1;
	color: #fff;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code .ttl {
	display: inline-block;
	font-weight: bold;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code .code {
	display: inline-block;
	font-weight: bold;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code .clipboard-success {
  font-size: 12px;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_coupon_cardbox01 {
		flex-direction: column;
		gap: 0;
		margin-bottom: 2.5%;
	}
	#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_cardbox01_box {
		width: 100%;
		max-width: 450px;
		margin: 2.5% auto 0;
	}
	#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_cardbox01_box:first-child {
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code .ttl {
		font-size: 14px;
	}
	#lp_main_wrap .lp_coupon_cardbox01 .lp_coupon_code .code {
		font-size: 22px;
	}
}

/* lp_coupon_cardbox02 */
#lp_main_wrap .lp_coupon_cardbox02 {
  display: flex;
  justify-content: center;
	gap: 2.6%;
	margin-bottom: 2%;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_cardbox02_box {
  width: 100%;
	max-width: 518px;
	padding: 48px 30px;
	background-color: #fff;
  text-align: center;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_title {
  width: 90%;
	max-width: 320px;
	margin: 0 auto 16px;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code {
  width: 100%;
	max-width: 420px;
	margin: 0 auto;
	padding: 8px;
	background-color: #fb7f9a;
	color: #fff;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code .ttl {
	display: inline-block;
	font-weight: bold;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code .code {
	display: inline-block;
	font-weight: bold;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code .clipboard-success {
  font-size: 12px;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_coupon_cardbox02 {
		flex-direction: column;
		gap: 0;
		margin-bottom: 2.5%;
	}
	#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_cardbox02_box {
		width: 100%;
		max-width: 450px;
		margin: 2.5% auto 0;
		padding: 40px 30px;
	}
	#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_cardbox02_box:first-child {
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code .ttl {
		font-size: 16px;
	}
	#lp_main_wrap .lp_coupon_cardbox02 .lp_coupon_code .code {
		font-size: 24px;
	}
}

/* lp_coupon_text */
#lp_main_wrap .lp_coupon_text {
	text-align: center;
}
#lp_main_wrap .lp_coupon_text .lp_coupon_text_date {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
#lp_main_wrap .lp_coupon_text .lp_coupon_text_terms {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_coupon_text .lp_coupon_text_date {
		font-size: 16px;
	}
	#lp_main_wrap .lp_coupon_text {
		margin-top: 10%;
	}
}

/* lp_brand */
#lp_main_wrap .lp_brand {
  width: 100%;
  margin: 122px auto 148px;
}
#lp_main_wrap .lp_brand .lp_brand_inner {
  width: 88.8%;
  max-width: 972px;
  margin: 0 auto;
}
#lp_main_wrap .lp_brand_content {
	min-width: 0%;
  margin: 0 auto 78px;
	display: flex;
	justify-content: space-between;
}
#lp_main_wrap .lp_brand_img {
  flex: 0 1 53%;
	text-align: right;
}
#lp_main_wrap .lp_brand_text {
  flex: 0 1 42%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 6%;
}
#lp_main_wrap .lp_brand_text h3 {
	margin-top: auto;
	margin-bottom: 7%;
}
#lp_main_wrap .lp_brand_text h3 img {
  width: 81%;
}
#lp_main_wrap .lp_brand_text .lp_brand_text_tag {
  position: absolute;
	right: 7px;
	top: -4px;
	width: 24%;
	max-width: 95px;
}
#lp_main_wrap .lp_brand_text .lp_brand_text_text {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.08em;
	font-weight: 500;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_brand {
		margin: 20% auto;
	}
	#lp_main_wrap .lp_brand_content {
		display: block;
		margin: 0 auto 10%;
	}
	#lp_main_wrap .lp_brand_img {
		text-align: center;
	}
	#lp_main_wrap .lp_brand_text {
		position: relative;
		display: block;
		padding-right: 0;
	}
	#lp_main_wrap .lp_brand_text .lp_brand_text_tag {
		display: none;
	}
	#lp_main_wrap .lp_brand_text h3 {
		margin-top: 8%;
		margin-bottom: 8%;
		padding-left: 0;
	}
	#lp_main_wrap .lp_brand_text h3 img {
		width: 66%;
	}
	#lp_main_wrap .lp_brand_text .lp_brand_text_text {
		font-size: 13px;
		letter-spacing: 0.06em;
	}
}

/* lp_feature */
#lp_main_wrap .lp_feature {
  width: 100%;
  margin: 0 auto;
	border-top: 1px solid #e7e5e2;
}
#lp_main_wrap .lp_feature_inner {
  width: 88.8%;
  max-width: 1125px;
  margin: 0 auto;
	padding: 68px 0 80px;
	text-align: center;
}
#lp_main_wrap .lp_feature_title {
  margin-bottom: 46px;
}
#lp_main_wrap .lp_feature_title h3 {
	font-size: 40px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#lp_main_wrap .lp_feature_title h3 span {
  display: block;
  margin: 0 auto 12px;
}
#lp_main_wrap .lp_feature_title h3 img {
  width: 133px;
}
#lp_main_wrap .lp_feature_content {
  max-width: 845px;
  margin: 0 auto;
  display: flex;
	flex-wrap: wrap;
  justify-content: center;
	gap: 4%;
}
#lp_main_wrap .lp_feature_content_box {
  flex-basis: 48%;
	margin-bottom: 4%;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_feature_inner {
		padding: 10% 0;
	}
	#lp_main_wrap .lp_feature_title {
		margin-bottom: 8%;
	}
	#lp_main_wrap .lp_feature_title h3 {
		font-size: 24px;
		letter-spacing: 0.08em;
	}
	#lp_main_wrap .lp_feature_content {
		flex-direction: column;
  	justify-content: start;
		gap :24px;
	}
	#lp_main_wrap .lp_feature_content_box {
		flex-basis: 100%;
		margin-bottom: 0;
	}
}



/* ========== UTILITY ========== */

#lp_main_wrap .lp_viewpc_block {
  display: block;
}
#lp_main_wrap .lp_viewpc_inline {
  display: inline;
}
#lp_main_wrap .lp_viewpc_inline-block {
  display: inline-block;
}
#lp_main_wrap .lp_viewpc_none {
  display: none;
}
#lp_main_wrap .lp_viewsmp_block,
#lp_main_wrap .lp_viewsmp_inline,
#lp_main_wrap .lp_viewsmp_inline-block {
  display: none;
}
#lp_main_wrap .lp_viewxs_block,
#lp_main_wrap .lp_viewxs_inline,
#lp_main_wrap .lp_viewxs_inline-block {
  display: none;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_viewpc_block,
	#lp_main_wrap .lp_viewpc_inline,
	#lp_main_wrap .lp_viewpc_inline-block {
	  display: none;
	}
	#lp_main_wrap .lp_viewsmp_block {
	  display: block;
	}
	#lp_main_wrap .lp_viewsmp_inline {
	  display: inline;
	}
	#lp_main_wrap .lp_viewsmp_inline-block {
	  display: inline-block;
	}
	#lp_main_wrap .lp_viewsmp_none {
	  display: none;
	}
}
@media (max-width: 425px) {
	#lp_main_wrap .lp_viewxs_block {
	  display: block;
	}
	#lp_main_wrap .lp_viewxs_inline {
	  display: inline;
	}
	#lp_main_wrap .lp_viewxs_inline-block {
	  display: inline-block;
	}
	#lp_main_wrap .lp_viewxs_none {
	  display: none;
	}
}
