@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 ========== */

/*------------------------------------------------------------------------------------*/
/*common*/
/*------------------------------------------------------------------------------------*/
body{
  overflow-x: hidden;
}
#page-body {
  overflow: hidden;
  width: 100%;
  background-color: #f3f8fc;
}
.orpheuspro{
  font-family: "orpheuspro", serif;
  font-weight: 400;
  font-style: normal;
}
main#lp_main_wrap {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0px;
}
#lp_main_wrap .txt p.description,
#lp_main_wrap .lp_viewsmp_block p.description,
#lp_main_wrap .lp_lead,
#lp_main_wrap .contents_2columns_abreast .txt .btn_buynow{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-size: 1.15em;
  letter-spacing: 0.04em;
}
#lp_main_wrap a {
	transition: all 0.5s ease 0s;
	text-decoration: none;
}
#lp_main_wrap a:hover,
#lp_main_wrap a:active {
	color: inherit;
	opacity: 0.6;
	text-decoration: none;
}
/*フッターバナー*/
#footer_banner{
  margin-top:0;
}
@media (max-width: 767px) {
main#lp_main_wrap {
  font-size: 13px;
}
}
#lp_main_wrap section{
  margin: 0 auto 120px;
}
#lp_main_wrap .contents_2columns_abreast{
  max-width:1080px;
}
@media (max-width: 767px) {
#lp_main_wrap section{
  margin: 0 0 15% 0;
}
}
.lp_viewpc_block{
  display: block;
}
.lp_viewpc_inline{
  display: inline;
}
.lp_viewpc_inline-block{
  display: inline-block;
}
.lp_viewsmp_block{
  display: none;
}
.lp_viewsmp_inline{
  display: none;
}
.lp_viewsmp_inline-block{
  display: none;
}
@media (max-width: 767px) {
.lp_viewpc_block{
  display: none;
}
.lp_viewpc_inline{
  display: none;
}
.lp_viewpc_inline-block{
  display: none;
}
.lp_viewsmp_block{
  display: block;
}
.lp_viewsmp_inline{
  display: inline;
}
.lp_viewsmp_inline-block{
  display: inline-block;
}
}

@media (max-width: 1200px) {
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 425px) {
}

/*------------------------------------------------------------------------------------*/
/*header*/
/*------------------------------------------------------------------------------------*/

/*mainvisual-separate*/
#lp_main_wrap header.mainvisual-separate h2.ttltxt_pc{
}
#lp_main_wrap header.mainvisual-separate h2.ttltxt_pc img{
  width: 100%;
  height: 700px;
  object-fit: cover;
}
#lp_main_wrap header.mainvisual-separate h2.ttltxt_smp,
#lp_main_wrap header.mainvisual-separate h2.ttltxt_tablet{
  display: none;
}
@media (max-width: 1440px) {
  #lp_main_wrap header.mainvisual-separate h2.ttltxt_tablet{
    display: block;
  }
  #lp_main_wrap header.mainvisual-separate h2.ttltxt_pc,
  #lp_main_wrap header.mainvisual-separate h2.ttltxt_smp{
    display: none;
  }
}
@media (max-width: 767px) {
#lp_main_wrap header.mainvisual-separate h2.ttltxt_pc,
#lp_main_wrap header.mainvisual-separate h2.ttltxt_tablet{
  display: none;
}
#lp_main_wrap header.mainvisual-separate h2.ttltxt_pc img{
  display: none;
}
#lp_main_wrap header.mainvisual-separate h2.ttltxt_smp{
  display: block;
}
}

/*---------------------*/
/*nav*/
#lp_main_wrap #global_nav{
  padding-bottom: 2%;
  letter-spacing:0.1em;
  font-size:1em;
}
#lp_main_wrap #global_nav .swiper-slide{
  text-align:center;
}
#lp_main_wrap #global_nav .swiper-slide img{
  margin-bottom:4%;
  display:inline-block;
  width: 90%;
}
#lp_main_wrap #global_nav a::after {
  content: "";
  position: absolute;
  left:0;
  right:0;
  margin:20px auto;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  transform: rotate(135deg);
  z-index: 1;
}
@media (min-width: 768px) {
#lp_main_wrap #global_nav .swiper-wrapper{
    display: flex;
    justify-content: center;
    gap: 1%;
}

#lp_main_wrap #global_nav .swiper-slide{
width: 7%;
}
}
@media (max-width: 1024px) {
  #lp_main_wrap #global_nav .swiper-slide{
   width: 12%;
}
#lp_main_wrap #global_nav{
  font-size:0.8em;
}
#lp_main_wrap #global_nav.fixed .swiper-wrapper .swiper-slide{
   width: 10%;
  font-size: 0.7em;
}
}
@media (max-width: 425px) {
  #lp_main_wrap #global_nav{
    padding: 0  0 6% 6%;
    letter-spacing:0.1em;
    font-size:1em;
  }
#lp_main_wrap #global_nav a::after {
  margin:18px auto;
  display: inline-block;
  width: 6px;
  height: 6px;
}
}
  



/*---------------------*/
/*lead*/
#lp_main_wrap .lp_lead {
  margin-top: 120px;
  text-align: center;
  font-size: 1.15em;
  letter-spacing:0.1em;
}
@media (max-width: 767px) {
  #lp_main_wrap .lp_lead {
    margin-top: 70px;
    letter-spacing: 0.1em;
  }
}

/*------------------------------------------------------------------------------------*/
/*contents*/
/*------------------------------------------------------------------------------------*/

/*contents_2columns_abreast　*/
#lp_main_wrap .contents_2columns_abreast .row{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1%;
  align-items: flex-start;
  margin: 0 0 13%;
}
#lp_main_wrap .contents_2columns_abreast .img{
  width: 43%;
}
#lp_main_wrap .contents_2columns_abreast .txt{
  width: 40%;
  letter-spacing: 2.5px;
  padding: 3.5% 5%;
  position: relative;
}
#lp_main_wrap .contents_2columns_abreast .txt h2{
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 5%;
}
#lp_main_wrap .contents_2columns_abreast .txt #content_5_ttl{
  margin-bottom: 12%;
}
#lp_main_wrap .contents_2columns_abreast .txt p.description{
  font-size: 1.15em;
  margin-bottom: 20%;
  letter-spacing: 0.04em;
}
#lp_main_wrap .contents_2columns_abreast .txt .sub-img,
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 5%;
}
#lp_main_wrap .contents_2columns_abreast .txt .sub-img a,
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img a{
  width: 47%;
}
/*contents_2columns_abreast release*/
/*#lp_main_wrap .contents_2columns_abreast .txt .btn_buynow {
  display: inline-block;
  background: #dba2ac;
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1;
  padding: 1.5% 4%;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0 0 4%;
  letter-spacing: 0.07em;
}*/
/*contents_2columns_abreast number*/
#lp_main_wrap .contents_2columns_abreast .number-bg-1{
  position: absolute;
  top: 5%;
  left: 40%;
  z-index: -1;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-2{
  position: absolute;
  top: 5%;
  left: 32%;
  z-index: -1;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-3{
  position: absolute;
  top: 3%;
  left: 32%;
  z-index: -2;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-4{
  position: absolute;
  top: 5%;
  left: 32%;
  z-index: -2;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-5{
  position: absolute;
  top: 4%;
  left: 32%;
  z-index: -2;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-6,
#lp_main_wrap .contents_2columns_abreast .number-bg-7{
  position: absolute;
  top: 7%;
  left: 32%;
  z-index: -1;
}
@media (max-width: 767px) {
#lp_main_wrap .contents_2columns_abreast{
  margin: 0 5% 15%;
}
#lp_main_wrap .contents_2columns_abreast .row{
  margin: 14% auto 0;
  flex-flow: wrap row-reverse;
}
#lp_main_wrap .contents_2columns_abreast .row-reverse{
  flex-flow: wrap-reverse column-reverse;
}
#lp_main_wrap .contents_2columns_abreast .img{
  width: 100%;
  text-align: center;
}
#lp_main_wrap .contents_2columns_abreast .txt{
  width: 100%;
  padding: 20% 0;
  letter-spacing: 1.7px;
  margin: auto;
}
#lp_main_wrap #content_3 .txt{
  padding: 30% 0;
}
#lp_main_wrap .contents_2columns_abreast .txt h2{text-align: center;}
#lp_main_wrap .contents_2columns_abreast .txt p.description {
font-size: 0.1em;
}
#lp_main_wrap .contents_2columns_abreast .txt .btn_buynow {
	display: block;
	margin: 0 auto 4%;
	text-align:center;
	width: 36%;
}
/*contents_2columns_abreast SMP*/
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img{
  width: 100%;
  gap: 6%;
  margin: 7% 0 14%;
}
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img a{
  width: 47%;
}
  
/*contents_2columns_abreast SMP*/
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img{
  width: 100%;
  gap: 6%;
  margin: 7% 0 14%;
}
#lp_main_wrap .contents_2columns_abreast .lp_viewsmp_block .sub-img a{
  width: 47%;
}
  
/*contents_2columns_abreast number*/
#lp_main_wrap .contents_2columns_abreast .number-bg-1{
  left: 40%;
  top: 0;
  width: 17%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-2{
  left: 31%;
  width: 36%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-3{
  left: 30%;
  width: 32%;
  top: 12%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-4{
  left: 26%;
  width: 39%;
  top:0%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-5{
  left: 36%;
  width: 32%;
  top: 0%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-6{
  left: 31%;
  width: 33%;
  top: 12%;
}
#lp_main_wrap .contents_2columns_abreast .number-bg-7{
  left: 36%;
  width: 29%;
}
}



/*contents_2columns_abreast content-3*/
#lp_main_wrap #content_3{
  margin-top: 10%;
  margin-bottom: 10%;
}
#lp_main_wrap #content_3 .txt .sub-img,
#lp_main_wrap #content_3 .lp_viewsmp_block .sub-img{
  display: block;
}
#lp_main_wrap #content_3 .txt p.description{
  margin-bottom: 15%;
}
#lp_main_wrap #content_3 .itemlist{
  justify-content: center;
  gap: 3%;
}
@media (max-width: 767px) {
  #lp_main_wrap #content_3 .itemlist{
    justify-content: flex-start;
    gap: 3%;
  }
  #lp_main_wrap  #content_3 .itemlist .itemlist_box{
    margin-bottom:10%;
  }
  }

  /*contents_2columns_abreast content-5*/
#lp_main_wrap #content_5{
  margin-bottom: 10%;
}



/*contents_2columns_abreast content-4 content-5 content-6 content-7
 ※marginを調整しているため、更新時、該当するIDを削除し再度調整ください。 */

/*contents_itemlist*/
#lp_main_wrap .itemlist{
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 877px;
    font-family: 'Noto Sans JP', sans-serif;
  }
#lp_main_wrap .itemlist .itemlist_box h2{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 0;
}
#lp_main_wrap .itemlist .itemlist_box p{
  font-size: 0.9em;
  line-height: 1.5;
  margin: 0 auto 0;
}

#lp_main_wrap .itemlist .itemlist_box{
  width: 23%;
  text-align: center;
}
@media (max-width: 767px) {
#lp_main_wrap.column3 .itemlist .itemlist_box ,#lp_main_wrap.column4 .itemlist .itemlist_box{
  width: 48%;
  background: #ffffff;
  text-align: center;
}
#lp_main_wrap .itemlist .itemlist_box h2{
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 0;
}
#lp_main_wrap .credit_style1 p.itemname{
  line-height: 1.5;
  margin: 0 auto 0;
}
#lp_main_wrap .itemlist{
    justify-content: center;
    gap: 4%;
    margin-top: 14%;
  }
#lp_main_wrap .itemlist .itemlist_box{
  width: 47%;
  text-align: center;
  font-size: 1.1em;
}
}

/*---------------------*/
/*credit_style1*/

#lp_main_wrap .credit_style1 p.itemname{
  font-weight: bold;
  margin: 13% 0 0.8% 0;
}

#lp_main_wrap .credit_style1 p.price{
  font-weight: 500;
  font-style: normal;
}
#lp_main_wrap .credit_style1 p a{
  text-decoration: none;
  border-bottom: 1px solid #3f3f3f;
  padding: 0 0 5px 0;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 2.5em;
}
#lp_main_wrap .credit_style1 span.msize, #lp_main_wrap .credit_style1 span.lsize{
  margin: 0 1.5% 0 0;
}
#lp_main_wrap .credit_style1 span.msize::before {
  content: "M";
  border: 1px solid #3f3f3f;
  text-align: center;
  padding: 4px;
  line-height: 1;
  display: inline-block;
  margin-right: 7px;
  min-width: 12px;
}
#lp_main_wrap .credit_style1 span.lsize::before {
    content: "L";
    border: 1px solid #3f3f3f;
  text-align: center;
    padding: 4px;
    line-height: 1;
    display: inline-block;
    margin-right: 7px;
  min-width: 12px;
}
@media (max-width: 768px) {
#lp_main_wrap .credit_style1 p a{
  text-decoration: none;
  border-bottom: 1px solid #3f3f3f;
  padding: 0 0 3px 0;
}
#lp_main_wrap .credit_style1 span.msize, #lp_main_wrap .credit_style1 span.lsize{
  margin: 0 3% 0 0;
}
#lp_main_wrap .credit_style1 span.msize::before {
  line-height: 1;
  min-width: 14px;
}
#lp_main_wrap .credit_style1 span.lsize::before {
  line-height: 1;
  min-width: 14px;
}
}

/*---------------------*/
/*disabled*/

#lp_main_wrap a.disabled,
#lp_main_wrap a.disabled:hover,
#lp_main_wrap a.disabled:focus,
#lp_main_wrap a.disabled:active,
#lp_main_wrap .credit_style1 p a.disabled,
#lp_main_wrap .lp_viewsmp_block .credit_style1 p a.disabled{
  pointer-events: none;
  border-bottom: 0;
  cursor: default;
  text-decoration: none;
  user-select:none;/*ウェブブラウザの種類に依存しない*/
  -webkit-user-select:none;/*Chrome と Safari*/
  -webkit-touch-callout:none;
  -moz-user-select:none;/*Firefox*/
  -moz-touch-callout:none;
  -ms-user-select :none;/*Internet Explorer*/
  -ms-touch-callout:none;
  border-bottom: 0;

}

#lp_main_wrap a.disabled img,
#lp_main_wrap .credit_style1 a.disabled img{
	filter: opacity(40%);
}

/*------------------------------------------------------------------------------------*/
/*footer*/
/*------------------------------------------------------------------------------------*/

/*---------------------*/
/*btn_bottom*/

#lp_main_wrap .footer_btn a{
  display: block;
  width: 100%;
  max-width: 1080px;
  background: #3f3f3f;
  border: 1px solid #3f3f3f;
  box-sizing: border-box;
  color: #ffffff;
  padding: 1% 5%;
  text-decoration: none;
  text-align: center;
  margin: 0 auto 1%;
  font-size: 1.1em;
  letter-spacing: 2.5px;
  transition: 0.5s;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
}
#lp_main_wrap .footer_btn a:hover{
  background: #fafaf7;
  color: #3f3f3f;
  opacity:1;
}
#lp_main_wrap .footer_btn a:hover{
  background: #fafaf7;
  color: #3f3f3f;
}

#lp_main_wrap .footer_btn a::after {
  content: "";
  position: absolute;
  top: 35%;
  right: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg);
  z-index: 1;
}
#lp_main_wrap .footer_btn a:hover::after {
  border-top: 2px solid #3f3f3f;
  border-right: 2px solid #3f3f3f;
}
@media (max-width: 768px) {
  #lp_main_wrap .footer_btn a{
    width: 92%;
    background: #3f3f3f;
    border: 1px solid #3f3f3f;
    box-sizing: border-box;
    color: #ffffff;
    padding: 5% 5%;
    margin: 0 auto 5%;
  }
  #lp_main_wrap .footer_btn a::after {
    top: 38%;
  }
  }

/* lp_item_topbtn */
#lp_main_wrap .lp_item_topbtn {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 80px;
	width: 51px;
	height: 51px;
}
#lp_main_wrap .lp_item_topbtn a {
	display: block;
}
@media (min-width: 1920px) {
	#lp_main_wrap .lp_item_topbtn {
		right: calc(104% - 1920px);
	}
}