@charset "UTF-8";

/* パンくず 追加スタイル PC */

@media only screen and (min-width: 768px){

  .breadcrumb__list{

    padding-bottom: 1.6rem;

  }

}



/* ▼ LPのスタイル ▼ */

/* -- main-area -- */

.main-area {

	font-family: "a-otf-ryumin-pr6n", serif;

	font-weight: 300;

	font-style: normal;

	color: #000;

}

.main-area img {

  width: 100%;

  height: auto;

}

.main-area {

--sp-rate: 1.5;

}



.pc{

	display: block;

}



.sp{

	display: none;

}



/* -- p-header -- */

.p-header {

	margin-top: 20px;

}

/*.p-header__img {

	background: url(../img/mv_img_bg.gif) repeat-x top left;

	background-size: auto 100%;

}*/

.p-header__img img {

	max-width: 100%;

	margin: 0 auto;

}

.p-header__img img {

	max-width: 1440px;

	margin: 0 auto;

}



@media (max-width: 767px) {

	.p-header {

		margin-top: 9px;

	}

	.p-header__img {

		background: none;

	}

	.pc{

	display: none;

}

	.sp{

	display: block;

}

}





/* -- lead -- */

.main-area #dc_2408_items_id .lead {

  max-width: 823px;

  margin: 140px auto 90px;

  text-align: center;

  font-size: 18px;

  line-height: 2;

  letter-spacing: 0.05em;

}

.main-area #dc_2408_items_id .lead > p {

	margin-bottom: 60px;

	font-size: 16px;

	}

#dc_2408_items_id .marks p {

	padding: 10px 60px;

}

#dc_2408_items_id .marks {

    position: relative;

    display: inline-flex;

}

#dc_2408_items_id .marks::before, .marks::after {

	content: "";

	width: 30px;

	height: 100px;

	position: absolute;

}

#dc_2408_items_id .marks::before {

    border-left: solid 1px #000;

    border-top: solid 1px #000;

    top: 0;

    left: 0;

}

#dc_2408_items_id .marks::after {

    border-right: solid 1px #000;

    border-bottom: solid 1px #000;

    bottom: 0;

    right: 0;

}

.main-area #dc_2408_items_id .title {

	display: block;

	color: #772c16;

	font-size: 40px;

}

.main-area #dc_2408_items_id .agg-img {

	margin-top: 4%;

}



@media (max-width: 1230px) {

  .main-area #dc_2408_items_id .lead {

    margin: 100px auto 50px;

    padding: 0 25px;

    font-size: 12px;

  }

  .main-area #dc_2408_items_id .item_wrap {

  }

  }



@media (max-width: 767px) {

  .main-area #dc_2408_items_id .lead {

  	padding: 0 15px;

  	margin-top: 50px;

  }

  #dc_2408_items_id .marks p {

    padding: 20px 25px;

  }

  .main-area #dc_2408_items_id .title {

	font-size: 30px;

    line-height: 1.4em;

    margin-bottom: 5%;

  }

  #dc_2408_items_id .marks::before, .marks::after {

  	height: 50px;

  }

  .main-area #dc_2408_items_id .agg-img {

    margin-top: 8%;

  }

  }





/* -- www_nav -- */

.main-area #dc_2408_items_id .www_nav {

  margin: 0 0 150px;

}

.main-area #dc_2408_items_id .www_nav h3 {

	font-family: "ltc-bodoni-175", serif;

    font-weight: 400;

    font-size: 24px;

    text-align: center;

    margin-bottom: 22px;

    letter-spacing: 0.02em;

}

.main-area #dc_2408_items_id .www_nav .wrap {

  max-width: 1048px;

  margin: 0 auto;

}

.main-area #dc_2408_items_id .www_nav .wrap ul {

  display: flex;

  justify-content: space-between;

}



.main-area #dc_2408_items_id .www_nav ul li > a:hover {

  opacity: 0.5;

  transition: 0.5s;

}

.main-area #dc_2408_items_id .www_nav ul li > a .wwww_nav_img {

  text-align: left;

  margin: 0 3px;

  max-width: 167px;

}



.main-area #dc_2408_items_id .www_nav ul li > a p {

	font-family: a-otf-ryumin-pr6n, serif;

    font-weight: 300;

    font-style: normal;

    font-size: 17px;

    font-weight: bold;

    line-height: 1.5;

    letter-spacing: -0.02em;

    margin: 0;

}





/* -- カラーチップ -- */

.main-area #dc_2408_items_id span.color-chip {

  display: inline-block;

  width: 40px;

  height: 14px;

  margin: 0 13px 0 0;

}

.main-area #dc_2408_items_id .color-chip_box .color_01_1 { background-color: #f6ede2; }

.main-area #dc_2408_items_id .color-chip_box .color_01_2 { background-color: #566a42; }

.main-area #dc_2408_items_id .color-chip_box .color_01_3 { background-color: #3f4776; }



.main-area #dc_2408_items_id .color-chip_box .color_02_1 { background-color: #f6ede2; }

.main-area #dc_2408_items_id .color-chip_box .color_02_2 { background-color: #566a42; }

.main-area #dc_2408_items_id .color-chip_box .color_02_3 { background-color: #3f4776; }



.main-area #dc_2408_items_id .color-chip_box .color_03_1 { background-color: #373737; }

.main-area #dc_2408_items_id .color-chip_box .color_03_2 { background-color: #dbbfa1; }



.main-area #dc_2408_items_id .color-chip_box .color_04_1 { background-color: #373737; }

.main-area #dc_2408_items_id .color-chip_box .color_04_2 { background-color: #dbbfa1; }



.main-area #dc_2408_items_id .color-chip_box .color_05_1 { background-color: #f6ede2; }

.main-area #dc_2408_items_id .color-chip_box .color_05_2 { background-color: #89706a; }

.main-area #dc_2408_items_id .color-chip_box .color_05_3 { background-color: #3f4776; }



.main-area #dc_2408_items_id .color-chip_box .color_06_1 { background-color: #f6ede2; }

.main-area #dc_2408_items_id .color-chip_box .color_06_2 { background-color: #89706a; }

.main-area #dc_2408_items_id .color-chip_box .color_06_3 { background-color: #3f4776; }



#dc_2408_items_id .nav-mg{

	margin-bottom: 2.5%;

}



@media (max-width: 1023px) {

.main-area #dc_2408_items_id .www_nav .wrap ul {

	width: 95%;

    margin: auto;

}

}



@media (max-width: 767px) {

	.main-area #dc_2408_items_id .www_nav {

	  padding: 22px 0 33px;

	  margin: 0;

	}

	.main-area #dc_2408_items_id .www_nav h3 {

		font-size: 18px;

	}

	.main-area #dc_2408_items_id .www_nav .wrap {

	  margin: 0 14px;

	}

	.main-area #dc_2408_items_id .www_nav .wrap ul {

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

	}

	.main-area #dc_2408_items_id .www_nav ul > li {

		width: 32%;

    	margin-bottom: 2%;

	}

	.main-area #dc_2408_items_id .www_nav ul li > a {

	  display: block;

	}

	.main-area #dc_2408_items_id .www_nav ul li > a .wwww_nav_img {

	  margin: 0 0 0 0;

	  width: 100%;

	}

	.main-area #dc_2408_items_id .www_nav ul li > a h3 {

    font-size: 14px;

    margin: 2px 0 5px;

    padding-bottom: 0;

	}

	.main-area #dc_2408_items_id .www_nav ul li > a p {

	  font-size: 10px;

	  margin-bottom: 2px;

	}

	.main-area #dc_2408_items_id span.color-chip {

    width: 43px;

    height: 13px;

    margin: 0 6px 0 0;

	}

	#dc_2408_items_id .nav-mg {

    margin-bottom: 7%;

}

}





/* -- item_wrap -- */

#dc_2408_items_id .bg_01 {

	background-color: #efefef !important;

	padding-top: 60px;

}

#dc_2408_items_id .bg_02 {

	padding-bottom: 60px;

}



@media (max-width: 767px) {

#dc_2408_items_id .bg_01 {

	padding-top: 40px;

}

}



.main-area #dc_2408_items_id .item_wrap {

    overflow: hidden;

    width: 90%;

    max-width: 1050px;

    margin: 0 auto 0;

    background-color: #fff;

}

.main-area #dc_2408_items_id .item_wrap h4 {

  margin: 0 0 20px;

}



.main-area #dc_2408_items_id .item_wrap h4 .s3 {

	font-family: a-otf-ryumin-pr6n, serif;

    font-weight: 400;

    font-style: normal;

    line-height: 1.1;

    font-size: 45px;

    color: #000;

    letter-spacing: 0.2em;

    display: block;

}

.main-area #dc_2408_items_id .item_wrap_flex {

  padding: 100px 0 55px;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  align-items:stretch;

  column-gap: 60px;

  justify-content: center;

  font-feature-settings: "palt";

}

.main-area #dc_2408_items_id .item_wrap_reverse { 

	flex-direction: row-reverse;

}



.main-area #dc_2408_items_id .item_wrap_section {

	width: 37%;

  /*display: flex;

  flex-wrap: nowrap;

  align-items:stretch*/

}

.main-area #dc_2408_items_id .boxtop {

  margin-top: 45px;

  /*flex-flow: row-reverse;*/

}



.main-area #dc_2408_items_id .item_wrap_section .detail {

	font-family: "yu-gothic-pr6n", sans-serif;

    font-weight: 400;

    font-style: normal;

	line-height: 2;

	font-size: 17px;

	letter-spacing: 0.08em;

	text-align: left;

}

.main-area #dc_2408_items_id #section_item02 .item_wrap_number,

.main-area #dc_2408_items_id #section_item03 .item_wrap_number,

.main-area #dc_2408_items_id #section_item04 .item_wrap_number,

.main-area #dc_2408_items_id #section_item05 .item_wrap_number {

	margin-top: 13%;

}

/*.main-area .item_wrap_number {

	margin-top: 10%;

}*/

.main-area #dc_2408_items_id .item_wrap_number_bg {

	position: relative;

}

.main-area #dc_2408_items_id .item_wrap_number_bg .number-bg-1 {

	position: absolute;

	top: 0;

	left: 30%;

    z-index: -1;

    max-width: 135px;

}

.main-area #dc_2408_items_id #section_item02 .item_wrap_number_bg .number-bg-1,

.main-area #dc_2408_items_id #section_item03 .item_wrap_number_bg .number-bg-1,

.main-area #dc_2408_items_id #section_item04 .item_wrap_number_bg .number-bg-1,

.main-area #dc_2408_items_id #section_item05 .item_wrap_number_bg .number-bg-1 {

	top: -40px;

}

.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav {

	text-align: center;

  margin: 0 0 64px;

	background: none;

}



.main-area #dc_2408_items_id .item_wrap_section_column {

	display: flex;

	flex-flow: column;

	justify-content: space-between;

}

.main-area #dc_2408_items_id .item_wrap_point span {

	font-family: "ltc-bodoni-175", serif;

    font-weight: 400;

    font-size: 26px;

    color: #762b16;

    display: block;

    margin-bottom: 2%;

    position: relative;

}

.main-area #dc_2408_items_id .item_wrap_point span::after {

	position: absolute;

    content: "";

    top: 45%;     /* h2の上から50%の位置 */

    width: 69%;  /* 横線の幅 */

    height: 1px;  /* 横線の高さ */

    left: 120px; /* h2要素の左から-120px左へずらす */

    background: #762b16;

}



@media (max-width: 1023px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 64%;

}

}

@media (max-width: 960px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 58%;

}

}

@media (max-width: 767px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 81%;

}

}

@media (max-width: 414px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 63.5%;

}

}

@media (max-width: 390px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 61%;

}

}

@media (max-width: 375px) {

.main-area #dc_2408_items_id .item_wrap_point span::after {

	width: 59%;

}

}





.main-area #dc_2408_items_id .item_wrap_point div {

	margin-top: 6%;

}



.main-area #dc_2408_items_id .item_wrap .item_wrap_number_bg .www_nav ul {

  margin: 0;

  max-width: 415px;

}

.main-area #dc_2408_items_id .item_wrap .www_nav ul li > a .wwww_nav_img {

  margin: 0 38px 0 0;

  width: 115px;

}

.main-area #dc_2408_items_id .item_wrap .www_nav ul li > a p {

	text-align: left;

}





/* -- アイテムリスト -- */

.main-area #dc_2408_items_id .itemlist {

	display: flex;

    margin: auto;

    width: 80%;

    max-width: 745px;

    flex-wrap: wrap;

    justify-content: start;

    column-gap: 27px;

    letter-spacing: 0.1em;

    padding-bottom: 100px;

}

.main-area #dc_2408_items_id .itemlist .itemlist_box {

	width: 22.28%;

	text-align: center;

}



.main-area #dc_2408_items_id .itemlist .itemlist_box .itemname {

	font-size: 17px;

	}



.main-area #dc_2408_items_id .itemlist .itemlist_box .price {

	font-size: 16px;

	}

.main-area #dc_2408_items_id .itemlist .itemlist_box .price span {

	font-size: 18px;

	margin-left: 6%;

	}



.main-area #dc_2408_items_id .itemlist .itemlist_box .buy-btn {

	font-size: 14px;

	color: #fff;

	background-color: #762b16;

	text-align: center;

	display: block;

  margin-top: 25px;

  padding: 6% 0;

}



@media (max-width: 767px) {

	.main-area #dc_2408_items_id .itemlist {

		width: 100%;

		padding: 0 20px;

		max-width: none;

		justify-content: space-between;

		column-gap: normal;

	}

	.main-area #dc_2408_items_id .itemlist .itemlist_box {

		width: 46%;

	}

	.main-area #dc_2408_items_id .itemlist .itemlist_box:nth-child(n+3) {

    margin-top: 11%;

	}

	.main-area #dc_2408_items_id .item_wrap_point div {

		margin-top: 5%;

	}

	.main-area #dc_2408_items_id .item_wrap_point span {

		margin-bottom: 1%;

		font-size: 21px;

	}

}

/*.main-area .item_wrap .bottom hr {

	width: 100px;

	margin: 0 12px;

}*/





/* -- カラーチップ -- */

.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav .color-chip_box {

	margin: 20px 0;

    text-align: left;

}

.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav .color-chip_tit {

	font-family: "yu-gothic-pr6n", sans-serif;

font-weight: 400;

font-style: normal;

	font-size: 18px;

	letter-spacing: 0.04em;

  position: relative;

  top: -1px;

	margin-right: 17px;

	font-weight: normal;

}





@media (max-width: 1023px) {

	.main-area #dc_2408_items_id .item_wrap h4 .s3 {

		font-size: 45px;

	}



	.main-area #dc_2408_items_id .item_wrap .www_nav_tit {

    line-height: 1.8;

    margin: 0 15px;

    padding: 40px 0 39px;

	}

	.main-area #dc_2408_items_id .item_wrap .www_nav_tit:before,

	.main-area #dc_2408_items_id .item_wrap .www_nav_tit:after {

		position: absolute;

		top: auto;

		bottom: auto;

		right: 0;

		left: 0;

		margin: 0 auto;

		width: 31px;

		height: 1px;

	}

	.main-area #dc_2408_items_id .item_wrap .www_nav_tit:before {

		top: 0;

	}

	.main-area #dc_2408_items_id .item_wrap .www_nav_tit:after {

		bottom: 0;

	}

}



@media (max-width: 767px) {

	.main-area #dc_2408_items_id .item_wrap {

		padding: 60px 0 40px;

	}

	.main-area #dc_2408_items_id .item_wrap h4 {

    margin: 0;

	}

	.main-area #dc_2408_items_id .item_wrap h4 .s3 {

	  font-size:33px;

      letter-spacing: 0.1em;

      line-height: 1.2;

      text-align: center;

	}

	.main-area #dc_2408_items_id .item_wrap_flex {

	  display: block;

	  margin: 0 20px 20px;

	  padding-top: 0;

	  padding-bottom: 0;

	}

	.main-area #dc_2408_items_id .item_wrap_section {

	  display: block;

	  width: 100%;

	}

	.main-area #dc_2408_items_id .boxtop {

		margin-top: 0;

	}

	.main-area #dc_2408_items_id .item_wrap_section .c-layout-img {

	  margin-top: 20px;

	}

	.main-area #dc_2408_items_id .item_wrap_section .item_wrap_point {

	  margin-top: 20px;

	}

	.main-area #dc_2408_items_id .item_wrap_section div.item_wrap_number {

	  width: 100%;

	  padding: 0;

	}

	.main-area #dc_2408_items_id #section_item02 .item_wrap_number,

	.main-area #dc_2408_items_id #section_item03 .item_wrap_number,

	.main-area #dc_2408_items_id #section_item04 .item_wrap_number,

	.main-area #dc_2408_items_id #section_item05 .item_wrap_number {

		margin-top: 0;

	}

	.main-area #dc_2408_items_id .item_wrap_section .boxtop {

		padding: 0;

		margin-top: 0;

	}

	.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav {

		padding: 0;

    	margin: 0;

	}

	.main-area #dc_2408_items_id .item_wrap_number_bg .number-bg-1 {

		width: 55px;

        max-width: none;

        left: 0;

        right: 0;

        top: -5px!important;

        bottom: 0;

        margin: 0 auto;

	}

	.main-area #dc_2408_items_id .item_wrap_section .detail {

		font-size: 14px;

	}

	.main-area #dc_2408_items_id .item_wrap .www_nav_tit {

    font-size: 15px;

	}

	.main-area #dc_2408_items_id .item_wrap .item_wrap_number_bg .www_nav ul {

	  margin: 20px auto 0;

	}

	.main-area #dc_2408_items_id .item_wrap .www_nav ul li {

	  width: 100%;

	  margin-bottom: 2%;

	}



	.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav .color-chip_box {

	  margin: 10px 0 0 0;

	}

	.main-area #dc_2408_items_id .item_wrap_number_bg .www_nav .color-chip_tit {

		font-size: 14px;

		margin-right: 10px;

	}



}





/* -- lp_btn -- */

#dc_2408_items_id .lp_btn {

	margin: 150px auto 70px;

	max-width: 700px;

}

#dc_2408_items_id .lp_btn a {

  text-align: center;

    font-family: a-otf-ryumin-pr6n, serif;

    font-weight: 300;

    font-style: normal;

    font-size: 20px;

    letter-spacing: 0.1em;

    color: #000;

    border: 1px solid #000;

    display: block;

    position: relative;

    padding: 29px 60px 28px;

    background: #fff;

}

#dc_2408_items_id .lp_btn a:after {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 40px;

  margin: auto;

  width: 10px;

  height: 10px;

  border-top: 2px solid #000;

  border-right: 2px solid #000;

  content: "";

  -webkit-transform: rotate(45deg);

     -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

       -o-transform: rotate(45deg);

          transform: rotate(45deg);

}



@media (max-width: 767px) {

	#dc_2408_items_id .lp_btn {

		margin: 60px 20px 90px;

	}

	#dc_2408_items_id .lp_btn a {

		font-size: 14px;

		padding: 20px 30px;

	}

	#dc_2408_items_id .lp_btn a:after {

	  right: 20px;

	  width: 7px;

	  height: 7px;

	  border-top-width: 1px;

	  border-right-width: 1px;

	}

}





/* -- FEATURE -- */

#dc_2408_items_id .feature-Area {

  max-width: 1440px;

  margin: 10% auto 0;

}

#dc_2408_items_id .feature-Area h4{

  font-family: "canto", serif;

  font-size: 30px;

  font-weight: 400;

  font-style: normal;

  text-align: center;

  margin-bottom: 20px;

}

#dc_2408_items_id .feature-Area .feature-flexbox{

	display: flex;

	justify-content: center;

}

#dc_2408_items_id .feature-Area .feature-flexbox .feature-flexbox-img{

  max-width: 300px;

  margin: 0 10px;

}

@media (max-width: 767px) {

#dc_2408_items_id .feature-Area .feature-flexbox {

    flex-wrap: wrap;

    justify-content: flex-start;

     margin: 0 auto;

    width: 95%;

}

#dc_2408_items_id .feature-Area .feature-flexbox .feature-flexbox-img {

    max-width: 300px;

    margin: 5px;

    width: calc(50% - 10px);

}

#dc_2408_items_id .feature-Area h4 {

    font-size: 24px;

    margin-bottom: 10px;

}

#dc_2408_items_id .feature-Area {

  margin: 0 auto 10%;

}

}



/* -- footer-annotation -- */

#dc_2408_items_id .footer-annotation {

    --width: 104.8rem;

    width: var(--width);

    margin: 10% auto;

}

#dc_2408_items_id .footer-annotation p {

    --font-size: 1.6rem;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    font-size: var(--font-size);

    line-height: 1.682;

    letter-spacing: 0.12em;

    font-feature-settings: "palt";

}

@media (max-width: 767px) {

  #dc_2408_items_id .footer-annotation {

      --width: 104.8rem;

      width: var(--width);

      margin: 0 auto 20.2rem;

  }

  #dc_2408_items_id .footer-annotation p {

      --font-size: 2rem;

      font-size: calc(var(--font-size) * var(--sp-rate));

  }

}





/* -- hover制御 -- */

#dc_2408_items_id .item_wrap_section a:hover {

  opacity: 1;

}