@charset "UTF-8";

#kankoressya{
background:url("/abroad/note/mokume.jpg") center center / cover no-repeat fixed;
padding:30px 0;
}
h2{
font-size:clamp(2rem, 3vw, 3rem);
font-weight:bold;
padding-bottom:20px;
text-align:center;
}

th {
text-align:center;
border:solid 1px #000;
}

td {
text-align:center;
border:solid 1px #000;
}



.boxwrapbox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
padding:30px 20px;
}

/*セクション設定*/
.boxwrapbox2{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:48%;
padding:30px 20px;
}


/*PC版セクション設定*/
article{
widht:100%;
display:flex;}


/*メニューバー*/
.mono{
width:100%;
height:auto;
}

.gyou{
width:100%;
display:flex;
max-width:1100px;
justify-content:center;
margin:0 auto;
}

.mene{
width:33%;
background-color:#0c4ea2;
margin-right:5px;}

.sandan{
font-size:17px;
margin-top:10px;
text-align:center;
font-weight:bold;
display:block;
width:100%;
color:#fff;
align-items:center;
padding:10px 0px;
}

.kai{
display: none; 
}


/*船情報*/

.colbox3{width:100%;}
@media screen and(max-width:767px){.colbox3{width:100%;}}
.sharpbox{
background:#ffffff;
margin-bottom:30px;
width:100%;
}

.main-1{
widht:100%;
}



/*その他画像設定*/
.main-2{
widht:100%;
ma
}


.colbox2{width:100%;}
@media screen and(max-width:767px){.colbox2{width:100%;}}
.sharpbox{
background:#ffffff;
margin-bottom:30px;
width:100%;
}
.sharpbox h1{
padding:8px;
font-size:clamp(1.8rem, 0.931rem + 1.81vw, 2.2rem);
background:linear-gradient(90deg, #d9c409 0%, #f5ec9f 100%);
text-align:center;
font-weight:bold;
}
.sharpbox h1 .site{
background:#7f0301;
font-size:clamp(1.2rem, 0.765rem + 0.91vw, 1.4rem);
color:#ffffff;
padding:2px 10px;
}
.sharpbox h1 .subname{
padding:0 6px;
font-size:clamp(1.4rem, 0.965rem + 0.91vw, 1.6rem);
}
.txtbox{
font-size:clamp(1.4rem, 0.965rem + 0.91vw, 1.6rem);
margin-bottom:20px;
}
.slick-track li span{
font-size:clamp(1.2rem, 0.765rem + 0.91vw, 1.4rem);
display:block;
text-align:center;
padding-top:5px;
}

/*中見出し　青枠の中*/
.kukanlabel{
font-size:clamp(1.4rem, 0.965rem + 0.91vw, 1.6rem);
font-weight:bold;
padding:4px;
text-align:center;
color:#ffffff;
background-color:#387ac9;
}
/*背景　グレーの設定*/
.kukan ul{
padding:20px;
background:#f0f0f0;
}

.kukan ul li{margin-bottom:10px;}
.kukan ul li span{font-weight:bold;}

/*ボタン設定*/

.btngradientradius{
  display:inline-block;
  padding:10px;
  border-radius:25px;
  text-decoration:none;
  color: #FFF;
  background-image:linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition:4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.retu{display:flex;}

.yoko{width:50%;}

.mgt50{font-size:20px;
margin-left:10px;}



.box{
width:80%;
margin:0 auto;
}


/*スマホ版設定*/
@media screen and (max-width:767px)
{
article{
display:block;
}
.retu{
display:block;
}
.yoko
{width:100%;
}

.kai{
display: block; 
}

.box{
width:100%;
margin:0 auto;
}


}






/*スライダー*/

.sry{
width:80%;
margin:0 auto;
}


.slickbox{width:100%;}
.gallery-iyonada, .gallery-sennen, .gallery-yoake, .gallery-cafe{
height:auto;
margin-bottom:20px;
padding: 10px 10px 30px;
box-shadow: 0 0 8px grey;
overflow:hidden;
}
.gallery-iyonada li, .gallery-sennen li, .gallery-yoake li, .gallery-cafe li{
list-style:none;
}
.gallery-iyonada li img, .gallery-sennen li img, .gallery-yoake li img, .gallery-cafe li img{
width:80%;
margin:0 auto;
border:solid 2px #fff;
}
.gallerybtn-iyonada, .gallerybtn-sennen, .gallerybtn-yoake, .gallerybtn-cafe{
display:flex;
padding:0 20px;
justify-content:space-around;
}
.gallerybtn-iyonada li, .gallerybtn-sennen li, .gallerybtn-yoake li, .gallerybtn-cafe li{
display:inline;
list-style:none;
margin:0 5px;
overflow: hidden;
}
.gallerybtn-iyonada li img, .gallerybtn-sennen li img, .gallerybtn-yoake li img, .gallerybtn-cafe li img{
cursor:pointer;
width:auto;
height:90px;
}
@media screen and(max-width:767px){
.gallerybtn-iyonada, .gallerybtn-sennen, .gallerybtn-yoake, .gallery-cafe{padding:0;}
.gallerybtn-iyonada li, .gallerybtn-sennen li, .gallerybtn-yoake li, .gallerybtn-cafe li{margin:0;}
.gallerybtn-iyonada li img, .gallerybtn-sennen li img, .gallerybtn-yoake li img, .gallerybtn-cafe li img{height:70px;}
.slickbox{width:100%;}

.sry{
width:100%;
}

.gallery-iyonada li img, .gallery-sennen li img, .gallery-yoake li img, .gallery-cafe li img{
width:100%;
}
}