a ,
a:link ,
a:hover {
color:#000;
text-decoration:none;
}
body{
    font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: 500; font-smoothing:subpixel-antialiased;}

#header #globalnav li{
    font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: 600;}

#top-overwrap {
    width: auto;
    position: relative;
background:#F2F2F2;
z-index:100;
padding: 40px 40px;
}
#top-wrap {
    width: 82.5%;
    overflow: hidden;
    margin: 0 auto 0px;
    padding-bottom: 80px;
}
.section {
margin-bottom:4em;
}

.descp-wrap {
    left: 0;
    top: 0;
    position: absolute;
    line-height: 1.2;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
/*    background: rgba(255,255,255,0.8); */
    text-align: left;
    font-size: 30px;
    color: #000;
    flex-direction: column;
}

.descp {
    left: calc(9% - 40px);
    bottom: 5%;
    position: absolute;
}
.descp.top {
    top:12%;
    bottom:auto;
}
.descp.sub {
    bottom:12%;
}
.descp.double {
    left: 5%;
}
.descp-top {
    left: 9%;
    bottom: 10%;
}
.descp h3{
font-size:1.8em;
font-weight:bold;
font-size:45px;
}
.descp .desc{
font-size:14px;
padding:10px 0 20px;
display:block;
}
.descp .btn{
display:block;
width:8em;
text-align:center;
padding:5px;
cursor: pointer;
    width: 13em;
    text-align: center;
    display: block;
    padding: 5px 2px;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    transition: all 0s ease-out;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 1.8;
}
.descp .btn.b{
background:#000;
color:#FFF;
    border:solid 1px #000;
}
.descp .btn.w{
background:#FFF;
color:#000;
    border:solid 1px #FFF;
}
.descp .btn.b:hover{
background:#FFF;
color:#000;
    border:solid 1px #000;
}
.descp .btn.w:hover{
background:#000;
color:#FFF;
    border:solid 1px #000;
}
h2 {
font-size:20px;
margin-bottom:5px;
}
.listlnk {
display:block;
text-align:center;
margin-top:5px;
}
.swiper-button-next, .swiper-button-prev {
    top: auto;
    bottom:15px;
}
.swiper-pagination-bullet-active {
    background: #FFFFFF;
}
.swiper-pagination-bullet {
    background: #FFF;
}
.swiper-button-next i{
display:block;
      display: inline-block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
      transform: rotate(45deg);

}
.moretxt {
text-align:right;
margin-top:5px;
}
.swiper-button-prev i{
display:block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(-135deg);

}
.swiper-button-prev,
.swiper-button-next{
    background-image:none;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
}
.swiper-button-prev {
left:43%;
}
.swiper-button-next {
right:42%;
}

.grid-box4 > li, .grid-box4 > .inbox {
    float: left;
    width: 23.4%;
    margin-right: 2.1%;
    margin-bottom: 20px;
}
.hvimg {
    position: relative;
    overflow: hidden;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.mask {
    left: 0;
    top: 0;
    position: absolute;
    line-height: 1.2;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.8);
    text-align: center;
    opacity: 0;
    font-size: 20px;
    color: #000;
    flex-direction: column;
    transition:all 0.6s ease;
}
span.mask span{ 
    margin-top:5px;
}
.hvimg:hover .mask {
	opacity:1;
}
.tit1 {
max-width:530px;
}



#press-archives-list-more li {
    margin-bottom: 15px;
}
#press-more {
    cursor: pointer;
}
#press-more:before {
    content: "ー";
}

#press-archives-list-more {
    overflow: hidden;
}
.top-content-wrap {
    width: 82.5%;
    overflow: hidden;
    margin: 0 auto 0px;
}
#footer_sitemap dl dd.nextindent {
padding-left:9em;
}
#footer_sitemap dl dd.nextindent.first {
margin-top:-9em;
}
.fadeinup {
  opacity : 0;
  transform: translateY(50px);
  transition: all 1s ease-out;
}
#press-archives-list-more li.close{
	display:none;
}
#press-archives-list-more li{
	display:block;
}
a.morelink {
    cursor: pointer;
    background: #000;
    width: 13em;
    text-align: center;
    list-style-type: none;
    display: block;
    padding: 5px 2px;
    height: auto;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    letter-spacing:1px;
    position: relative;
    transition: all 0s ease-out;
    text-decoration:none;
    transition:all 0.2s ease;
}
a.morecenter {
margin:0 auto;
}
a.morelink.b {
    border:solid 1px #000;
}
a.morelink.w {
    border:solid 1px #FFF;
}
a.morelink.b:hover {
    background: #FFF;
    color:#000;
}

#press-more:before {
    content: "+";
}
#press-archives-list-more li span {
    float: left;
    width: 90px;
    display: block;
}

#topppage #header {
    transition:background 0.3s ease;
    background-color: transparent;

}
div.wrapper_ {
padding-top:0;
}
#header #gnav_inspi_ span.ja {
    margin-left: -5px;
}



.top-img .covers {
height:100vh;
width:auto !important;
}
.top-img .coverimg {
    display: flex;
    align-items:  flex-end;
    justify-content: flex-end;
    flex-direction:row;
    flex-direction:column-reverse;
}

.top-img .coverimg2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-img .coverimg3 {
    display: flex;
    align-items: center;
    justify-content: center;
}


.spmv{ display: none;}
.pcmv{ display:block;}

  @media screen and (max-width:767px){
  .pcmv{ display: none;}
 .spmv{ display: block;}
            }
            
/* responsive SP
-------------------------------------------------- */
@media screen and (max-width:767px){
.coverimg4 {
    
}


.sp-noshadow {
text-shadow:none !important;
}
.fadeinup {
  opacity : 1;
  transform: translateY(0);
  transition: all 1s ease-out;
}

#sp-mov ,
.sp-mov2 {
padding-top:0 !important;
}

.sp-section-h {
margin-bottom:3.5em !important;
}

.sp-btn {
marign-top:40px !important;
font-size:10px !important;
}
.sp-fullWM {
width:100% !important;
}
.sp-font20 {
font-size:20px !important;
}
.sp-font10 {
font-size:10px !important;
}

#topppage #header {
background: #fff;

}
a.spmoreleft {
margin:0;
}
.moretxt {
text-align:left;
}

.spgrid-box1 .inbox{
width:100% !important;
    float: none !important;
    margin-right: 0 !important
}
.spgrid-box2 > .inbox{
	width:48% !important;
	margin-right:2% !important;
	float: left;
	margin-bottom:20px;	
}
.spgrid-box2 > .inbox:nth-child(2n) { 
	margin-right:0  !important;
}

.section-mb {
margin-bottom:4em !important;
}

#news-archives li span ,
#press-archives-list-more span,
#press_list span{
font-size:10px;
display:block;
float:none !important;
}
#press-archives-list-more li,
#press_list li,
#news-archives li  {
font-size:11px;
margin-bottom:10px;
}

#footer_sitemap dl dd.nextindent {
padding-left:0em;
}
#footer_sitemap dl dd.nextindent.first {
margin-top:0em;
}
#top-overwrap .descp {
    left: 0%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 70px;
}
#top-overwrap .descp-wrap {
margin-top:10px;
position:static;
display:block;
}
#top-overwrap .descp {
position:static;
}
#top-overwrap .descp h3,
#top-overwrap .descp .desc
 {
color:#000 !important;
}
#top-overwrap .descp .btn.w {
    background: #000;
    color: #FFF;
    border: solid 1px #000;
}
.top-img .coverimg  {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: inherit;
        flex-direction:column-reverse;
}
.top-img .coverimg2  {
    display: flex;
    align-items: unset;
    justify-content: flex-start;
}

.top-img .coverimg3  {
    display: flex;
    align-items: unset;
    justify-content: inherit;
    margin-left:-180px;
}


}
/* responsive PC
-------------------------------------------------- */
@media screen and (min-width:768px) {
#topppage #header {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
}
@media screen and (max-width:1100px){
.top-content-wrap {
width:94%;
}
}
.go-img2{height:20px; width:20px; display:block; position:relative;z-index:3;vertical-align: middle; float: right;} 
.go-img2:before, .go-img2:after{content:''; height:10px; display:block; position:absolute; top:0; left:0; }
.go-img2:before{width:10px; border:3px #333 solid; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.go-img2:after{width:3px; background:#333; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:11px; left:14px;}
.go-img {
position:absolute;
right:0;
top:0;
width: auto;
    padding:0;
    z-index:10;
    margin:0;
    background:none;
    border:0;
    height:20px;
    width:20px;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
.zoomwrap {
overflow:hidden;
}
.zoomwrap .zooms {
	display: block;
	transition-duration: 0.5s;	
	   transition-timing-function:ease-out;
}
.zoomsbg {
	transition-duration: 0.5s;	
	   transition-timing-function:ease-out;
}
.zoomwrap .zooms img {
	transition-duration: 0.5s;	
}
.zoomsbg:hover {
	background-size: auto 101% !important;
	transition-duration: 0.3s;
	   transition-timing-function:ease-out;
}

.zooms {
    position: relative;
    overflow: hidden;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}


.top-img {
position:relative;
height:100vh;
overflow:hidden;
}
.top-img .zooms {
z-index:10;
}
.top-img .btn-wrap-c  {
width: 100%; 
height: 100%; 
position:relative;
z-index: 15;
position:absolute;
bottom:0%;
    left: 0;
}
.sp-mov2 a{
    display:none;
}
.top-img .img11 {
 max-width:350px;
 margin-left:20px;
 margin-bottom:20px;
}
.top-img .morelink {
position:absolute;
z-index:20;
color:#FFF;
margin-left:20px;
    background: transparent;
    border:solid 1px #FFF;
}
.top-img .morelink:hover {
background:#999;
color:#FFF;

}
#section-news  dd,
    #section-news-list  dd{
padding:10px 5px 0;
display:block;
}
#section-news  dd.tit,
    #section-news-list  dd.tit{
font-size:1.1em;
}
#sp-mov ,
.sp-mov2 {
    margin-top: -2%;
    margin-bottom: -7%;
}


/* responsive SP
-------------------------------------------------- */
@media screen and (max-width:767px){



.top-img .morelink {
padding:2px 0px;
font-size:9px  !important;
line-height:1.2 !important;
margin-left:2px;
}

#sp-mov ,
.sp-mov2 {
margin-top:0px;
}
.top-img .morelink {
}
.top-img .btn-wrap-c {
bottom:19%;
left:10px;
}

.top-img .morelink:after {
  width: 8px;
  height: 8px;
  margin-top: -5px;
  right: 5px;

}
.top-img .img11 {
 max-width:120px;
 margin-left:5px;
 margin-bottom:10px;
}
.sp-none {
display:none !important;
}
.cinfos {
padding-top:20px !Important;
}
.section-single .covers{
width:200%;
}
.top-img .covers {
width:200%;
height:auto;
width:auto !important;
height:90vh !important;
}
.descp h3 {
    font-size: 26px;
}
.sp-mb0 {
margin-bottom:0;
}
.tit1 {
max-width:300px;
}
.descp-top {
    left: 6%;
    bottom: 0%;
}
#top-overwrap {
padding:20px;
}
.swiper-button-prev {
display:none;
}
.swiper-button-next {
display:none;
}

}






.fitimg {
width:100%;
height:auto;
}
.swiper-pagination-bullet {
opacity:0.4;
}

.swiper-pagination-bullet-active {
    opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
input::placeholder {
  color: #000;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#000;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#000;
}
input::placeholder{ /* Others */
 color:#000
}



/* メニュー関連 */
#header #globalnav {
    left: 150px;
    text-align: center;
}

@media screen and (min-width: 768px) {
   
.isResp #header #sitelogo {
    top: 20px;
}
.hdfix .isResp #header #sitelogo img {
    width: 90px;
    margin-left: 0px !important;
}
.isResp #header #globalnav {
    left: 11.5%;

}
.isResp #header #globalnav li a .ja {
font-size:11px;
letter-spacing:-1px;
}
}




@media screen and (min-width:992px){

.isResp #header #globalnav li a .ja {
    font-size: 13px;
    letter-spacing: -1px;
}

#section-news dd.txt ,
    #section-news-list dd.txt {
min-height:4em;
}

}



@media screen and (min-width:768px){

.isResp #header #globalnav {
    left: 120px;
}
#header #globalnav li a {
    padding: 0 8px;
}
}

@media screen and (min-width:992px){
.isResp #header #sitelogo img {
    width: 120px;
}
.isResp #header #globalnav {
    left: 15%;
}
#header #globalnav li a {
    padding: 0 14px;
}
.isResp #header #sitelogo {
    top: 13px;
}



}

@media screen and (max-width:1100px){
	#select_lang {
		top:0px;
	}
	#navi_onlinestore {
		top:8px;
	}
	#sidebox_search {
		top:8px;
	}	
	}

/* メニュー関連 */




@media screen and (max-width:1100px){

.top-img {
height:auto !important;
}
.top-img .covers {
width: 200% ;
height: auto;
}
	}
@media screen and  (min-width:768px) and (max-width:1200px){
#section-news dd.link .viewtxtlink,
    #section-news-list dd.link .viewtxtlink{
    display:block !important;
    float:none !important;
    clear:both  !important;
    text-align:center;
    padding-bottom:10px;
}

	}
	
	@media screen and (min-width: 1101px) and  (max-width:1140px){
#sidebox_search {
    top: 8px;
}
#select_lang {
    top: 0px;
}
	}
	
	
	@media screen and (min-width: 1200px)and (max-width:1300px){
#header #globalnav li a, #header #globalnav li a .en, #header #globalnav li a .ja {
    font-size: 12px;
}
}
	
	
	@media screen and  (max-width:1350px)  {
	.ins-preview-wrapper.ins-preview-wrapper-notification-center {
	    display:none !important;
}
}



/*トップナビ*/

.isResp #header #sitelogo {
    top: auto;
    position: relative;
    left: 0;
}

.contactList li a{ color: #fff;}
.hdfix .contactList li a{ color: #000;}
.contactList li a {
    border-bottom: 2px solid #fff;
}
.hdfix .contactList li a {
    border-bottom: 2px solid #000;
}

.isResp #header.hdfix #sitelogo {
    top: 20px;
    left: 35px;
}
#header #globalnav li > a{ color: #fff;}
#header.hdfix #globalnav li > a{ color: #000 !important;}
#header-box {
    background-color: transparent
}
@media screen and (min-width: 768px){
#header-box:hover {
    background: rgba(0,0,0,0.5);
}
    
    .hdfix #sidebox_search {
    width: 160px;
    position: absolute;
    left: auto;
    right: 225px;
    top: 22px;
}
    
    .hdfix #header-box {
    background-color: #fff;
}
}
#header #globalnav .globalnav_sub_ li > a:hover, #header #globalnav > li a:hover{
    color: #fff !important;
    
   
}
#header #globalnav > li:hover{
 border-bottom: none; box-sizing: border-box;
}

#header.hdfix #globalnav > li:hover{
 border-bottom: none; box-sizing: border-box;
}

#header #globalnav .globalnav_sub_ li > a:hover, #header #globalnav > li a:hover, #header #globalnav > li:hover {
    color: #fff !important;
}
#header.hdfix #globalnav .globalnav_sub_ li > a:hover, #header.hdfix #globalnav > li a:hover, #header.hdfix #globalnav > li:hover {
    color: #000 !important;
}

#header #globalnav > li:hover span:after{ content:""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; bottom: -10px; z-index: 10}

#header.hdfix #globalnav > li:hover span:after{ content:""; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: -10px; z-index: 10}

/*#header.hdfix #globalnav > li{ text-align: right;}*/


.globalnav_sub_{background:rgba(0,0,0,0.5); top: 85px; min-height: 50vh}

.topbaseLogos{ display: none;}
.topLogos{ display: block;}

.hdfix #globalnav{ background: #fff;}

.isResp #header.hdfix #globalnav {
    left: auto;
    text-align: right;
    margin-right: 32px;
}

#sidebox_search {
    width: 160px;
    position: absolute;
    left: 70px;
top: 30px;}

.go-img2:before {
    width: 10px;
    border: 3px #FFF solid;
}
.go-img2:after {
    width: 3px;
    background: #fff;
}
#sidebox_search{border-bottom: solid 2px #fff;}

.isResp #header #sitelogo img.topLogos {  margin: 0 auto; padding: 15px 0 24px;}

.hdfix .topbaseLogos{ display: block;}
.hdfix .topLogos{ display: none;}

globalnav > li a {
    font-size: 14px;
    color: #fff;}

.globalnav_sub_ {
    position: absolute;
    top: 58px;}

.globalnav_sub_ {
    position: absolute;
    top: 85px;
    width: 100vw !important;
    left: 0 !important;
    margin-top: 35px;
    padding-top: 10px;
}



.hdfix .globalnav_sub_ {
    position: absolute;
    top: 50px;
    z-index: 0;
}

#sidebox_search {
    width: 160px;
    position: absolute;
    right: 225px;
    top: 22px;
}
.hdfix .go-img2:before {
    width: 10px;
    border: 3px #333 solid;
}
.hdfix .go-img2:after {
    width: 3px;
    background: #333;}


.hdfix #sidebox_search {
    border-bottom: solid 2px #000;
}
.hdfix #select_lang {
    width: 30px;
    overflow: hidden;
    clear: both;
    position: absolute;
    left: auto;
    top: 17px;
    border-bottom: 2px solid #000;
    color: #000;
    right: 396px;
}

.hdfix #select_lang li em, #select_lang li a {
    line-height: 30px;
    font-weight: 700;
    color: #000;
}

.hdfix #select_lang li a {
    color: #000;
}


.hdfix .globalnav_sub_ {
    background: #fff;
}

#select_lang {
    width: 20px;
    overflow: hidden;
    clear: both;
    position: absolute;
    left: 35px;
    top: 18px;
    border-bottom: 2px solid #fff;
    color: #fff;
}
#select_lang li em {
    font-weight: bold;
    color: #fff;
}
#select_lang li em, #select_lang li a {
    line-height: 30px;
    font-weight: 700;
}
#select_lang li a{ color: #fff;}

#select_lang.menu_open {
background-color:transparent;
height:auto !important;
}



div.wrapper_{ background: #fff;}

.cinfos{background-color:rgba(0,0,0,0.5); position: relative; width: 100%; text-align:center; height: 40px; line-height: 40px;  z-index: 400;}

.cinfos { color: #fff}

.cinfos a{ color: #fff !important;}

.hdfix .cinfos{background-color:#fff; position: relative; width: 100%; text-align:center; height: 40px; line-height: 40px;  z-index: 400; display: none;}

.hdfix .cinfos a{ color: #000 !important;}

.maincp{ position: absolute; left: 10px; top: 50%; z-index: 10;  font-size: 10px;   
    writing-mode: vertical-rl;
       -ms-writing-mode: tb-rl;
}


#slick{ width: 100%; height: 100vh;}
#slick .mainslidein{ width: 100%; height: 100vh; position: relative;}
#slick .mainslidein:after{ content: ""; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.05); position: absolute; left: 0; top: 0; z-index: 2;}
.slidetxt{ position: absolute; left: 45px; bottom: 55px; z-index: 100;  font-family: neue-haas-grotesk-display;}
.slidetxt dt{ font-size: 44px; font-weight: bold; color: #fff; font-weight: 600; line-height: 62px;}
.slidetxt dt span{font-weight: 500;}
.slidetxt dd {font-weight: 16px; color: #fff;}


.rinkbtn a{ background: #E8E8E8; color: #000; font-size: 12px;  font-family: neue-haas-grotesk-display; padding: 7px 10px; display: inline-block; font-weight: 600; position: relative;
 margin-top: 30px; position: relative; transition: all 0.4s ease-out; width: 124px; box-sizing: border-box; text-align: center;}
.rinkbtn a:after{ content: ""; display: block; width: 27px; height: 27px; background: url( "/assets/img/common/morebg.png") left top no-repeat; background-size: cover; position: absolute; right: -15px; top: -13px; transition: all 0.2s 0.2s ease-in;}
/*.rinkbtn a:before{ content: ""; width: 0; height: 2px; background: #fff; position: absolute; bottom: 10px; transition: all 0.2s 0.2s ease-in;}*/

.rinkbtn a:hover{ background: #000; color: #fff;}
.rinkbtn a:hover:after{/* width: 51px; height: 51px; right: -35px; top: -25px;*/}
/*.rinkbtn a:hover:before{ width: 90px; }*/

button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  left: 45px;
  width: 21px;
  height: 17px;
    background: url("../img/top/slaroww.png") left top no-repeat;
    background-size: 21px 17px;
    z-index: 100;
    top: auto;
    bottom: 230px;
    transform: scale(-1, 1);
}
.next-arrow{
  right: auto;
    left: 90px;
  width: 21px;
  height: 17px;
        background: url("../img/top/slaroww.png") left top no-repeat;
        background-size: cover;
    z-index: 100;
    top: auto;
        bottom: 230px
}
.slick-dots {
  text-align: left;
    bottom: 265px;
    right: auto;
    left: 110px;
}
.slick-dots li {
  display: inline-block;
  margin: 0 ;
    width: 3px;
    height: 3px;
    
}
.slick-dotss li button {
  position: relative;
  text-indent: -9999px;
 
}
.slick-dots li button:before {
  content: "";
  font-size: 20px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
      background: #fff;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
  content: "";
}
.slick-counter {
    color: #fff;
    position: absolute;
    left: 45px;
    bottom: 270px;
    font-size: 10px;
}
.slick-counter:after{ content: ""; width: 50px; height: 1px; background: #fff; display: block; position: absolute; bottom: -6px;}
.slick-counter:before{ content: ""; width: 10px; height: 1px; background: #9B9B9B; display: block; position: absolute; bottom: -6px; left: 40px; z-index: 10;}

.slick-counter .total{ font-size: 10px;}
.slick-counter .current{ font-size: 14px;}



/*スクロール
*/

.scroll {
	    position: absolute;
    z-index: 1;
    bottom: 45px;
    right: 20px;
    overflow: hidden;
    width: 2px;
    height: 80px;
    letter-spacing: 0.08em;
    z-index: 10;
}
.scrolltext {
	position: absolute;
	font-size: 10px;
    bottom: 170px;
    color: #000;
    right: -3px;
	transform: rotate(90deg);
	font-weight: 600;
	letter-spacing: 0.185em;
    z-index: 10;
}
.scroll:after, .scroll:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 4px;
	height: 100%;
	content: ''
}
.scroll:before {
	z-index: 10;
	-webkit-animation: scroll 2.4s infinite normal;
	animation: scroll 2.4s infinite normal;
	background: #000
}
.scroll:after {
	background: #cacaca
}
@-webkit-keyframes scroll {
0% {
-webkit-transform:translate3d(0, -100%, 0)
}
15% {
-webkit-transform:translate3d(0, -98%, 0)
}
85% {
-webkit-transform:translate3d(0, 98%, 0)
}
100% {
-webkit-transform:translate3d(0, 100%, 0)
}
}
@keyframes scroll {
0% {
transform:translate3d(0, -100%, 0)
}
15% {
transform:translate3d(0, -98%, 0)
}
85% {
transform:translate3d(0, 98%, 0)
}
100% {
transform:translate3d(0, 100%, 0)
}
}


/*ニュース*/
/*セクション*/
.sectit{ font-weight: 600; font-size: 24px; }

.newswebm{ padding-top: 50px; text-align: left;}
.newswebm .sectit{ text-align: center; margin-bottom: 50px;}

.newswebm{ font-size: 0; letter-spacing: 0; margin-bottom: 50px;}
.newswebm dd{ font-size: 14px;}
.inner{width: 100%; box-sizing: border-box; padding: 0 38px;}
.newscontentPinck img{ width: 100%; height: auto;}
.newscontentPinck{ width: 50%; display: inline-block; box-sizing: border-box; padding-right: 20px; vertical-align: top;}
.newscontentPinck dt{ margin-bottom: 18px;}

.newsList{ width: 50%; display: inline-block; box-sizing: border-box; padding-left: 20px; vertical-align: top;}
.newsList ul{ border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; position: relative; padding-top: 40px; padding-bottom: 20px;}
.newsList ul:before{ content: ""; display: block; width: 20px; height: 1px; background: #000000; position: absolute; right: 0; top: -1px;}
.newsList ul:after{ content: ""; display: block; width: 20px; height: 1px; background: #000000; position: absolute; right: 0; bottom: -1px; }
.newsList li{ margin-bottom: 20px;}
.newsList img{ width: 100%; height: auto;}
.newsList .newsliImg{ width: 27%; display: inline-block; vertical-align: top;}
.newsList dl{ width: 68%; display: inline-block; vertical-align: top; padding-left: 30px; box-sizing: border-box;}

.newsList dt{ font-size: 14px; margin-bottom: 25px;}
.newsList dd{ font-size: 12px; font-weight: 600; text-align: right; position: relative;}
.newsList dd a{border-bottom: 2px solid #000; padding-bottom: 5px; margin-right: 15px;} 
.newsList dd a:after{ content: ""; display: block; background: url("/assets/img/top/arrow_linktxt.png") left center no-repeat; width: 6px; height: 5.4px; background-size: contain; margin-left: 10px; position: absolute; right: 0; top: 7px;}

.newsdtLinks{ text-align: right; font-size: 12px; padding-top: 35px;}
.newsdtLinks li{ margin-left: 30px; display: inline-block;}
.newsdtLinks li a{ color: #8D8D8D}
.newsdtLinks li a:hover{ color: #C40000}

.newscontentPinck dt{ position: relative;}
/*.newscontentPinck dt:before{ position: absolute; content: "Pick UP"; display: block; background: #fff; font-size: 12px; padding: 5px 10px; font-weight: 600;}*/


.top-img{ margin-bottom: 95px;}

/*vtour*/
.vtour{ width: 100%; position: relative; font-size: 0; margin-bottom: 70px;}
.sidetxtR{ font-size: 14px; font-weight: 600; writing-mode: vertical-rl;  -ms-writing-mode: tb-rl;
    position: absolute; right: 40px; top: 0;}
.vtimg{   width: calc(100% - 290px); display: inline-block; vertical-align: top; background: url( "/assets/img/top/virtualtour.jpg") center center no-repeat; background-size: cover; /*height: 540px;*/ height: 45vw;}
.vtTxt{ width: 290px; display: inline-block; vertical-align: bottom; text-align: center; padding-bottom: 50px;}
.vtTxt dt{ font-size: 38px; font-weight: 600; border-top: 1px solid #D6D6D6; display: inline-block; padding-top: 35px;  position: relative; line-height: 42px; margin-bottom: 25px;}
.vtTxt dt:before{ width: 20px; height: 1px; content: ""; display: block; position: absolute; top: -1px; right: 0; background: #000;}
.vtTxt dd{ font-size: 14px; line-height: 20px;}


.secovtur .vtimg{  background-image: url( "/assets/img/top/banner02.jpg"); margin-left: 40px;}
@media screen and (min-width: 768px){
.secovtur .vtimg{   width: calc(100% - 290px); display: inline-block; vertical-align: top; background: url( "/assets/img/top/banner02.jpg") center center no-repeat; background-size: cover; /*height: 540px;*/ height: 45vw;}
    
.secovtur .vtimg{ float: right;}
.secovtur .vtTxt{ position: absolute; bottom: 0; left: 0;}
}

/*pick*/

.newswebm dd span{ font-weight: bold; font-size: 18px; }
.pickList{ padding-top: 126px; margin-bottom: 138px; position: relative}
.pickliimg{ padding-left: 12%;}
.pickliimg img{ width: 100%; height: auto;}
.showListCon{ padding-right: 14%; position: relative; text-align: left}
.showsList{ transform: translateX(-40px); width: calc(100% + 40px);}


.newsList dt span{ font-weight: bold; font-size: 18px; }

.sidetxtL{ font-size: 14px; font-weight: 600; writing-mode: vertical-rl;   -ms-writing-mode: tb-rl; position: absolute; left: 20px; top: 0;}

.nam{ font-size: 12px; color: #aaa; font-weight: 600; margin-bottom: 10px;}
.showListCon dt{ font-size: 34px; font-weight: 600; margin-bottom: 20px; line-height: 15px;}
.showListCon dd{ font-size: 14px;  margin-bottom: 15px;}

.showListCon .rinkbtn{ position: absolute; right: 55px; bottom: 55px;}

@media screen and (max-width:767px){
.showListCon .rinkbtn{ bottom: 25px;}
}
.itemsslide .slick-next{  font-size: 0; background: url("/assets/img/top/arrow_pick.png") left top no-repeat; background-size: cover; width: 37px; height: 30px; position: absolute; top: 60%; left: auto; right: 40px; z-index: 100; transform: scale(-1, 1);}
.itemsslide .slick-prev{  font-size: 0; background: url("/assets/img/top/arrow_pick.png") left top no-repeat; background-size: cover; width: 37px; height: 30px; position: absolute; top: 60%; left: 80px; z-index: 100;}

.sidetit:before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #000; border-radius: 50%; margin-bottom: 10px;}

.maracont .vtimg{   width: calc(100% - 290px); display: inline-block; vertical-align: top; background: url( "/assets/img/top/vt.jpg") center center no-repeat; background-size: cover; height: 45vw;}

.maracont .vtTxt{ width: 290px;}

.maracont .vtTxt dt {
    font-size: 34px;
    letter-spacing: -0.02em;
}


.instcontnt { padding-top: 75px; text-align: left;}
/*.instcontnt .rinkbtn a:hover:before {
    width: 70px;
}
*/
.instcontnt .instin {
    max-width: 1350px;
    margin: 0 auto;
    font-size: 0;
    padding: 0 40px; 
    box-sizing: border-box;
    margin-bottom: 130px;}
.instcontnt dt{ font-size: 34px; margin-bottom: 30px; font-weight: 600;}
.instcontnt dd{ color: #868686;font-size: 14px;}
.instcontnt dd.instid{ font-size: 20px; margin-bottom: 25px;}
.instcontnt dd.instid a{ color: #868686;}

.instTxt {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
    float: left;
   padding-top: 8vw;
}
.instImg {
    width: 69%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    position: relative;
    float: right;
}
.nes_laetter{ clear: both; text-align: left;}
.instImg img{ width: 100%; height: auto; position: relative; z-index: 2;}
.instImg:before{ content: ""; display: block; border: 2px solid #000; box-sizing: border-box; width: 100%; height: 100%; position: absolute; right: -40px; bottom: -40px;}


/*ニュース*/
.mailnewscontent{ font-size: 0;}
.mailnewscontent h2{ margin-bottom: 30px;}
.nes_laetter h2{ font-size: 30px; vertical-align: middle; font-weight: 600;}
.nes_laetter h2 span,.nes_laetter h2 span a{ font-size: 16px; color: #888888;}
.presscintent{ width: 66%; display: inline-block; vertical-align: top; border-top: 1px solid #E3E3E3; position: relative; padding-top: 60px;}
.presscintent:before{ content: ""; width: 20px; height: 1px; background: #000; position: absolute; right: 0; top: -1px;}
.mailnewscontent{ width: 29%; display: inline-block; vertical-align: top; border-top: 1px solid #E3E3E3; position: relative; margin-left: 4%; padding-top: 60px;}
.mailnewscontent:before{ content: ""; width: 20px; height: 1px; background: #000; position: absolute; right: 0; top: -1px;}


.mailnewscontent p{ font-size: 14px; color: #444;}

.mailnewscontent h3{font-size: 14px; font-weight: bold; padding-top: 45px; margin-bottom: 15px;}

.mailform dt{ background: #E4E4E4; width: 70%; display: inline-block; vertical-align: top; font-size:13px; height: 40px; line-height: 40px; }
.mailform dd{ background: #323232; width: 30%; display: inline-block; vertical-align: top; font-size: 14px; color: #fff; font-weight: 700; text-align: center; height: 40px; line-height: 40px; text-align: center; } 


.mailform input{
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    line-height: 40px; 
    box-sizing: border-box;
    padding: 0 10px;
}

.mailform dd input{ color: #fff; line-height: 40px; }
#press_list a{ text-decoration: underline; color: #444;}
#press-more{ background: #E8E8E8; padding: 5px 10px; width: 124px; box-sizing: border-box; text-align: center; margin-top: 50px; font-weight: 600;}


.formInputOuter{ margin-bottom: 20px;}
.formInputOuter div {
    background: #E4E4E4;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}
.formInputOuter div.last_name{ margin-right: 1%;}
.formInputOuter div.first_name{ margin-left: 1%;}


.formInputOuter div input {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
}

/*------------sp-----------------*/
@media screen and (max-width: 767px){
        .isResp #sidebox_search .keyword_ {
    width: 72%;
    color: #000;
    margin-left: 5%;
    border-bottom: 2px solid #000;
}
    
    .go-img2{margin: 7px 8px;}
    
    .go-img2:before {
    width: 10px;
    border: 3px #000 solid ;
}
    
    .go-img2:after {
    width: 3px;
    background: #000;
    }
#topppage #header {
    background: none;
    position: absolute;
}
.cinfos {
     padding-top: 0 !Important;
    font-size: 12px; width: 100%;
    padding: 5px; box-sizing: border-box;
}
    
.newscontentPinck {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 0;
    vertical-align: top;
    padding-bottom: 25px;
}
.newsList {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 0;
    vertical-align: top;
}
    .listrinkbtn{ display: none;}
    
    .sidetxtR {
    font-size: 12px;
    font-weight: 600;
    writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
    position: absolute;
    right: 10px;
    top: 0;
}
    
    .slidetxt dt {
    font-size: 44px;
    line-height: 45px;
        line-height: 60px;
}
    .slick-counter {
    bottom: 280px;
}
    .slick-dots {
    bottom: 275px;
    left: 110px;
}
    .next-arrow{ bottom: 245px;}
    .prev-arrow{ bottom: 245px;}
    
    .slidetxt dt span{ display: block;}
    .vtimg {
    width: calc(100% - 40px);
    display: inline-block;
    vertical-align: top;
    background: url(../img/top/virtualtour.jpg) center center no-repeat;
    background-size: cover;
    height: 340px;
}
    .vtTxt {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    padding-bottom: 50px;
}
.newsList ul {
    padding-bottom: 0;
}
    .newsList dt{ margin-bottom: 0;}
    .vtTxt {
    width: 100%;
    display: block;
    padding-left: 35px;
        box-sizing: border-box;
}
    .vtTxt dt{ padding-top: 0;}
    .vtTxt {
    width: 100%;
    margin-top: -15px;
}
    .vtTxt dt{ border: none;}
    .vtTxt dt:before{ display: none;}
    .vtTxt { border-bottom: 1px solid #D6D6D6; width: calc(100% - 35px); position: relative;}
    
    .vtTxt :before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #000000;
    position: absolute;
    right: 0;
    bottom: -1px;
}
.showsList{ transform: translateX(0); width: 100%;}
.showListCon {
    padding: 0 60px;
    box-sizing: border-box;
}
.pickliimg {
    padding-left: 0;
}
    
    .pickList{ padding-top: 0;}
    .itemsslide .slick-next {right: 20px; width: 17px; height: 14px;}
    .itemsslide .slick-prev{ left: 20px; width: 17px; height: 14px;}
    .showListCon dt {
    margin-bottom: 15px;
}
    
   .maracont .vtimg {
     width: calc(100% - 40px);
    display: inline-block;
    vertical-align: top;
    background-size: cover;
     height: 340px; 
       margin-right: 40px;
}
 
    .instImg {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    position: relative;
    float: none;
        margin-bottom: 50px;
}
.instTxt {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
    .instcontnt .instin{ box-sizing: border-box; padding: 0 36px;}
    .instImg:before {
    right: -10px;
    bottom: -10px;
}
    .vtour {
    margin-bottom: 0;
}
    .instcontnt{ padding-top: 50px;}
    
    .instTxt{ text-align: center;}
    .instcontnt dt {
    margin-bottom: 15px;
}
    .instcontnt dd.rinkbtn:before{ content: ""; width: 28px; height: 28px; display: block; background: url("../img/top/iconinsta.png") left top no-repeat; background-size: cover; margin: 0 auto; margin-top: 28px;}
    .instcontnt .instin{ margin-bottom: 45px;}
    .presscintent {
    width: 100%;
    display: block;
    vertical-align: top;
    border-top: 1px solid #E3E3E3;
    position: relative;
    padding-top: 45px;
        text-align: left;
}
.mailnewscontent {
    width: 100%;
    display: block;
    vertical-align: top;
    border-top: 1px solid #E3E3E3;
    position: relative;
    margin-left: 0;
    padding-top: 45px;
    margin-top: 50px;
}
    .secovtur{ margin-top: 50px;}
    .sidetxtL {
        left: 10px;}
}


.slick-arrow{ cursor: pointer;}

.isResp #header.hdfix #globalnav {
    /* left: auto; */
    text-align: right;
    width: 100%;
    top: 50px;
    /* right: 28px !important; */
    box-sizing: border-box;
    padding-right: 31px;
}

 .sponly{display: none;}
@media screen and (max-width: 767px){
.sp_menuWrap ul.contactList li a {
    border: 2px solid #fff;
}
.isResp #header-box {
    width: 100%;
    min-width: initial;
    position: fixed;
    height: auto;
}


.tonavc .menu-trigger span{
    background-color: #000;
}


.tonavc .topbaseLogos{ display: block;}

.tonavc .topLogos{ display: none}
.header-box{ position: fixed;}
.tonavc  #header-box {
    width: 100%;
    min-width: initial;
    position: fixed;
    top: 0;
}
    .tonavc .munubtnrapp{ top: 20px;}
    
    .tonavc .menu-trigger.close span {
    background-color: #fff;
}
    
.tonavc.menuon .topbaseLogos{ display: none}

.tonavc.menuon .topLogos{ display: block;}
    .isResp div.wrapper_{ width: 100%; overflow:hidden; box-sizing: border-box;}

.cinfos {
    line-height: 3.8 !important;
}
    
    .isResp .menuon #header-box {
    width: 100%;
    min-width: initial;
    position: fixed;
    height: auto;
        top: 0;}
    
    .menuon .cinfos{ display: none;}
    
    .menuon  .munubtnrapp{ top: 15px;}
    
    .isResp .menuon munubtnrapp {
    top: 20px;
    z-index: 110000;
}
    
    .isResp .menuon #header #sitelogo img.topLogos {
    padding:0;
}
    
    .inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
    
.formInputOuter div input {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
}

.slidetxt {
    position: absolute;
    left: 20px;
    bottom: 40px;
    z-index: 100;

}
    
    .slidetxt dt {
    font-size: 33px;
    line-height: 45px;
    line-height: 36px;
        width: calc(100% - 40px); }
        
        
        
        .showListCon dt {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 30px;
}
    
    .vtimg {
    width: calc(100% - 40px);
    display: inline-block;
    vertical-align: top;
    background: url(../img/top/virtualtour.jpg) center center no-repeat;
    background-size: cover;
    height: 340px;
        margin-right: 40px;}
    
    
    .slidetxt {
    position: absolute;
        left: 20px !important;
    bottom: 40px;
    z-index: 100;
    font-family: neue-haas-grotesk-display;
}
        
    
    .maracont .vtTxt {
    width: 100%;
}
    .secovtur .vtimg{ margin-right: 0;}
    
    
    .isResp #sidebox_search .keyword_ {
    width: 72%;
    color: #000;
    margin-left: 5%;
    border-bottom: 2px solid #000;
    height: 24px;
         border: none;
}
    
.infoclose {
    display: inline;
    font-size: 12px !important;
    cursor: pointer;
}
 .sponly{display: block;}
}




.cinfos.on{ display: none;}
    @media screen and (min-width: 768px){
     #sidebox_search .keyword_{ color: #fff !important;} 
.hdfix #sidebox_search .keyword_{ color: #000 !important;} 
}


.splogos{ top: 68px}
    .cartnavW{display: block;}
    .cartnavB{ display: none;}

.tonavc .splogos{ top: 14px}
.tonavc .cartnavW{display: none;}
 .tonavc .cartnavB{ display: block;}

    .menuon .cartnavW{display: block;}
    .menuon .cartnavB{ display:none;}
.menuon .splogos{ top: 14px;}





.contactList {
width:auto;
}
@media screen and (min-width: 768px) {
.hdfix #sidebox_search {
right: 340px;
}
.hdfix #select_lang {
    right: 513px;
}
.contactList #newcontactListA li {
    padding-right: 5px;
    width:35%;
    letter-spacing:-1px;
}
.contactList #newcontactListB li {
    padding-right: 5px;
    width:25%;
    letter-spacing:-1px;
}
.contactList #newcontactListA li#newcontactListA1 {
    padding-right: 5px;
    width:40%;
    letter-spacing:-1px;
}
.contactList #newcontactListB li#newcontactListB1 {
    padding-right: 5px;
    width:55%;
    letter-spacing:-1px;
}
.contactList #newcontactListA li#newcontactListA3 {
    padding-right: 0;
    width:25%;
}
.contactList #newcontactListB li:nth-child(2) {
    padding-right: 0;
    width:20%;
    letter-spacing:0;
}
.contactList #newcontactListA {
    width: 295px;
    
}
.contactList #newcontactListB {
    width: 200px;
    
}
.contactList a{
font-size:11.5px;
}
@media screen and (max-width: 1199px) {
.contactList a{
font-size:11px;
}
}

.contactList li a {
border-bottom:none !important;
}
.contactList li a:hover {
opacity:0.6 !important;
}
.contactList #newcontactListA li:last-child a:before {
/* display:none; */
}
.contactList #newcontactListB li:nth-child(2) a:before ,
.contactList #newcontactListB li:last-child a:before {
display:none;
}
.contactList #newcontactListB li:nth-child(2) img  {
margin-top:-5px;
}
.contactList li:last-child img  {
margin-top:-5px;
}
.contactList li a:before {
margin-right: 3px;
margin-bottom: 2px;
}
.hdfix .contactList li a svg{
fill: #000 !important;
}
}

@media screen and (max-width: 767px) {
.sp_menuWrap ul > li:last-child a:after {
display:none;
}
}