@charset "UTF-8";
/*
----------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
body{
    padding:0;
    margin:0;
}
#special{overflow-x : hidden !important;}
#special a{
	transition:.2s;
	border:0 !important;
	}
#special a:hover{
text-decoration: none !important;
	}
#special .special_fixed{
    position: fixed !important;
    top: -137px;
    z-index: 10000;
	}
#special .special_fixed:hover{
	}
a{
    text-decoration: none !important;
}

.mgnbtm3{
	margin-bottom:5%;
}
.mgnbtm10{
	margin-bottom:10%;
}
.pdntop20{
	padding-top:20%;
}
.pdntop10{
	padding-top:10%;
}
@media screen and (min-width: 1000px){
	.pdntop20,.pdntop10{
		padding-top:50px;
	}
	.mgnbtm3{
		margin-bottom:20px !important;
	}
}
/*
----------------------------------------*/
 @font-face {
      font-family: 'Noto Sans JP';
      font-style: normal;
      font-weight: 400;
+    src: local("Noto Sans CJK JP Regular"),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
   }
#special{
	font-size:14px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	color:#000;
	list-style:none;
	line-height:2.0em;
    font-feature-settings: "palt";
}
#special{
	position:relative;
}
#special img{
	vertical-align:top;
	max-width: 100%;
	height: auto;
}
#special a img{
	border:0;
}
#special area{
	border:none; outline:none; 
}
#special .font-serif{
	font-family:Georgia,  "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.3;
}
@media screen and (min-width: 1000px){
	#special{
		max-width:1190px !important;
    	width:100%;
		margin:0 auto !important;
	}
}

/*
----------------------------------------*/
#special .builder{
	margin: 0 auto;
	overflow: hidden;
}
#special .flex-box{
	display: flex;
	flex-direction: column;
}
#special .pc{
	display:none;
	}
#special .smh{
	display:block;
}
@media screen and (min-width: 1000px){
	#special .builder{
		width:1000px;
		margin: 0 auto;
	}
	#special .flex-box{
		display: flex;
	}
	#special .pc{
		display: block !important;
	}
	#special .smh{
		display: none !important;
	}
}


/* visual-main
----------------------------------------*/
#special .visual-main{
	position: relative;
	margin:0 !important;
}
#special .visual-main h1{
	margin-top: 0;
	margin-bottom: 0 !important;
	padding:0;
}
#special .visual-main .onward{
	position: absolute;
	left: 10px;
	top: -45px;
	width: 120px !important;
    display: block !important;
}
#special .visual-main .onward img{
 	width: 120px !important;   
}
#special .ttlbox{
    width:70%;
    margin:25% auto;
}
#special .ttlbox img{
    margin-bottom:10%;
}
#special .ttlbox .uncravelogo{
	width:50%;
	margin:0 25% 25% 25%;
}
#special .datedetail{
    width:70% !important;
    margin:20% 15% 0 15% !important;
}
#special .spmain{
    width:100%;
    height:calc(100vw*1.46666666);
    position:relative;
}
#special .spmainbg{
    position:absolute;
}
@media screen and (min-width: 1000px){
	#special .visual-main{
        max-width:1190px;
        width:100%;
		margin-top: 0;
        height:785px;
        position:relative;
	}
    #special .visual-main .pcmain{
        width:100%;
    }
    #special .visual-main .pcmain1{
        position:absolute;
        left:0;
        top:0;
        max-width:595px;
        width:50%;
    }
    #special .visual-main .pcmain2{
        position:absolute;
        right:0;
        top:0;
        max-width:595px;
        width:50%;
    }
    #special .visual-main .uncravelogo{
        position:absolute;
        width:180px;
        top:280px;
        left:390px;
    }
    #special .visual-main .pclogo{
        position:absolute;
        left: 0;
        right: 0;
        margin: auto;
        top:180px;
        max-width:300px;
        width:40%;
    }
	#special .visual-main h1 img{
		margin: 0 auto;
	}
	#special .visual-main .onward{
		top: 20px;
		left:inherit !important;
		right:20px !important;
	}
    #special .ttlbox{
        width:460px !important;
        margin:120px auto 40px auto !important;
    }
    #special .ttlbox img{
        margin-bottom:40px;
    }
	#special .ttlbox .uncravelogo{
		width:180px;
		margin:0 140px 100px 140px;
	}
    #special .datedetail{
        width:690px;
        margin:80px auto !important;
    }
}
@media screen and (max-width: 999px){
#special .comment{
	text-align:center;
	padding:15% 0 10% 0;
	font-size:14px;
	line-height:2.0em !important;
}
#special .campaign2{
    width:100%;
    margin-top:10%;
    padding:10% 0 0 0;
}
#special .campaign2 .offcampaign{
    width:70%;
    margin:0 auto !important;
}
}

#special .brandtitle_showroom{
	margin-bottom:15% !important;
}

#special .comment.brandcomment{
 font-size:13px;
}
#special .comment.showroomcomment{
 font-size:13px;
 width:90%;
 margin:0 5%;
 text-align:left;
 padding:10% 0 10% 0 !important;
}
#special .comment.showroomcomment span{
    color:#7e7e7e;
}
#special .comment.showroomcomment a{
    border-bottom:1px solid #000 !important;
    color:#000;
    font-weight:normal !important;
}
#special .comment a{
    border-bottom:1px solid #000 !important;
    color:#000;
    font-weight:normal !important;
}
@media screen and (min-width: 1000px){
	#special .comment{
    margin:40px auto !important;
	font-size:16px;
	letter-spacing:0.5px;
    text-align:center;
	line-height:2.0em !important;
    width:100% !important;
	}
	#special .comment.brandcomment{
		margin-bottom:80px !important;
		font-size:16px;
	}
	#special .brandtitle_showroom{
		margin-top:200px !important;
	margin-bottom:40px !important;
		width:340px;
		text-align:center;
		margin:0 auto;
	}
	#special .comment.showroomcomment{
		margin-bottom:40px !important;
		font-size:15px;
		text-align:center;
		padding:0 !important;
	}
	#special .campaign2{
		width:1000px;
		margin: 0 auto !important;
		padding:50px 0 !important;
		text-align:center;
	}
	#special .campaign2 .offcampaign{
		width:400px;
		margin:0 auto 40px auto !important;
	}
}

#special .date{
    text-align:center;
    margin:15% auto 0 auto;
}
#special .date .yoyaku{
    width:90%;
    margin:0 auto 5% auto !important;
}
#special .date .datedetail{
    width:90%;
    margin:0 auto 15% auto !important;
}
#special .campaign{
    width:80%;
    margin:0 10% !important;
}
@media screen and (min-width: 1000px){
    #special .date{
        text-align:center;
        margin:50px auto 0 auto;
    }
    #special .date .yoyaku{
        width:500px;
        margin: 0 auto 50px auto !important;
    }
    #special .date .datedetail{
        width:800px;
        margin:0 auto 50px auto !important;
    }
    #special .campaignarea{
        width:100%;
        text-align:center;
    }
    #special .campaign{
        width:410px;
        margin:0 auto !important;
    }
}




/* footer
----------------------------------------*/
#special .footer{
	margin: 60px auto 20px auto;
	text-align: center;
}
#special .footer .footer-sns{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#special .footer .footer-sns div{
	width: 50px;
	margin: 5px;
}
#special .footer .footer-sns + div{
	width: 176px;
	margin: 0 auto;
}
#special .page-top a{
	width: 30px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	padding: 10px;
	display: block;
}
#special .page-top a:hover{
	bottom: 30px;
}
#special .copyright{
	text-align: center;
	font-size: 10px;
	margin: 40px auto 0 auto;
    padding-bottom:20px;
    color:#000;
}






/*メインアイテム*/
#special .item_main{
	position: relative;
	width:100%;
	margin:10% auto 0 auto !important;
	text-align:center;
}
#special .item_main .itemname{
	width:100%;
	margin-bottom:5%;
	margin-left: auto !important;
	margin-right: auto !important;
}
#special .item_main p{
	width:90%;
	text-align:left;
	line-height:2.0em ;
	margin:0 auto 8% auto !important;
}
#special .item_main .photo{
	position: relative;
	width:90%;
	margin:0 10% 5% 0;
}
#special .item_main .photo2{
	position: relative;
	width:60%;
	margin:-15% 40% 5% 0;
}
#special .item01{
        margin-bottom:5% !important;
        padding-bottom:10% !important;
}
@media screen and (min-width: 1000px){
	#special .item_main{
		position: relative;
		padding-bottom:0;
		text-align:left;
		width:100%;
		margin:0 !important;
	}
	#special .item_main .builder{
		position: relative;
	}
    #special .item01,
	#special .item02,
	#special .item03,
	#special .item04,
	#special .item05,
    #special .item06,
	#special .item07,
	#special .item08,
	#special .item09,
	#special .item10,
	#special .item11,
	#special .item12,
	#special .item13{
        margin-bottom:80px !important;
    }
    #special .item_main .photo{
		text-align: left;
		width:600px;
        margin:0 !important;
	}
	#special .item_main .itemname{
		width:360px;
		margin-bottom:30px;
        margin-left:0 !important;
	}
	#special .item_main p{
		width:400px;
		text-align:left;
		letter-spacing:1px;
        margin-left:0 !important;
	}
    #special .item_main .credit{
    position: absolute;
    width: 350px;
	}
}


#special .item_sub{
	position: relative;
	width:100%;
	margin:10% auto 0 auto !important;
	text-align:center;
}
#special .item_sub p{
	width:90%;
	text-align:left;
	line-height:2.0em ;
	margin:0 auto 8% auto !important;
}
#special .item_sub .photo{
	width:90%;
	margin:0 0 5% 10%;
	z-index:3 !important;
}
#special .item_sub .item01 .photo2{
	position: relative;
	width:60%;
	margin:0% 40% 5% 0;
	z-index:1 !important;
}
#special .item_sub .itemname{
	width:100%;
	margin-bottom:5%;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media screen and (min-width:1000px){
	#special .item_sub{
		position: relative;
		padding-bottom:0;
		width:100%;
		margin-top:0 !important;
        margin-bottom:0;
	}
	#special .item_sub .builder{
		position: relative;
	}
	#special .item_sub .photo{
		position:absolute;
        right:0;
        top:0 ;
		width:600px;
        height:900px;
        margin:0 !important;
	}
	#special .item_sub .item01 .photo2{
		position: absolute;
		width:400px;
		top:700px;
		left:50px;
		margin:0 !important;
	}
	#special .item_sub .itemname{
    	width:400px;
        margin-left:50px !important;
		margin-bottom:30px !important;
    }
	#special .item_sub p{
		text-align:left;
		letter-spacing:1px;
		width:400px !important;
        margin-left:50px !important;
	}
    #special .item_sub .credit{
    position: absolute;
    width: 350px;
	}
}

#special .item_center{
	width:100%;
	margin:10% auto 10% auto !important;
	text-align:center;
}
#special .item_center p{
	width:90%;
	text-align:left;
	line-height:2.0em ;
	margin:0 auto 8% auto !important;
}
	#special .item_center .item09 .photo2,
	#special .item_center .item13 .photo2{
	width: 100% !important;
	margin:0 0 5% 0;
}
#special .item_center .itemname{
	width:100%;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media screen and (min-width:1000px){
	#special .item_center{
		padding-bottom:0;
		width:100%;
		margin:0 auto  !important;
	}
	#special .item_center .builder{
		position: relative;
	}
	#special .item_center .photo{
		position:absolute;
        top:0 ;
        left:0!important;
		width:600px;
        height:900px;
        margin:0 !important;
	}
	#special .item_center .photo2{
		position:absolute;
        top:0 ;
        left:200px !important;
		width:600px;
        height:900px;
        margin:0 !important;
	}
    #special .item_center .item06 .photo,
	#special .item_center .item09 .photo2,
	#special .item_center .item13 .photo2{
		position:absolute;
        top:0 ;
        left:0;
		width:600px !important;
        margin:0 !important;
	}
	#special .item_center .itemname{
    	width:400px;
        margin-left:50px !important;
		margin-bottom:30px !important;
    }
	#special .item_center p{
		text-align:left;
		letter-spacing:1px;
		width:400px !important;
        margin-left:50px !important;
	}
    #special .item_center .item06 .credit,
	#special .item_center .item09 .credit,
	#special .item_center .item13 .credit{
		position: absolute;
		width: 350px;
		top:920px;
	}
}








#special .insta{
width:100%;
margin:0 0 10% 0;
text-align:center !important;
}
#special .insta .andmore{
width:70%;
margin:0 20% 5% 20% !important;
}
#special .insta p{
margin-top:5%;
color:#fff;

}
#special .uncravebtn{
background:#fff !important;
color:#000 !important;
width:90% !important;
line-height:50px;
margin:0 5% 10% 5% !important;
font-size:13px;
text-align:center;
letter-spacing:0.5px;
position:relative;
border:1px solid #000 !important;
display: inline-block;
}

#special .uncravebtn img{
width:28%;
margin-top:19px;
}
#special .uncravebtn img.instaicon{
width:70% !important;
margin-top:-3px !important;
vertical-align:middle !important;
}
#special .uncravebtn::after{
    position:absolute;
	content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
    right:10px;
    top:19px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-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;
}
@media screen and (max-width: 375px){
#special .uncravebtn img{
width:28% !important;
margin-top:6% !important;
}
#special .uncravebtn img.instaicon{
width:70% !important;
margin-top:10%;
}
}
@media screen and (min-width: 1000px){
    #special .insta{
    width:1000px;
    margin:60px auto 120px auto !important;
    text-align:center !important;
    font-size:14px !important;
    }
    #special .insta p{
    margin-top:20px !important;
    }
    #special .insta .andmore{
    width:500px;
    margin:0 250px 50px 250px !important;
    }
    #special .uncravebtn.mgnbtm30{
    margin-bottom:50px !important;
    }
    #special .uncravebtn{
    width:400px !important;
    height:50px;
    line-height:50px;
    margin:20px auto 0 auto !important;
    font-size:16px !important;
    position:relative;
    }
    #special .uncravebtn::after{
    position:absolute;
	content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
    right:10px;
    top:20px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-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;
    }
    #special  a:hover .uncravebtn{
    background:#ccc !important;
    }
    #special .uncravebtn img.instaicon{
    width:60% !important;
    margin-top:-6px !important;
    }
    }
@media screen and (max-width: 320px){
#special .uncravebtn{
margin:20px 5% 0 5% !important;
width:90%  !important;
}
}

@media screen and (min-width: 1000px){
	#special .item01{
		height:1190px;
	}
    #special .item02,
	#special .item03,
	#special .item04,
	#special .item05,
	#special .item07,
	#special .item08,
	#special .item10,
	#special .item11,
	#special .item12{
        height:900px;
    }
	#special .item06{
        height:1065px;
    }
	#special .item09{
        height:1065px;
    }
	#special .item13{
        height:1125px;
    }
	#special .item01 .swiper,
	#special .item02 .swiper,
	#special .item04 .swiper,
	#special .item07 .swiper,
	#special .item10 .swiper,
	#special .item12 .swiper{
		position:absolute;
		right:0;
	}
	
	#special .item03 .swiper,
	#special .item05 .swiper,
	#special .item08 .swiper,
	#special .item11 .swiper{
		position:absolute;
		left:0;
	}
	#special .item06 .swiper,
	#special .item09 .swiper,
	#special .item13 .swiper{
		position:absolute;
		left:0;
		right:0;
		width: 600px;
	}
}


/*
----------------------------------------*/
#special .creditlist2{
	list-style: none;
	padding:0 5% !important;
    width:90%;
    font-size:11px !important;
   	line-height: 1.6em;
}
#special .creditlist2 ul{
    padding:0 !important;
    margin:0 !important;
}
#special .creditlist2 li{
	margin-bottom: 5px;
	}
#special .creditlist2 a{
    display: flex;
	justify-content: space-between;
    text-decoration: none;
	color: #000;
	padding: 5px 0;
	align-items: center;
	}
#special .creditlist2 .comingsoon{
    display: flex;
	justify-content: space-between;
    text-decoration: none;
	color: #000;
	padding: 5px 0;
	align-items: center;
	}
#special .creditlist2 span{
	display:block;
	}
#special .creditlist2 .item_name{
	width: 48%;
	text-align:left !important;
	}
#special .creditlist2 .item_price{
	text-align: right;
	width: 27%;
	}
#special .creditlist2 .item_buy,
#special .creditlist2 a .item_buy{
	background:#fff;
	font-size:12px ;
	letter-spacing: 0.5em;
	color: #000;
	text-align: center;
	padding: 10px 12px 10px 17px;
	line-height: 1;
	border: 1px solid #000;
	box-sizing: border-box;
	font-size:0.8em;
	 }
#special .creditlist2 .comingsoon .item_buy{
	letter-spacing:0 !important;
	font-size:0.8em !important;
	line-height:1.2em;
	padding:5px 10px 5px 9px !important;       
}

@media screen and (min-width: 1000px){
	#special .creditlist2{
        width:350px !important;
		font-size:13px;
		padding:0 !important;
        padding: 5px 0;
	line-height: 1;
	align-items: center;
		margin:0;
	}
	#special .creditlist2 li{
		padding-top:10px !important;
        letter-spacing:0.5px !important;
	}
	#special .creditlist2 li:last-child{
		border-bottom:none !important;
	}
	#special .creditlist2,#special .creditlist2 a{
		padding: 0 !important;
	}
	#special .creditlist2 span{
	}
    #special .creditlist2 .item_name{
    	font-size:13px ;
        line-height:1.5em;
    }
	#special .creditlist2 .item_price{
		width: 40%;
        padding-right:3%;
    	font-size:13px ;
	}
	#special .creditlist2 .item_buy,
	#special .creditlist2 a .item_buy{
		width: 90px;
		padding: 10px 2px 10px 8px;
        font-size:12px !important;
	}
	#special .creditlist2 a:hover .item_buy{
		background:#686c71 !important;
        border:#686c71 1px solid !important;
        color:#fff !important;
	}
    #special .creditlist2 .comingsoon{
        padding:5px 0 0 0;
    }
    #special .creditlist2 .comingsoon .item_name,
    #special .creditlist2 .comingsoon .item_price{
        font-size:13px !important;
    }
    #special .creditlist2 .comingsoon .item_buy{
		line-height:1.4em !important;
		padding: 5px 5px 5px 4px !important;
        font-size:11px !important;
	}	
}

@media screen and (min-width: 1000px){
	#special .item01 .credit,
    #special .item03 .credit,
	#special .item05 .credit,
	#special .item08 .credit,
	#special .item11 .credit{
        bottom:0 !important;
        right:0 !important;        
    }
	#special .item06 .credit,
	#special .item09 .credit,
	#special .item13 .credit{
        left: 50% !important;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    }
    #special .item02 .credit,
	#special .item04 .credit,
	#special .item07 .credit,
	#special .item10 .credit,
	#special .item12 .credit{
        bottom:0 !important;
        left:0 !important;
    }
}




#viewer {
	margin: 0 auto;
	width: 100%;
	height:calc(100vw*1.325);
	text-align: left;
	overflow: hidden;
	position: relative;
}
#viewer img {
	width:100%;
	top: 0;
	left: 0;
	position: absolute;
}
@media screen and (min-width: 1000px){
	#viewerpc {
	margin: 0 auto;
	width: 1190px;
	height:792px;
	text-align: left;
	overflow: hidden;
	position: relative;
	}
	#viewerpc img {
		width:100%;
		top: 0;
		left: 0;
		position: absolute;
	}
}

.reservearea{
    text-align:center;
	margin-bottom:20%;
}

.showroomdetail{
    width:90%;
    line-height:2.0em;
    margin:5% auto !important;
    font-size:0.9em !important;
}
.showroomdetail .detailttl{
    font-weight:bold;
    width:18%;
    float:left;
    text-align:center;
    margin-right:4%;
}
.showroomdetail .detailtxt{
    width:77%;
    float:right;
}
.showroomdetail .detailtxt span{
    border-bottom:1px solid #000 !important;
    color:#000;
}
.showroomdetail .detailtxt a{
    text-decoration: none !important;
}
@media screen and (min-width: 1000px){
    .showroomdetail{
        width:560px;
        font-size:1em !important;
        margin:0 auto !important;
    }
    .showroomdetail.showroomdate{
        height:70px;
    }
    .showroomdetail.showroomaccess{
        height:120px;
    }
}
.center{
	width:100%;
	text-align:center;
	font-size:1.1em !important;
	padding-top:10%;
}
.center a{
	color:#000000;
}
.center span{
    border-bottom:1px solid #000 !important;
    color:#000;
}
.center a{
    text-decoration: none !important;
}
@media screen and (min-width: 1000px){
	.center{
		padding-top:0;
	}
}

.staffcredit{
    width:90%;
    line-height:1.6em;
    margin:20% auto !important;
    font-size:0.75em !important;
}
.staffcredit span{
    line-height:1.8em !important;
}
.staffcredit .staffcreditttl{
    font-weight:bold;
    margin-bottom:15px;
}
.staffcredit .crearfix{
    margin-bottom:5% !important;
}
.staffcredit .creditttl{
    float:left;
    width:50%;
}
.staffcredit .creditname{
    float:right;
    width: 50%;
    font-weight:bold;
}
@media screen and (min-width: 1000px){
    .staffcredit{
        width:400px;
        font-size:1em !important;
        margin:0 auto 200px auto !important;
        line-height:1.5em;
    }
    .staffcredit .creditttl{
        float:left;
        width:42%;
    }
    .staffcredit .creditname{
        float:right;
        width: 58%;
        font-weight:bold;
    }
}


.onlinestore{
    margin-top:20%;
}
@media screen and (min-width: 1000px){
    .onlinestore{
        width:400px !important;
        margin:80px auto 0 auto !important;
    }
}

.andmore{
    text-align:center;
    margin-bottom:25%;
}
.andmore .txt{
    font-weight:bold;
    margin-bottom:20% !important;
}
.andmore .allitems{
}
@media screen and (min-width: 1000px){
    .andmore{
        margin-bottom:160px !important;
    }
    .andmore .txt{
        margin-bottom:160px !important;
    }
    .andmore .allitems{
        margin-bottom:200px;
    }
}

.clippathLeftRightNBlur.wow.animated {
    animation-duration: 1s !important;
    animation-delay: 0.1s !important;
}


@media screen and (min-width: 1000px){
	.txt ul.creditlist2{
		margin:20px auto 0 auto;
	}
	#special .txt ul.creditlist2 .item_name{
		width:52%;
	}
}
@media screen and (max-width: 767px) {
  .slick-next::after,
  .slick-prev::after {
    width: 20px;
    height: 20px;
  }
  .slick-next {
    right: 10px;
  }
  .slick-prev {
    left: 10px;
  }
  .slick-next::after {
    right: 10px;
  }
}

/* swiper.js */
/*slider*/
.swiper {
  position: relative;
  width:100%;
  margin:0 auto;
}
.swiper-slide.swiper-slide-flex {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
  flex-direction: column !important;
}
.swiper-slide a {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
}
.swiper-slide img {
  align-self: center; /* 上下の中央揃え */
  /*max-height: 100%;*/
  width: 58.5%;
  height: auto;
}
.item06 .swiper-slide img {
  align-self: center; /* 上下の中央揃え */
  /*max-height: 100%;*/
  width: 100%;
  height: auto;
  margin-bottom:5%;
}
.swiper-slide .slider-pic01, .swiper-slide picture {
  align-self: center; /* 上下の中央揃え */
  /*max-height: 100%;*/
  width: 100%;
  height: auto;
}
.swiper-slide img.swiper1{
  /*transform: scale(1.5);*/
}
.swiper-button-next, .swiper-button-prev {
  top: 50%;
}
.swiper-button-next:after, .swiper-button-prev:after {
  color: #000000;
}
.swiper-pagination {
  position: absolute !important;
  top: 25rem !important;
  height: 2rem;
}
@media only screen and (max-width: 376px) {
.swiper-pagination {
  top: 22rem !important;
}
}
.swiper-pagination-bullet {
  color: #CBCBCB;
}
.swiper-pagination-bullet-active {
  color: #C7A47F;
  background: #C7A47F;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "" !important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 10px;
  margin: auto;
}
/*.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  transform: scale(1.1);
}*/
.swiper-button-prev{
  left: 10% !important;
}
.swiper-button-next{
  right: 0 !important;
  text-align:right !important;
}
.swiper-button-prev.left{
  left: 0 !important;
}
.swiper-button-next.left{
  right: 10% !important;
  text-align:right !important;
}
.swiper-button-prev.center{
  left: 0 !important;
}
.swiper-button-next.center{
  right: 0 !important;
}
.swiper-button-next, .swiper-button-prev{
    top:50% !important;
}
.swiper-button-prev:after {
  background-image: url("../img/arrow-leftsp.svg");
}
.swiper-button-next:after {
  background-image: url("../img/arrow-rightsp.svg");
}
.swiper-button-prev.white:after {
  background-image: url("../img/arrow-leftsp_w.svg");
}
.swiper-button-next.white:after {
  background-image: url("../img/arrow-rightsp_w.svg");
}
.swiper-pagination-bullet{
    display: none !important;
}

@media screen and (min-width: 1000px){
    .swiper {
      position: relative;
      width:600px;
	  height:900px;
      margin:0 0 0 auto;
    }
    .swiper-button-prev{
      left: 0 !important;
      margin-left:0px !important;
    }
    .swiper-button-next{
      margin-right: 0 !important;
    }
	.swiper-button-next.left{
	  right: 0 !important;
	  text-align:right !important;
	}	
	.swiper-button-prev.center{
	  left: 0 !important;
	}
	.swiper-button-next.center{
	  right: 0 !important;
	}
    .swiper-button-prev:after {
        margin-left:-60px !important;
        margin-right:0px !important;
    }
    .swiper-button-next:after {
        margin-right:10px !important;
    }
    .swiper-button-prev:after {
      background-image: url("../img/arrow-left.svg");
    }
    .swiper-button-next:after {
      background-image: url("../img/arrow-right.svg");
    }
	.swiper-button-prev,
	.swiper-button-next {
		height: 80% !important;
		top: 15% !important;
		width: 15% !important;
	}
}


#special .item01 .swiper{
		z-index: 3 !important;
	}

/*zoomout(ズームアウト 枠固定＋上起点)*/
.fadeZoomOutTFix.wow{
    animation-name: fadeZoomOutTFix;
    animation-duration: 6s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    will-change: transform;
}
.fadeZoomOutTFix {
    opacity: 0;
    transform-origin: top;
    transform: scale(1.3);
}
@keyframes fadeZoomOutTFix {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.centerphoto{
	width:90%;
	margin:0 auto;
	overflow: hidden !important;
}
@media screen and (min-width: 1000px){
	.centerphoto{
		width:600px !important;
	overflow: hidden !important;
	}
}


/*zoomin(ズームイン)*/
.fadeZoomIn.wow.animated {
    animation-name: fadeZoomIn;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-delay: 0.4s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}
.fadeZoomIn {
    opacity: 0;
}
@keyframes fadeZoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
}

/* zoomin(ズームイン 枠固定) */
.fadeZoomInFix.wow.animated {
    animation-name: fadeZoomInFix;
    animation-duration: 4s;
    animation-timing-function: ease-out;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}
.fadeZoomInFix {
    opacity: 0;
    transform-origin: center; /* ズームインの基準を画像の中心に */
}
@keyframes fadeZoomInFix {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}