@charset "UTF-8";

.l_breadcrumb ul{text-align: left;max-width: 1080px;margin: 0 auto;font-size: 0.8125rem;display: flex;height: 40px;align-items: center;}

.header_title{ text-align:center;position: relative;background:url(../img/bg_title.jpg) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover; }
.header_title .box{height: 100%;}
.header_title .box > *{color:#fff;width:100%;text-align:center;line-height:1.7;font-weight:bold;font-family: 'Shippori Mincho', serif;position:relative;}
.header_title p{font-size:60px;opacity:0.3;}
.header_title h1{font-size:40px;}

/** index **/
.lineup_about{ text-align:center; }
.lineup_about .wrapper{ padding-top:74px; }
.lineup_about h2{ margin-bottom:20px;font-size:25px;line-height:1.8;font-family: 'Shippori Mincho', serif; }
.lineup_about p{ font-size:15px;line-height:1.8; }

.lineup_list{padding-bottom: 118px;}
.lineup_list .wrapper{ padding-top:74px; }
.lineup_list h2{ font-size:25px;position:relative;margin-bottom:45px;padding-bottom:20px;line-height:1.8;font-family: 'Shippori Mincho', serif;text-align:center; }
.lineup_list h2::after{ width:70px;margin-left:-35px;height:1px;bottom:0;left:50%;background-color:#C89E45;content:"";display:block;position:absolute; }
.lineup_list .box{ margin:0 auto 60px; }
.lineup_list .box:last-child{ margin-bottom:0; }
.lineup_list .image{}
.lineup_list .in_img{ display:block;width: 100%;position: relative; }
.lineup_list .in_img:before{ padding-top: 64.03%;content:"";display: block; }
.lineup_list .in_img > span{ display:block;background:none 50% 50% no-repeat #fff;-webkit-background-size:contain;background-size:contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.lineup_list .text{ padding:0 14px 0 20px; }
.lineup_list .title{ font-family: 'Shippori Mincho', serif;padding:91px 0 10px 16px;position:relative;margin:0 0 20px -20px; }
.lineup_list .title::after{ content:"";display:block;max-width:491px;width:90%;height:1px;position:absolute;left:0;bottom:0;background-color:#333; }
.lineup_list .title span{ font-weight:600;color:rgb(200 158 69 /.2);font-size:clamp(60px, calc(100vw / 7), 90px);line-height:0.9;display:block;position:absolute;bottom:24px;left:0; }
.lineup_list .title h3{ font-size:25px;line-height:1.8;position:relative; }
.lineup_list .in_txt{ line-height:2; }
.lineup_list .btn{ width:184px;margin-top:40px; }
.lineup_list .btn a{ background-color:#C89E45;-webkit-border-radius: 100vh; border-radius: 100vh;text-decoration:none;text-align:center;color:#fff;line-height:1.25;display:block;padding:15px 10px; }


/** detail **/
.lineup_main .wrapper{ max-width:1200px;padding-top:74px; }


.lineup_main .photo .img{text-align:center;margin-bottom:20px;}
.lineup_main .photo .img img{max-width:100%;}
.lineup_main .photo p{line-height:1.8;}

.lineup_main .info table{width:100%;border-top:1px solid #668c9d;}
.lineup_main .info th,
.lineup_main .info td{border-bottom:1px solid #668c9d;padding:10px 15px;font-size:15px;}
.lineup_main .info th{width:180px;background-color:#d0e3ec;font-weight:bold;}
.lineup_main .info td.img{vertical-align:center;}
.lineup_main .info td.img img{width:240px;}

.lineup_main .shots{margin-top:40px;}
.lineup_main .shots ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.lineup_main .shots li .img{ display:block;width: 100%;position: relative; }
.lineup_main .shots li .img:before{ padding-top: 56.25%;content:"";display: block; }
.lineup_main .shots li .img > span{ display:block;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.lineup_main .shots li .name{display:block;margin-top:5px;text-align:center;}

.lineup_sub{margin-top:80px;}
.lineup_sub .wrapper{ max-width:1200px;padding-top:74px;background-color:#F7E6E1;}
.lineup_sub h2{ font-weight:bold;font-size:25px;position:relative;margin-bottom:30px;padding-bottom:20px;line-height:1.8;font-family: 'Shippori Mincho', serif;text-align:center; }
.lineup_sub h2::after{ width:70px;margin-left:-35px;height:1px;bottom:0;left:50%;background-color:#C89E45;content:"";display:block;position:absolute; }
.lineup_sub ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.lineup_sub li a{text-decoration:none;display:block;}
.lineup_sub li .img{ display:block;width: 100%;position: relative;overflow:hidden;-webkit-border-radius: 50%; border-radius: 50%;background-color:#fff; }
.lineup_sub li .img:before{ padding-top: 100%;content:"";display: block; }
.lineup_sub li .img > span{ display:block;background:none 50% 50% no-repeat;-webkit-background-size:80% auto;background-size:80% auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.lineup_sub li .name{display:block;margin-top:5px;text-align:center;font-weight:bold;font-size:15px;}


@media screen and (min-width:1401px) {
	
	.contents_lineup_detail{padding-bottom:160px;}
	.lineup_sub .wrapper{padding-bottom:80px;padding-left:40px;padding-right:40px;-webkit-border-radius: 20px; border-radius: 20px;}
	
}

@media screen and (max-width:1400px) {
	
	.lineup_sub .wrapper{padding-bottom:160px;-webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
}


@media screen and (min-width:1081px) {

	.header_title{padding-top: 100px;height:469px;}
	.header_title .box{padding-top:65px;}
	
	.contents_lineup{ padding-bottom:160px; }
	
	.lineup_list .box{ min-height:390px;max-width:1040px;align-items: end;justify-content: space-between;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
	.lineup_list .box:nth-child(2n){ flex-direction: row-reverse; }

	.lineup_list .image{ width:49.4%;max-width:480px;margin-right:2.6%; }
	.lineup_list .text{ width:48%;max-width:500px;}
	
	.lineup_list .title::after{}
	
	.lineup_main .box{ display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
	.lineup_main .box .photo{width:50%;margin-right:3.125%;}
	.lineup_main .box .info{width:46.875%;}
	
	.lineup_main .shots li{width:32%;margin-right:2%;}
	.lineup_main .shots li:nth-child(3n){margin-right:0;}
	.lineup_main .shots li:nth-child(n + 4){margin-top:20px;}
	
	.lineup_sub li{width:23.5%;margin-right:2%;}
	.lineup_sub li:nth-child(4n){margin-right:0;}
	.lineup_sub li:nth-child(n + 5){margin-top:20px;}
	
	
	.lineup_sub li a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.lineup_sub li a:hover{transform:translateY(-12px);opacity:0.8;}
	
}
@media screen and (max-width:1080px) {
	
	.contents_lineup{ padding-bottom:80px; }
	
	.lineup_main .box,
	.lineup_main .shots ul,
	.lineup_sub ul{max-width:750px;margin-right:auto;margin-left:auto;}
	
	.contents_lineup .area{max-width:750px;margin-right:auto;margin-left:auto;}
	
	.lineup_main .box .info{margin-top:20px;}
	
	.lineup_main .shots li{width:48%;margin-right:4%;}
	.lineup_main .shots li:nth-child(2n){margin-right:0;}
	.lineup_main .shots li:nth-child(n + 3){margin-top:20px;}
	
	.lineup_sub .wrapper{padding-bottom:80px;}
	
	.lineup_sub li{width:32%;margin-right:2%;}
	.lineup_sub li:nth-child(3n){margin-right:0;}
	.lineup_sub li:nth-child(n + 4){margin-top:20px;}
	
	
}



@media screen and (min-width:768px) {

}
@media screen and (max-width:767px) {
	.header_title p{font-size:36px;}
	.header_title .box h1{margin-top: -5px;}

	.lineup_sub li{width:48%;margin-right:4%;}
	.lineup_sub li:nth-child(2n){margin-right:0;}
	.lineup_sub li:nth-child(n + 3){margin-top:20px;}
	
}
