@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

/* # =================================================================
# レイアウト
# ================================================================= */

#contents202201_ti{
  width: 1140px;
  margin:  0 auto;
}



.lp-main {
	position: relative;
	width: 1140px;
	margin: 0 auto;
}

.lp-main * {
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lp-section {
	padding: 0 0 80px;
}

.lp-elm {
	line-height: 2.0;
}

img {
	max-width: 100%;
	height: auto;
}

.date {
  font-size: 12px;
  line-height: 23px;
  font-weight: bold;
  letter-spacing: .03em;
  color: #999;
  display: block;
  margin-bottom: 5px;
  margin-left: auto;
}

.entry-cat {
	width: 1140px;
	margin: 0 auto 5px;
}

.cs-common-aside {
	width: 800px;
	margin: 0 auto;
}

/* # =================================================================
# 汎用
# ================================================================= */

.lp-fbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.lp-sec-header {
	position: relative;
	padding: 50px 0 52px;
	text-align: center;
}

.lp-sec-header::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 40px;
	margin: auto;
	content: '';
	background: #000;
}

.lp-sec-headline {
	margin: 0 0 20px;
}

.lp-lead {
	font-size: 16px;
	line-height: 2.0;
}

.lp-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin: 0 0 26px;
	color: #8d214b;
}

.lp-title span {
	line-height: 1.0;
	display: block;
	margin: 0 0 24px;
}

.lp-txt,.lp-txt2,.lp-txt3,.lp-txt4 {
	font-size: 13px;
	line-height: 2.0;
    text-align:left;
    margin-top:20px;
}

.lp-txt span,.lp-txt2 span,.lp-txt3 span,.lp-txt4 span {
	color: #000;
	font-weight:bold !important;
}

.lp-txt .credit,.lp-txt2 .credit,.lp-txt3 .credit,.lp-txt4 .credit {
	color: #888 !important;
	font-weight:normal !important;
}

/* # =================================================================
# 
# ================================================================= */

.lp-header {
	padding: 17px 0 43px;
	text-align: center;
}

.lp-header-lead {
	font-size: 18px;
	line-height: 1.8;
}

.lp-headline {
	margin: 0 0 19px;
}

h1{
    margin-bottom:20px !important;
}

/* # =================================================================
#  ================================================================= */

.lp-sec-01 {
	padding: 50px 0 80px;
}

.lp-sec-01 .lp-sec-headline {
	margin-left: -5px;
}

.lp-sec-01 .left {
	width: 500px;
}

.lp-sec-01 .right {
	width: 460px;
}

.lp-sec-01 .lp-box-01 .lp-title {
	margin-top: 60px;
}

.lp-sec-01 .lp-box-02 .lp-sec-txt {
	padding-top: 52px;
}

.lp-sec-01 .lp-box-02 .lp-sec-img {
	margin-top: -72px;
}

.lp-contact {
    width:1000px;
    margin:0 70px !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 24px 0;
	border: solid 1px #ccc;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.lp-contact-txt {
	font-size: 14px;
	line-height: 1.8;
	color: #000;
	font-weight:bold !important;
	width:380px;
}

.lp-contact-txt a {
	color: #000;
}

.lp-btn {
	width: 380px;
	margin: 0 30px 0 5px;
}

.lp-btn a {
	font-size: 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 58px;
	color: #fff;
	background: #000;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.lp-credit {
	font-size: 13px;
	line-height: 1.8;
	margin:40px auto !important;
	text-align: center;
	color: #000;
}

.mfp-container {
	right: 0;
	width: 520px;
	margin: auto;
	padding: 0;
}

.mfp-title {
	font-size: 13px;
	line-height: 2.0;
	margin: 16px 0 0;
	padding: 0;
	text-align: center;
}

.mfp-counter {
	display: none;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 520px;
	margin: auto;
}

.lp-modal-caption {
	font-size: 13px;
	line-height: 2.0;
	text-align: center;
	color: #fff;
}

img.mfp-img {
	padding: 0;
}

.mfp-arrow {
	width: 30px;
	height: 30px;
	margin: -74px 0 0;
	opacity: 1;
}

.mfp-arrow::before {
	position: absolute;
	right: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 26px;
	margin: auto;
	content: '';
	border: none;
	background: url(/asset/201901_sj/images/icon_arrow.png) no-repeat center center;
	background-size: 14px auto;
}

.mfp-arrow::after {
	display: none;
}

.mfp-arrow:active {
	margin: -74px 0 0;
}

.mfp-arrow-right {
	right: -42px;
}

.mfp-arrow-left {
	left: -42px;
}

.mfp-arrow-left::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mfp-figure:after {
	display: none;
}

.close-btn {
	font-size: 13px;
	line-height: 38px;
	position: relative;
	width: 150px;
	height: 38px;
	margin: 15px auto 0;
	text-align: center;
	letter-spacing: .08em;
	color: #fff;
	border: solid 1px #fff;
}

.close-btn::before {
	font-size: 20px;
	line-height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	display: block;
	width: 13px;
	height: 13px;
	margin: auto;
	content: '×';
}

.js-inview {
	opacity: 0;
}

.bw-arrow {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px;
	color: #FFFFFF;
	font-size: 15px;
	padding: 10px 10px 10px 30px;
	text-align: center;
	max-width: 380px;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
    font-family:"Times New Roman", serif;
}

.bw-arrow > *:first-child {
	width: calc(100% - 10px * 3);
}

.bw-arrow::after {
	content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}

.bw-arrow:hover {
	opacity: 0.5;
}

a.bw-arrow:link, a.bw-arrow:active, a.bw-arrow:hover, a.bw-arrow:visited {
	color: #FFFFFF;
	text-decoration: none;
}



button.bw-arrow {
	width: 100%;
	border: none;
	cursor: pointer;
    background-color:#000 !important;
}

button.bw-arrow span a {
	color: #fff;
}


.topicpath ol li.topicpath-last {
    display: block;
    margin: 13px 180px 0 0;
    font-size: 130%;
}
.topicpath ol li.topicpath-last {
    height: 75px;
}
.topicpath ol li.topicpath-last img{
width:120px !important;
float:left;
}
.topicpath ol li.topicpath-last span.lasttext {
    font-weight: 600;
    line-height: 1.7;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
}


.delay01 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.delay02 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.delay03 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.delay04 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.pc_main{
	width:1000px;
    height:852px;
    margin:0 auto ;
    position:relative;
}
.pc_main .subttl{
    position:absolute;
    width:250px;
    left:0;
    top:100px;
}
.pc_main h1{
    position:absolute;
    width:425px;
    left:0;
    top:250px;
}
.pc_main h1 img{
    width:425px;
}
.pc_main .lp-header-lead{
    position:absolute;
    left:0;
    top:435px;
	width:310px;
}
.pc_main .item1photo{
    position:absolute;
    width:660px;
    top:0;
    right:0;
}
.pc_main .item1comment{
    position:absolute;
    width:66px;
    right:40px;
    top:325px;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}




.categoryttl{
	width:550px;
}
.categoryttl img{
	width:550px !important;
	margin-bottom:30px;
}
.categoryttl p{
	text-align:center !important;
	margin-bottom:50px;
}


.lp-detail-btn {
	width: 200px;
	margin: 22px auto 0 auto;
    font-family:"Times New Roman", serif;
}

.lp-detail-btn a {
	font-size: 14px;
	line-height: 40px;
	position: relative;
	display: block;
	height: 40px;
	text-align: center;
	border: solid 1px #9c9c9c;
    color:#9c9c9c;
    letter-spacing:1px;
}

.lp-detail-btn a::before,
.lp-detail-btn a::after {
	line-height: 10px;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	display: block;
	width: 10px;
	height: 1px;
	margin: auto;
	content: '';
	background: #9c9c9c;
}

.lp-detail-btn a::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.lp-detail-btn a.is-open::after {
	display: none;
}

.lp-detail-btn + .lp-txt,
.lp-detail-btn + .lp-txt2,
.lp-detail-btn + .lp-txt3,
.lp-detail-btn + .lp-txt4{
	position: relative;
	display: none;
}

.itemlinkbtn{
	background: #000;
	width:380px;
	margin:40px auto !important;
	padding:10px;
	color:#fff;
	display:block;
	text-align:right;
    font-family:"Times New Roman", serif;
    font-size:14px;
	letter-spacing:2px;
}
.itemlinkbtn a{
	color:#fff;
}
.itemlinkbtn::after {
	content: '';
	display: inline-block;
	padding: 0;
	width: 20px;
	height: 20px;
  background: url("/asset/202201_ti/images/linkbtn.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
	margin-left: 120px;
}


input + #img{
  display: none;
}
input:checked + #img {
  display:block;
}
#check{
  display:none;
}




.ls-sectionbox1{
    margin:40px auto 100px auto !important;
    width:1000px;
    text-align:center;
}
.ls-sectionbox1 .itemno{
    width:550px;
    margin-bottom:40px;
}
.ls-sectionbox1 .itemsubttl{
    width:1000px !important;
    font-weight:bold;
    margin-bottom:20px;
    font-size:18px;
    line-height:1.9em;
}
.ls-sectionbox1 .itemdetail{
    width:1000px;
    text-align:left;
    font-size:15px !important;
    line-height:1.9em !important;
    word-break: break-all;
}
.ls-sectionbox1 .bw-arrow{
    margin:40px auto 0 auto;
}

.itemimg1{
    position:relative;
    width:1140px;
    height:925px;
    margin-left:-70px;
    margin-top:40px !important;
}
.itemimg1 .itemphoto{
    position:absolute;
    width:1070px;
    height:865px;
    top:60px;
    left:0;
}
.itemimg1 .itemtitle{
    position:absolute;
    width:200px;
    top:0;
    left:125px;
}

.modelimg2{
    width:660px;
    margin:0 auto 40px auto;
    height:850px;
    position:relative;
}
.modelimg2 .modelphoto{
    position:absolute;
    width:660px;
    height:850px;
    top:0;
    left:0;
}
.modelimg2 .modelcomment{
    position:absolute;
    width:63px;
    top:355px;
    left:90px;
}

.itemimg2{
    position:relative;
    width:1070px;
    height:866px;
    margin-top:40px !important;
}
.itemimg2 .itemphoto{
    position:absolute;
    width:860px;
    top:0;
    right:0;
}
.itemimg2 .itemtitle{
    position:absolute;
    width:445px;
    bottom:20px;
    left:0;
}

.modelimg3{
    width:1000px;
    margin:0 auto 40px auto;
    height:900px;
    position:relative;
}
.modelimg3 .modelphoto{
    position:absolute;
    width:510px;
    top:0;
    right:0;
}
.modelimg3 .modelphoto2{
    position:absolute;
    width:510px;
    bottom:0;
    left:0;
}
.modelimg3 .modelcomment{
    position:absolute;
    width:63px;
    left:420px;
    top:220px;
}

.itemimg3{
    position:relative;
    width:1070px;
    height:825px;
    margin-top:40px !important;
}
.itemimg3 .itemphoto{
    position:absolute;
    width:1070px;
    top:0;
    right:0;
}
.itemimg3 .itemtitle{
    position:absolute;
    width:372px;
    right:70px;
    top:70px;
}

.modelimg4{
    width:660px;
    margin:0 auto 40px auto;
    height:850px;
    position:relative;
}
.modelimg4 .modelphoto{
    position:absolute;
    width:660px;
    height:850px;
    top:0;
    left:0;
}
.modelimg4 .modelcomment{
    position:absolute;
    width:63px;
    top:355px;
    right:90px;
}

.itemimg4{
    position:relative;
    width:1070px;
    height:936px;
    margin-top:40px !important;
}
.itemimg4 .itemphoto{
    position:absolute;
    width:790px;
    top:0;
    right:0;
}
.itemimg4 .itemtitle{
    position:absolute;
    width:366px;
    top:20px;
    left:0;
}

.aboutelsa{
    width:800px;
    height:260px;
    text-align:left;
    margin:0 auto;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:40px 50px;
}
.aboutelsa .photo{
    float:left;
    width:110px;
}
.aboutelsa .photo img{
    width:110px;
}
.aboutelsa .comment{
    float:right;
    width:560px;
}
.aboutelsa p{
    font-size:14px !important;
    line-height:2.0em !important;
}
.aboutelsa .comment img{
    width:315px;
    margin-bottom:20px;
}

.tobecontinued{
    width:500px;
    margin:100px auto !important;
}
.tobecontinued img{
    width:500px;
}
.sns{
    text-align:center;
    height:40px;
    margin:40px auto;
    width:180px;
}
.sns ul{
    margin:0;
    padding:0;
    list-style: none;
    height:40px;
    width:180px;
}
.sns ul li{   
    margin:0 10px;
    width:40px;
    float:left;
}
.sns img{
    width:40px;
}