@charset "utf-8";

/*
　=================================================
	 PC 
	※本CSSは「ct_lv.html」のほかに「ct_lv2.html」でも使用中
	記述を消さないように注意
　=================================================
*/
.contents {
font-size:16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
font-family: 'Noto Sans JP', sans-serif;
/*text-align: justify;*/
line-height: 1.75;
letter-spacing: 0.05em;
color:#281a14;
font-weight: 500;
margin:0;padding:0;
clear:both;
}
.head-border {
    display: flex;
    align-items: center;
    width:960px;
font-family: adobe-garamond-pro, serif;
font-feature-settings: "palt";
    font-size:1.9rem;
    margin:0 auto 40px auto;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}
/*======================================

.bg_box01

=======================================*/
.bg_box01 {
width:100%;margin:0;
text-align:center;
padding:0 0 336px 0;
/*background: url("img/box_wrap1_bg.jpg") repeat-y center top;*/
clear:both;
}

/*========================================

 ライン紹介

=========================================*/

.lv_all_box {
width:93%;
margin:auto auto;
}
.circle_box {
width:92%;
display: flex;
flex-wrap:nowrap;
align-items: flex-start;
justify-content:space-between;
margin:0 auto 40px auto;padding:0;
text-align:left;
box-sizing: border-box;
}
.circle_box .lv_img {width:26%;box-sizing: border-box;
margin-right:2%;
}
.lv_img img { width:100%;margin-top:3%;}
.box_text {
width:70%;
font-size:0.9rem;
box-sizing: border-box;
text-align:justify;
text-justify:inter-ideograph;
font-feature-settings: "palt";
line-height:1.8;
}

.circle_title {
width:90%;
margin:0 auto 10px auto;
font-size:1.5rem;
line-height:1.5rem;
font-weight:bold;
text-align:left;
font-family: adobe-garamond-pro, serif;
font-feature-settings: "palt";
}

.circle_title span {
font-size:2.0rem;
}






.title_lv_line {
text-align:left;
width:100%;
font-size:1.4rem;
font-weight:;
padding-bottom:12px;
border-bottom:1px solid black;
}
.space_t0 {
margin:50px auto 40px;padding:50px auto 40px;
}
.space80 {
margin:80px auto 50px;padding:80px auto 50px;
}

.lv_line_section {
width:100%;
margin:auto auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.lv_line_box {
width:48%;
margin:0 0 40px 0;padding:0;
text-align:left;
}


.line_box_title {
font-family: adobe-garamond-pro, serif;
font-feature-settings: "palt";
font-size:1.5rem;
line-height:2.1rem;
}
.line_box_title span {
font-size:1.9rem;
font-weight:bold;
letter-spacing:-0.2px;
font-feature-settings: "palt";
}
.lv_line_box p {
margin:0;
padding:0;
font-size:0.8rem;
box-sizing: border-box;
text-align:justify;
text-justify:inter-ideograph;
font-feature-settings: "palt";
}
section.hover {
      position: relative;
      width: 100%;
      margin:0;
      overflow: hidden;
      cursor: pointer;
    }
section.hover a {text-decoration:none;color:#fff;line-height:1.4rem;}
section.hover a:visited {text-decoration:none;color:#fff;}
section.hover .hover-img {
      margin: 0;
      padding: 0;
      cursor: pointer;
    }
    .hover-img img {
      width: 100%;
      cursor: pointer;
    }
section.hover .hover-text {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
      position:    absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      color: #fff;
      background-color: rgba(0,0,0,0.3);
      opacity: 0;/*透明にして表示させない*/
      transition: .3s ease-in-out;/*ホバーの動き方*/
      cursor: pointer;
    }

section.hover .hover-text .text1 {
      font-size: 22px;
      padding: 0 auto 10px auto;
      cursor: pointer;
      margin:0 auto 10px auto;
    }
section.hover .hover-text .text2 {
      font-size: 16px;
      padding: 0;
      cursor: pointer;
      margin:0 auto;
    }
    /*ホバーエフェクト*/
section.hover:hover .hover-text {
      opacity: 1;/*不透明にして表示*/
      cursor: pointer;
  }















/*========================================

.top_feature

=========================================*/
.top_feature {
width:100%;
}

.top_feature .box1 {
width:100%;
	position: relative;z-index: 1;
}
.lineup_box {
width:100%;
margin:0 auto;
}
/*
.top_feature .box1::before {
	position: absolute;
	top: -65px;
	left: 24px;
	content: "";
	width: 392px;
	height: 329px;
	background: url("img/feature_item01.png") no-repeat;
}
.top_feature .box1::after {
	position: absolute;
	top: 20px;
	right: 92px;
	content: "";
	width: 82px;
	height: 160px;
	background: url("img/046-05.png") no-repeat;
	background-size:100%;
}
*/
.lineup_box .lineup_space {
	display: flex;
	display: -ms-flex;
	justify-content: center;
	justify-content: -ms-center;
	align-items: center;
	/* flex-start */
	margin:0 auto 0;
	padding:0 auto 0;
	width:100%;
}


.feature01 {
	position: relative;
	margin-bottom: 66px;
	z-index: 1;
}
.circle_pink {
	/*background-image:url(img/bg_lvc2.png);*/
	background-repeat: no-repeat;
	background-position:left 50px top 0px;
	background-size:37%;
}
.circle_gray {
	/*background-image:url(img/bg_circlegr3.png);*/
	background-repeat: no-repeat;
	background-position:left 50px top 0px;
	background-size:37%;
}

.bgtop5up {background-position:left 65px top -5px;}
.bgtop30 {background-position:left 65px top 30px;}
.btm35 {padding-bottom:35px;}
.btmtop35 {padding-bottom:35px;padding-top:35px;}

hr.line11 {
  height: 1px;
  border: none;
  border-top: 1px #000000 solid;
  width:90%;
  margin:20px auto;
  clear:both;
}
.linebtm_50 {margin-bottom:50px;}
.linebtm_25 {margin-bottom:25px;}



/* 
--------------------------------------- */

.title_lv_line span.title_eng {
	font-family: adobe-garamond-pro, serif;
	font-weight:bold;
	font-feature-settings: "palt";
	font-size:1.6rem;
}


.lineup_box .lineup_space .about {
width:64%;
vertical-align:top;
	padding:0 0 0 12px;
	margin:0 20px 0 0;
	text-align:justify;
	text-justify : inter-ideograph;
}



.lineup_box .lineup_space .about h4 {
	margin:0 0 5px 0;
	padding:0;
	color: #281a14;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: adobe-garamond-pro, serif;
	font-weight:bold;
	font-feature-settings: "palt";
	vertical-align:top;
}

/*  */
.lineup_box .lineup_space .about p {
	line-height: 1.875;
	font-size:0.8rem;
	letter-spacing: 0.125;
	padding:0;
	margin-top:0;
	text-align:justify;
	text-justify : inter-ideograph;
}

/*  */
.lineup_box .lineup_space .about h4 span {
	position: relative;
	left: -8px;
	top:0px;
	display: block;
	color: #281a14;
	font-family: adobe-garamond-pro, serif;
	font-weight: normal;
	font-style: italic;

	line-height: 0.8;
	letter-spacing: 0;
	padding:0;margin:0;
	vertical-align:top;
}


.lineup_box .lineup_space .about h4 span.number {
	font-size: 70px;
	}
.lineup_box .lineup_space .about h4 span.bag {
	color: #281a14;
	font-size: 47px;
	padding:0 0 7px 7px;
	letter-spacing:-0.1;
}
.lineup_box .lineup_space .about h4 span.b_name {
letter-spacing:-0.1;
color:#897858;
font-style: normal;
padding-left:8px;
}
/*
.lineup_box .lineup_space .about h4 span::before {
	position: relative;
	right: -8px;
	display: block;
	width: 97px;
	height: 32px;
	background: url("img/feature01_text.png") no-repeat;
	content: "";
}
.lineup_box .lineup_space .about h4.left span::before {
	text-align:right;
	position: relative;
	display: block;
	left:182px;
	width: 97px;
	height: 32px;
	background: url("img/feature02_text.png") no-repeat 0 0px;
	content: "";
}
*/

/*  */
/*.lineup_box .feature02 img {padding: 20px 25px 0 28px;}*/

.lineup_space img {margin:0 0 0 -5px;}
img.f1 {
width:32%;
padding: 0px 18px 13px 0;
}
img.f2 {
width:34%;
padding: 36px 18px 22px 0;
}
img.f3 {
width:38%;
padding: 0px 18px 0px 0;
}
img.f4 {
width:40%;
padding: 0px 18px 13px 0;
}

img.f6 {
width:40%;
padding: 0px 18px 0 0;
}
/*
.lineup_box .feature02 {
	position: relative;
	flex-direction: row-reverse;
	flex-direction: -ms-row-reverse;
}


.lineup_box .feature02::before {
	position: absolute;
	top: -25px;
	left: 201px;
	width: 205px;
	height: 132px;
	background: url("img/046-02.png") no-repeat;
	background-size:50%;
	content: "";
}*/

/* 
.lineup_box .feature02::after {
	position: absolute;
	top: -194px;
	left: 348px;
	width: 375px;
	height: 329px;
	background: url("img/feature_item04.png") no-repeat;
	z-index: -1;
	content: "";
}*/



/* 
.lineup_box .feature02 .about h4 span::before {
	background: url("img/feature02_text.png") no-repeat;
}*/



/*==================================================================


==================================================================*/
/* */
h3.tit01 {
	position: relative;
	display: block;
	width:100%;
	margin-top:20px;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	color: #281a14;
	font-size: 23px;
	text-align: center;
font-family: adobe-garamond-pro, serif;
font-feature-settings: "palt";
font-weight:bold;
}

/*  */
h3.tit01::before {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto 18px;
	background: url("img/logo_lv.png") no-repeat 0 0px;
	background-size:100%;
	content: "";
}


h3.tit01 span {
	display: table;
	position: relative;
	margin: auto;
	padding-bottom: 6px;
	letter-spacing: 0;
	color: #281a14;
	line-height: 1;
	font-size: 44px;
font-feature-settings: "palt";
	background-size: contain;
	background-image: -webkit-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -moz-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -o-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: linear-gradient(90deg, #281a14 0%, #281a14 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.text_11 {
	width:100%;line-height:2.4rem;
	text-align:justify;
	text-justify : inter-ideograph;
	font-feature-settings: "palt";
    font-size:1.1rem;
    margin:30px auto 55px auto;
}

.top1_img {width:100%;margin:0 auto;}


/* 
h3.tit02 {
	position: relative;
	margin-bottom: 30px;
	padding: 14px;
	letter-spacing: 0.15em;
	color: #1F2774;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}

h3.tit02::before {
	position: absolute;
	width: 40px;
	height: 62px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image: url(img/tit02_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
	content: "";
}*/

/*
h3.tit02 i {
	margin-right: 7px;
}*/

/*
h3.tit02 span {
	display: inline-block;
	position: relative;
	letter-spacing: 2.5px;
	color: #C0AB9A;
	font-size: 14.5px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	z-index: 2;
}

h3.tit02 span::before {
	margin-left: 15px;
	margin-right: 15px;
	content: "/";
}*/





.btn_2 {
  margin:15px 0 0 0;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.btn_2:hover,a.btn_2:hover {text-decoration:none;}

.btn_small::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #281A14;
  transition: all .3s;
}

.btn_small,a.btn_small {
  width:85%;
  font-size: 1.1rem;
  line-height: 1.1rem; padding: 0.6rem;
  color: #281A14; background-color:;transition : .3s;
  border:1px solid #281A14;text-decoration:none;
}
a.btn_small:hover {
transition : .3s;background-color: #281A14;color:#fff;
}

.btn--big,
a.btn--big {
  width:85%;
  font-size: 1.1rem;
  line-height: 1.1rem; padding: 1.8rem 0;
  color: #fff; background-color:#281A14;transition : .3s;
  text-decoration:none;
}
.btn--big::after {
  position: absolute;
  top: 50%;
  right: .4em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;/*  */
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
a.btn--big:hover {
transition : .3s;background-color: #fff;color:#281A14;border:1px solid #281A14;
}
.btn--big:hover::after {  border-left-color: #281A14;
}
.btn_small:hover::after {  border-left-color: #fff;
}


@media screen and (max-width:960px){
	.titleText {font-size :1.2rem;}
	.contents {width:100%; box-sizing: border-box;}
	.lv_line_section {width:100%; flex-direction:column;}
	.head-border {
		width: 90%;
		font-size:2.0rem;}
	/*.l_title {font-size:2.1rem; }*/
	.lv_line_box {width:90%;margin:0 auto 20px auto; }
	section.itembox img {width:73%;}
	.lv_line_box p {margin:5px 0 0 0;padding:0;font-size:1.3rem;
	text-align:justify; text-justify:inter-ideograph;}
	.lineup_box {margin:0 auto 70px auto;width:88%; text-align: center;}
	.lineup_space {flex-direction:column;justify-content: center;
	text-align:center;margin:auto;}
	.lineup_space .about p {text-align:center;width:87%;margin:0 auto;padding-bottom:13px;}
	.lineup_space .about {width:100%;margin:auto;text-align:center;}
	.btn_small,a.btn_small { 
		width: 80%;
		margin:15px auto 0;
		padding:1.9rem;
		font-size:1rem;
	}
	.text_11 {width:90%;}

	img.f1, img.f2, img.f3, img.f4, img.f6{
		width: 80%;
		margin:0 auto;
		padding: 0 auto;
	}

	.lineup_box .lineup_space{
		display: block;
	}
    
	.lineup_box .lineup_space .about {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

    .lineup_box .lineup_space .about p{
		text-align: center;
	}

	.title_lv_line {
		width:90%;
	}

	.lineup_box .lineup_space .about h4{
		margin: 10px 0 5px;
	}


	.pc_view {display:none;}
	.sp_view {display:block;}
}