@charset "UTF-8";
  /* base
  ------------------------------ */
* {box-sizing: border-box;}
a{
  opacity: 10!important;
   }

a {
  -webkit-tap-highlight-color: rgba(86,86,86,0.5);
}
h3,h4,h5,p{
    font-weight: normal;
    line-break:strict;
    word-break:break-word;
    overflow-wrap:break-word;
    word-wrap:break-word;
}
ul,ol,li{
    list-style: none;
}
dd {
    display: block;
    margin-inline-start: 0;
    unicode-bidi: normal;
}
figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
element.style {
    width: 100%;
}

  /* page
  ------------------------------ */
.back_story{
    overflow: hidden;
	width: 100%;
	margin: 0 auto;
    padding: 0;
    background-image:url(https://lenoble.itembox.design/item/images/category/260804moomin_event/images/260804moomin_bk.webp);
    background-color:rgba(255,255,255,.6);
    background-blend-mode:lighten;
    background-size: contain;
    background-position: top center;
    background-repeat: repeat;    
}
.page_body{
    overflow: hidden;
	width: 100%;
	margin: 0 auto;
    padding: 0;
    box-shadow: 0px 15px 25px 0px rgba(11, 29, 98, .6);
    max-width: 850px
}

/* top contents
------------------------------ */
.wrap_first {
    padding: 0 0 5%;
}
.wrap_second {
    padding: 5% 0 10%;
}

/* top contents
------------------------------ */
.contents_topImg {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 6%;
}
.contents_icon__new{
	width: 10%;
	margin: 0 auto;
	padding: 0;
    transform:rotate(-25deg);
}
.contents_subject {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3%;
}
.contents_logo {
	width: 35%;
	margin: 0 auto;
	padding: 0 0 3%;
}
.contents_title {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4%;
}
.contents_lead {
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	max-width: 750px;
}

/* contents_explain
------------------------------ */
.contents_explain__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 8%;
}
.contents_explain__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 8%;
}
.contents_explain__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 7%;
}

/* contents_header
------------------------------ */
.contents_header__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.contents_header__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 2%;
}
.contents_header__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}
.contents_header__04 {
	width: 100%;
	margin: 0 auto;
	padding: 0 5% 8%;
}
.contents_headline{
	width: 100%;
	margin: 0 auto;
	padding: 0 2% 5%;
}
.contents_subttl{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}

/* contents_item
------------------------------ */
.contents_item__01 {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0.75% 0;
}
.contents_item__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_info
------------------------------ */
.contents_info__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4%;
}
.contents_info__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.contents_info__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_category
------------------------------ */
.contents_category__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4%;
}
.contents_category__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_pickup
------------------------------ */
.contents_pickup {
	width: 100%;
	margin: 0 auto;
	padding: 5% 4% 3%;
}
.contents_pickup__02 {
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
}

/* contents_button
------------------------------ */
.contents_button__01 {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
    max-width: 700px;
}

.contents_button__02 {
	width: 80%;
	margin: 0 auto 5%;
	padding: 2% 5% 1.2%;
}

/* contents_link
------------------------------ */
.contents_link__01 {
  width: 90%;
  margin: 0 auto;
  padding: 4%;
}
.contents_link__02 {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
}

/* box
  ------------------------------ */
.explainBox_01 {
	width: 55%;
	margin: 0 auto;
	padding: 0;
}
.explainBox_02 {
	width: 43%;
	margin: 0 auto;
	padding: 0;
	align-content: center;
}
.categoryBox_01 {
	width: 32%;
	margin: 0;
	padding: 0 2% 5%;
}
.itemBox_01 {
	width: 49%;
	margin: 0 auto;
	padding: 0;
}


/* block
------------------------------ */
.headerBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.imgBlock_01 {
    width: 58%;
    margin: 0 auto;
    padding: 0 0 0 8%;
}
.textBlock_01 {
    width: 40%;
    margin: 0 auto;
    padding: 0;
}
.itemBlock_01 {
    width: 24.2%;
    margin: 0;
    padding: 0;
    position: relative;
}
.subtitleBlock_01 {
    width: 100%;
    margin: 0;
    padding: 0 0 7%;
}
.lineupBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 6%;
}

/* Area
------------------------------ */
.linkArea_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0%;
}

/* block
------------------------------ */
.imgBlock_01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.imgBlock_02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.itemBlock_01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.textBlock_01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 2%;
}
.textBlock_02 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 2%;
}
.explainBlock_01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.explainBlock_02 {
	width: 100%;
	margin: 0 auto;
	padding: 0 2%;
}
.linkBlock_01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* inner
------------------------------ */
.linkInner_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4%;
}
.linkInner_02 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2%;
}
.linkInner_03 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 6%;
}
.linkInner_04 {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 0;
}
.linkInner_05 {
    width: 100%;
    margin: 0 auto;
    padding: 3% 0;
}
.itemInner_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4%;
}
.itemInner_02 {
    width: 100%;
    margin: 0 auto;
    padding: 2% 4% 6%;
}
.itemInner_03 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 0;
}
.itemInner_04 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 0;
}
.itemInner_05 {
    width: 100%;
    margin: 0 auto;
    padding: 3% 0;
}
.explainInner_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 3%;
}
.explainInner_02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


/* layer
------------------------------ */
.layer_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4%;
}
.layer_02 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5%;
}
.layer_03 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 8% 5%;
}
.layer_04 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5%;
}
.layer_05 {
    width: 100%;
    margin: 0 auto;
    padding: 6% 0 4%;
}
.layer_06 {
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

/* parts
------------------------------ */

/* piece
------------------------------ */

/*space
------------------------------ */

/* button
------------------------------ */

/* border
------------------------------ */
.frame_01{
    border: solid 1px #111;
}
.frame_02{
    border: solid 1px #111;
}
.topline_01{
    border-top: solid 1px #111;
}
.underline_01{
    border-bottom: solid 1px #999;
}
.partition_01{
    border-right: solid 1px #111;
}
.ttlBorder_gr{
    border-left: 15px solid #0A7772;
    border-bottom: 2px solid #0A7772;
}

/* position
------------------------------ */
.anchor_01{
    position: relative;
}
.float_01 {
  position: absolute;
  top: 280px;
  left: 670px;
}

/*hover
------------------------------ */
.figure_series img{
    transition: 0.3s;
}
.figure_series img:hover {
	filter: brightness(0.6);
}
.changeImg {
    position: relative;
}
.changeImg img {
    transition: opacity 0.5s;
}
.changeImg:hover img:first-of-type {
    opacity: 0;
}
.changeImg img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 2;
}
.changeImg:hover img:last-of-type {
    opacity: 1;
}

/*background-color
------------------------------ */
.white_bk{
    background: rgba(255,255,255,.8);
}
.gray_bk{
    background: rgba(235,241,236,1);
}
.beige_bk{
    background: rgba(240,238,228,.8);
}
.pink_bk{
    background: rgba(251,222,218,.5);
}
.yellow_bk{
    background: rgba(229,212,118,.6);
}
.margarine_bk{
    background: rgba(238,235,197,1);
}

/* flex
------------------------------ */

/* images img
------------------------------ */

/* h3 text
------------------------------ */
h3.subject{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(2.3rem * 1.5);
    text-align: center;
    font-weight: normal;
    letter-spacing: .2rem;
}
h3.ttl {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(2.6rem * 1.5);
    text-align: center;
    font-weight: normal;
    letter-spacing: .05rem;
    line-height: normal;
}
h3.title {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.7rem * 1.5);
    text-align: center;
    font-weight: normal;
}

/* h4 text
------------------------------ */
h4.title {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1rem * 1.5);
    text-align: center;
    line-height: calc(1.7rem * 1.5);
}
h4.itemName {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1rem * 1.5);
    text-align: center;
    line-height: calc(1.7rem * 1.5);
    letter-spacing: .1rem;
}
h4.itemName span{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.7rem * 1.5);
}
h4.header{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.4rem * 1.5);
    text-align: left;
    line-height: normal;
}
h4.headline{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(2rem * 1.5);
    display: flex ;
    text-align: center;
    align-items: center ;
}
h4.headline span{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1rem * 1.5);
}
h4.headline::after{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #555;
	display: inline-block;
	  }	  
h4.headline::before{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #555;
	display: inline-block;
	  }	

/* h5 text
------------------------------ */
h5.title {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1rem * 1.5);
    text-align: center;
    line-height: calc(1.7rem * 1.5);
}
h5.header {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(3rem * 1.5);
    text-align: left;
    line-height: calc(4rem * 1.5);
}
h5.subtitle {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.2rem * 1.5);
    text-align: center;
    line-height: calc(2rem * 1.5);
}
h5.topics {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.2rem * 1.5);
    text-align: left;
    line-height: calc(2rem * 1.5);
}
h5.chara {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.7rem * 1.5);
    text-align: center;
    line-height: calc(2.4rem * 1.5);
}
h5.category {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(.9rem * 1.5);
    text-align: center;
    line-height: calc(1.5rem * 1.5);
}
h5.headline{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.7rem * 1.5);
    display: flex ;
    text-align: center;
    align-items: center ;
}
h5.headline::after{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #555;
	display: inline-block;
	  }	  
h5.headline::before{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:0 3rem;
	height: 1px;
	background: #555;
	display: inline-block;
	  }	
h5.coordinator{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(.8rem * 1.5);
    text-align: center;
    line-height: normal;
    margin: 0;
    font-weight: normal;
}

/* p text
------------------------------ */
p.lead {
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #000;
    font-size: calc(1.1rem * 1.5);
    text-align: left;
    line-height: calc(1.8rem * 1.5);
    letter-spacing: .2rem;
}
p.text_01{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #000;
    font-size: calc(1rem * 1.5);
    text-align: left;
    line-height: calc(1.5rem * 1.5);
    letter-spacing: .1rem;
}
p.info_01 {
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.5rem * 1.5);
    line-height: calc(2.5rem * 1.5);
    text-align: left;
    letter-spacing: 0.1rem;
    margin: 0;
}
p.sentence_01 {
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: calc(1.1rem * 1.5);
    line-height: calc(2rem * 1.5);
    text-align: left;
    letter-spacing: 0.1rem;
    margin: 0;
}
p.comment_01 {
    margin: 0;
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #000;
    font-size: calc(1.2rem * 1.5);
    text-align: left;
    letter-spacing: .1rem;
    line-height: calc(2rem * 1.5);
}
p.word_01 {
    margin: 0;
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #000;
    font-size: calc(1.1rem * 1.5);
    text-align: left;
    letter-spacing: .1rem;
    line-height: calc(1.6rem * 1.5);
}
p.itemBtn{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    font-size: calc(1rem * 1.5);
    text-align: center;
}
p.see{
    margin: 0;
    font-family: Lato,Noto Sans JP,sans-serif;
    font-size: calc(1rem * 1.5);
    text-align: center;
}
p.pattern {
    margin: 0;
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #000;
    font-size: calc(1rem * 1.5);
    text-align: center;
    line-height: normal;
}

/* before after
------------------------------ */
.diamondIcon::before {
	content: "◆";
	font-size: 2rem;
	margin-right: 8px;
	display: contents;
}
.squareIcon::before {
	content: "■";
	font-size: 3.4rem;
	margin-right: 8px;
	display: contents;
}

/* price
------------------------------ */
.item_ttl_name {
    margin: 0;
    padding: 0;
    font-size: calc(1.2rem * 1.5);
    line-height: calc(1.8rem * 1.5);
    text-align: center;
}

/* btn
------------------------------ */
.itemBtn p.btntext_01{
    margin: 0 auto;
    display: block;
    padding: 3% 0;
    font-size: calc(1rem * 1.5);
    letter-spacing: .1rem;
    text-align: center;
    text-decoration: none;
    border: 1px solid #505050;
    color: #505050;
}
.itemBtn p.btntext_01:hover{
    opacity: 10!important;
    color: #fff!important;
    background: #505050;
}

/* other------------------------------ */
.pc_display{display:block !important;}
.sp_display{display:none !important;}
.br_pc{display: block !important;}
.br_sp{display: none !important;}
.pc_img{display: block !important;}
.sp_img{display: none !important;}


/* --------------------------------
* モール
* -------------------------------- */
@media screen and (max-width: 840px) {
    
    
    
/* other
------------------------------ */
.br_pc{display: none !important;}
.br_sp{display: block !important;}
.pc_img{display: none !important;}
.sp_img{display: block !important;}

}




/* --------------------------------
* SP
* -------------------------------- */
@media screen and (max-width:639px) {
/* base */
    
/* page
------------------------------ */
.back_story{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-image:url(https://lenoble.itembox.design/item/images/category/260804moomin_event/images/260804moomin_bk__sp.webp);
    background-size: contain;
    background-position: top center;
    background-repeat: repeat;    
}

.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {    
    overflow: hidden;
    margin: 0 auto;
    background-image:url(https://lenoble.itembox.design/item/images/category/260804moomin_event/images/260804moomin_bk__sp.webp);
    background-size: contain;
    background-position: top center;
    background-repeat: repeat;    
}
    
.brand-pickup {
  margin-bottom: 0;
  background: #fff;
  padding-bottom: 40px;
}
.fs-c-productList {
  margin: 0;
  background: #fff;
}
    
.l-section {
  margin: 0 auto;
  background: #fff;
  padding: 80px 0;
}
.float_01 {
    position: absolute;
    top: 165px;
    left: 30px;
  }
    
/* wrapper
  ------------------------------ */
    
/* wrap
------------------------------ */
.wrap_top {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 8%;
}
.wrap_first {
    padding: 0;
}
.wrap_second {
    padding: 0 0 15%;
}

/* top contents
------------------------------ */
.contents_topImg {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 6%;
}
.contents_icon__new{
	width: 12%;
	margin: 0 auto;
	padding: 0;
    transform:rotate(-25deg);
}
.contents_subject {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}
.contents_logo {
	width: 60%;
	margin: 0 auto;
	padding: 0 0 2%;
}
.contents_title {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4%;
}
 .contents_lead {
    width: 100%;
    margin: 0 auto;
    padding: 2% 0;
    max-width: 290px;
  }

/* contents_explain
------------------------------ */
.contents_explain__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 8%;
}
.contents_explain__02 {
	width: 100%;
	margin: 0 auto;
	padding: 5% 4% 8%;
}
.contents_explain__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 7%;
}

/* contents_header
------------------------------ */
.contents_header__01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.contents_header__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0 4% 2%;
}
.contents_header__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}
.contents_header__04 {
	width: 100%;
	margin: 0 auto;
	padding: 0 5% 8%;
}
.contents_headline{
	width: 100%;
	margin: 0 auto;
	padding: 0 2% 5%;
}
.contents_subttl{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}

/* contents_item
------------------------------ */
.contents_item__01 {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0.75% 0;
}
.contents_item__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_info
------------------------------ */
.contents_info__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 4% 2%;
}
.contents_info__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.contents_info__03 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_category
------------------------------ */
.contents_category__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
}
.contents_category__02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* contents_pickup
------------------------------ */
.contents_pickup {
	width: 100%;
	margin: 0 auto;
	padding: 5% 4% 3%;
}
.contents_pickup__02 {
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
}

/* contents_button
------------------------------ */
.contents_button__01 {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
    max-width: 700px;
}

.contents_button__02 {
	width: 80%;
	margin: 0 auto 5%;
	padding: 2% 5% 1.2%;
}

/* contents_link
------------------------------ */
.contents_link__01 {
  width: 90%;
  margin: 0 auto;
  padding: 4%;
}
.contents_link__02 {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
}
    
    
/* outer
------------------------------ */
    
/* element
------------------------------ */
    
/* box
------------------------------ */
.explainBox_01 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.explainBox_02 {
  width: 100%;
  margin: 0 auto;
  padding: 5% 4%;
  align-content: center;
}
.itemBox_01 {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15%;
}
.categoryBox_01 {
  width: 49.5%;
  margin: 0;
  padding: 0 .5% 10%;
}
    
/* block
------------------------------ */
.imgBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.subtitleBlock_01 {
    width: 100%;
    margin: 0;
    padding: 4% 0 10%;
}
.rowBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.rowBlock_02 {
    width: 100%;
    margin: 0 auto;
    padding: 10% 5% 5%;
}
.textBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 0;
}
.itemBlock_01 {
    width: 100%;
  }
.linkBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.lineupBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 8% 2%;
}

    
/* background
------------------------------ */
.white_bk{
    background: rgba(255,255,255,.7);
}
.gray_bk{
    background: rgba(238,238,238,1);
}
.beige_bk{
    background: rgba(240,238,228,.7);
}

/* border
------------------------------ */

/* inward
------------------------------ */
    
/*inner
------------------------------ */
    
/* lineup
------------------------------ */

/* layer
------------------------------ */
.layer_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.layer_02 {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 0;
}
.layer_03 {
    width: 100%;
    margin: 0 auto;
    padding: 2% 4% 8%;
}
.layer_04 {
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
}
.layer_05 {
    width: 100%;
    margin: 0 auto;
    padding: 5% 5% 8%;
}
.layer_06 {
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
}    
    
/* flex
------------------------------ */
.flexbox_01 {
  flex-direction: column;
  column-gap: 0;
}
    
/* h3_text
------------------------------ */
h3.subject {
    margin: 0;
    font-size: calc(1.2rem * 1.5);
    line-height: calc(2rem * 1.5);
    letter-spacing: .1rem;
}
h3.ttl {
    margin: 0;
    font-size: calc(1.4rem * 1.5);
    line-height: calc(2.2rem * 1.5);
    letter-spacing: .05rem;
}
h3.title {
    margin: 0;
    font-size: calc(1.2rem * 1.5);
    line-height: calc(1.8rem * 1.5);
    letter-spacing: .1rem;
}
    
/* h4 text
------------------------------ */
h4.title {
    margin: 0;
    font-size: calc(1.2rem * 1.5);
    line-height: calc(1.8rem * 1.5);
    letter-spacing: normal;
}
h4.ttl {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.8rem * 1.5);
}
h4.header {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: normal;
}
h4.headline {
    margin: 0;
    font-size: calc(1.4rem * 1.5);
    display: block;
    line-height: calc(2rem * 1.5);
  }
h4.headline span{
    margin: 0;
    font-size: calc(1rem * 1.5);
}
h4.headline::before{
    align-content: center;
	content: "";
	flex-grow: 1;
	margin: 0;
    margin-bottom: 10px;
	height: 1px;
	background: #111;
	display: flex;
  }	
h4.headline::after{
    align-content: center;
	content: "";
	flex-grow: 1;
	margin: 0;
    margin-top: 15px;
	height: 1px;
	background: #111;
	display: flex;
  }	  
h4.itemName {
    margin: 0;
    font-size: calc(1.2rem * 1.5);
    line-height: calc(2rem * 1.5);
    text-align: center;
}
h4.itemName span{
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.5rem * 1.5);
}
    
/* h5 text
------------------------------ */
h5.title {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.7rem * 1.5);
}   
h5.ttl{
    margin: 0;
    font-size: calc(1.1rem * 1.5);
    line-height: normal;
}
h5.topics {
    margin: 0;
    font-size: calc(1.1rem * 1.5);
    line-height: calc(2.8rem * 1.5);
    letter-spacing: normal;
}
h5.headline{
    margin: 0;
    font-size: calc(1.4rem * 1.5);
    display: block;
    text-align: center;
    align-items: center ;
}
h5.headline::before{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:0 0 8px;
	height: 1px;
    display: block;
}	
h5.headline::after{
    align-content: center;
	content: "";
	flex-grow:1;
	margin:10px 0 0;
	height: 1px;
    display: block;
}	  
h5.header {
    margin: 0;
    font-size: calc(1.8rem * 1.5);
    text-align: left;
    line-height: calc(2.6rem * 1.5);
}
h5.chara {
  margin: 0;
  font-size: calc(1.2rem * 1.5);
  text-align: center;
  line-height: calc(1.8rem * 1.5);
}

/* p text
------------------------------ */
p.lead {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.7rem * 1.5);
    letter-spacing: .1rem;
}
p.text_01 {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1rem * 1.5);
}
p.info_01 {
    font-size: calc(1.25rem * 1.5);
    line-height: calc(1.6rem * 1.5);
    text-align: left;
    letter-spacing: 0.1rem;
    margin: 0;
}
p.comment_01 {
    margin: 0;
    font-size: calc(1rem * 1.5);
    line-height: calc(1.7rem * 1.5);
    letter-spacing: .1rem;
}
p.sentence_01 {
  font-size: calc(1rem * 1.5);
  line-height: calc(1.7rem * 1.5);
  text-align: left;
  letter-spacing: .1rem;
  margin: 0;
}
p.word_01 {
    margin: 0;
    font-size: calc(1rem * 1.5);
    text-align: left;
    letter-spacing: .1rem;
    line-height: calc(1.8rem * 1.5);
}
p.itemBtn {
    margin: 0;
    font-size: calc(.9rem * 1.5);
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}
p.pattern {
    margin: 0;
    font-size: calc(.8rem * 1.5);
    text-align: center;
    line-height: normal;
}
    
/* slider
--------------------------------*/
.squareIcon::before {
  content: "■";
  font-size: 2rem;
  margin-right: 4px;
  display: contents;
}

/* item_name
------------------------------ */
.item_ttl_name {
    font-size: calc(.9rem * 1.5);
    line-height: calc(1.5rem * 1.5);
}

/* other
------------------------------ */
.pc_display{display:none !important;}
.sp_display{display:block !important;}
.br_pc{display: none !important;}
.br_sp{display: block !important;}
.pc_img{display: none !important;}
.sp_img{display: block !important;}
    
}