@charset "UTF-8";



/******************************************

    bace

*******************************************/



    *{-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;}

    html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
    	article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary{display:block;}

    body{font-family:"Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    	font-size:12px;line-height: 1.6;color:#000;-webkit-font-smoothing:antialiased;position:relative;
    }
    ul li {
    	list-style-type: none;
    }
    /*デフォルトホバー*/
a{cursor:pointer;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all all .3s ease;-moz-transition:all all .3s ease;-ms-transition:all all .3s ease;-o-transition:all all .3s ease;transition:all all .3s ease;color: #000;
/*-webkit-tap-highlight-color:rgba(244,198,182,0.3);*/
}
a:hover,a:focus{outline:none;text-decoration:none;text-decoration: none;}
a:focus, *:focus { outline:none; }
  input[type="button"]::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner {
     border: 0px;
     outline:none;
      }
      select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  outline:none;
}


img{vertical-align: bottom;}

    /*clearfix*/
    .clear{clear:both;}
    .clear hr{display:none;}

    .clearfix:before,
    .clearfix:after {
    	content: " ";
    	display: table;
    }

    .clearfix:after {
    	clear: both;
    }

    .clearfix {
    	*zoom: 1; /* for IE 6/7 only */
    }

    .l-wrapper{position:relative;overflow: hidden;}
    .container,.gNavArea{max-width: 1200px;margin: 0 auto;}


.on-small-only .container,
.on-med-only .container{padding: 0px 20px;}
.on-med-only .container{width: 90%;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .container,.gNavArea{padding: 0px 20px;width: 90%;}
}


.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}


/******************************************

    common

 *******************************************/

 .leftAlign{text-align: left !important;}
 .centerAlign{text-align: center !important;}
 .rightAlign{text-align: right !important;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.ml10{margin-left: 10px;}
.mr15{margin-right: 15px;}
.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}

main .container p{margin-bottom: 30px;}
.on-small-only main .container p,
.on-med-only main .container p{margin-bottom: 10px;}

/*clickBox*/
    .clickBox,.wink {display: block;cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;}

.clickBox:hover,.wink:hover{text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=30);}


/*空間調整*/
.l-colArea{padding: 60px 0;}
	.on-small-only .l-colArea{padding: 30px 0px;}


/*文字の大きさ*/
.bold{font-weight: bold;}

.big-text{font-size: 120%;}
.big-text14{font-size: 14px;}

.small-text{font-size: 10px !important;}
.small-text11{font-size: 11px !important;}
.small-text80p{font-size: 80% !important;}
.small-text85p{font-size: 85% !important;}
.small-text90p{font-size: 90% !important;}

.mark{font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}


/*row*/
.row.row3 {margin-left: -3px;margin-right: -3px;}
.row.row3 .col {padding: 0 3px;}

.row.row16 {margin-left: -16px;margin-right: -16px;}
.row.row16 .col {padding: 0 16px;}

.row.row20 {margin-left: -20px;margin-right: -20px;}
.row.row20 .col {padding: 0 20px;}

.row.row30 {margin-left: -30px;margin-right: -30px;}
.row.row30 .col {padding: 0 30px;}

.row.row40 {margin-left: -40px;margin-right: -40px;}
.row.row40 .col {padding: 0 40px;}

.on-med-only .row.row30,
.on-med-only .row.row40 {margin-left: -20px;margin-right: -20px;}
.on-med-only .row.row30 .col,
.on-med-only .row.row40 .col {padding: 0 20px;}


a.underLineLink{text-decoration: underline;color: #00a1e9;-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all all .3s ease;-moz-transition:all all .3s ease;-ms-transition:all all .3s ease;-o-transition:all all .3s ease;transition:all all .3s ease;}
a.underLineLink:hover{text-decoration: none;}


/*borderなし*/
.bd--none{border-bottom: none !important;}


/* 埋め込み動画レスポンシブ
-------------------------------------*/


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*---------------------------------------
　　　　-　title
---------------------------------------*/

.heading {
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 3px;
    position: relative;
    line-height: 1;
}
	.on-small-only .heading{font-size: 20px;}


/* border
-------------------------------------*/

.heading__bd {
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    display: inline-block;
}

.heading__bdCenter{

    margin-bottom: 30px;
    
    text-align: center;
}
.heading__bdCenter span.smallTxt{font-size: 70%;letter-spacing: 2px;}
.heading__bdCenter span.heading__bdCenterIn{border-bottom: 1px solid #000;padding-bottom: 10px;display: inline-block;}

/*sp*/
	.on-small-only .heading__bdCenter span.smallTxt{display: block;margin-bottom: 5px;}


/* wave
-------------------------------------*/

.heading__wave{color: #fff;text-align: center;position: relative;line-height: 1.7;margin-bottom: 30px;letter-spacing: 4px;}
.heading__wave span{display: block;font-size: 15px;font-weight: 500;letter-spacing: 2px;}
.heading__wave span:before{
	content: "";
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	display: block;
	margin: auto;
	width: 40%;
	height: 10px;
	background: url(../img/all/bd_wave_white.svg) repeat-x center center;
	-webkit-background-size: contain;
	background-size: contain;
	fill: white;}

	.on-small-only .heading__wave span:before{width: 85%;}


/* aqua border small
-------------------------------------*/

.heading__bdAqua{
  color: #49B2E0;
  border-bottom: 1px solid #00A0E9;
  font-size: 16px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 90px;
    letter-spacing: 2px;
}

.on-small-only .heading__bdAqua{font-size: 14px;
margin-bottom: 20px;
padding-bottom: 7px;}



/* small title
-------------------------------------*/

.heading__small{
  font-size: 14px;
    margin-bottom: 7px;
margin-top: 15px;
    letter-spacing: 2px;
    line-height: 1.3;
}

.on-small-only .heading__small{font-size: 13px;}


/* betaTitle
-------------------------------------*/

.betaTitle{padding: 5px 16px;margin-bottom: 30px;margin-top: 70px;color: #fff;font-size: 18px;letter-spacing: 3px;position: relative;line-height: 32px;}
.betaTitle span.betaTitle__small{float: right;font-size: 11px;line-height: 32px;letter-spacing: 1px;}
.container__blue .betaTitle{background: #49B2E0;}
.container__green .betaTitle{background: #6D9631;}

.betaTitle:nth-of-type(1){margin-top: 0;}

/*sp*/
  .on-small-only .betaTitle{padding: 3px 5px 3px 10px;font-size: 14px;margin-top: 25px;margin-bottom: 10px;}
  .on-med-only .betaTitle{margin-top: 25px;}

  .on-small-only .betaTitle span.betaTitle__small {
font-size: 10px;
line-height: 1.3;
letter-spacing: 0px;
width: 10em;
margin-top: 4px;
}

  .on-small-only .betaTitle01:before{
margin-right: 5px;margin-top: 4px;
width: 30px;height: 22px;
-webkit-background-size: contain;
background-size: contain;
}
.on-small-only .betaTitle02:before,.on-small-only .betaTitle03:before{
margin-right: 5px;margin-top: 6px;
width: 45px;height: 20px;
-webkit-background-size: contain;
background-size: contain;
}

/*iphone5*/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
    /*スタイル記述*/
    .on-small-only .betaTitle span.betaTitle__small {width: 8.5em;}
    .on-small-only .betaTitle {letter-spacing: 1px;}

}


/*---------------------------------------
　　　　-　hr line
---------------------------------------*/

hr.line--gray {
  height: 1px;
  border: none;
  border-top: 1px #ddd solid;
}


/*---------------------------------------
　　　　-　ico
---------------------------------------*/

.ico__new{font-size: 10px;
padding: 2px 5px;
color: #5FB7E1;
border: 1px solid #5FB7E1;
vertical-align: middle;
line-height: 1;
display: inline-block;}

/*---------------------------------------
　　　　-　マーカー
---------------------------------------*/

.marker {
background: linear-gradient(transparent 60%, #D8EBF8 60%);
}

/*---------------------------------------
　　　　-　btn
---------------------------------------*/

.btn{display: block;padding:10px 20px;text-align: center;font-size: 13px;letter-spacing: 1px;font-weight: bold;}
.btn.btn_yoyaku{color: #fff;}



/* 共通の角丸ボタン
-------------------------------------*/
.btn__common{
  position: relative;
  text-align: left;
  max-width: 300px;
  color: #1D2A73;
  background: #fff;
border: 1px solid #1D2A73;
border-radius: 3px;
  box-shadow:2px 2px 0px 0px #9FA0A0;
-moz-box-shadow:2px 2px 0px 0px #9FA0A0;
-webkit-box-shadow:2px 2px 0px 0px #9FA0A0;}
.btn__common:hover{
  background: #1D2A73;color: #fff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
    transform: translate3d(0, 3px, 0);}

.btn__common::before,
.btn__common::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.btn__common::before{
right: 15px;left: auto;
width: 10px;
height: 10px;
border-top: 1px solid #1D2A73;
border-right: 1px solid #1D2A73;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn__common:hover::before{
border-top: 1px solid #fff;
border-right: 1px solid #fff;

}

/*sp*/
  .on-small-only .btn__common{text-align: center;max-width: 100%;}



/* 共通の角丸ボタン（小）
-------------------------------------*/
.btn__commonS{
  position: relative;
  text-align: left;
  max-width: 230px;
  font-size: 12px;
  padding: 8px 20px;
  color: #49B2E0;
  background: #fff;
border: 1px solid #49B2E0;
border-radius: 3px;
  box-shadow:2px 2px 0px 0px #9FA0A0;
-moz-box-shadow:2px 2px 0px 0px #9FA0A0;
-webkit-box-shadow:2px 2px 0px 0px #9FA0A0;}
.btn__commonS:hover{
  background: #49B2E0;color: #fff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
    transform: translate3d(0, 3px, 0);}

.btn__commonS::before,
.btn__commonS::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.btn__commonS::before{
right: 15px;left: auto;
width: 8px;
height: 8px;
border-top: 1px solid #49B2E0;
border-right: 1px solid #49B2E0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn__commonS:hover::before{
border-top: 1px solid #fff;
border-right: 1px solid #fff;

}

/*sp*/
  .on-small-only .btn__commonS{text-align: center;max-width: 100%;}





.btn__commonS--right{text-align: center;}
.btn__commonS--right::before{
left: 15px;right: auto;
width: 8px;
height: 8px;
border-bottom: 1px solid #49B2E0;
border-left: 1px solid #49B2E0;
border-top: none;
border-right: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* 共通の角丸ボタン（予約）
-------------------------------------*/
.btn__common.btn--yoyaku{
  background: #F18D00;color: #fff;border: 1px solid #F18D00;
}
.btn__common.btn--yoyaku:hover{
  background: #ed6a00;border: 1px solid #ed6a00;
}
.btn__common.btn--yoyaku::before{border-top: 1px solid #fff;
border-right: 1px solid #fff;}




/* 角丸ボタン
-------------------------------------*/
.btn--kadomaru{width: 100%;border-radius: 3px;}



/* 二重ボタン
-------------------------------------*/
.btn--double{box-shadow:2px 2px 0px 0px #9FA0A0;
-moz-box-shadow:2px 2px 0px 0px #9FA0A0;
-webkit-box-shadow:2px 2px 0px 0px #9FA0A0;}
.btn--double:hover{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
    transform: translate3d(0, 3px, 0);}


/* ラインボタン
-------------------------------------*/

/*黒*/
.btn--blackLine{border: 1px solid #000;}


/*紺*/
.btn--navyLine{border: 1px solid #1D2A73;color: #1D2A73;}
.btn--navyLine:hover{background: #1D2A73;color: #fff;}
.btn--navyLine.arrowNormal--navy:hover:before{border-top: 1px solid #fff;
border-right: 1px solid #fff;}

/*水色*/
.btn--lBlueLine{border: 1px solid #5FB7E1;color: #5FB7E1;}
.btn--lBlueLine:hover{background: #5FB7E1;color: #fff;}
.btn--lBlueLine .arrowMaru--lBlue:hover:before{background: #fff;}
.btn--lBlueLine .arrowMaru--lBlue:hover:after{border-top: 1px solid #5FB7E1;
border-right: 1px solid #5FB7E1;}


/*濃い水色*/
.btn--lBlueLine2{border: 1px solid #49B2E0;color: #49B2E0;}



/* ベタボタン
-------------------------------------*/

/*オレンジ*/
.btn--orangeBeta{background: #F18D00;color: #fff;}
.btn--orangeBeta:hover{background: #ed6a00;}

/*---------------------------------------
　　　　-　arrow
---------------------------------------*/

.arrow{
position: relative;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}


/* くの字のarrow
-------------------------------------*/

.arrowNormal::before{
right: 10px;left: auto;
width: 10px;
height: 10px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.arrowNormal--L::before{
right: 20px;left: auto;
width: 14px;
height: 14px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.arrowNormal--navy::before{border-top: 1px solid #1D2A73;border-right: 1px solid #1D2A73;}

.arrowNormal--white::before{border-top: 1px solid #fff;border-right: 1px solid #fff;}

.arrowNormal--black::before{border-top: 1px solid #000;border-right: 1px solid #000;}

.arrowNormal--lBlueLine2::before{border-top: 1px solid #49B2E0;border-right: 1px solid #49B2E0;}


/* くの字の矢印アイコン（正円背景）
-------------------------------------*/


.arrowMaru{padding-left: 1.5em;}

.arrowMaru::before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000;
}
.arrowMaru::after{
left: 3px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/*背景色変更*/
.arrowMaru--lBlue::before{background: #5FB7E1;}

.arrowMaru--orange::before{background: #F18D00;}
.arrowMaru--white::before{background: #fff;}
.arrowMaru--white::after{border-top: 1px solid #F18D00;
border-right: 1px solid #F18D00;}



/* 三角矢印リスト
-------------------------------------*/

.arrowList li{position: relative;padding-left: 10px;}
.arrowList li:before{
	content: "";
	position: absolute;
top: 0.4em;
left: 0px;
vertical-align: middle;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 5px solid #000;
}



/* 矢印文字ボックス
-------------------------------------*/

.arrowTxtBox {
	   font-size: 14px;
	    margin: 0;
	    padding: 4px 10px 3px; /* 要素の上の余白調整 */
	    /*width: 94px;*/ /* 四角形の幅 */
	    color: #fff;
	    background: #49B2E0;
	    position: relative;
	}

	.arrowTxtBox:after {
	    border-left: 12px solid #49B2E0; /* 右向きの三角形を作るため左のボーダーに色を付ける */
	    border-top: 12px solid transparent; /* 上のボーダーを透過に指定 */
	    border-bottom: 12px solid transparent; /* 下のボーダーを透過に指定 */
	    content: "";
	    position: absolute;
	    right: -12px;
	    top: 0;
	}

	/* テキストの指定 */
	.arrowTxtBox {
	    position: relative;
	    z-index: 1;
	}


/* 上だけ矢印
-------------------------------------*/

.arrow__katagawaT{position: relative;margin-right: 1.3em;}
.arrow__katagawaT::before{
content: '';
position: absolute;
right: -20px;
top: 13px;
bottom: 0;
width: 17px;
height: 1px;
background: #000;
}
.arrow__katagawaT::after{
content: '';
position: absolute;
right: -19px;
top: 8px;
bottom: 0;
width: 10px;
height: 10px;
border-top: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.on-small-only .arrow__katagawaT::before{
right: -16px;
top: 12px;
bottom: 0;
width: 13px;
}
.on-small-only .arrow__katagawaT::after{
right: -15px;
bottom: 0;
width: 8px;
height: 8px;
}

/*---------------------------------------
　　　　-　list
---------------------------------------*/

/* 水色disc
-------------------------------------*/

.discList li{position: relative;margin-top: 15px;
margin-left: 1em;
text-indent: -0.5em;}
.discList li:first-of-type{margin-top: 0;}


.discList li:before{
    content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  position: relative;
left: -7px;
top: -1px;
}

.discList--aqua li:before{background: #49B2E0;}


/* btnList
-------------------------------------*/

.btnList li{margin-top: 20px;}

.on-small-only .btnList li{margin-top: 10px;}

.on-large-only .btnList li:nth-of-type(-n+2),
.on-med-only .btnList li:nth-of-type(-n+2),
.on-small-only .btnList li:nth-of-type(1){margin-top: 0;}



/*---------------------------------------
　　　　- fukidashi
---------------------------------------*/


.balloon--bottom {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #DCDDDD;
}

.balloon--bottom:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 15px solid #DCDDDD;
}

.balloon--bottom p {
  margin: 0 !important;
  padding: 0;
}

.on-small-only .balloon--bottom{width: 100%;text-align: center;}

/*---------------------------------------
　　　　- バナー配置部分
---------------------------------------*/


.container .row.bnBox{margin-top: 35px;margin-left: -16px;margin-right: -16px;}
.bnBox .col{padding:0 16px;}


.bnBox.bnBox__upper{margin-top: 60px;}
.on-small-only .bnBox.bnBox__upper{margin-top: 20px;}

/*sp*/
.on-small-only .container .row.bnBox{margin-top: 25px;}
.on-small-only .container .row.bnBox a{margin-top: 10px;}
.on-small-only .container .row.bnBox a:first-of-type{margin-top: 0;}

/*---------------------------------------
　　　　- color
---------------------------------------*/

.txt--white{color: #fff;}
.txt--red{color: #C30D23;}
.txt--orange{color: #F18D00;}
.txt--navy{color: #1D2A73;}
.txt--blue{color: #49B2E0;}
.txt--aqua{color: #DFF2FC;}
.txt--lYerrow{color: #ffff99;}

.bg--white{background: #fff !important;}
.bg--red{background: #C30D23;}
.bg--orange{background: #F18D00;}
.bg--navy{background: #1D2A73;}
.bg--blue{background: #49B2E0;}
.bg--aqua{background: #DFF2FC;}
.bg--lGray{background: #F7F8F8;}
.bg--lYerrow{background: #ffff99;}
.bg--lAqua{background: #EAF6FD;}
.bg--lGreen{background: #EBF5E7;}

/******************************************

    header

*******************************************/

.description{line-height: 1;font-size: 11px;position: absolute;
left: 270px;top: 20px;}




@media only screen and (min-width : 768px) and
(max-width : 1169px)  {
  .description{left: 173px;top: 30px;}
}



/* ----iPad in 縦----*/
@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation:portrait) {
.description{left: 230px;}
.cd-primary-nav { padding: 0 40px 0 220px;}
}

/* ----iPad in 横----*/
@media only screen and (orientation:landscape) {

  .ipad .description{left: 250px;top: 25px;}
  .ipad .cd-primary-nav { padding: 0 40px 0 240px;}
}





.on-med-only .description{left: 173px;top: 30px;}

/* nav
-------------------------------------*/

/*※ナビゲーション、headerの一部の記述は
「megamenu.css」に記載*/


/* rightnav
-------------------------------------*/
.l-rightMenu{position: absolute;top: 0px;right: 0;}

.l-rightMenu .rightMenu{position: relative;margin: 0;}
.l-rightMenu .rightMenu li{line-height: 1;float: left;padding: 0;
	border-left: 1px solid #000;
}
.l-rightMenu .rightMenu li:first-child{border-left: none;}
.l-rightMenu .rightMenu li a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	line-height: 1;
	padding: 0;
	line-height: 1;
	margin:0 10px;
	position: relative;
	display: inline-block;
	text-decoration: none;

}
.l-rightMenu .rightMenu li a:hover{text-decoration: underline;}

.l-rightMenu{display: table;}
.l-rightMenu .rightMenu,.l-rightMenu .google__box,
.l-rightMenu .btn_yoyaku{display: table-cell;vertical-align: middle;padding-top: 20px;}

.l-rightMenu .google__box{padding-right: 30px;}
.l-rightMenu .btn_yoyaku{padding: 8px 40px 8px 20px;
font-size: 14px;
letter-spacing: 3px;}
.on-large-only .l-rightMenu .btn_yoyaku{width: 120px;}

.l-rightMenu .btn_yoyaku:hover{background: #ed6a00;}
.l-rightMenu .btn_yoyaku::before{right: 10px;margin-right: 10px;width: 16px;height: 16px;}
.l-rightMenu .btn_yoyaku::after{right: 16px;margin-right: 10px;width: 6px;height: 6px;}

.l-rightMenu .btn_yoyaku:hover::before{background: #F18D00;}
.l-rightMenu .btn_yoyaku.arrowMaru--white:hover::before{background: #fff;}
.l-rightMenu .btn_yoyaku.arrowMaru--white:hover::after{border-top: 1px solid #F18D00;
border-right: 1px solid #F18D00;}
.l-rightMenu .btn_yoyaku:hover::after{border-top: 1px solid #fff;
border-right: 1px solid #fff;}

/*search*/
.inputSearch {
margin: 0px;
width: 110px;
height: 20px;
color: #999;
border: 1px solid #000;
border-radius: 3px;
padding: 3px 5px;
vertical-align: middle;
}
.btnSearch{vertical-align: middle;}

@media only screen and (min-width : 768px) and
(max-width : 1010px)  {
  .l-rightMenu .google__box{padding-right: 10px;}
  .l-rightMenu .rightMenu li a{margin:0 5px;}
}



@media only screen and (min-width : 768px) and
(max-width : 1169px)  {
  .l-rightMenu {right: 40px;}
  .l-rightMenu .rightMenu, .l-rightMenu .google__box{padding-top: 20px;}
  .on-large-only .l-rightMenu .btn_yoyaku{width: auto;}
}



/*---------------------------------------
　　　　-　sp nav
---------------------------------------*/

/* ナビゲーションアイコン */

.spList__txt{
position: absolute;
top: 35px;
left: 90%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 140%;}


/* 予約ボタン
-------------------------------------*/
.spList__yoyakuBtn{
    display: block;
    height: 70px;width: 67px;
    position: absolute;
    top: 0px;
    right: 67px;
    padding:18px;
    background: #F18D00;
    cursor: pointer;
    z-index: 99999;
    text-align: center;
}


#logo img{max-width: 100%;height: auto;}
.spNav .logo{display: inline-block;width: 120px;margin: 6px 10px 0px;}
.spNav .logo img{max-width: 100%;}






/******************************************

    index

 *******************************************/

/*main{background: #ccc;}*/


.responsive-img{max-width: 100%;height: auto;vertical-align: bottom;}
.responsive-img2{width: 100%;height: auto;vertical-align: bottom;}

/* operatingArea
-------------------------------------*/

.operatingArea{max-width: 1200px;margin: auto;}



/*タイトル部分*/
.operatingFirst{background: #1D2A73;position: relative;}
.operatingFirst__heading{color: #fff;font-size: 16px;padding: 25px 0;line-height: 1.4;text-align: center;

position: relative;
top: 50%;
left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);

}

/*sp*/
	.on-small-only .operatingFirst__heading,
	.on-small-only .operatingBox{display: inline-block;}

	.on-small-only .operatingFirst__heading{font-size: 13px;padding: 10px;
width: 7em;}



/*各ターミナル運航部分*/
.operating{background: #F7F8F8;position: relative;}
.on-large-only .operatingNest__col,.on-med-only .operatingNest__col{position: relative;
top: 50%;
left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);}

.on-large-only .operatingNest,
.on-med-only .operatingNest{height: 73px;padding: 0 20px;}

.on-large-only .operatingEmergency,
.on-med-only .operatingEmergency{height: 70px;padding: 0 20px;}

.operatingNest__col p{float: left;
    display: block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 2px 5px;
}



.operatingNest__col .arrowTxt{margin-left: 22px;}

/*ターミナル案内リンク*/
.operatingWhite{display: table;}
.operatingWhite__txt,
.operatingWhite .l-btn--navyLine{display: table-cell;vertical-align: middle;}
.on-large-only .operatingWhite .l-btn--navyLine .btn--navyLine{max-width: 300px;}

.on-large-only .operatingWhite,.on-med-only .operatingWhite{padding: 15px 40px !important;}
.operatingWhite .operatingWhite__txt{text-align: center;font-size: 11px;color: #58595B;}

/*.on-large-only .operatingWhite__in{max-width: 80%;}*/


/*緊急インフォメーション*/
.emergency{border: 1px solid #C30D23;background: #fff;margin-bottom: 15px;}
.emergency__heading{background: #C30D23;color: #fff;padding:4px 10px;}
.emergency p{padding:4px 10px;color: #C30D23;}

/*sp*/
	.on-small-only .operatingFirst__heading{position: absolute;}
	.on-small-only .operatingNest{margin-bottom: 10px;}
	.on-small-only .operatingNest:first-of-type{margin-top: 15px;}
	.on-small-only .operatingWhite{display: block;padding:20px;}
	.on-small-only .operatingWhite .operatingWhite__txt,
	.on-small-only .operatingWhite .l-btn--navyLine{display: block;margin-top: 3px;}
	.on-small-only .emergency{margin-bottom: 5px;}

  .on-small-only .operatingNest__col p{font-size: 12px;margin-left: 15px;}
  .on-small-only .emergency p{line-height: 1.4;font-size: 11px;}

/* campaignArea
-------------------------------------*/

.l-campaignArea .bnCampaignList li,.l-campaignArea .bnCampaignList .bnCampaignList__heading a{color: #fff;}
.l-campaignArea .bnCampaignList li{margin:0 15px;}
.l-campaignArea .bnCampaignList li img{border: 1px solid #fff;}
.l-campaignArea .bnCampaignList__heading{margin-top: 13px;margin-bottom: 2px;}

.on-large-only .l-campaignArea .slick-dots{display: block;
position: absolute;
top: -105px;
right: -18px;
width: 100%;
text-align: right;
width: auto;
color: #fff;}

/*sp*/
.on-small-only .l-campaignArea{padding-left: 35px;padding-right: 35px;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .on-large-only .l-campaignArea .slick-dots {right: -25px;}

}


/*arrowカスタマイズ*/
#bnCampaignList__arrow .slick-next{
	content: "";
position: absolute;
/*bottom: 0;*/
top: 54%;
margin: auto;
right: -30px;
width: 24px;height: 44px;
background-image: url(../img/top/campaignlist_arrow_r.svg);background-size:100%;

}
#bnCampaignList__arrow .slick-prev{
	content: "";
position: absolute;
/*bottom: 0;*/
top: 54%;
margin: auto;

left: -30px;
width: 24px;height: 44px;
background-image: url(../img/top/campaignlist_arrow_l.svg);background-size:100%;
}

.on-small-only #bnCampaignList__arrow .slick-next,
.on-small-only #bnCampaignList__arrow .slick-prev {background: none;}

.on-small-only .slick-dots{bottom: -35px;}


/*ページャーカスタマイズ*/

.l-campaignArea .slick-dots li button::before {
    border: 1px solid #fff;
}
.l-campaignArea .slick-dots li.slick-active button::before {
	color: #fff !important;}


.l-campaignArea .slick-dots li.slick-active button::before {
    opacity: 1;
    background: #fff;
}


@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .l-campaignArea{padding-left:50px;padding-right:50px;}
}



/* newsArea
-------------------------------------*/
.newsArea.row{max-width: 1200px;padding-top: 6px;}
.on-large-only .newsAreaBoxL{padding-left: 0;}
.on-large-only .newsAreaBoxR{padding-right: 0;}
.newsArea.row .col{padding: 0 3px;}
.newsArea .newsAreaBox__in{background: #fff;border-radius: 3px;padding:60px 50px 50px;height: 100%;}


/*newsList*/
.newsList__heading{background: #EAF6FD;padding:3px 10px;margin-top: 13px;margin-bottom: 8px;font-size: 12px;}
.newsList li{border-bottom: 1px dashed rgb(204, 204, 204);
padding-bottom: 12px;
margin-bottom: 12px;}

.newsList:last-of-type li:last-child{border-bottom: none;}

.newsList__day{float: left;width: 16.5%;margin-right: 1.5%;}
.newsList__text{float: left;width: 82%;}


/*sp*/

.on-small-only .newsList__day{width: 19%;margin-right: 2%;}
.on-small-only .newsList__text{width: 78%;}


.on-med-only .newsList__day{width: 28%;margin-right: 2%;}
.on-med-only .newsList__text{width: 69%;}
.on-med-only .newsArea .newsAreaBox__in{padding:30px;}

.on-small-only .newsArea .newsAreaBox__in{
padding: 20px;margin-bottom: 5px;

}
.on-small-only .l-newsArea .btn--lBlueLine{margin-bottom: 10px;}


/* newsArea-tab(sp)
-------------------------------------*/

.on-med-only .newsAreaBox{width: 50% !important;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.on-med-only .newsAreaBoxR{float: right;}

.on-med-only .newsArea.row{max-width: 100%;padding-top: 6px;}
.on-med-only div.row.newsArea.tab__contents{width: 100% !important;-webkit-transform: translate3d(0, 0, 0) !important;}



	.on-small-only .l-tabContainer{
	    max-width: 100%;
	    margin: auto;
	    background: #fff;
	}

	.on-small-only .tabContainer{
	    overflow-x: auto;
	}
	.on-small-only .tabContainer::-webkit-scrollbar{
	    height: 5px;
	}
	.on-small-only .tabContainer::-webkit-scrollbar-track {
	    background: #000;
	}
	.on-small-only .tabContainer::-webkit-scrollbar-thumb {
	    background: #000;
	}

	.on-small-only .tab,
	.on-med-only .tab{
	    /*display: table;*/
	    margin-top: 20px;
	    text-align: center;
	    width: 100%;
	    border-bottom: 1px solid #5FB7E1;
	}

	.on-small-only .tab__button{
	    /*display: table-cell;*/
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	    border: 1px solid #5FB7E1;
	    /*border-bottom-width: 4px;*/
	    width: 47%;
	    margin: 0 3px -1px;
	    border-top-left-radius: 3px;
	   border-top-right-radius: 3px;
	}

	.on-small-only .tab__button.active{
	    /*border-bottom: none;*/
	    border-bottom: 1px solid #fff;
	}

	.on-small-only .tab__button a{
	    padding: 7px 15px 6px;
	    color: #5FB7E1;
	    background: #EFEFEF;
	    display: block;
	    text-decoration: none;
	    font-size: 14px;
	    font-weight: bold;
	}
	.on-small-only .tab__button.active a{
	    background: #fff;
	}





/* enjoyArea
-------------------------------------*/

/*centerItem*/
.centerItem li{margin:0 13px;}
.centerItem .centerItem__in {
    background: #fff;
    padding: 10px 10px 20px;
    position: relative;
    height: 100%;
}
.on-large-only .centerItem .centerItem__in{min-height: 300px;}

.centerItem__heading,.centerItem .centerItem__in p,.centerItem__day{padding-left: 10px;padding-right: 10px;}
.centerItem__heading{font-size: 16px;margin-top: 16px;margin-bottom: 5px;}
.centerItem__day{font-size: 14px;font-weight: bold;margin-top: 5px;}

.centerItem .slick-dots{bottom: -45px;}


/*sp*/
.on-small-only .l-enjoyArea{padding: 30px 0px 45px;}


/* bnArea
-------------------------------------*/
.l-bnArea{padding: 20px 0;}
.bnArea__box{margin: auto;max-width: 1120px;position: relative;}


.bnAreaList .slick-slide {
    margin: 0px 12px;
}
.on-large-only .bnAreaList li img,.on-med-only .bnAreaList li img{width: 200px !important;height: 50px;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .l-bnArea {padding: 20px 60px;}

.on-large-only .bnAreaList li img, .on-med-only .bnAreaList li img {
    width: 100%;
    height: auto;
}

}





/*arrowカスタマイズ*/
#bnAreaList__arrow .slick-next{
	content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;

right: -30px;
width: 24px;
height: 24px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}
#bnAreaList__arrow .slick-prev{
	content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;

left: -30px;
width: 24px;
height: 24px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}


/*med*/
.on-med-only .l-bnArea{background: #fff;}

/*sp*/

.on-small-only .l-bnArea{background: #fff;padding: 20px;max-width: 70%;
margin: auto;}

.on-small-only .bnAreaList li img{width: 100%;height: auto;}
/*.on-small-only #bnAreaList__arrow .slick-next,
.on-small-only #bnAreaList__arrow .slick-prev{display: none;}*/

/******************************************

    footer

 *******************************************/


.footer {margin: 90px auto 0;}
.footer.topFooter {margin: 40px auto 0;}
.footerBox{max-width: 1200px;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
	.footerBox{padding: 0px 20px;}
}


.footer .footerLeft,.footer .footerRight{float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;}

.footer .row .col.m10.footerLeft{width: 86.33333%;padding-left: 0 !important;margin-left: -32px !important;margin-right: -32px;}

.footer .row .col.m2.footerRight{width: 13.66667%;padding-right: 0 !important;float: right !important;}


/*sp*/
.on-med-only .footer,.on-small-only .footer{margin: 40px auto 0;}
.on-med-only .footer.topFooter,.on-small-only .footer.topFooter {margin: 0px auto;}

/* footerTopNav
-------------------------------------*/

.footerTopNavBox{background: #49B2E0;margin-bottom: 40px;}

.footerTopNav{display: table;max-width: 1200px;width: 100%;
margin: 0px auto;padding: 15px 0;}
.footerTopNav li{display: table-cell;border-left: 1px solid #fff;text-align: center;}
.footerTopNav li:first-child{border-left: none;}
.footerTopNav li a{color: #fff;display: block;font-weight: bold;font-size: 14px;letter-spacing: 2px;}
.footerTopNav li a:hover{text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=30);}




/* footerList__nav
-------------------------------------*/

.footerList{border-left: 1px solid #898989;}
.row .col.footerList{padding: 0 32px;}
.footerList:first-child{border-left: none;}

.footerList .footerList__nav{margin-left: 7px;}
.footerList .footerList__nav li{margin-top: 10px;line-height: 1.5;}
.footerList .footerList__nav li:first-child{margin-top: 0;}
.footerList .footerList__nav li a:hover{opacity: .5;}

/*footerL__heading*/
.footerList__heading{position: relative;padding-left: 27px;margin-bottom: 20px;letter-spacing: 1px;}
.footerList__heading:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.icoOtoku:before{background-image: url(../img/all/ico_otoku.svg);background-size:100%;}
.icoEmbarkation:before{background-image: url(../img/all/ico_embarkation.svg);background-size:100%;}
.icoKnow:before{background-image: url(../img/all/ico_know.svg);background-size:100%;}
.icoFun:before{background-image: url(../img/all/ico_fun.svg);background-size:100%;}

/*sp*/

.on-small-only .footerList__heading,
.on-med-only .footerList__heading {
    position: relative;
    padding-left: 27px;
    margin-bottom: 6px;
    letter-spacing: 1px;
}
.on-small-only .footerList__heading::before,
.on-med-only .footerList__heading::before {
    content: "";
    position: absolute;
    top: 25%;left: 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
}


.footerListSp__nav li{padding: 0 !important;border-bottom: 1px solid #fff;}
.footerListSp__nav li:nth-child(odd){border-right: 1px solid #fff;}
.footerListSp__nav li a{background: #49B2E0;color: #fff;padding: 10px 15px;display: block;font-size: 12px;
font-weight: bold;
letter-spacing: 1px;}





/* footerR__bn
-------------------------------------*/

.footer .footerRight .footerR__bn li{margin-top: 35px;}
.footer .footerRight .footerR__bn li:first-child{margin-top: 0;}
.footer .footerRight .footerR__bn li img{width: 100%;height: auto;}
.footer .footerRight .footerR__bn li a:hover{opacity: .5;}


/* footer__secondNav
-------------------------------------*/

.footerSecondNav{text-align: center;margin-top: 65px;}
.footerSecondNav li{display: inline-block;font-size: 11px;line-height: 1;text-align: center;border-right: 1px solid #000;}
.footerSecondNav li:first-child{border-left: 1px solid #000;}
.footerSecondNav li a {padding:0 10px;}
.footerSecondNav li a:hover{text-decoration: underline;}

.footerCopy{text-align: center;margin-top: 20px;margin-bottom: 20px;font-size: 11px;}


/*sp*/
.on-small-only .footerSecondNav{margin-top: 20px;padding: 0 20px;}
.on-small-only .footerCopy{margin-top: 15px;margin-bottom: 15px;}
.on-small-only .footerSecondNav li{margin-bottom: 7px;}
.on-small-only .footerSecondNav li a {padding:0 15px;letter-spacing: 1px;}

/* toTop
-------------------------------------*/

.toTop{background: #EAF6FD;text-align: center;padding: 13px;position: relative;text-indent: -9999px;line-height: 1;}
.toTop a:before{
	position: absolute;
top: 25%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
content: "";
width: 14px;
height: 14px;
border-top: 1px solid #000;
border-left: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);}

/******************************************

    reservationArea

 *******************************************/

.l-reservationArea{position: relative;max-width: 1200px;margin:0 auto;}
 .reservationArea{position: absolute;
top: 65px;
right: 25px;
z-index: 1;padding: 20px 20px 26px;width: 320px;border: 5px solid #1D2A73;background: #fff;}

.reservation--heading{text-align: center;font-size: 20px;margin-bottom: -10px;}


/*sp*/
.reservationArea__sp{position: absolute;right: 15px;
top: 40%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);z-index: 1;}


@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .reservationArea{right: 30px;top: 40px;}
}




/* form
-------------------------------------*/

.route{width: 102%;table-layout: fixed;border-collapse: separate;
border-spacing: 6px 5px;margin:0 -6px 5px;}
.route th,.route td{padding: 5px;}

.route th{border-right: 1px solid #000;border-bottom: 1px solid #000;
text-align: center;width: 35%;}
.route td{border: 1px solid #c0c0c0;border-radius: 3px;position: relative;}


.route td.selectBox:after
{
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 4px solid #002D60;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.route td select{width: 100%;}
.route__change{width: 30px;cursor: pointer;}


#DatePicker{cursor: pointer;}



/******************************************

    slider

 *******************************************/


/* bxslider
-------------------------------------*/

/* スライドショー */

.bx-wrapper {
    margin:0 auto;
    position:relative;
}


#slider {
    overflow:hidden;
    position:relative;
    width:100%;
}



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



/*slide3枚*/

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

  .on-large-only #slider__in {
      position:relative;
      left:50%;
      width:3600px;
      margin-left:-1800px;
  }


  .on-large-only #slider__in li {width:1200px;}
  .on-large-only #slider .bx-wrapper {height: 517px;}

  .on-large-only #slideFilterL,.on-large-only #slideFilterR {
      position:absolute;
      top:0;
      width:1200px;
      height:100%;
      opacity:0.6;
      filter:alpha(opacity=60);
      -ms-filter:"alpha( opacity=60 )";
      background:#fff;
  }
  #slideFilterL {left:0;}
  #slideFilterR {right:0;}


}







/* ページャー */
#slider .bx-wrapper .bx-pager {
    padding-top:0px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

#slider .bx-wrapper .bx-pager {
    margin:0 auto;
    /*width:1200px;*/
    /*background:#fff;*/
    text-indent: 0;
}

.on-small-only #slider .bx-wrapper .bx-pager{text-indent: 0;
text-align: center;
margin-top: 13px;margin-bottom: 15px;
position: static;
bottom: 0;
width: auto;}
.on-small-only #slider .bx-wrapper .bx-pager.bx-default-pager a {border: 1px solid #00A0E9;}
.on-small-only #slider .bx-wrapper .bx-pager.bx-default-pager .active{background: #00A0E9;}

#slider .bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}



#slider .bx-wrapper .bx-pager .bx-pager-item,
#slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

#slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#fff;
}

#slider .bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    border: 1px solid #fff;
}
#slider .bx-wrapper .bx-pager-item{display: inline-block;}

.on-large-only #slider .bx-wrapper .bx-pager,.on-large-only #slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 20px !important;
text-indent: 0 !important;}


.on-large-only #slider .bx-wrapper .bx-pager, .on-large-only #slider .bx-wrapper .bx-controls-auto{right: 0px;}


@media only screen and (min-width : 768px) and
(min-width : 1200px)  {
    .on-large-only #slider .bx-wrapper .bx-pager, .on-large-only #slider .bx-wrapper .bx-controls-auto {
      right: -535px;
  }
}




/* コントローラー */
#slider .bx-wrapper .bx-prev {
    /*left:1035px;*/
    /*background:url(../images/controls.png) no-repeat 0 -32px;*/
    background: none;
}

#slider .bx-wrapper .bx-next {
    /*right:1035px;*/
    /*background:url(../images/controls.png) no-repeat -43px -32px;*/
    background: none;
}

#slider .bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

#slider .bx-wrapper .bx-next:hover {
    background-position:-43px 0;
}

#slider .bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}



#slider .bx-wrapper .bx-pager .bx-pager-item,
#slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}


/* slick
-------------------------------------*/


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


.slick-dots li{background:transparent;margin: 0 5px !important;}

/*arrow非表示*/
.slick-prev:before, .slick-next:before {
    content:"" !important;
}



/******************************************

    下層

*******************************************/

/*---------------------------------------
　　　　-　共通
---------------------------------------*/

.btnBox{margin-top: 50px;}
.on-small-only .btnBox{margin-top: 30px;}


/* パンくず
-------------------------------------*/

.topicpath{background: #EFEFEF;}
.topicpath ul{max-width: 1200px;margin:0 auto;padding: 8px 0;}
.topicpath ul li{display: inline-block;position: relative;margin-left: 20px;font-weight: bold;letter-spacing: 2px;font-size: 11px;}
.topicpath ul li:before{
  position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
left: -17px;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.topicpath ul li:first-child{margin-left: 0;}
.topicpath ul li:first-child:before{
  border-top: none;border-right: none;
}

.topicpath ul li a{text-decoration: underline;}
.topicpath ul li a:hover{text-decoration: none;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .topicpath ul{padding: 8px 20px;}
}

.on-small-only .topicpath ul,
.on-med-only .topicpath ul{padding: 5px 20px;}

/* ページタイトル
-------------------------------------*/

.pageHeading{font-size: 24px;letter-spacing: 4px;max-width: 1200px;margin:0 auto;padding: 35px 0 40px;}
.pageHeading span{border-bottom: 3px solid #000;
display: inline-block;}

@media only screen and (min-width : 768px) and
(max-width : 1230px)  {
  .pageHeading{padding: 35px 20px 40px;width: 90%;}
}

.on-med-only .pageHeading{padding: 25px 20px 30px;/*width: 90%;*/}
.on-small-only .pageHeading{font-size: 18px;padding: 25px 20px 30px;}

/* table
-------------------------------------*/

.commonTable{border-collapse: collapse;width: 100%;}

.commonTable th,.commonTable td{
    border:1px solid #9FA0A0;letter-spacing: 2px;font-size: 14px;line-height: 1.4;}

.commonTable th{padding:7px 10px;}
.commonTable td{padding: 12px 20px;}

.commonTable .tableTitle__blue{background: #49B2E0;color: #fff;}


.on-med-only .commonTable td{padding: 10px 15px;}
.on-small-only .commonTable th,.on-small-only .commonTable td{letter-spacing: 1px;
font-size: 11px;
padding: 5px 6px;
line-height: 1.3;}



/* アコーディオン
-------------------------------------*/

/*レイアウト部分*/

.openCloseBox{margin-bottom: 30px;}
.openCloseBox:last-of-type{margin-bottom: 0;}


.openCloseBox dd{margin-top: 35px;margin-bottom: 60px;}

/*sp*/
  .on-small-only .openCloseBox{margin-bottom: 30px;}
  .on-small-only .openCloseBox dd{margin-top: 0px;}


/*タイトル部分*/
.openClose__title{
  font-size: 16px;font-weight: bold;letter-spacing: 2px;
  border: 1px solid #1D2A73;
  border-radius: 3px;
  box-shadow:2px 2px 0px 0px #9FA0A0;
-moz-box-shadow:2px 2px 0px 0px #9FA0A0;
-webkit-box-shadow:2px 2px 0px 0px #9FA0A0;
position: relative;}

.openClose__btn{color: #1D2A73;padding: 15px 20px;display: block;}

 .openClose__btn:before{
  position: absolute;
top: 0px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 20px;
width: 16px;
height: 16px;
border-bottom: 1px solid #1D2A73;
border-right: 1px solid #1D2A73;
border-top: none;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all all .3s ease;-moz-transition:all all .3s ease;-ms-transition:all all .3s ease;-o-transition:all all .3s ease;transition:all all .3s ease;
}

.OPEN .openClose__btn:before{
border-top: 1px solid #1D2A73;
border-left: 1px solid #1D2A73;
border-right: none;
border-bottom: none;
}
.openClose__btn.active:before{
  top: 10px;
bottom: 0px;
 -webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.OPEN .openClose__btn.active:before{
  top: 0px;
bottom: 0px;
 -webkit-transform: rotate(225deg);
transform: rotate(225deg);
}


.openClose__title--navy{background: #1D2A73;}
.openClose__title--navy a{color: #fff;}
.openClose__title--navy .openClose__btn::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}


.openClose__data .row{margin-top: 50px;}
.openClose__data .row:nth-of-type(1){margin-top: 0;}


/*sp*/

.on-small-only .openClose__data .row{margin-top: 0;}

.on-small-only .openClose__title{font-size: 13px;text-align: center;line-height: 1.5;}

.on-small-only .openClose__btn{padding: 15px 20px 30px;}
.on-small-only .openClose__btn:before{right: 0;
left: 0;
bottom: 12px !important;
top: auto !important;width: 12px;
height: 12px;}

.on-small-only .OPEN .openClose__btn:before{
bottom: 10px !important;}


/* 航路別画像タイトル
-------------------------------------*/

.pageImgBox{margin-bottom: 80px;height: 250px;position: relative;}
.pageImgBox .pageImg{max-width: 1200px;margin:0 auto;height: inherit;position: relative;}
.on-large-only .pageImgBox .pageImg__col{display: table;
position: absolute;
top: 40%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.pageImgBox .pageImgCol__heading,.pageImgCol__btn{display: table-cell;}
.on-large-only .pageImgBox .pageImgCol__heading{width: 435px;}

.pageImgBox.pageImg--nos .pageImg__col{right: 20px;}
.pageImgBox.pageImg--tkr .pageImg__col{margin-left: 20px;}


.pageImg--tkr{
  background: url(../img/all/bg_tkr.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  background-size: cover;}

.pageImg--nos{
  background: url(../img/all/bg_nos.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  background-size: cover;}



.pageImgBox.pageImgBox__L{height: 320px;overflow: hidden;}


@media only screen and (min-width: 481px) and (max-width: 1200px) {

  .pageImgBox.pageImgBox__L{height: 250px;}
}

.on-med-only .pageImgBox.pageImgBox__L {height: 190px;}

.on-small-only .pageImgBox.pageImgBox__L {margin-bottom: 20px;}

.pageImgCol__txt{font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
margin-top: 5px;}





@media only screen and (min-width : 768px) and(max-width : 1230px)  {
  .pageImgBox .pageImg{padding: 0 20px;}
}

/*med*/
.on-med-only .pageImgBox{margin-bottom: 50px;}
.on-med-only .pageImgBox .pageImg__col{
  display: table;
position: absolute;
top: 35%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

/*sp*/
.on-small-only .pageImg__col,.on-med-only .pageImg__col{padding: 12px 20px;}
.on-small-only .pageImgBox{margin-bottom: 40px;height: 186px;}


.on-small-only .pageImg--tkr{
  background: url(../img/all/bg_tkr_sp.jpg) no-repeat bottom center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;}

  .on-small-only .pageImg--nos{
  background: url(../img/all/bg_nos_sp.jpg) no-repeat bottom center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;}

.on-small-only .pageImgCol__heading img{max-width: 85%;height: auto;}
.on-small-only .pageImgCol__btn img{max-width: 95%;height: auto;}

.on-small-only .pageImgCol__txt {
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 6px;
}


/* タブタイトル
-------------------------------------*/

.tabHeading{/*display: table;*/width: 100%;text-align: center;}
.tabHeading--blue{border-bottom: 5px solid #0081CC;}
.tabHeading--green{border-bottom: 5px solid #6D9631;}

.tabHeading .tab__col{display: inline-block;
text-align: center;
vertical-align: middle;
width: 49%;
margin: 0 2px -1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;letter-spacing: 3px;
font-weight: bold;
}

.tabHeading .tab__col a{color: #fff;display: block;padding: 20px 20px 15px;font-size: 21px;}


.tabHeading .tab__col span.tab--small{font-size: 65%;letter-spacing: 2px;font-weight: normal;position: relative;}

/*.tabHeading .tab__col span.tab--arrow{margin-left: 0.8em;}
.on-large-only .tabHeading .tab__col span.tab--arrow{padding-left: 1.2em;}*/


.tabHeading .tab__col.tab--blue{
  background: #0081CC;
  border: 1px solid #0081CC;
border-bottom-width: 0px;
}

.tabHeading .tab__col.tab--green{
  background: #6D9631;
  border: 1px solid #6D9631;
border-bottom-width: 0px;
}

.tabHeading .tab__col span.tab--arrow{position: relative;}

.tabHeading .tab__col span.tab--arrow::before{
  position: absolute;
top: 6px;
left: 1px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.8em;
height: 0.8em;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.tabHeading .tab__col.tab--blue span.tab--arrow::after{
position: absolute;
left: 6px;
top: 13px;
content: "";
vertical-align: middle;
width: 8px;
height: 8px;
border-top: 1px solid #0081CC;
border-right: 1px solid #0081CC;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}







.tabHeading .tab__col{
position: relative;
display: inline-block;
/*padding: 0 0 0 16px;*/
color: #fff;
vertical-align: middle;
text-decoration: none;

}


/*sp*/

.on-small-only .tabHeading .tab__col,
.on-med-only .tabHeading .tab__col{width: 46%;font-size: 13px;font-weight: normal;letter-spacing: 2px;line-height: 1.4;}

.on-med-only .tabHeading .tab__col a,
.on-small-only .tabHeading .tab__col a{padding: 10px 8px 9px;font-size: 13px;    margin: 0 2px -1px;}

.on-small-only .tabHeading .tab__col.tab--blue span.tab--arrow::after {
    position: absolute;
    left: 3px;
    top: 9px;
    content: "";
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-top: 1px solid #0081CC;
    border-right: 1px solid #0081CC;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.on-med-only .tabHeading .tab__col span.tab--small,
.on-small-only .tabHeading .tab__col span.tab--small{font-size: 80%;
letter-spacing: 0px;}
.on-small-only .tabHeading .tab__col span.tab--small{display: block;}


.on-small-only .tabHeading .tab__col,
.on-med-only .tabHeading .tab__col{width: 47%;font-size: 13px;font-weight: normal;letter-spacing: 2px;line-height: 1.4;}








.arrow1{
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin-left: 1em;
}
.arrow1::before,
.arrow1::after{
position: absolute;
top: 0;
bottom: 0;
left: -1.4em;
margin: auto;
content: "";
vertical-align: middle;
}


.tabArrow::before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.tabArrow::after{
left: -1.2em;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.tab--blue .tabArrow::after{
border-top: 1px solid #0081CC;border-right: 1px solid #0081CC;
}
.tab--green .tabArrow::after{
border-top: 1px solid #6D9631;border-right: 1px solid #6D9631;
}


.on-large-only .tabArrow::before{
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.on-large-only .tabArrow::after{
left: -1.2em;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}