@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
  letter-spacing: 0;
  line-height: 2;
  overflow: hidden;
  margin: 0 auto;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}
section {
	width: 900px;
   margin: 6em auto 12em;
}
h3{
	font-size: 3.0rem;
    font-family: bebas-neue-v14-deprecated, sans-serif;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 0 1em;
    line-height: 1.0;
}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.f-12 {
    font-size: 1.2rem;
}
.f-y {
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.border_ {border-bottom: 1px solid #555;}
.lead {
    width: 100%;
    font-size: 1.3rem;
    padding: 3em 0 8em;
	text-align: center;
}
.menu_ {
	width: 910px;
    margin: 0 auto;
}
.menu_child {
	position: relative;
    color: #333;
    border-bottom: solid 1px #b1b1b1;
    border-top: solid 1px #b1b1b1;
    display: inline-block;
    margin: 0 1em;
}
.menu_child a {
	display: block;
    color: #333;
    text-decoration: none;
	 font-family: bebas-neue-v14-deprecated, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 2.1rem;
	padding: 0 1em;
	line-height: 2.6;
	display: inline-block;
	margin: 0 1em 0;
}
.menu_child:after {
  content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -6px;
    transform: rotate(45deg);
}
/*////*/
.title_br {
	height:0;
    width:100%;
    padding-top: 16.6%;/* 画像の高さ667÷画像の幅1000×100*/
    background-size: cover !important;
	position: relative;
	margin: 0 0 8em;
}
.back-ig1 {background:url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/pc-b1.jpg); }
.back-ig2 {background:url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/pc-b2.jpg); }
.back-ig3 {background:url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/pc-b3.jpg); }
.back-ig4 {background:url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/pc-b4.jpg); }
.back-ig5 {background:url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/pc-b5.jpg); }
.title_br_in {
	position: absolute;
    z-index: 2;
    left: 38%;
    top: 32%;
}
h4 {
	font-family: bebas-neue-v14-deprecated, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 1.2;
	letter-spacing: 1px;
}
/*////*/
.slider {
	position: relative;
}
.slider div {
}
.slider div img {
}
.slider-frame {
	border: solid 1px #111;
    width: 860px;
    padding: 3% 0% 3%;
    margin: 0 auto;
	
}
.slick-dots {
	display: none !important;
}
.slick-dotted.slick-slider {
      margin-bottom: 30px;
      width: 94%;
      margin: 0 auto;
  }
    .slick-slide{
        height:auto!important;
    }
    .slick-next{
      right: -42px !important;
}
    .slick-prev{
      left: 42px!important;
    }
    .slick-arrow{
      width: initial!important;
      height: initial!important;
      z-index:2!important;
    }
    .slick-arrow:before{
      font-size: 30px!important;
    }
	/*-----------height調整----------*/
    .slick-slide{ height:auto!important;}
    /*-----------矢印表示----------*/
    .slick-next{ right:-42px!important;}
    .slick-prev{ left:-42px!important; }
    .slick-next:before{
      background: url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/right.png)!important;
      background-size: contain!important;
    }
    .slick-prev:before{
      background: url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/ships_1012/sp/images/left.png)!important;
      background-size: contain!important;
    }
    .slick-arrow{
      z-index:2!important;
      width:32px!important;
      height:32px!important;
    }
    .slick-arrow:before{
      content:""!important;
      width: 100%!important;
      height: 100%!important;
      position: absolute;
      top: 0;
      left: 0;
      opacity:1!important;
    }

.title_sub {
	font-size: 1.3rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-align: center;
}
.midashi {
	font-family: bebas-neue-v14-deprecated, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 1.2;
	letter-spacing: 1px;
	background: #fff;
	display: block;
    left: 49%;
    top: -5%;
	z-index: 4;
}
.midashi span {
	font-size: 1.4rem;
	text-align: center;
	display: block;
}
.men_ {color: #5770aa;display: block;}
.women_ {color: #e17070;display: block;}
.cap_ {
	margin: 2em 0 3em;
}
.item-img {
	width: 75%;
	display: inline-block;
	vertical-align: middle;
}
.text_area {
	width: 42%;
    display: inline-block;
	vertical-align: middle;
}
.img_area {
	width: 45%;
    display: inline-block;
	vertical-align: middle;
	margin: 0 7% 0 0;
}
.crditArea_ {
	width: 90%;
    margin: 0 auto;
    padding: 0% 0% 20%;
}
.crdit {
    margin-bottom: 15px;
}

/*///*/
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*////*/
.button_crdit {
	width: 62%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.7;
}
.button_ {
    width: 100px;
    height: 38px;
    border: solid 1px #222;
    background: #222;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
}
.eff {
    text-decoration: none;
    line-height: 38px;
    color: #fff !important;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
}
.button_:hover{
    background: #222;
	border: solid 2px #222;
	color: #222 !important; 
	transition : .3s;
}
.eff:hover {
    color: #fff !important;
    background: #222;
}
/*////*/
.button_area {
	width: 80%;
	margin: 0 auto 3em;
	text-align: center;
}
.button_all {
    width: 350px;
    margin: 0px 21px 3em;
    padding: 1% 0;
    border: solid 1px #222;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
}
.eff2 {
    text-decoration: none;
    
    color: #222 !important;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
	display: block;
}
.button_all:hover{
    background: #222;
	border: solid 2px #222;
	color: #fff !important; 
	transition : .3s;
}
.eff2:hover {
    color: #fff !important;
    background: #222;
}
/* アニメーション設定 */
.scr-target {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    /* アニメーションのループ回数 - infiniteで無限ループ */
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.scr-target[class*='fadeIn'],
.scr-target[class*='zoom'] {
    opacity: 0;
}
/* フェードイン */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.anime__fadeIn.is-active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}