tahichi_1tahichi_1tahichi_1tahichi_1tahichi_1tahichi_1tahichi_1tahichi_1/*-------  ここから共通のCSS  --------*/
*,html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:focus{
    color: #fff;
}
/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 5px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #004da0;
  border-radius: 10px;
  box-shadow:0 0 0 1px #004da0;
}

body {
   /*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
   font-family: '游ゴシック', 'Yu Gothic', Yu Gothic UI, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;/*修正20240130*/
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    color: #000;
}
.top{
    /*overflow: hidden;*/
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    transition: all .3s;
    color: #000;
}

a:hover {
    text-decoration: none;
}

h2, h3, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}
h3{
    font-size: 40px;
    line-height: 38px;
}
h4, h5 {
    color: #444;
    font-size: 18px;
}

.container {
    max-width: 1200px;
    width: 95%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.section-title {
    color: #555;
    padding-top: 70px;
    text-align: center;
}

.section-title h3 {
    font-size: 32px;
    font-weight: 300;
}
	.sp{
		display: none;
	}
	.pc{
		display: inline-block;
	}
    .pcom{
        display: block;
    }
	.tablesp{
		display: none;
	}
	.tablepc{
		display: table-cell;
	}

	/*スクールバー*/
div::-webkit-scrollbar{
  width: 5px;
}
div::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
div::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;
}

.fade-up{
	opacity: 0;
	transform: scale(1.1);
	transition: 1s;
}
.fade-up-text h5{
	transform:translateX(-100px);
	transition: 2s;
}
.fade-up-text p{
	transform:translateX(-100px);
	transition: 2s;
	animation-delay: 1s;
}
.fade-up-text2{
	transform:translateY(100px);
	transition: 2s;	
	
}

.fade-up-text3{
	transform:translateY(50px);
	transition: 2s;		
}
.nobr{
	white-space: nowrap;
}

.main{
    background-color: #e7f0f3;    
}
.section_text ul li{
    padding: 5px 0;
    display: inline-block;
    width: 45.5%;
    position: relative;
    margin-bottom: 35px;
    margin-right: 5px;
}
/*.section_text ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 3px solid #000;
}
.section_text ul li:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 3px solid #000;
}*/
.section_text ul li a{
    position: relative;
}
.section_text ul li a:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 0;
    background-color: rgba(0,58,166,0.9);
    height: 3px;
    transition: 0.5s;
}
.section_text ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 40px;
    background: none;
    background-image: url(../images/fune_icon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.5s;
    border: none;
    opacity: 0;
}
.section_text ul li:hover a:before{
    left: 102%;
    opacity: 1;
}
.section_text ul li:hover a:after{
    width: 100%;
    transition: 0.5s;
}


/*-------  ここまで共通のCSS  --------*/

/*-------  ここからheader  --------*/
/*ハンバーガー*/

.btn_hamburger{
    float: right;
    height: 40px;
    width: 40px;
    position: relative;
    z-index: 1000000000000;
}
.btn_hamburger span{
    position: relative;
    display: block;
    height: 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
}
.btn_hamburger span span{
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
	border-bottom: solid 2px #000;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_hamburger span:nth-of-type(1) {
    top: 0;
}
.btn_hamburger span:nth-of-type(2) {
    top: 14px;
}
.btn_hamburger span:nth-of-type(3) {
    bottom: 0;
}
.btn_hamburger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
	border-bottom: solid 2px #000;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn_hamburger .hun_active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_hamburger .hun_active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	top: 28px;
}
.btn_hamburger .hun_active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}
.btn_hamburger .hun_active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}
.btn_hamburger span::after:hover{
    background-color: rgba(255,255,255,0.4);
}
.btn_hamburger .hun_active:nth-of-type(1) {
    top: -8px;
	left: -10px;
}
.header{
	overflow: hidden;
	padding: 10px 0;
    position: relative;
    z-index: 10000000000;    
}
.header .logo{
	display: inline-block;
	vertical-align: middle;
}
.header .logo img{
	width: 300px;
}
.header .btn_hamburger{
	display: inline-block;
	vertical-align: middle;
	float: right;
    margin-top: 10px;
    position: relative;
    z-index: 1000000000000;
	top: -15px;
}
.fixheader{
    position: fixed;
    top: -300px;
    left: 0;
    right: 0;
    z-index: 1000000000;
    background-color: #fff;
    transition: 0.5s;
}
.top_visial{
	position: relative;
    margin-bottom: 50px;
    height: 800px;
}
.top_visial_left{
    display: inline-block;
	vertical-align: middle;
    color: #fff;
	padding-right: 30px;
}
.top_visial_left h2{
    font-size: 2vw;	
}
.top_visial_left h3{
    font-size: 1.5vw;
	font-weight: bold;
}
.top_visial_right{
	vertical-align: middle;
}
.top_visial_right h1 img{
	width: 60%;
    max-width: 290px;
}
.top_visial .slick-slide:not(.slick-center){
    opacity: 0.3;
}
.section2 .voyagealbum_inner img{
    transition: 0.5s;
}
.section2 .voyagealbum .voyagealbum_inner img:hover{
    animation: 0.5s rotation3 ease-in;
    opacity: 1;
    cursor: pointer;
}
/*ファーストビュー内メニュー*/

.top_visial_menu{
    text-align: center;
    z-index: 100;
    display: inline-block;
    margin-left: 5%;
}
.top_visial_menu ul{
    font-size: 0;
}
.top_visial_menu ul li{
    display: inline-block;
    /*width: 130px;*/
    border-left: solid 1px rgba(0,58,166,1);
}
.top_visial_menu ul li:last-child{
    border-right: solid 1px rgba(0,58,166,1);
}
.top_visial_menu ul li a{
    display: block;
    /*padding: 10px 0;*/
    padding: 10px 15px;
    background-color: rgba(255,255,255,0.8);
    color: rgba(0,58,166,1);
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.top_visial_menu ul li a:hover{
    background-color: rgba(0,56,166,1);
    transition: 0.5s;
    color: #fff;
}
/*
.top_visial_menu ul li:hover a{
    background-color: rgba(0,58,166,1);
    color: #fff;
    transition: 0.5s;
}
*/
/*
.top_visial_menu ul li:hover a{
	transition: 1s;
	transform: rotateY(360deg);
}
*/
.scroll_bottom{
	position: absolute;
	bottom: 0;
	/* left: 0; */
	right: 0;
	text-align: right;/*center*/
    z-index: 100000;
}
.top_titles {
    position: absolute;
    top: -2%;
    left:  13%;
    /*right: 0;*/
    bottom: 0;
    margin: auto;
    width: 24%;/*13%*/
    z-index: 9;
    max-width: 1200px;
}
.top_titles_info {
    position: absolute;
    top: -3%;
    right: 10%;
    bottom: 0;
    margin: auto;
    width: 35%;
    z-index: 9;
    max-width: 1200px;
}
.scroll_bottom img{
    width: 100px;/*55px*/
    cursor: pointer;
    position: relative;
    animation: rotation1 2s ease 0s 1 alternate none running;
    animation-direction: alternate;
    animation-iteration-count:infinite;
}
/*top*/
/*ニュースなど*/
.section1{
    max-width: 1200px;
    width: 95%;
    margin: auto;
    margin-bottom: 50px;
}
.section1 h3{
    /*font-size: 38px;
    font-weight: bold;
    border-bottom: 2px solid #000;
    margin-bottom: 0;*/
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
.section1 .title_sub{
    border-bottom: none;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 35px;
}
.main .news_facebook .news_inners {
    /*border: solid 1px #000;*/
    padding: 2% 3%;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;    
    height: 340px;/*400px  add20250620*/
    width: 98%;
    background-color: #fff;
}
.news_facebook .news{
    display: inline-block;
    width: 66%;
    vertical-align: top;
    margin-right: 3.5%;
}
.news_facebook .facebook,
.news_facebook .Instagram{
    display: inline-block;
    width: 29%;
    vertical-align: top;
}
#sb_instagram {
    overflow-y: scroll;
    height: 410px;
}
.main .news_facebook .news_inner li dl dt, .main .news_facebook .news_inner li dl dd {
    /*display: block;
    width: 100%;
    font-size: 24px;*/
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
}
.main .news_facebook .news_inner li dl dt {
    width: 38%;
}
.main .news_facebook .news_inner li dl dt > span {
    display: inline-block;
    min-width: 70px;
    font-size: 70%;
    text-align: center;
    padding: 0 1%;
    margin-left: 1em;
    background-color: #fbc93e;
}
.main .news_facebook .news_inner li dl dd {
    width: 61%;
}
.news_inner a:visited{
    color: #000;
}
.news_inner a:hover{
    color: #808080;
}
.section2{
    max-width: 1200px;
    margin: auto;
    margin-bottom: 50px;
}
/*航海日誌*/
.section2 h3{
    font-size: 38px;
    font-weight: bold;
    border-bottom: 2px solid #000;
    margin-bottom: 0;
}
.section2 .title_sub{
    border-bottom: none;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 35px;
}
.section2 ul li{
    overflow: hidden;
}
.section2 ul li img {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    transition: 0.5s;
}
.section2 ul li:hover img {
    opacity: 0.6;
    transition: 0.5s;
}
.section2 ul li p {
    display: inline-block;
    width: 55%;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    padding-left: 15px;
    word-wrap: break-word;
}
.logbook{
    width: 48%;
    display: inline-block;
    margin-right: 1%;
    vertical-align: top;
}
.logbook_inner{
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;    
    height: 450px;
    background-color: #fff;
    border: solid 1px #000;
    padding: 2%;
}
/*アルバム*/
.voyagealbum{
    width: 48%;
    display: inline-block;
    margin-left: 1%;
    vertical-align: top;
}
.voyagealbum_inner{
    border: solid 1px #000;
    padding: 2%;
}
.section2 .voyagealbum ul li img{
    width: 100%;
    padding: 2%;
}
.mores {
    text-align: right;
    width: 98%;
    font-size: 20px;
    margin-top: 10px;
}
.image_album{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.6);
    z-index: 5000000;
    display: none;
}
.image_album .image_album_inner{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    margin: auto;
}
.image_album .image_album_inner img{
    width: 100%;
}
/*下部ボタン*/
.section3{
    max-width: 1200px;
    margin: auto;
    text-align: center;
}
.section3 .btns_list li{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.section3 .btns_list li .koe_visial{
    position: relative;
}
.section3 .btns_list li .koe_visial:after{
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,58,116,0.6);
    z-index: 1000;
    position: absolute;
}
.section3 .btns_list li .koe_visial p{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 34px;
    border-bottom: 3px solid #fff;
    text-align: center;
    z-index: 10000;
    height: 75px;
    transition: 1s;
}
.section3 .btns_list li:hover .koe_visial p{
    top: 20%;
    bottom: auto;
    transition: 0.5s;
}
.section3 .btns_list ul > li:nth-child(1){
    margin-right: 3%;
}
.section3 .btns_list li:nth-child(1) .koe_visial p{
    width: 300px;/*250px*/
    /*height: 45px; add20230221*/
}
.section3 .btns_list li:nth-child(1) .koe_visial{
    background-image: url(../images/button2.jpg);
    height: 350px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.section3 .btns_list li:nth-child(2) .koe_visial p{
    width: 280px;
    height: 45px;
}
.section3 .btns_list ul li:nth-child(2) .koe_visial{
    background-image: url(../images/button1.jpg);
    height: 350px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.section3 .btns_list ul > li:nth-child(3){
    margin-right: 3%;
}
.section3 .btns_list li:nth-child(3) .koe_visial p{
    width: 120px;
    height: 45px;
}
.section3 .btns_list li:nth-child(3) .koe_visial{
    background-image: url(../images/sub2.jpg);
    height: 350px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.section3 .btns_list li:nth-child(4) .koe_visial p{
    width: 120px;
    height: 45px;
}
.section3 .btns_list ul li:nth-child(4) .koe_visial{
    background-image: url(../images/sub3.jpg);
    height: 350px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.section3 .koe_text{
    background-color: rgba(255,255,255,0.6);
    width: 100%;
    text-align: center;
    height: 45%;
    padding-top: 10%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
}
.section3 .btns_list .koe_text li{
    display: inline-block;
    width: auto;
    margin: 0 5%;
}
.section3 .koe_text li a{
    font-size: 21px;
    font-weight: bold;
    color: #323a45;
}
.section3 .section_text:nth-child(2) .koe_text,.section3 .section_text:nth-child(3) .koe_text{
    padding-top: 7%;
}
.section3 .container{
    background-color: #fff;
    text-align: center;
    padding-top: 25px;
}
.section3 .container h2{
    font-size: 40px;
    border-bottom: 3px solid #000;
    width: 250px;
    margin: auto;
    margin-bottom: 25px;
}
.section3 ul li{
    width: 30%;
    display: inline-block;
    margin-bottom: 25px;
}
.section3 ul li img{
    float: left;
    width: 40%;
    transition: 0.5s;
}
.section3 ul li:hover img{
    opacity: 0.6;
    transition: 0.5s;
}
.section3 ul li p{
    float: left;
    width: 50%;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
	word-wrap: break-word;
}
/*文集ボタン*/
.section3 ul.koe_text.studentmessage{
      padding-top: 5%;
}
.more{
    display: inline;
    float: right;
    border: 1px solid #000;
    padding: 5px 15px;
    margin: -10px 20px 20px 0;
    cursor: pointer;
    transition: 0.5s;
}
.more:hover{
    background-color: #000;
    color: #fff;
    transition: 0.5s;
}

.sub_visial{
    height: 250px;
	width: 100%;
    background-image: url(../images/sub_visial1.JPG);
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
}
.sub_visial:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}
.sub_visial p {
    font-size: 40px;
    color: #fff;
    border-bottom: 3px solid #fff;
    padding-top: 90px;
    display: inline-block;
    position: relative;
    z-index: 1000;
}
.section4 {
    position: relative;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	display: none;
}
.section4 p {
    width: 60%;
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.section4 ul {
    width: 98%;
    margin: auto;
}
.section4 ul li {
    display: inline-block;
    padding: 1% 1%;
    width: 27.5%;
}
.section4 ul li a {
    font-size: 21px;
    font-weight: bold;
}
/*マップ*/
.map{
    /*background-image: url(../images/map.jpg);
    background-position: 57%;
    background-size: cover;
    background-repeat: repeat-x;*/
    /*height: 800px;*/
    /*position: relative;*/
	margin-bottom: 50px;
}
.map > img{width: 100%;}
.map h2{
    position: absolute;
    max-width: 1200px;
    width: 90%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    text-align: right;
    font-size: 34px;
    line-height: 40px;
    padding-top: 25px;
}
.map .map_btns{
    position: absolute;
    top: 55px;
    left: 18.5%;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(../images/map2.png);
    width: 1460px;
    background-position: 57%;
    background-size: contain;
    background-repeat: no-repeat;
}
.map_btns a:nth-child(1){
	cursor:default;
}
.map .map_btns a img{
    width: 5px;
    transform:scale(10); 
    opacity: 0;    
}
.map_btns a:nth-child(1) {
    position: absolute;
    top: 88px;
    left: 12.5%;
    width: 20px;
}
.map_btns a:nth-child(2) {
    position: absolute;
    top: 78%;
    right: 38.5%;
    width: 25px;
}
.map_btns a:nth-child(3) {
    position: absolute;
    top: 93%;
    right: 12%;
    width: 25px;
}
.map_btns a:nth-child(4) {
    position: absolute;
    top: 75%;
    right: 53.5%;
    width: 25px;
}
.map_btns a:nth-child(5) {
    position: absolute;
    left: 24.5%;
    top: 353px;
    width: 25px;
}
.maphi img{
    transform-origin:center;
  	animation: rotation2 1s ease 0s 1  none running;
	/*animation-direction: alternate;*/
	animation-iteration-count:infinite;

}
.mapsp,.mapsp2{
        display: none;
        width: 100%;
}
.mapsp img{
    width: 100%;        
}
.map3{
		display: none;
		width: 100%;
}


/*実績*/
/*
.sub_wite.performance table{
	margin: auto;
	width: 90%;
}
*/
.sub_wite.performance table th,.sub_wite.performance table td{
	/*border: solid 1px rgba(0,58,166,1);*/
	font-size: 16px;
	padding: 10px;
}
.sub_wite.performance table th{
    text-align: justify;
    text-align-last: justify;
    width: 100px;
}
.top_sub_visials .main-inner .container .sub_wite.performance table .tate p,.top_sub_visials .main-inner .container .sub_wite.performance table .tate p{
	writing-mode: tb-rl; /* IE用 */
	writing-mode: vertical-rl; /* Chrome、Firefox用 */
	margin: 0 auto;
	white-space: nowrap;
	width: 1em; /* firefox対策 */
	line-height: 1em; /* firefox対策 */
	text-orientation: upright;
	font-size: 16px;
	letter-spacing: 10px;
}

.top_sub_visials .main-inner .container .sub_wite .performance_text{
	width: 90%;
	margin-bottom: 50px;
}

.top_sub_visials .main-inner .container .sub_wite .performance_text3{
	padding: 10px 0;
}
.top_sub_visials .main-inner .container .sub_wite.performance ul li{
    width: 90%;
    margin: auto;
}
.top_sub_visials .main-inner .container .sub_wite.performance h2{
    margin-top: 25px;
}
.top_sub_visials .main-inner .container .sub_wite h3{
    font-weight: bold;
}
.top_sub_visials .main-inner .container .sub_wite.performance ul li .performace_list_image{
    width: 25%;
    display: inline-block;
    vertical-align: top; 
    padding-right: 1%;
}
.top_sub_visials .main-inner .container .sub_wite.performance ul li .performace_list_image img{
    width: 100%;
}
.top_sub_visials .main-inner .container .sub_wite.performance ul li .performance_list_text{
    display: inline-block;
    vertical-align: top;
    width: 70%;
}
.top_sub_visials .main-inner .container .sub_wite.performance .performance_nav{
    width: 90%;
    margin: auto;
    margin-bottom: 50px;
}
.top_sub_visials .main-inner .container .sub_wite.performance .performance_nav ul li{
    display: inline-block;
    width: auto;
}
.top_sub_visials .main-inner .container .sub_wite.performance .performance_nav ul li a{
    font-size: 24px;
    color: #174e9d;
    padding: 10px;
}
.top_sub_visials .main-inner .container .sub_wite > div{
	width: 90%;
	margin:0 auto;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul{
    width: 95%;
    margin: auto;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li figcaption{
    text-align: right;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li h2{
    border-bottom: solid 2px #174e9d;
    padding-bottom: 5px;
    width: 95%;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li h2 span{
    font-size: 24px;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li a:hover{
    color: #000;
}
.top_sub_visials .main-inner.crisis .container .sub_wite.performance2 ul li:hover{
    opacity: 0.6;
}
.top_go{
    text-align: right;
    padding: 50px 0;
	background-color: #e7f0f3;    
}
.top_go img{
    cursor: pointer;
    transition: 0.5s;
    width: 50px;
}
.top_go img:hover{
    opacity: 0.6;
    transition: 0.5s;
}
footer{
    background-color: #174e9d;
    padding-top: 60px;
    overflow: hidden;
}
footer li{
    color: #fff;
}
footer li a{
    color: #fff;
}
footer .footer_left ul li{
    display: inline-block;
    vertical-align: top;
}
footer .footer_left ul > li{
    margin: 0 5px;
}
footer .footer_left ul li ul li{
    display: block;
    padding: 5px 20px;    
}
footer .container{
    width: 80%;
}
footer .footer_acs_line{
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}
footer .menutop{
    font-weight: bold;
    font-size: 18px;
}
footer .footer_left ul li ul .menutop2{
    padding: 0;
}
footer .footer_left .fa{
    padding-right: 5px;
}
footer .footer_right{
    width: 80%;
    margin: auto;
    text-align: right;
    padding-bottom: 25px;
}
.footer_right p{
    color: #fff;
    font-size: 26px;
}
.footer_right small{
    font-size: 100%;
    color: #fff;
}
.top_go .container{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 25px;
	max-width: 100%;
	width: 95%;
	z-index: 888889;
}
footer a:hover{
    color: rgba(255,255,255,0.6)!important;
}
/*アニメーション*/
@keyframes rotation1 {
  0% {
    top: 0;
  }
  100% {
    top: -25px;
  }
}
@keyframes rotation2 {
  0% {
    transform:scale(10);
    opacity: 0;  
  }
  1% {
    opacity: 1;        
    }    
  100% {
    transform:scale(50);
    opacity: 0.1;  
  }
}
@keyframes rotation3 {
  0% {
    transform:scale(1);  
  }
  70% {
    transform: scale(1.5);
    }    
  100% {
    transform:scale(1);
  }
}



/*カバー*/
/*.cover{
    position: fixed;
    left: 0;
    z-index: 99999999999999;
    top: 0;
    bottom: 0;
    right: 0;
}
.cover .cover_inner1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 9999992;
}
.cover .cover_inner1 img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}
.cover .cover_inner2{
	position: absolute;
	left: 0;
	z-index: 9999995;
	transition: 1s;
}*/
/*サブ波*/
.section1_1,.section1_2,.section2,.section3,.map,.section4,.section5{
	position: relative;
	overflow: hidden;
}
.sinco{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 888888;
	transition: 5s;
}
.tops,.slider{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.slider li{
    width: 100%;
    height: 100%;
	background-position: center;
	background-size: cover;
        filter: brightness(1.3);
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-prev, .slick-next{
    z-index: 1000000000000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    position: absolute;
    right: 10%!important;
    width: 25px;
    background-color: rgba(255,255,255,0.5)!important;    
}

.slick-prev {
    position: absolute;
    left: 10%!important;
    width: 25px;
    background-color: rgba(255,255,255,0.5)!important;
}
.slick-next img,.slick-prev img{
    width: 100%;
}


.btnlink {
  max-width: 1200px;
  text-align: center;
  /*margin: 11vh auto;*/
}

p.btn_1{
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
a.btn_2{
    display: inline-block;
font-size: 18px;
    font-weight: bold;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #174e9d;
    border-radius: 7px;
    transition: .4s;
    margin: 5px 10px;
    min-width: 17em;
    min-height: 50px;
    background-color: #174e9d;
}

.btnlink{
    max-width: 1200px;
    /*margin: auto auto 10rem auto; add20230210 */
}
.btn_3{
    width: 70%;
    margin: auto;
}
.btn_3 img {
    width: 100%;
}

a.btn_2:hover,
.btn_3:hover img{
    opacity: .8;
}




/*セカンドページ*/
.top_sub_visial{
    background-image: url(../images/top_visialsp.jpg);
    background-position: center 88%;
    background-size: cover;
    height: 500px;
    width: 100%;
    overflow: hidden;
}
.bouseimaru{
	background-image: url(../images/sub3.jpg);
	background-position: center 70%;
}
.top_sub_visial .container{
    position: relative;
    height: 100%;
}
.top_sub_visial .container h1{
    position: absolute;
    color: #fff;
    z-index: 200;
}
.bouseimaru .container h1{
    font-size: 52px;
    letter-spacing: 20px;
    top: 46%;    
    left: 13.5%;
	font-weight: bold;
}
.kensyuabout .container h1{
    font-size: 52px;
    letter-spacing: 8px;
    left: 13.5%;
    top: 46%;
    font-weight: bold;
}
.bouseimaru .container:before{
    width: 1180px;
    right: -822px; 
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(90deg,rgba(0,77,160,0.8),#fff);
    z-index: 100;  
}
.kensyuabout .container:before{
    width: 1210px;
    right: -830px;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(90deg,rgba(0,77,160,0.8),#fff);
    z-index: 100;    
}
.top_sub_visial .container img{
    position: absolute;
    right: 7%;
    top: 25px;
    width: 200px;
    z-index: 10000;
}
.top_sub_visials{
    background-color: #e7f0f3;
}
.top_sub_visials .main-inner .container .sub_wite{
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 100px;
	overflow: hidden;
}
.top_sub_visials .main-inner .container .sub_wite figure{
	text-align: center;
	padding: 25px 0;
	width: 95%;
	margin: auto;
}
.top_sub_visials .main-inner .container .sub_wite figure img{
	width: 100%;
}
.sub_nav{
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
}
.sub_nav li{
    display: inline-block;
    padding: 4px 50px;
    border-left: 1px solid #898989;
    font-size: 21px;
}
.sub_nav li:last-child{
    border-right: solid 1px #898989;
}
.sub_nav li a{
    font-weight: bold;
    padding: 0 20px;
    padding-bottom: 5px;
    color: #323a45;
}
.top_sub_visials .main-inner{
    padding-top: 60px;
}
.top_sub_visials .main-inner .container .sub_wite h2{
    color: #004da0;
    font-size: 36px;
    width: 90%;
    margin: auto;
    font-weight: bold;
    margin-bottom: 25px;
}
.top_sub_visials .main-inner .container .sub_wite h3{
    padding: 5px 0;
    font-size: 28px;
    margin: auto;
    width: 90%;
    line-height: 46px;
}
.top_sub_visials .main-inner .container .sub_wite h2:nth-child(3){
    margin-top: 80px;    
}
.top_sub_visials .main-inner .container .sub_wite p{
    font-size: 24px;
	margin: auto;
	width: 90%;
	margin-bottom: 50px;
    text-align: justify;/* add20230213 */
    word-break: break-all;/* add20240220 */
    text-justify: inter-ideograph; /* IE用 */
}
.top_sub_visials .main-inner.news .container .sub_wite p{
	width: auto;
}
.youmoku table{
    margin-left: 5%;
	width: 50%;
}
.youmoku table tr:nth-child(1) th{
	width: 33%;
}
.youmoku table tr:nth-child(1) td:nth-child(3){
	width: 23%;
}
.youmoku table tr th:nth-child(3){
	text-align: left;
}
.youmoku table tr td:nth-child(2){
	text-align: center;
}
.youmoku table .nos td:nth-child(2){
	text-align: center;
}
.youmoku table .nos td:nth-child(3){
	text-align: center;
}
.youmoku table th,.youmoku table td{
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 16px;
	text-align: center;
}
.youmoku table tr:first-child th, .youmoku table tr:first-child td{
    border-top: 1px solid #CCCCCC;
}
.this_page{
    color: #898989;
    border-bottom: solid 2px #004da0;
}
.sub_wite table{
	margin-bottom: 50px;
    border-collapse: collapse;
    display: inline-block;
    vertical-align: top;
}
.sub_wite table th{
	font-size: 21px;
	font-weight: normal;
	padding: 15px 30px;
}
.sub_wite table td{
	font-size: 21px;
	font-weight: normal;
	padding: 15px 30px;	
}
.koko .sub_wite table{
    margin: auto;
    width: 90%;
    display: table;
}
.koko .sub_wite table th,.koko .sub_wite table td{
    border: solid 1px #174e9d;
}
.koko .sub_wite table th{
	border-right-color: #fff;
}
.koko .sub_wite table th:last-child{
	border-right-color: #174e9d;
}
.koko .sub_wite table th.blu{
	border-right-color: #174e9d;
	border-bottom-color: #fff;
}
.koko .sub_wite table th.blu2{
	border-right-color: #174e9d;
	border-bottom-color: #fff;
	background-color: #174e9d;
	color: #fff;
}
.koko .sub_wite table tr:last-child th.blu,.koko .sub_wite table tr:last-child th.blu2{
	border-bottom-color: #174e9d;
}
.youmoku table th, .youmoku table td{
	font-size: 16px;
}
/*------------      ここから航路    -----------------*/

.main .kouro{
    max-width: 1900px;
    width: 95%;
    margin: 0 auto;
}
.main .kouro .performance_nav{
    margin-bottom: 50px;
}
.main .kouro h2{
    font-size: 40px;
    max-width: 1420px;
    width: 90%;
    margin: 0 auto;
	font-weight: bold;
	padding-top: 70px;
  /*-webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;*/	
}
.main .kouro h2 span{
    font-size: 24px;
}

.kouro_content img{
    position: absolute;
}

.kouro_text{
    /*width: 40%;*//* add20240216 */
    line-height: 28px;
    position: absolute;
	font-weight: bold;
}
.kouro_text h5{
    font-size: 34px;
    margin-bottom: 25px;
	font-weight: bold;
	margin-top: 0;
}
.kouro_text h5 span{
    font-size: 21px;
    font-style: italic;
	margin-left: 10px;
	vertical-align: top;
}
.top_sub_visials .main-inner .container .sub_wite .kouro_text p{
    font-size: 16px;
	width: 100%;
	text-align: justify;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.top_visial_right h2,.top_visial_right h3{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kouro_text1{
    top: 20px;
    left: 5%;
}
.kouro_content{
	position: relative;
}
.kouro_content1{
	/*height: 310px;add20230207*/
    height: 12rem;
}
.kouro_content1 img:nth-child(2){
    width: 43%;
    right: 0;
    top: 45px;
    object-fit: cover;
    height: 300px;
    display: none;
}

.kouro_content1 img:nth-child(3){
    width: 23%;
    right: 5%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}
.kouro_content1 img:nth-child(4){
    width: 23%;
    right: 30%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}
.kouro_text2{
    top: 5px;
    left: 5%;
}
.kouro_content2{
	height: 320px;
}
.kouro_content2 img:nth-child(2){
    width: 23%;
    right: 30%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}

.kouro_content2 img:nth-child(3){
    width: 10%;
    left: 70%;
    top: 45px;
    object-fit: cover;
    height: 100px;
    display: none;
}
.kouro_content2 img:nth-child(4) {
    width: 23%;
    right: 5%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}
.kouro_content2 img:nth-child(5) {
    width: 20%;
    right: 0;
    top: 500px;
    object-fit: cover;
    height: 160px;
    display: none;
}
.kouro_text3 {
    top: 15px;
    left: 5%;
}
.kouro_content3{
	height: 310px;
}
.kouro_content3 img:nth-child(2) {
    width: 23%;
    right: 5%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}

.kouro_content3 img:nth-child(3) {
    width: 23%;
    right: 30%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}


.kouro_text4{
    top: 30px;
    left: 5%;
}
.kouro_content4{
	height: 320px;
}
.kouro_content4 img:nth-child(2) {
    width: 23%;
    right: 30%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}

.kouro_content4 img:nth-child(3) {
    width: 23%;
    right: 5%;
    top: 45px;
    object-fit: cover;
    height: 210px;
}
.kouro_content4 img:nth-child(4) {
    width: 20%;
    left: 0%;
    top: 45px;
    object-fit: cover;
    height: 150px;
    display: none;
}
.kouro_content4 img:nth-child(5){
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 22%;
    max-width: 350px;
}
.kouro_content4 img:nth-child(6){
    position: absolute;
    bottom: 0;
    left: 24%;
    width: 40%;
    max-width: 600px;
}
.kouro_content5{
	height: 310px;
}
.kouro_text5{
	top: 45px;
    padding-top: 0;
}
.kouro_content5 img:nth-child(3) {
    top: 45px;
    width: 43%;
    left: 38%;
    object-fit: cover;
    height: 318px;
}
.kouro_content5 img:nth-child(2) {
    top: 120px;
    width: 30%;
    left: 5%;
    object-fit: cover;
    height: 240px;
}
.kouro_content_sub1{
	  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
	width: 22%;
    padding-top: 50px;
    padding-left: 5%;
	
}

.kouro_content_sub1 h3,.kouro_content_sub2 h3{
	  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
	font-weight: bold;
	    font-size: 36px;
	    line-height: 46px;
	color: #444;
    width: 100%;
}
.kouro_content_sub1 h3 span,.kouro_content_sub2 h3 span{
	font-style: italic;
	font-size: 40px;
	font-family: 'Roman', serif;
    width: 100%;
    display: inline-block;
}
.kouro_content_sub2{
    width: 22%;
}
.top_sub_visials .main-inner .container .sub_wite .kouro_title{
    padding-top: 22px;	
}
.top_sub_visials .main-inner .container .sub_wite .kouro h3{
	text-align: left;
}
.kouro_content_sub1 h3, .kouro_content_sub2 h3 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #444;
    width: 100%;
}
.kouro_text h5 span {
    font-size: 21px;
    font-style: italic;
    margin-left: 10px;
}
.kouro_text h5 .day {
    font-style: italic;
    font-size: 40px;
    font-family: 'Roman', serif;
    font-weight: bold;
}
.kouro .performance_nav ul{
    text-align: center;
}
.kouro .performance_nav ul li{
    display: inline-block;
    width: 20%;
    vertical-align: top;
}
.kouro .performance_nav ul li a{
    font-size: 21px;
    color: rgba(0,56,166,1);
}
.kouro .performance_nav ul li a:hover{
    opacity: 0.6;
}
/*------------      ここまで航路    -----------------*/
/*------------        望星丸       ------------------*/
.bousei_image{
	text-align: center;
}
.bousei_image img{
	width: 80%;
	padding: 25px 0;
}
.top_sub_visials .main-inner .container .sub_wite .bousei_title{
    padding-top: 35px;	
}
.top_sub_visials .crisis .container .sub_wite .bousei_title{
	font-size: 36px;
}
.sub_wite.performance th.tablepc{
	background-color: rgba(0,58,166,1);
	color: #fff;
	border: solid 1px #fff;
}
/*
.sub_wite.performance table tr:nth-child(even) td{
	background-color: rgba(0,58,166,0.1);
}
.sub_wite.performance table tr:nth-child(even) td.tate{
	background: none;
}
*/
/*.sub_wite.performance table tr:nth-child(-n + 6):nth-child(even) td{
	background-color: rgba(0,58,166,0.1);
}
.sub_wite.performance table tr:nth-child(n + 8):nth-child(odd) td{
	background-color: rgba(0,58,166,0.1);
}
/*.sub_wite.performance table tr:nth-child(even) td.tate,.sub_wite.performance table tr:nth-child(odd) td.tate{
	background: none;
}
*/
.sub_wite.performance table td.tate{
	border: solid 1px rgba(0,58,166,0.1);
}
/*-------------------   団役員   ----------------------*/
.top_sub_visials .main-inner .container .sub_wite.team ul{
	text-align: left;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li {
    word-wrap: break-word;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-bottom: 50px;
    border: solid 1px #eee;
    border-radius: 10px;
    /*height: 595px; min-heightに変更*/
    min-height: 500px;
	text-align: center;
    margin-left: 2.3%;	
}
.top_sub_visials .main-inner .container .sub_wite.team ul li img{
	margin-bottom: 25px;
  width: 230px;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li p{
	text-align: left;
	font-size: 16px;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li h5{
	text-align: left;
	width: 80%;
	margin: auto;
	font-size: 21px;
	font-weight: bold;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li h3{
	font-size: 28px;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li h3 span{
	font-size: 50%;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li p:nth-child(5){
	margin-bottom: 15px;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li p:nth-child(6){
	margin-bottom: 50px;
}
.top_sub_visials .main-inner .container .sub_wite.team ul li .rui{
	padding-bottom: 10px;
    width: 90%;
}
.top_sub_visials .main-inner .container .sub_wite .bousei_youyou{
    width: 90%;
    margin: auto;
}
.top_sub_visials .main-inner .container .sub_wite .bousei_youyou p,.top_sub_visials .main-inner .container .sub_wite .bousei_youyou img{
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
.top_sub_visials .main-inner .container .sub_wite .bousei_youyou p{
    margin-right: 2%;
}
/*新航海日誌*/
.section6 {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #e7f0f3;
}
.section6_2 .container {
    background-color: #fff;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;	
}
.section6_2 .container h2 {
    font-size: 40px;
    border-bottom: 3px solid #000;
    width: 250px;
    margin: auto;
    margin-bottom: 50px;
}
.section6_2 ul li {
    width: 48%;
    display: inline-block;
    margin-bottom: 20px;/* 25px add20230222 */
    overflow: hidden;
	vertical-align: top;
    font-size: 1.2em;/* TOP logbook add20230123 */
}
.section6_2 ul li img {
    float: left;
    width: 30%;/* 40% add20230222 */
    transition: 0.5s;
    margin-right: .5em;/* logbook add20230123 */
}
.section6_2 ul li p {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    padding-left: 15px;
    word-wrap: break-word;
}
/*新航海アルバム*/
.section7 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background-color: #fff;
}
.section7 ul {
    overflow: hidden;
}
.section7 h2 {
    display: inline;
    width: 300px;
    border-bottom: 3px solid #000;
    font-size: 40px;
    text-align: center;
    margin: 25px auto 25px auto;
}
.section7 ul:nth-child(2) {
    padding-top: 50px;
}
.section7 ul li a{
    position: relative;
    display: block;
}
.section7 ul li a:after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000000;
    content: '';
}
.section7 ul li:hover a:after{
    background-color: rgba(0,56,166,0.5);
}
.section7 .slick-slide img{
    width: 100%!important;
	height: auto!important
}
.bouseiimagege{
    text-align: center;
    margin-top: 350px;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.bouseiimagege li{
    margin-bottom: 350px;
    margin-left: 15%;
}
.bouseiimagege img{
    width: 100%;
}

/*挨拶*/
.top_sub_visials .main-inner .container .greeting_texts h2{
    color: #000;
}
.greeting2 .sub_nav li{
    padding: 4px 30px;
}
.greeting_inner{
    margin-bottom: 100px;
}
.greeting_inner .greeting_images{
    width: 28%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.greeting_inner .greeting_images h3{
    font-size: 30px;
    line-height: 35px;
}
.greeting_inner .greeting_images img:last-child{
    width: 50%;
}
.greeting_inner .greeting_images h3 span{
    font-size: 15px;
    line-height: 24px;
    display: inline-block;    
}
.greeting_inner .greeting_texts{
    width: 68%;
    display: inline-block;
    vertical-align: top;
    padding-left: 1%;
    margin-left: 3%;
   /* border-left: solid 1px #004ea2;*/
    position: relative;
}
/*
.greeting_inner .greeting_texts:before{
    content: '';
    background-image: url(../images/vertical_sign_test.svg);
    height: 300px;
    width: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -23px;
    left: -25px;
}
*/
.greeting_inner .greeting_texts h2{
    margin-bottom: 40px;
    font-size: 34px;
}
.greeting_inner .greeting_texts p{
    font-size: 18px;
    width: 90%;
    line-height: 30px;
}


/*ひまわりボタン*/
.top_visial .container.himawari{
    position: relative;
    z-index: 1000000;
    left: 0;
    right: 0;
	transition: 0.5s;
	display: block;
    top: 10px;
}
.himawari_sp{
	display: none;
}
.himawari a img{
	width: 300px;
}
.himawari a img:hover{
	opacity: 0.6;
}


/*メニュー内*/
.headermenu{
    position: fixed;
    top: 0;
    left: -110%;
    bottom: 0;
    width: 100%;
    z-index: 100000000;
    background-color: rgba(255,255,255,0.9);
    text-align: center;
    transition: 0.5s;
}
.headermenu > ul{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 60%;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;    
}
.headermenu ul li{
    padding-bottom: 10px;
    font-size: 31px;
    margin-bottom: 10px;
    cursor: pointer;
}
.headermenu ul li p{
    border-bottom: 1px rgba(0,56,166,1) solid;
    display: inline-block;
    width: 350px;
    color: rgba(0,56,166,1);
    cursor: pointer;
}
.headermenu ul li a{
    color: rgba(0,56,166,1);
}
.headermenu ul li ul li p,.headermenu ul li ul li a{
    border-bottom: none;
}
.headermenu .header_menu_tolip{
    display: none;
}
.section6_2 ul .calender{
    text-align: center;
    margin-bottom: 0;
}
.section6_2 ul .calender img{
    float: none;
    width: 75%;
}

.section3 .btns_list li .koe_visial h3 {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 34px;
    border-bottom: 3px solid #fff;
    text-align: center;
    z-index: 10000;
    height: 75px;
    transition: 1s;
    display: inline-block;
    width: 300px;
}
.section6_2 a:focus{
	color: #000;
}
.section6_2 .container .articles{
	width: 64%;
	float: right;
    text-align: left;/* logbook add20230123 */
}
.more_cover{
	clear: both;
	display: block;
}
/*カレンダー*/
.colender_ob{
    width: 35%;
    vertical-align: top;
    float: left;
    margin-top: -30px;	
}
.colender_ob .widget-calendar .widget-header{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
    line-height: 275%;
    margin-top: -3%;	
}
.colender_ob .widget-calendar span{
    display: block;
    font-size: 380%;	
}
.colender_ob .widget-calendar .widget-content{
    display: inline-block;
    vertical-align: top;	
}
.colender_ob .widget-calendar:nth-child(1){
	margin-bottom: 30px;
}
.colender_ob .widget-calendar .widget-content table{
	border-collapse: collapse;
}
.colender_ob .widget-calendar .widget-content table tr:nth-child(1){
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
.colender_ob .widget-calendar .widget-content th,.colender_ob .widget-calendar .widget-content td{
	padding: 1% 1%;
	margin: 0 1%;
    border: solid #fff 3px;
	font-weight: bold;
    font-size: 16px;
    text-align: center;
	width: 45px;
	
}
.colender_ob .widget-calendar .widget-content th:nth-child(1),.colender_ob .widget-calendar .widget-content td:nth-child(1),.colender_ob .widget-calendar .widget-content th:nth-child(1) a,.colender_ob .widget-calendar .widget-content td:nth-child(1) a{
	color: red;
}
.top_sub_visials .main-inner.news .container .sub_wite h2{
	color: #000;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}
.colender_ob .widget-calendar td a{
	background-color: #FFCC33;
    color: #fff;
    border: solid 1px #fff;
}
.colender_ob .widget-calendar .widget-content td.holiday,.colender_ob .widget-calendar .widget-content td.holiday a{
    color: red;
}
/*
.colender_ob .widget-calendar:nth-child(1) tr:nth-child(6) td:nth-child(6),.colender_ob .widget-calendar:nth-child(1) tr:nth-child(6) td:nth-child(7){
	background-color: #fff;
}
.colender_ob .widget-calendar:nth-child(2) tr:nth-child(2) td:nth-child(6),.colender_ob .widget-calendar:nth-child(2) tr:nth-child(2) td:nth-child(7),.colender_ob .widget-calendar:nth-child(2) tr:nth-child(3) td{
	background-color: #C1DB81;
}
.colender_ob .widget-calendar .widget-content tr:nth-child(2) th, .colender_ob .widget-calendar .widget-content tr:nth-child(2) td{
	border-top: none;
}
*/
/*--------------------------------　航海日誌　　-------------------------------------*/
.top_sub_visials .main-inner .container .sub_wite .left_side{
    /*float: left;
    display: block; 20230118*/
    display: inline-block;vertical-align: top;/*20230118*/
    width: 28%;
    border-left: 1px solid #000;
    border-right: solid 1px #000;
    padding: 0 1%;
    margin-left: 5%;
}
.top_sub_visials .main-inner .container .sub_wite .left_side ul li{
	padding-bottom: 15px;
	position: relative;
	padding-left: 30px;
}
.top_sub_visials .main-inner .container .sub_wite .left_side ul li a{
	font-size: 16px;
	color: #174e9d;
	font-weight: bold;
}
.top_sub_visials .main-inner .container .sub_wite .left_side ul li:before{
	position: absolute;
	content: '';
	background-image: url(../images/ikari.gif);
	width: 25px;
	height: 25px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	top: -2px;
	bottom: 0;
}
.top_sub_visials .main-inner .container .sub_wite .right_side{
	/*float: right; 20230118*/
    display: inline-block;vertical-align: top;/*20230118*/
	width: 65%;
}
.top_sub_visials .main-inner.news .container .sub_wite .right_side h2{
	font-size: 46px;
    border-bottom: 5px solid #000;	
}
.top_sub_visials .main-inner.news .container .sub_wite .right_side h3{
	font-size: 36px;
	font-weight: bold;
    border-bottom: 2px solid #000;
	letter-spacing: 10px;
}
.top_sub_visials .main-inner.news .container .sub_wite .right_side h3.nisisi{
	margin-bottom: 25px;
}
.top_sub_visials .main-inner.news .container .sub_wite .right_side h3 img{
	padding-right: 5px;
	margin-top: -8px;
}
.spslide{
	text-align: center;
	display: none;
}
.fa-chevron-up{
	display: none;
}
.colender_ob .widget-calendar .widget-content td a{
	display: block;
}
.colender_ob .widget-calendar .widget-content td a:hover{
	background-color: #fff;
	color: #FFCC33;
    border: solid 1px #FFCC33;
}
.top_sub_visial.logbooks{
	background-image: url(../images/DSC00446.jpg);
    background-position: 100% 75%;
	height: 270px;
}
.top_sub_visial.logbooks .container img{
	width: 105px;
}
.top_sub_visial.logbooks .container h1{
	bottom: 25px;
    font-size: 62px;
    font-weight: normal;
    letter-spacing: 10px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
}
.top_sub_visial.logbooks h1{
	text-align: justify;
    font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*---------------------------　航海日誌ここまで　　-----------------------------------*/

/*--------------------------    航海アルバム   ---------------------------------------*/
.logalubm_list{
	font-size: 21px;
	width: 95%;
	margin: auto;
}
.logalubm_list > div:nth-child(1){
	margin-bottom: 25px;
}
.logalubm_list ul{
	text-align: center;
}
.logalubm_list ul li{
	width: 15.5%;
	margin: 0.3%;
	margin-bottom: 1%;
	display: inline-block;
	vertical-align: top;
}
.logalubm_list ul li img{
	width: 100%;
	border-radius: 3px;
}
.logalubm_list ul li{
	cursor: pointer;
}
.logalubm_list ul li a{
    display: block;
    position: relative;
}
.logalubm_list ul li a:after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    content: '';
	border-radius: 3px;
}
.logalubm_list ul li:hover a:after{
    background-color: rgba(0,58,166,0.5);
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn{
    font-size: 0;
    padding-top: 50px;
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn > p{
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 25px;
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn div{
    width: 90%;
    margin: auto;
    text-align: center;
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn div p{
    display: inline-block;
    width: 40%;
    overflow: hidden;
    text-align: center;
    padding: 3%;
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn div p{
    display: inline-block;
    width: 40%;
    overflow: hidden;
    text-align: center; 
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn div p a{
    display: block;
    transition: 0.5s;
    border: solid 1px #174e9d;    
    padding: 3%;    
    font-size: 16px;
    color: #174e9d;
}
.top_sub_visials .main-inner .container .sub_wite .nextlinkbtn div p a:hover{
    color: #fff;
    background-color: #174e9d;
    transition: 0.5s;
}
/*その他*/
.koko .sub_wite .border_none th,.koko .sub_wite .border_none td{
    border: none;
    padding: 0;
}
.koko .sub_wite .border_none th{
    
}
.koko.naiyou .sub_wite table,.koko.naiyou .sub_wite h3,.koko.naiyou .sub_wite p{
    margin-bottom: 50px;
}
.pci{
    display: block!important;
}
.spi{
    display: none!important;
}
.naiyou .sub_nav li{
    padding: 4px 20px;
    margin:10px 0;
}
.lightbox img{
    object-fit: cover;
    
}
/*研修内容*/
.koko.naiyou .sub_wite table th, .koko.naiyou .sub_wite table td{
    font-weight: normal;
    padding: 8px 10px; 
    vertical-align: top;
}
.koko.naiyou2 .sub_wite table th, .koko.naiyou2 .sub_wite table td{
     font-size: 16px;    
}
.koko .sub_wite table.border_none4 th{
    padding-right: 0;
}
.koko .sub_wite table.border_none4 td{
    padding-left: 0;
}
.top_sub_visials .main-inner .container .sub_wite p.mab50{
    margin-bottom: 50px;
}
.top_sub_visials .main-inner .container .sub_wite p.mab25{
    margin-bottom: 25px;
}
    .koko.naiyou .sub_wite table.border_none th{
        padding-right: 0;
    } 
    .koko.naiyou .sub_wite table.border_none td{
        padding-left: 0;
    }
.koko.naiyou .sub_wite table th{
	background-color: #174e9d;
	color: #fff;
}
.koko.naiyou .sub_wite table.border_none th{
	background:none;
	color: #000;
}
/*寄港地アルバム及び寄港地ページのリンク*/
.calling_port_album{
    text-align: center;
}
.calling_port_album li{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.calling_port_album li img{
    width: 100%;
}
.koko .sub_wite .call_center_table{
    border-collapse: collapse;
    margin-bottom: 50px;
}
.koko .sub_wite .call_center_table tr th{
    background-color: #174e9d;
    color: #fff;
    text-align: center;
}
.koko .sub_wite .call_center_table tr th{
    border-bottom-color: #fff;
}
.koko .sub_wite .call_center_table tr:last-child th{
    border-bottom-color: #174e9d;
}
.call_center_table a{
	color: blue;
}
/*テスト用*/
.nohover{
    cursor: default;
    
}
footer a.nohover{
    text-decoration: none!important;
}
footer a.nohover:hover {
    color: #fff!important;
    text-shadow: none;
    text-decoration: none;
}

/*ヌーンレポート*/
.noonreport{
    width: 90%;
    margin: auto;	
}
.noonreport_image{
    display: inline-block;
    width: 55%;
    vertical-align: top;
    margin-right: 3%;
	text-align: center;
}
.noonreport_image img{
	width: 80%;
}
.noonreport_table{
    display: inline-block;
    width: 40%;
    vertical-align: top;	
}
.noonreport_table table tr{
	border-bottom: solid 1px #000;
}
.noonreport_table table tr th{
    font-size: 14px;
	text-align-last: justify;
	width: 17%;
	padding: 0;
	padding: 5px 0;
}
.noonreport_table table tr td{
	font-size: 14px;
    width: 55%;	
	padding: 0;	
	padding-left: 25%;
}
.noonreport_table table tr:nth-child(1){
	border-top: solid 1px #000;
	border-bottom: none;
}
.noonreport_table table tr:nth-child(1) th,.noonreport_table table tr:nth-child(2) th{
	text-align-last: auto;
	padding-right: 5px;
}
.noonreport_table table tr:nth-child(1) td,.noonreport_table table tr:nth-child(2) td{
	padding-left: 0;
}
.noon_report_title{
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #000;	
}
.navigational_diary_articles{
	width: 90%;
	margin: auto;
}
.navigational_diary_articles h4{
    line-height: 24px;
}
.logalubm_list ul li .imagemodal{
	display: none;
	position: fixed;
	top: -100px;
	left: -100px;
	right: -100px;
	bottom: -100px;
	background-color: rgba(255,255,255,0.8);
	z-index: 10000000000000;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner{
	position: absolute;
	top: 18%;
	left: 0;
	right: 0;
	width: 80%;
	margin: auto;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image{
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image .imagemodal_btn{
    text-align: center;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image .imagemodal_btn div{
    display: inline-block;
    vertical-align: top;
    border: solid 1px #000;
    color: #000;
    padding: 15px 10px;
    margin: 15px;
    transition: 0.5s;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image .imagemodal_btn div:hover{
    color: #fff;
    background-color: #000;
    transition: 0.5s;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image .fa{
    font-size: 35px;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner_image .fa:hover{
    opacity: 0.6;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner img{
	width: auto;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner p{
	margin-bottom: 50px;
	text-align: left;
	width: 50%;
	word-wrap: break-word;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner #download{
	border: solid 1px #174e9d;
	padding: 15px 8px;
	margin: auto;
	color: #174e9d;
	cursor: pointer!important;
	font-size: 16px;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal_inner #download:hover{
	background-color: #174e9d;
	color: #fff;
	cursor: inherit;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li:hover .imagemodal_inner img {
    box-shadow: none;
    transition: 0;
    top: auto;
	cursor: inherit;
}
.top_sub_visials .main-inner .container .sub_wite .logalubm_list ul li .imagemodal img.batsu{
	position: absolute;
	top: 150px;
	right: 150px;
	width: 30px;
	cursor: pointer;
    z-index: 100000;
    box-shadow: none;
    transition: 0;
}


/*インタビュー*/
.top_sub_visials.interview .main-inner .container .sub_wite{
    padding-bottom: 0;
}
.interview .main-inner .container .sub_wite .interview_bar{
    position: relative;
}
.interview .main-inner .container .sub_wite .interview_bar img{
    width: 15%;
}
.interview .main-inner .container .sub_wite .interview_bar:before{
    position: absolute;
    content: '';
    border-bottom: solid 1px #000;
    top: 75%;
    right: 0;
    width: 84%;
}
.interview .main-inner .container .sub_wite .interview_box{
    width: 90%;
    margin: auto;
    position: relative;
    margin-bottom: 100px;
}
.interview .main-inner .container .sub_wite .interview_box_image{
    display: inline-block;
    vertical-align: top;
    width: 30%;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 h2{
    color: #000;
    font-size: 31px;
    width: 100%;
    line-height: 45px;
    margin-bottom: 5px;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 h3{
    font-size: 20px;
    width: 100%;
    line-height: inherit;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 h4{
    font-size: 16px;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 h3 span{
    font-size: 160%;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 img{
    margin-bottom: 25px;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner1 img,.interview .sub_wite .interview_box_image .interview_box_image_inner2 img{
    width: 100%;
}
.interview .main-inner .container .sub_wite .interview_box_image .interview_box_image_inner2{
    width: 30%;
    position: absolute;
    bottom: 25px;
    left: 0;
}
.top_sub_visials.interview .main-inner .container .sub_wite .interview_box_text{
    display: inline-block;
    vertical-align: top;
    width: 68%;  
}
.top_sub_visials.interview .main-inner .container .sub_wite .interview_box_text h3{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 25px;
    font-weight: bold;
}
.top_sub_visials.interview .main-inner .container .sub_wite .interview_box_text p{
    font-size: 20px;
    margin-bottom: 30px;
}





/*カレンダー強制色変更*/
/*
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(5) td a,
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(6) td a,*/
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(2) td a,
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(3) td a{
    background-color: #C1DB81;
}
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(3) td:last-child a,.colender_ob .widget-calendar:nth-child(2) .widget-content table tr td a{
    background-color: #FFCC33;
}
/*
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(5) td a:hover,
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(6) td a:hover,
*/
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(2) td a:hover,
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(3) td a:hover{
    background-color: #fff;
    border: solid 1px #C1DB81;
    color: #C1DB81;
}
.colender_ob .widget-calendar:nth-child(1) .widget-content table tr:nth-child(3) td:last-child a:hover,.colender_ob .widget-calendar:nth-child(2) .widget-content table tr td a:hover{
    background-color: #fff;
    color: #FFCC33;
    border: solid 1px #FFCC33;
}


/*募集要項 add53*/
h3 small {
    display: block;
    font-size: 70%;
}
.section3.youkou{
    max-width: 1200px;
    margin: auto;
    text-align: center;/*ボタンを中央揃えに*/
    background-color: #FFF;
    padding: 2em;
    margin-bottom: 10rem;
}
.section3.youkou table {
  margin-top: 30px;
    margin-bottom: 50px;
    border-collapse: collapse;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.6;
}
.section3.youkou table tr {
    border-top: 1px solid #000;
}
.section3.youkou table tr th {
    width: 20%;
}
.section3.youkou table tr td {
    width: 80%;
    padding:10px 0;
    text-align: left;
}
.section3.youkou table dl {
    margin-bottom: 5px;
}
.section3.youkou table dl dt,
.section3.youkou table dl dd {
    display: inline-block;
    vertical-align: top;
}
.section3.youkou table dl dt {
    width: 16%;
    text-align: left;
}
.section3.youkou table dl dd {
    width: 83%;
    text-align: left;
}

.section3.youkou table dl dd.ex {
    margin: .5em auto;
}
.section3.youkou table dl dd.ex strong {
    display: inline-block;
    text-indent: 2em;
}
.section3.youkou table dl dd.ex strong a {
    color: #337ab7;
}
.section3.youkou table dl dd.ex img {
    width: 300px;
    margin-right: 5%;
    margin-left: 5em;
    margin-top: 2%;
}
.section3.youkou table dl dd.ex span {
    display: inline-block;
    width: auto;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #000;
    padding:5px 25px;
    vertical-align: middle;
}
/*ボタン*/
a.btn{
  font-size: 18px;
  font-weight: bold;
    padding:.5em 1em;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
    border-radius: 7px;
    transition: .4s;
  margin: 5px 10px;
  min-width: 17em;
  min-height: 50px;
}
a.btn img{
  margin-left: 15px;
}
a.btn:hover {
  opacity: .8;
}

/*グラデ*/
.top_visial::after {
    content: "";
    display: block;
    width: 24%;
    height: 100%;
background-color:hsla(204,75%,83%,.8);
background-image:
radial-gradient(at 53% 2%, hsla(258,70%,63%,0.75) 0px, transparent 50%),
radial-gradient(at 47% 44%, hsla(90,84%,70%,0.57) 0px, transparent 50%),
radial-gradient(at 47% 51%, hsla(194,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 43% 94%, hsla(187,64%,71%,1) 0px, transparent 50%);
background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 13%;
    z-index: 5;
    max-width: 1200px;
}
/*共通のclass="top_go"削除に伴うスタイルの追加*/
.main-inner {padding-bottom: 100px;}

/*投稿ページのスタイル調整*/
.top_sub_visials .main-inner.news .container .sub_wite p {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

/*2nd グラデ*/
.kensyuabout .container:before,
.kensyuabout .container:before,
.bouseimaru .container:before {
background-color:hsla(204,75%,83%,.8);
background-image:
radial-gradient(at 53% 2%, hsla(258,70%,63%,0.75) 0px, transparent 50%),
radial-gradient(at 47% 44%, hsla(90,84%,70%,0.57) 0px, transparent 50%),
radial-gradient(at 47% 51%, hsla(194,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 43% 94%, hsla(187,64%,71%,1) 0px, transparent 50%);
background-attachment: fixed;
}

.btn_3 .btn {
    background-color: #FFF;
    font-size: 20px;
    padding: 1em 1.5em;
}

#applicationForm .btn {
    font-size: 22px;
    padding: 1em 1.5em;
    content: "";
    background-color: hsla(204,75%,83%,.8);
    background-image: radial-gradient(at 53% 2%, hsla(258,70%,63%,0.75) 0px, transparent 50%), radial-gradient(at 47% 44%, hsla(90,84%,70%,0.57) 0px, transparent 50%), radial-gradient(at 47% 51%, hsla(194,0%,100%,1) 0px, transparent 50%), radial-gradient(at 43% 94%, hsla(187,64%,71%,1) 0px, transparent 50%);
    background-attachment: fixed;
    z-index: 5;
}

/* album add20230113 */
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
    width: 19%;
}
.ngg-gallery-thumbnail img {
    border-radius: 5px;
}
.sl-wrapper .sl-image img {
    border-radius: 3px;
}

@media screen and (max-width: 767px) {
    .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
        width: 46%;
        margin-bottom: 1%;
    }

}

/* logbook add20230118 */
.top_sub_visial.logbooks .container img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.top_sub_visials .main-inner .container .sub_wite .navigational_diary_articles p {
    font-size: 18px;
    line-height: 1.5em;
    width: auto;
    color: #444;
}
.top_sub_visials .main-inner .container .sub_wite .navigational_diary_articles figure {
    padding:0;
}
.pagination {
    display: block;
    padding: 0 4%;
    text-align: center;
}
.pagination a {
    padding: 0 10px;
    color: #174e9d;
}
.pagination a:hover {
    opacity: .6;
}
.pagination .pagination-btn {
    display: block;
    transition: 0.5s;
    border: solid 1px #174e9d;
    padding: 1% 3%;
    font-size: 16px;
    color: #174e9d;
}
.pagination .prev-post{
    float: left;
}
.pagination .next-post {
    float: right;
}
.nav-links .page-numbers li {
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .pagination .prev-post,.pagination .next-post {float: none;}
    .pagination .pagination-btn {margin: 2% auto;padding: 2% 3%;}
    .to-news-list {margin: 3% auto;}
}

/* TOP logbook Calendar add20230123 */
.colender_ob table {
    width: 90%;
    margin: auto;
}
.colender_ob table caption {
    font-size: 200%;
    font-weight: bold;
    color: #333;
    text-align: center;
    letter-spacing: .1em;
}
.colender_ob table th,
.colender_ob table td {
    padding: 1% 1%;
    margin: 0 1%;
    border: solid #fff 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: 45px;
}
.colender_ob table td a {
    display: block;
    background-color: #FFCC33;
    color: #fff;
    border: solid 1px #fff;
}
.colender_ob table th[title]:last-child {
    color: red;
}
.colender_ob table tfoot {
    display: none;
}
/* album add20230208 */
.top_sub_visials .main-inner .container .sub_wite .tz-gallery h2 {
	width: auto;
}
.tz-gallery .su-custom-gallery {
    margin-bottom: 3.5em;
}
@media screen and (max-width: 767px) {
    .tz-gallery .su-custom-gallery { width: 90%;margin: auto auto 1.5em; }
    .tz-gallery .su-custom-gallery .su-custom-gallery-slide { width: 30%;margin: 0.3em; }
}
/* archive add20230220 */
.read-more {
    color: #174e9d;
}
/* logbook pagination add20230222 */
.top_sub_visials .main-inner.logbooks2 .container .sub_wite .pagination {
    margin-top: 2em;
    margin-bottom: 1em;
    overflow: hidden;
}

/* TOP add20230608 */
.news_facebook {
	/*display: flex;*//* add20230626 */
}
.news_facebook .news {
	/*display: flex;*//* add20230626 */
	align-items: center;
    justify-content: center;
}
.news_facebook .news h4 {
    font-size: 26px;
}

/* archive add20230705 クリック・タッチイベントを無効化*/
a.noLink {
   pointer-events: none;
}

/*動画はこちらボタン add20230921*/
.top_visial .container.movieBtn{
    position: absolute;
    z-index: 1000000;
    /*left: 0;*/
    right: 5vw;
    transition: 0.5s;
    display: block;
    bottom: 10px;
    width: 150px;
}
.movieBtn a img{
    width: 150px;
}
.movieBtn a img:hover{
    opacity: 0.8;
}

/*動画が一つの時用 add20230925*/
.top_sub_visials .main-inner .container .sub_wite > div.oneBox{
    width: 45%;
    margin-left: 5%;
}
/*slickで各スライドの高さを合わせる add20240226*/