@charset "UTF-8";
/*------------------------------------------
【DF版】MGdf共通テンプレート
------------------------------------------*/
.lpTemplate, .lpTemplate{
	font-size:16px;
	line-height:1.4;
}
.lpTemplate img, .lpTemplate img{
	width:100%;
	height:auto;
}

/*----- TITLE -----*/
.lpTemplate .tempTitle, .lpTemplate .tempTitle{
	margin-top:1.5em; /* 1.5行分 */
}

.lpTemplate .tempTitle + *, .lpTemplate .tempTitle + *{
	margin-top:1.5em; /* 1.5行分 */
}
/* large */
.lpTemplate .tempTitle.sizeL, .lpTemplate .tempTitle.sizeL{
	font-size:30px;
	line-height:1.4;
}
/* medium */
.lpTemplate .tempTitle.sizeM, .lpTemplate .tempTitle.sizeM{
	font-size:24px;
}
/* small */
.lpTemplate .tempTitle.sizeS, .lpTemplate .tempTitle.sizeS{
	font-size:18px;
}
/* sub */
.lpTemplate .tempTitleSub, .lpTemplate .tempTitleSub{
	display:block;
	font-size:0.75em; /* 基準 × 0.75 */
}

/*----- TEXT -----*/
.lpTemplate p, .lpTemplate p{
	line-height:1.4;
}
/* design */
.lpTemplate .tempBold, .lpTemplate .tempBold{
	font-weight:bold;
}
.lpTemplate .tempItaric, .lpTemplate .tempItaric{
	font-style:italic;
}
.lpTemplate .tempUnderline, .lpTemplate .tempUnderline{
	text-decoration:underline;
}
.lpTemplate .tempThrough, .lpTemplate .tempThrough{
	text-decoration:line-through;
}
.lpTemplate .tempMarker, .lpTemplate .tempMarker{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.lpTemplate .tempRuledline, .lpTemplate .tempRuledline{
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.lpTemplate .tempRuledline + * , .lpTemplate .tempRuledline + *{
	margin-top:10px;
}
/* color */
.lpTemplate .tempColorRed, .lpTemplate .tempColorRed{
	color:#C03;
}
.lpTemplate .tempColorPink, .lpTemplate .tempColorPink{
	color:#FE0096;
}
.lpTemplate .tempColorBlue, .lpTemplate .tempColorBlue{
	color:#39ABFB;
}
.lpTemplate .tempColorOrange, .lpTemplate .tempColorOrange{
	color:#d03a19;
}
.lpTemplate .tempColorWhite, .lpTemplate .tempColorWhite{
	color:#fff;
}
/* align */
.lpTemplate .tempTextLeft, .lpTemplate .tempTextLeft{
	text-align:left;
}
.lpTemplate .tempTextCenter, .lpTemplate .tempTextCenter{
	text-align:center;
}
.lpTemplate .tempTextRight, .lpTemplate .tempTextRight{
	text-align:right;
}
/* link */
.lpTemplate .tempTextLink, .lpTemplate .tempTextLink, .lpTemplate .tempList.tempArrowRight a, .tempList .tempArrowRight a, .lpTemplate .tempList.tempArrowRight a, .tempList .tempArrowRight a{
	display:inline-block;
}
.lpTemplate .tempTextLink.tempArrowRight, .lpTemplate .tempTextLink.tempArrowRight, .lpTemplate .tempList.tempArrowRight a, .tempList .tempArrowRight a, .lpTemplate .tempList.tempArrowRight a, .tempList .tempArrowRight a{
	position:relative;
	text-indent:1em; /* 1文字分 */
}
.lpTemplate .tempTextLink[class*="tempArrow"]:after, .lpTemplate .tempTextLink[class*="tempArrow"]:after, .lpTemplate .tempList[class*="tempArrow"] a:after, .tempList [class*="tempArrow"] a:after, .lpTemplate .tempList[class*="tempArrow"] a:after, .tempList [class*="tempArrow"] a:after{
	content:'';
	display:inline-block;
	width:7px;
	height:7px;
	border-top:#C03 solid 1px;
	border-right:#C03 solid 1px;
	transform:rotate(45deg) translate(0.1em, -0.2em);
}
.lpTemplate .tempTextLink.tempArrowRight:after, .lpTemplate .tempTextLink.tempArrowRight:after, .lpTemplate .tempList.tempArrowRight a:after, .lpTemplate .tempList .tempArrowRight a:after, .lpTemplate .tempList.tempArrowRight a:after, .lpTemplate .tempList .tempArrowRight a:after{
	position:absolute;
	top:0.5em;
	left:3px;
	transform:rotate(-135deg);
}
.lpTemplate .tempTextLink.tempArrowUp:after, .lpTemplate .tempTextLink.tempArrowUp:after, .lpTemplate .tempList.tempArrowUp a:after, .lpTemplate .tempList .tempArrowUp a:after, .lpTemplate .tempList.tempArrowUp a:after, .lpTemplate .tempList .tempArrowUp a:after{
	transform:rotate(-45deg) translateX(-0.1em);
}
.lpTemplate .tempTextLink.tempArrowDown:after, .lpTemplate .tempTextLink.tempArrowDown:after, .lpTemplate .tempList.tempArrowDown a:after, .lpTemplate .tempList .tempArrowDown a:after, .lpTemplate .tempList.tempArrowDown a:after, .lpTemplate .tempList .tempArrowDown a:after{
	transform:rotate(135deg) translate(-0.2em, 0.2em);
}
/* note */
.lpTemplate .tempTextNote, .lpTemplate .tempTextNote{
	font-size:12px;
}
.lpTemplate .tempTextNote.indent, .lpTemplate .tempTextNote.indent{
	padding-left:1em; /* 1文字分 */
	text-indent:-1em; /* 1文字分 */
}

/*----- LIST -----*/
.lpTemplate .tempList, .lpTemplate .tempList{
	margin-top:30px;
}
.lpTemplate .tempList > *, .lpTemplate .tempList > *{
	margin-top:0.5em; /* 0.5行分 */
}
/* link */
.lpTemplate .tempList a, .lpTemplate .tempList a{
	text-decoration:underline;
}
.lpTemplate .tempList[class*="tempArrow"] a, .lpTemplate .tempList [class*="tempArrow"] a, .lpTemplate .tempList[class*="tempArrow"] a, .lpTemplate .tempList [class*="tempArrow"] a{
	text-decoration:none;
}
/* inside */
.lpTemplate .tempList.tempInside > *, .lpTemplate .tempList.tempInside > *{
	padding-left:0.5em; /* 0.5文字分 */
}
.lpTemplate .tempList.tempInside > *:before, .lpTemplate .tempList.tempInside > *:before{
	content:"";
	width:4px;
	height:4px;
	background:#000;
	display:inline-block;
	border-radius:5px;
	transform:translate(-0.5em, -100%);
}

/*----- COLUMN -----*/
.lpTemplate .tempColumn, .lpTemplate .tempColumn{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:50px;
}
.lpTemplate .columnItem, .lpTemplate .columnItem{
	margin-top:10px;
}
.lpTemplate .columnItem > *:first-child, .lpTemplate .columnItem > *:first-child{
	margin-top:0;
}
.lpTemplate .columnItem > *, .lpTemplate .columnItem > *{
	max-width:100%;
}
.lpTemplate .tempColumn.tempLine1 .columnItem, .lpTemplate .tempColumn.tempLine1 .columnItem{
	margin:0 auto;
}
.lpTemplate .tempColumn.tempLine2 .columnItem, .lpTemplate .tempColumn.tempLine2 .columnItem{
	width:48%;
	margin-left:4%;
}
.lpTemplate .tempColumn.tempLine3 .columnItem, .lpTemplate .tempColumn.tempLine3 .columnItem{
	width:calc(92%/3); /* 全体(92%) ÷ 3 */
	margin-left:4%;
}
.lpTemplate .tempColumn.tempLine4 .columnItem, .lpTemplate .tempColumn.tempLine4 .columnItem{
	width:23.2%;
	margin-left:2.4%;
}
.lpTemplate .tempColumn.tempLine5 .columnItem, .lpTemplate .tempColumn.tempLine5 .columnItem{
	width:18%;
	margin-left:2.5%;
}
.lpTemplate .tempColumn.tempLine6 .columnItem, .lpTemplate .tempColumn.tempLine6 .columnItem{
	width:15%;
	margin-left:2%;
}
.lpTemplate .tempColumn.tempLine2 .columnItem:nth-of-type(2n+1), .lpTemplate .tempColumn.tempLine3 .columnItem:nth-of-type(3n+1), .lpTemplate .tempColumn.tempLine4 .columnItem:nth-of-type(4n+1), .lpTemplate .tempColumn.tempLine5 .columnItem:nth-of-type(5n+1), .lpTemplate .tempColumn.tempLine6 .columnItem:nth-of-type(6n+1), .lpTemplate .tempColumn.tempLine2 .columnItem:nth-of-type(2n+1), .lpTemplate .tempColumn.tempLine3 .columnItem:nth-of-type(3n+1), .lpTemplate .tempColumn.tempLine4 .columnItem:nth-of-type(4n+1), .lpTemplate .tempColumn.tempLine5 .columnItem:nth-of-type(5n+1), .lpTemplate .tempColumn.tempLine6 .columnItem:nth-of-type(6n+1){
	margin-left:0;
}
.lpTemplate .tempColumn.tempLine2 .columnItem:nth-of-type(-n+2), .lpTemplate .tempColumn.tempLine3 .columnItem:nth-of-type(-n+3), .lpTemplate .tempColumn.tempLine4 .columnItem:nth-of-type(-n+4), .lpTemplate .tempColumn.tempLine5 .columnItem:nth-of-type(-n+5), .lpTemplate .tempColumn.tempLine6 .columnItem:nth-of-type(-n+6), .lpTemplate .tempColumn.tempLine2 .columnItem:nth-of-type(-n+2), .lpTemplate .tempColumn.tempLine3 .columnItem:nth-of-type(-n+3), .lpTemplate .tempColumn.tempLine4 .columnItem:nth-of-type(-n+4), .lpTemplate .tempColumn.tempLine5 .columnItem:nth-of-type(-n+5), .lpTemplate .tempColumn.tempLine6 .columnItem:nth-of-type(-n+6){
	margin-top:0;
}

/*----- BTN -----*/
.lpTemplate .tempBtn, .lpTemplate .tempBtn{
	display:block;
	margin:20px auto 0;
}
.lpTemplate .tempBtn .tempBtnObj, .lpTemplate .tempBtn .tempBtnObj{
	display:block;
	position:relative;
	max-width:330px;
	margin:0 auto;
	padding:10px 13px;
	border-radius:6px;
	background:#c03;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:1.3;
	letter-spacing:0.02em;
}
.lpTemplate .tempBtn .tempBtnObj:after, .lpTemplate .tempBtn .tempBtnObj:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:13px;
	width:7px;
	height:7px;
	margin-top:-3px;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	transform:rotate(45deg);
}
/* color */
.lpTemplate .tempBtn.tempColorRed .tempBtnObj, .lpTemplate .tempBtn.tempColorRed .tempBtnObj{
	background-color:#C03;
}
.lpTemplate .tempBtn.tempColorPink .tempBtnObj, .lpTemplate .tempBtn.tempColorPink .tempBtnObj{
	border-color:#FE0096;
	background-color:#FE0096;
}
.lpTemplate .tempBtn.tempColorBlue .tempBtnObj, .lpTemplate .tempBtn.tempColorBlue .tempBtnObj{
	border-color:#39ABFB;
	background-color:#39ABFB;
}
.lpTemplate .tempBtn.tempColorOrange .tempBtnObj, .lpTemplate .tempBtn.tempColorOrange .tempBtnObj{
	border-color:#d03a19;
	background-color:#d03a19;
}
.lpTemplate .tempBtn.tempColorWhite .tempBtnObj, .lpTemplate .tempBtn.tempColorWhite .tempBtnObj{
	border:1px solid #c03;
	background-color:#fff;
	color:#C03;
}
.lpTemplate .tempBtn.tempColorWhite .tempBtnObj:after, .lpTemplate .tempBtn.tempColorWhite .tempBtnObj:after{
	border-color:#C03;
}
.lpTemplate .tempBtn.tempColorBlack .tempBtnObj, .lpTemplate .tempBtn.tempColorBlack .tempBtnObj{
	border-color:#333;
	background-color:#333;
}
/* 非活性 */
.lpTemplate .tempBtn .tempBtnObj.inactive, .lpTemplate .tempBtn .tempBtnObj.inactive{
	border-color:#ddd;
	background-color:#ddd;
}
.lpTemplate .tempBtn .tempBtnObj.inactive:after, .lpTemplate .tempBtn .tempBtnObj.inactive:after{
	display:none;
}
/* arrow */
.lpTemplate .tempBtn.tempArrowRight .tempBtnObj:after, .lpTemplate .tempBtn.tempArrowRight .tempBtnObj:after{
	left:13px;
	right:auto;
	transform:rotate(-135deg);
}
.lpTemplate .tempBtn.tempArrowUp .tempBtnObj:after, .lpTemplate .tempBtn.tempArrowUp .tempBtnObj:after{
	transform:rotate(-45deg);
}
.lpTemplate .tempBtn.tempArrowDown .tempBtnObj:after, .lpTemplate .tempBtn.tempArrowDown .tempBtnObj:after{
	margin-top:-9px;
	transform:rotate(135deg);
}
.lpTemplate .tempBtn.tempArrowNone .tempBtnObj:after, .lpTemplate .tempBtn.tempArrowNone .tempBtnObj:after{
	display:none;
}

/*----- SLIDER -----*/
.lpTemplate .tempSlider, .lpTemplate .tempSlider{
	width:100%;
	margin-top:20px;
	overflow:hidden;
	opacity: 1;
}
.lpTemplate .tempSlideList, .lpTemplate .tempSlideList{
	margin:0;
	padding:0;
}
/* pagenation */
.lpTemplate .tempSlider.ptAddNav, .lpTemplate .tempSlider.ptAddNav{
	position:relative;
	padding-bottom:25px;
}
.lpTemplate .tempSlider.ptAddNav .swiper-pagination, .lpTemplate .tempSlider.ptAddNav .swiper-pagination{
	position:absolute;
	bottom:0;
	line-height:1;
}
.lpTemplate .tempSlider.ptAddNav .swiper-pagination-bullet-active, .lpTemplate .tempSlider.ptAddNav .swiper-pagination-bullet-active{
	background:#c03;
}
.lpTemplate .tempSlider.ptAddNav .swiper-button-prev, .lpTemplate .tempSlider.ptAddNav .swiper-button-prev{
	left:0;
}
.lpTemplate .tempSlider.ptAddNav .swiper-button-next, .lpTemplate .tempSlider.ptAddNav .swiper-button-next{
	right:0;
}

/*----- MODAL-----*/
.lpTemplate.tempModalCont, .lpTemplate.tempModalCont{
	display:none;
	padding:30px 3% 10px;
	border-radius:0;
	box-shadow:none;
}
.lpTemplate.tempModalCont .close-modal, .lpTemplate.tempModalCont .close-modal{
	position:absolute;
	top:0;
	right:0;
	background:transparent;
}
.lpTemplate.tempModalCont .close-modal:after, .lpTemplate.tempModalCont .close-modal:after{
	content:'×';
	position:absolute;
	top:50%;
	left:50%;
	font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-align:center;
	text-indent:0;
	color:#888;
	transform:translate(-50%, -50%);
	z-index:1;
}
.lpTemplate.tempModalCont *, .lpTemplate.tempModalCont *{
	box-sizing:border-box;
	list-style:none;
}
.lpTemplate.tempModalCont > *:first-child, .lpTemplate.tempModalCont > *:first-child{
	margin-top:0;
}
.lpTemplate.tempModalCont img, .lpTemplate.tempModalCont img{
	max-width:100%;
}
.lpTemplate.tempModalCont .tempSlider, .lpTemplate.tempModalCont .tempSlider{
	overflow:hidden;
}
.lpTemplate.tempModalCont .tempSlider .swiper-slide, .lpTemplate.tempModalCont .tempSlider .swiper-slide{
	padding:0;
}
.lpTemplate .tempBtnClose, .lpTemplate .tempBtnClose{
	display:block;
	position:relative;
	width:90%;
	max-width:330px;
	margin:20px auto 0;
	padding:13px 10px;
	border-radius:6px;
	background:#c03;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:1.3;
	letter-spacing:0.02em;
}
.lpTemplate .tempBtnClose:after, .lpTemplate .tempBtnClose:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:4.3%;
	width:9px;
	height:9px;
	margin-top:-4px;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	transform:rotate(45deg);
}

/*----- ANIMATION -----*/
.lpTemplate .tempAnime, .lpTemplate .tempAnime{
	opacity:0;
}
/* in */
.lpTemplate .tempAnime.tempInLeft, .lpTemplate .tempAnime.tempInLeft{
	transform:translateX(-50%);
	transition:all 0.7s ease-out;
}
.lpTemplate .tempAnime.tempInLeft.active, .lpTemplate .tempAnime.tempInLeft.active{
	opacity:1;
	transform:translateX(0%);
}
.lpTemplate .tempAnime.tempInRight, .lpTemplate .tempAnime.tempInRight{
	transform:translateX(50%);
	transition:all 0.7s ease-out;
}
.lpTemplate .tempAnime.tempInRight.active, .lpTemplate .tempAnime.tempInRight.active{
	opacity:1;
	transform:translateX(0%);
}
.lpTemplate .tempAnime.tempInTop, .lpTemplate .tempAnime.tempInTop{
	transform:translateY(-50%);
	transition:all 0.7s ease-out;
}
.lpTemplate .tempAnime.tempInTop.active, .lpTemplate .tempAnime.tempInTop.active{
	opacity:1;
	transform:translateY(0%);
}
.lpTemplate .tempAnime.tempInBottom, .lpTemplate .tempAnime.tempInBottom{
	transform:translateY(50%);
	transition:all 0.7s ease-out;
}
.lpTemplate .tempAnime.tempInBottom.active, .lpTemplate .tempAnime.tempInBottom.active{
	opacity:1;
	transform:translateY(0%);
}
/* fade */
.lpTemplate .tempAnime.tempFade, .lpTemplate .tempAnime.tempFade{
	transition:all 0.7s ease-out;
}
.lpTemplate .tempAnime.tempFade.active, .lpTemplate .tempAnime.tempFade.active{
	opacity:1;
}

/*----- BOX -----*/
.lpTemplate .tempBox, .lpTemplate .tempBox{
	margin:10px 3% 0;
	padding:3%;
	background:#fff;
}
.lpTemplate .tempBox > *:first-child , .lpTemplate .tempBox > *:first-child{
	margin-top:0;
}
.lpTemplate .tempBox + * , .lpTemplate .tempBox + *{
	margin-top:10px;
}

/*----- 汎用クラス -----*/
/* fontsize */
.tempFont10{ font-size:10px }
.tempFont11{ font-size:11px }
.tempFont12{ font-size:12px }
.tempFont13{ font-size:13px }
.tempFont14{ font-size:14px }
.tempFont15{ font-size:15px }
.tempFont16{ font-size:16px }
.tempFont18{ font-size:18px }
.tempFont20{ font-size:20px }
.tempFont26{ font-size:26px }
.tempFont28{ font-size:28px }
.tempFont30{ font-size:30px }
.tempFont36{ font-size:36px }
.tempFont40{ font-size:40px }
.tempFont44{ font-size:44px }
.tempFont48{ font-size:48px }

/*----- Ajax(230215) -----*/
div[id^="lp_itemList"]{
  margin: 5% 0 0;
  padding: 0 4%;
}
div[id^="lp_itemList"] .box-inner{
  padding: 0;
}
div[id^="lp_itemList"] .box-inner .box-tit{
  padding: 0;
}
div[id^="lp_itemList"] .box-inner .box-tit__headline{
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
div[id^="lp_itemList"] .box-inner .box-tit__headline:after{
  content: none;
}
div[id^="lp_itemList"] .list-scroll{
  margin: 3.7% -4% 0;
}
div[id^="lp_itemList"] .js-listSlider_content{
  display: grid;
  grid-template-rows: repeat(1, auto);
  grid-auto-flow: column;
  justify-content: start;
  padding: 0 4% 4.3%;
  overflow-y: scroll;
}
div[id^="lp_itemList"] .js-listSlider_content::-webkit-scrollbar{
  display: none;
}
div[id^="lp_itemList"] .list-scroll.list-line_2 .list-item-cmn{
  grid-template-rows: repeat(2, auto);
}
div[id^="lp_itemList"] .list-item-cmn li{
  margin-bottom: 0;
}
div[id^="lp_itemList"] .list-scroll.list-line_2 .list-item-cmn li{
  margin: 19.1% 0 0;
}
div[id^="lp_itemList"] .list-scroll.list-line_2 .list-item-cmn li:nth-of-type(2n+1){
  margin-top: 0;
}
div[id^="lp_itemList"] .js-listSlider_content .js-listSlider_item{
  float: none;
  width: 110px;
  min-width: 110px;
}
div[id^="lp_itemList"] .list-item-cmn li a .image{
  margin-bottom: 13px;
}
div[id^="lp_itemList"] .list-item-cmn li a .image .bage, div[id^="lp_itemList"] .swiper-container a .image .bage{
  width: 100%;
}
div[id^="lp_itemList"] .list-item-cmn li a .image .bage .green, div[id^="lp_itemList"] .swiper-container a .image .bage .green, div[id^="lp_itemList"] .list-item-cmn li a .image .bage .pink, div[id^="lp_itemList"] .swiper-container a .image .bage .pink, div[id^="lp_itemList"] .list-item-cmn li a .image .bage .dpoint, div[id^="lp_itemList"] .swiper-container a .image .bage .dpoint{
  margin: 0;
  padding: 3%;
  font-size: 9px;
}
div[id^="lp_itemList"] .list-item-cmn li a .infor .price{
  font-size: 14px;
}
div[id^="lp_itemList"] .list-item-cmn li .favorite{
  bottom: -2px;
}
div[id^="lp_itemList"] .list-item-cmn li .favorite a{
  position: relative;
  width: 20px;
  height: 20px;
  background: none;
}
div[id^="lp_itemList"] .list-item-cmn li .favorite a:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(//img08.magaseek.com/images/df/common/icon/main_01.png) no-repeat;
  background-size: 250px 800px;
  background-position: -100px -50px;
}
div[id^="lp_itemList"] .list-item-cmn li .favorite a.active:after{
  background-position: -150px -50px;
}
div[id^="lp_itemList"] .box-link-list{
  margin-top: 5.5%;
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
div[id^="lp_itemList"] .box-link-list .box-link-list__item{
  height: auto;
  text-align: right;
  margin-bottom: 0;
  border-bottom: none;
}
div[id^="lp_itemList"] .box-link{
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 4% 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #888;
}
div[id^="lp_itemList"] .box-link:after{
  right: 2px;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  background: none;
  border-top: solid 1px #888;
  border-right: solid 1px #888;
  transform: rotate(45deg);
}
div[id^="lp_vertical_itemList"]{
  padding: 0 3%;
}
div[id^="lp_vertical_itemList"] .box-inner{
  padding: 0;
}
div[id^="lp_vertical_itemList"] .box-inner .box-tit{
  padding: 0;
}
div[id^="lp_vertical_itemList"] .box-inner .box-tit__headline{
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
div[id^="lp_vertical_itemList"] .box-inner .box-tit__headline:after{
  content: none;
}
div[id^="lp_vertical_itemList"] .box-link-list{
  display: none;
}
div[id^="lp_vertical_itemList"] .list-scroll{
  margin-top: 20px;
}
div[id^="lp_vertical_itemList"] .js-listSlider_content li{
	width: 33.33333%!important;
}

/* =================
 SP
================= */
@media all and (max-width:767px){
	/*----- COLUMN -----*/
	.lpTemplate .tempColumn[class*="tempLine"][class*="tempSpLine"] .columnItem, .lpTemplate .tempColumn[class*="tempLine"][class*="tempSpLine"] .columnItem{
		margin:10px 0 0 4%;
	}
	.lpTemplate .tempColumn.tempSpLine1 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine1 .columnItem, .lpTemplate .tempColumn.tempSpLine1 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine1 .columnItem{
		width:100%;
		margin-left:0;
	}
	.lpTemplate .tempColumn.tempSpLine2 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine2 .columnItem, .lpTemplate .tempColumn.tempSpLine2 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine2 .columnItem{
		width:48%;
	}
	.lpTemplate .tempColumn.tempSpLine3 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine3 .columnItem, .lpTemplate .tempColumn.tempSpLine3 .columnItem, .lpTemplate .tempColumn[class*="tempLine"].tempSpLine3 .columnItem{
		width:calc(92%/3); /* 全体(92%) ÷ 3 */
	}
	.lpTemplate .tempColumn.tempSpLine1 .columnItem:first-child, .lpTemplate .tempColumn.tempSpLine2 .columnItem:nth-of-type(-n+2), .lpTemplate .tempColumn.tempSpLine3 .columnItem:nth-of-type(-n+3), .lpTemplate .tempColumn.tempSpLine1 .columnItem:first-child, .lpTemplate .tempColumn.tempSpLine2 .columnItem:nth-of-type(-n+2), .lpTemplate .tempColumn.tempSpLine3 .columnItem:nth-of-type(-n+3){
		margin-top:0;
	}
	.lpTemplate .tempColumn.tempSpLine2 .columnItem:nth-of-type(2n+1), .lpTemplate .tempColumn.tempSpLine3 .columnItem:nth-of-type(3n+1), .lpTemplate .tempColumn.tempSpLine2 .columnItem:nth-of-type(2n+1), .lpTemplate .tempColumn.tempSpLine3 .columnItem:nth-of-type(3n+1){
		margin-left:0;
	}
}

/* =================
 PC
================= */
@media all and (min-width:768px){
	.lpTemplate img, .lpTemplate img{
		width:auto;
		max-width:100%;
	}
	/*----- TITLE -----*/
	.lpTemplate .tempTitle.sizeL, .lpTemplate .tempTitle.sizeL{
		font-size:36px;
	}
	.lpTemplate .tempTitle.sizeM, .lpTemplate .tempTitle.sizeM{
		font-size:30px;
		line-height:1.4;
	}
	.lpTemplate .tempTitle.sizeS, .lpTemplate .tempTitle.sizeS{
		font-size:20px;
		line-height:1.4;
	}
	/*----- TEXT -----*/
	.lpTemplate .tempTextLink:hover, .lpTemplate .tempTextLink:hover{
		transition:opacity 0.4s;
	}
	.lpTemplate .tempTextLink:hover:hover, .lpTemplate .tempTextLink:hover:hover{
		opacity:0.7;
	}
	/*----- BTN -----*/
	.lpTemplate .tempBtn .tempBtnObj, .lpTemplate .tempBtn .tempBtnObj{
		font-size:15px;
	}
	.lpTemplate .tempBtn .tempBtnObj:after, .lpTemplate .tempBtn .tempBtnObj:after{
		right:4.3%;
		width:9px;
		height:9px;
		margin-top:-4px;
	}
	.lpTemplate .tempBtn a.tempBtnObj, .lpTemplate .tempBtn a.tempBtnObj{
		transition:opacity 0.4s;
	}
	.lpTemplate .tempBtn a.tempBtnObj:hover, .lpTemplate .tempBtn a.tempBtnObj:hover{
		opacity:0.7;
	}
	/*----- COLUMN -----*/
	.lpTemplate .columnItem, .lpTemplate .columnItem{
		margin-top:30px;
	}
	/*----- BOX -----*/
	.lpTemplate .tempBox, .lpTemplate .tempBox{
		margin-top:30px;
	}
	.lpTemplate .tempBox + * , .lpTemplate .tempBox + *{
		margin-top:30px;
	}
	/*----- Ajax(230215) -----*/
	div[id^="lp_itemList"]{
    margin-top: 50px;
    padding: 0 3%;
  }
  div[id^="lp_itemList"] .box-inner .box-tit__headline{
   font-size: 22px;
  }
  div[id^="lp_itemList"] .list-scroll{
    position: relative;
    margin: 11px 0 0;
    padding: 0 0 17px;
    overflow: hidden;
  }
  div[id^="lp_itemList"] .js-listSlider{
    position: relative;
    margin-right: -3.2%;
    margin-left: -3.2%;
    padding-right: 3%;
    padding-left: 3%;
  }
  div[id^="lp_itemList"] .js-listSlider::before, div[id^="lp_itemList"] .js-listSlider::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8%;
    height: 100%;
    background: #fff;
    z-index: 9;
  }
  div[id^="lp_itemList"] .js-listSlider::after{
    left: inherit;
    right: 0;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_inner{
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    list-style: none;
    z-index: 1;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    overflow: inherit;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_item{
    position: relative;
    flex-shrink: 0;
    height: 100%;
    transition-property: transform;
  }
  div[id^="lp_itemList"] .list-scroll .list-item-cmn li, div[id^="lp_itemList"] .list-scroll.list-line_2 .list-item-cmn li{
    width: 170px;
    margin: 0;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_next, div[id^="lp_itemList"] .js-listSlider .js-listSlider_prev{
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -18px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: rgba(34, 34, 34, 0.7);
    cursor: pointer;
    z-index: 10;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_prev{
    left: 10px;
    right: auto;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_next{
    right: 10px;
    left: auto;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_next.swiper-button-disabled, div[id^="lp_itemList"] .js-listSlider .js-listSlider_prev.swiper-button-disabled{
    display: none;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_next::after, div[id^="lp_itemList"] .js-listSlider .js-listSlider_prev::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    transform: rotate(45deg);
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_prev::after{
    margin: -6px 0 0 -4px;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
  }
  div[id^="lp_itemList"] .js-listSlider .js-listSlider_next::after{
    margin: -6px 0 0 -8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  div[id^="lp_itemList"] .list-item-cmn li a .image .bage .green, div[id^="lp_itemList"] .swiper-container a .image .bage .green, div[id^="lp_itemList"] .list-item-cmn li a .image .bage .pink, div[id^="lp_itemList"] .swiper-container a .image .bage .pink, div[id^="lp_itemList"] .list-item-cmn li a .image .bage .dpoint, div[id^="lp_itemList"] .swiper-container a .image .bage .dpoint{
    padding: 4px;
    font-size: 11px;
  }
  div[id^="lp_itemList"] .box-link-list{
    margin-top: 28px;
  }
  div[id^="lp_itemList"] .box-link{
    padding-right: 15px;
    font-size: 16px;
  }
	div[id^="lp_vertical_itemList"] .box-inner .box-tit__headline{
		font-size: 22px;
	}
	div[id^="lp_vertical_itemList"] .js-listSlider_content li{
		width: 25%!important;
	}
}