@charset "utf-8";

.maru_r{vertical-align: super;}
/*-------------------------------------------------

	海洋保護活動
	Save the Ocean

--------------------------------------------------*/
#savetheocean #read { background: #f5f5f5;}
#savetheocean #read .inner{max-width: 1100px;}

@media (max-width: 900px) {
#savetheocean #read p .br{ display: none;}
}/*END*/

/*----- Save the Ocean -----*/
#savetheocean .lr_box{ padding: 100px 0;}
@media (max-width: 850px) {
#savetheocean .lr_box{ padding: 11vw 0 100px;}
}/*END*/
@media (max-width: 450px) {
#savetheocean .lr_box{ padding: 11vw 0 90px;}
}/*END*/
/* lr_box swichi*/
#savetheocean .lr_box ul li:nth-child(odd){ flex-direction: row-reverse;}/*奇数*/
#savetheocean .lr_box ul li:nth-child(odd) .img_box{margin-right: 6%;}
#savetheocean .lr_box ul li:nth-child(even) .img_box{margin-left: 6%;}/*遇数*/

/*
.br_lr_box1{ display:block;}
@media (max-width: 480px) {
.br_lr_box1{ display:none;}
}/*END*/

/*-------------------------
	world
--------------------------*/
#world{ width: 100%; background: #f5f5f5; padding:0 0 90px;}
#savetheocean #world ul{ display: flex; justify-content: space-between; margin: 0 auto; width: 88%; max-width: 1410px; }
#savetheocean #world ul li { width: 32.1%; margin:0 ; position: relative;display: block; }
#savetheocean #world ul li .inner{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; transition: 0.4s;}
#savetheocean #world ul li .inner h3{ font-size: 18px; letter-spacing: 1px; line-height: 1.5; color: #fff; text-align: center;}
#savetheocean #world ul li .img_box{ overflow: hidden;}
#savetheocean #world ul li .img_box img{width: 100%; transition: 1s;}
@media (max-width: 1400px) {
#savetheocean #world ul li .inner h3{ font-size: 17px; letter-spacing: 1px; }
}/*END*/
@media (max-width: 1300px) {
#savetheocean #world ul li .inner h3{ font-size: 16px; letter-spacing: 1px; }
}/*END*/
@media (max-width: 1100px) {
#savetheocean #world ul li .inner h3{ font-size: 16px; letter-spacing: 1px; }
}/*END*/
@media (max-width: 1000px) {
#savetheocean #world ul{ display: block; margin: 0 auto; width: 80%; max-width: 650px; }
#savetheocean #world ul li { width: 100%; margin:0 0 5vw;}
#savetheocean #world ul li .inner h3{ font-size: 17px; letter-spacing: 1px; }
#savetheocean #world{  padding:0 0 8vw;}
#padi #world{ padding:0 0 8vw;}
}/*END*/
@media (max-width: 640px) {
#savetheocean #world ul{ margin: 0 auto; width: 85%; max-width: 1410px; }
}/*END*/
@media (max-width: 450px) {
#savetheocean #world ul li .inner h3{ font-size: 14px; letter-spacing: 1px; }
#padi #world{ padding:0 0 14vw;}
}/*END*/
/*[ on / off ]*/
#savetheocean #world .x1{ display: block;}
#savetheocean #world .sp { display: none;}
@media (max-width: 1000px) {
#savetheocean #world .x1{ display: none;}
#savetheocean #world .sp { display: block;}
}/*END*/

/*-------------------------------------------------

	PADI

--------------------------------------------------*/
.padi_read  {  background: #f5f5f5;}
.padi_logo{ width: 70%; max-width: 600px; margin: 100px auto 0;}
#padi .co_txt_box h2{  letter-spacing: 2px; }
.co_txt_box2{  padding: 70px 0 100px;  }
@media screen and (max-width: 1000px) {
.padi_logo{ width: 70%; max-width: 600px; margin: 80px auto 0;}
.co_txt_box2{ padding: 60px 0 80px; }
}/*END*/
@media screen and (max-width: 640px) {
.padi_logo{ width: 70%; max-width: 600px; margin: 12vw auto 0;}

.co_txt_box2{ padding: 8vw 0 60px; }
}/*END*/
/*[ on / off ]*/
#padi #world .x1{ display: block;}
#padi #world .sp { display: none;}
/*
@media (max-width: 640px) {
#padi #world .x1{ display: none;}
#padi #world .sp { display: block;}
}/*END*/

/*-------------------------
	banner_ps
--------------------------*/
.banner_ps{ margin: 0 auto 100px; text-align: center; }
.banner_ps a{ max-width: 87.5%; margin: 0 auto; text-align: center; display: inline-block; position: relative; color: #fff; background: #000; overflow: hidden; }
.banner_ps a p{ font-size: 19px; position: absolute; left: 2.5%; top: 0; width: 95%; height: 100%; display: flex; align-items: center; justify-content: center; }
.banner_ps a img{ opacity: .8; transition: 1s;}
.banner_ps a:hover img{opacity: .7; transform: scale(1.05); }
@media screen and (max-width: 1000px) {
.banner_ps{ margin: 0 auto 80px; }
}/*END*/
@media screen and (max-width: 640px) {
.banner_ps{  margin: 0 auto 60px;}
}/*END*/
@media screen and (max-width: 450px) {
.banner_ps a p{ font-size: 4vw; }
}/*END*/
/* > */
.banner_ps a p:after{ margin-top: 0px; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: absolute; right: 0px;transition:.5s; }
.banner_ps a:hover p:after{right: -3px; }
@media screen and (max-width: 450px) {
.banner_ps a p:after{font-size:14px;  }
}/*END*/

/*-------------------------
	map
--------------------------*/
.map{ position: relative; z-index: 10; padding: 0px; width: 88%; max-width: 1400px; margin: 50px auto 0; display: flex; }
@media (max-width:750px){
.map{ display: block; margin: 6vw auto 0; }
}/*END*/

/*----------------------
	slick ボタン設定
-----------------------*/
.map .sl{ width: 68%; }
.map .sl .sl li { display: none; }

@media (max-width:750px){
.map .sl{ width: 100%; display: block; }
}/*END*/
/*----- dots [ ● ○ ○ ○ ] -----*/
.map .sl ul.slick-dots{ position: relative; width:100%; height: 476px; background: url("../img/padi/map.gif"); background-size: contain; margin:0 auto; padding: 0; z-index:1; }
@media (max-width:1590px){
.map .sl ul.slick-dots{ height: 30vw; }
}/*END*/
@media (max-width:750px){
.map .sl ul.slick-dots{ height: 44vw; }
}/*END*/
.map .sl ul.slick-dots li{ margin: 0; }
.map .sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
.map .sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%; content: ''; margin: -5px 0 0 -5px; opacity: 1; width: 10px; height: 10px; border-radius: 50%; background: #666; transition: 0.3s; }/* off */
.map .sl ul.slick-dots li button:hover:before{ background: #00abf0; cursor: pointer;}/* hover */
.map .sl ul.slick-dots li.slick-active button:before{ background: #00abf0; cursor: pointer;}/* active */
.map .sl ul.slick-dots li.slick-active {animation: dot_flash 1s linear infinite;}
@keyframes dot_flash {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.map #slick-slide-control00,
.map #slick-slide-control01,
.map #slick-slide-control02,
.map #slick-slide-control03,
.map #slick-slide-control04,
.map #slick-slide-control05,
.map #slick-slide-control06,
.map #slick-slide-control07,
.map #slick-slide-control08,
.map #slick-slide-control09,
.map #slick-slide-control010,
.map #slick-slide-control011{ position: absolute;  width: 30px!important; height: 30px!important; margin: -15px 0 0 -15px; }
.map #slick-slide-control00{ left: 42.5%; top:45.55%; }
.map #slick-slide-control01{ left: 90.5%; top:78.6%; }
.map #slick-slide-control02{ left: 5.5%; top:41.9%; }
.map #slick-slide-control03{ left: 2.7%; top:43.7%; }
.map #slick-slide-control04{ left: 45.4%; top:85.1%; }
.map #slick-slide-control05{ left: 69%; top:38%; }
.map #slick-slide-control06{ left: 91%; top:77%; }
.map #slick-slide-control07{ left: 78.5%; top:39.5%; }
.map #slick-slide-control08{ left: 81.2%; top:60%; }
.map #slick-slide-control09{ left: 90%; top:78%; }
.map #slick-slide-control010{ left: 91%; top:77%; }
.map #slick-slide-control011{ left: 14%; top:50%; }

/*----------------------
	t_link
-----------------------*/
.map .t_link{width: 32%; height: auto; display:flex; align-items: center; justify-content: center; position: relative; z-index: 100; -webkit-text-size-adjust: 100%; }
@media (max-width:1590px){
.map .t_link{ height: 30vw; }
}/*END*/
@media (max-width:750px){
.map .t_link{ margin-top: 1vw; width: 100%; height: auto; display: block; }
}/*END*/
@media (max-width:450px){
.map .t_link{ margin-top: 5vw;  }
}/*END*/
.map .t_link_inner{ width: 100%; height: 100%; }
.map .t_link ul { display: inline-block; }
.map .t_link ul li{ font-size: 14px !important; line-height: 1.8; letter-spacing: 1px; margin: 0; transform: scale(1);}
@media (max-width:1590px){
.map .t_link ul li{ font-size: .9vw !important; letter-spacing: 0.5px; }
}/*END*/
@media (max-width:1400px){
.map .t_link ul li{ font-size: 1vw !important; letter-spacing: 0.5px; }
}/*END*/
@media (max-width:1000px){
.map .t_link ul li{ font-size: 10px !important; letter-spacing: 0px;line-height: 1.7; }
}/*END*/
@media (max-width:750px){
.map .t_link ul li{ font-size: 1.7vw !important; }
}/*END*/
@media (max-width:600px){
.map .t_link ul li{ font-size: 1.9vw !important; }
}/*END*/
@media (max-width:550px){
.map .t_link ul li{ font-size: 2.2vw !important; }
}/*END*/
@media (max-width:500px){
.map .t_link ul li{ font-size: 2.4vw !important; }
}/*END*/
@media (max-width:400px){
.map .t_link ul li{ font-size: 2.6vw !important; }
}/*END*/

.map .dot{ display: inline-block; vertical-align: top;}
.map .t_link_txt{ position: relative; display: inline-block; overflow: hidden; }
.map .t_link ul li:hover .t_link_txt{ color: #000; position: relative; }
.map .t_link .t_link_txt.slick-active,
.map .t_link ul li:hover .t_link_txt.slick-active{ color: #00abf0; position: relative; overflow: hidden;  }
/*アンダーライン*/
.map .t_link ul li:hover .t_link_txt::after{ content: ''; position: absolute; bottom:0px; left: 0%; display:  inline-block; width: 100%; height: 1px; background:#000; padding: 0; margin: 0; }
/*アンダーライン アクティブ*/
.map .t_link .t_link_txt.slick-active::after,
.map .t_link ul li:hover .t_link_txt.slick-active::after{ content: ''; position: absolute; bottom:0px; left: -0%; display: inline-block; width: 100%; height: 1px; background:#00abf0; color: #00abf0; padding: 0; margin: 0; }
.map .t_link ul li:hover .t_link_txt::after, 
.map .t_link .t_link_txt.slick-active::after {animation: flash .3s ease-out 1; }
@keyframes flash { 0% { left: -101%;} 100% { left: 0%;}}

.t_link ul li:hover{ cursor: pointer; }

/*----------------------
	padi  matome
-----------------------*/
#padi .matome{ padding: 90px 0 100px;}
#padi .matome p{width: 80%; max-width: 1200px; margin: 0 auto; font-size: 20px; line-height: 1.6; letter-spacing: 2px;  text-align: center;}
#padi .matome p span{ display: inline-block; }
@media (max-width: 750px){
#padi .matome{ padding: 70px 0 80px; }
#padi .matome p br{ display:none; }
#padi .matome p span{ display: inline-block; }
#padi .matome p{ width: 85%; max-width: 500px;  font-size: 18px; letter-spacing: 1px;  }
}/*END*/
@media (max-width: 600px){
#padi .matome{ padding: 70px 0; }
#padi .matome p span{ display: inline; }
#padi .matome p{ width: 85%; max-width: 400px;  font-size: 17px; text-align: left; }
}/*END*/
@media (max-width: 500px){
#padi .matome{ padding: 60px 0;}
#padi .matome p{ width: 85%; max-width: 380px; font-size: 16px;  }
#padi .matome p br{ display:none; }
}/*END*/

/*-------------------------
	#padi  movie
--------------------------*/
#padi .movie{ margin-bottom: 100px;}
@media (max-width: 1400px){
#padi .movie{ margin-bottom: 80px;}
}/*END*/
@media (max-width: 1000px){
#padi .movie{ margin-bottom: 70px;}
}/*END*/

/*-------------------------------------------------

	nipr
	セイコーと国立極地研究所

--------------------------------------------------*/
.nipr_img_box{ max-width: 960px; width: 70%; padding: 0px 0 50px; margin: 0 auto; }
@media screen and (max-width: 1400px) {
.nipr_img_box{ max-width: 960px; width: 70%; padding: 0px 0 50px;}
}/*END*/
@media screen and (max-width: 1200px) {
.nipr_img_box{ max-width: 960px; width: 70%; padding: 0px 0 50px;}
}/*END*/
@media screen and (max-width: 1000px) {
.nipr_img_box{ max-width: 960px; width: 80%; padding: 0px 0 40px; }
}/*END*/
@media screen and (max-width: 640px) {
.nipr_img_box{ max-width: 960px; width: 80%; padding: 0px 0 30px; }
}/*END*/
@media screen and (max-width: 450px) {
.nipr_img_box{ max-width: 960px; width: 80%; padding: 0px 0 0px; }
}/*END*/
.nipr_img_box p{ margin: 18px 0 55px; text-align: center; }
@media screen and (max-width: 640px) {
.nipr_img_box p{ margin: 15px 0 45px; text-align: center; }
}/*END*/
.nipr_img_box1{ margin-bottom: 25px;}
.nipr_img_box2,
.nipr_img_box3{ width: 100%; margin: 0 auto; display: flex;  justify-content: space-between;}
.nipr_img_box2 div,
.nipr_img_box3 div{ width: 48.6%; }
.nipr_img_box2 img,
.nipr_img_box3 img{ width: 100%; }
@media screen and (max-width: 640px) {
.nipr_img_box2{ width: 100%; margin: 0 auto; display: block;  justify-content: space-between;}
.nipr_img_box2 div{ width: 100%; }
.nipr_img_box2 img{ width: 100%; }
}/*END*/
.text_left{text-align: left !important;}

/*-------------------------
	#padi  movie
--------------------------*/
#nipr .movie{ margin-bottom: 100px;}
@media (max-width: 1400px){
#nipr .movie{ margin-bottom: 80px;}
}/*END*/
@media (max-width: 1000px){
#nipr .movie{ margin-bottom: 70px;}
}/*END*/
#nipr .co_txt_box h5{ margin: 30px auto 0; width: 90%; max-width: 650px;}
#nipr .co_txt_box h5 span{ display: inline-block;}
@media (max-width: 500px){
#nipr .co_txt_box.nipr_64 h2 span{ display: inline;}
}/*END*/
/*-------------------------------------------------

	underwater_archaeology
	水中考古学研究支援

--------------------------------------------------*/
.underwater_archaeology_co{ margin-bottom: 100px;}
@media (max-width: 1400px){
.underwater_archaeology_co{ margin-bottom: 80px;}
}/*END*/
@media (max-width: 1000px){
.underwater_archaeology_co{ margin-bottom: 70px;}
}/*END*/