@charset "utf-8";
/*
日本語フォント
font-family: 'Noto Serif JP', serif;

英字フォント
font-family:'メイリオ', 'Meiryo', sans-serif;
/*--------------------------------------------------------
	reset 
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; vertical-align: bottom; }
a{ outline: none;}
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*-------------------------------------------------
	base
--------------------------------------------------*/
body { position: relative; color: #000; background: #fff; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%;}
/*txt img 選択時*/
::selection { background:#666; }
::-moz-selection { background:#666; }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

video{display:block; margin: 0; padding: 0;}

/*-------------------------------------------------
	font アンチエイリアス
--------------------------------------------------*/
/* 解像度 1x：subpixel、解像度 2x：grayscale */
h1,h2,p,a,.txt,.txt2,.mei,small
{ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; }
@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
h1,h2,p,a,.txt,.txt2,.mei,small
{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}

/*-------------------------------------------------
	font 
--------------------------------------------------*/
.mei{ font-family:'メイリオ', 'Meiryo', sans-serif;}

/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; overflow: hidden;}

/*-------------------------------------------------
	pankuzu
--------------------------------------------------*/
.pankuzu{ max-width: 1080px; margin: 0 auto; position: relative; z-index: 100;}
.breadcrumb { position: absolute; left: 0; top: 0;}
/*パンクズ　font-col*/
.col_w .breadcrumb{ color: #fff;}
.col_w .breadcrumb a{color:#fff;}
.col_w .breadcrumb a:hover{color:#fff;}

/*---------------------
	scroll
-----------------------*/
.scroll{ height: 5vw; width: 80px; margin-left: -40px; position: absolute; left: 50%; bottom: 0; z-index: 200; transition: .3s;overflow: hidden; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.scroll .scroll_wheel{ width: 1px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(255,255,255,0.24);display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s; z-index: 200;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll .scroll_wheel:after { opacity: 1; width: 100%; height: 28%; animation: scroll_wheel_after 2s 0.5s infinite normal ease; background:#fff; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; transition: 0.3s;}
@keyframes scroll_wheel_after { 0% { top:0%; opacity: 1;} 30% { top:100%; opacity: 1;} 31% { top:100%; opacity: 0;} 32% { top:-34%; opacity: 0;} 33% { top:-34%; opacity: 1;} 80% { top:0%;} 100% { top:0%;} }
.scroll a:hover .scroll_wheel:after { background:#fff; cursor: pointer;}
.scroll a:hover .scroll_wheel{ background:#848991; cursor: pointer;}
.scroll a:hover { cursor: pointer;}
@media screen and (orientation: portrait) {/*縦*/
.scroll{ height: 10vw; width: 80px; right: -5px; }
.scroll .scroll_wheel{ width: 1.5px;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {/*縦*/
.scroll .scroll_wheel{ width: 1px;}
}/*END*/
@media screen and (max-width: 550px) and (orientation: portrait) {/*縦*/
.scroll{ height: 15vw; width: 80px; right: -5px; }
}/*END*/

/*-------------------------------------------------
	[about] .main 
--------------------------------------------------*/
#about .main{ height: 42vw; width: 100%; position: relative; background: #000; }
@media screen and (orientation: portrait) {/*tab*/
#about .main{ height: 109.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {/*sp2*/
#about .main{ height: 145.2vw; }
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
#about .main{ height: 115.1vw;}
}/*END*/

/*-------------------------------------------------
	[base] .co_main 
--------------------------------------------------*/
.co_main{ height: auto; width: 100%; position: relative; background: #000; }
@media screen and (orientation: portrait) {/*tab*/
.co_main{ height: auto; }
}/*END*/
@media screen and (max-width: 800px) and (orientation: portrait) {/*sp2*/
.co_main{ height: auto; }
}/*END*/
/*main_movie*/
.main_movie video { height: auto; width: 100%;}
@media screen and (orientation: portrait) {
.main_movie video { height: auto;}
}/*END*/
@media screen and (max-width: 800px) and (orientation: portrait) {/*sp2*/
.main_movie video { height: auto; }
}/*END*/

/*[ on / off ]*/
.main_movie .pc{ display: block;}
.main_movie .tab{ display: none;}
.main_movie .sp{ display: none;}
@media screen and (orientation: portrait) {
.main_movie .pc{ display: none;}
.main_movie .tab{ display: block;}
.main_movie .sp{ display: none;}
}/*END*/
@media screen and (max-width: 800px) and (orientation: portrait) {/*sp2*/
.main_movie .pc{ display: none;}
.main_movie .tab{ display: none;}
.main_movie .sp{ display: block;}
}/*END*/
/*h1*/
.co_main h1{ font-size: 32px; line-height: 1.6; letter-spacing: 2px; color: #fff;}
#padi .co_main  h1 small{ font-size:20px; line-height: 2.5;letter-spacing: 1px; display: block; }
@media screen and (max-width: 640px) {
.co_main h1{ font-size: 26px; line-height: 1.6; letter-spacing: 2px; color: #fff;}
#padi .co_main  h1 small{ font-size:18px;}
}/*END*/
@media screen and (max-width: 450px) {
.co_main h1{ font-size: 22px; line-height: 1.6; letter-spacing: 2px; color: #fff;}
#padi .co_main  h1 small{ font-size:15px;}
}/*END*/
@media screen and (max-width: 400px) {
.co_main h1{ font-size: 20px; line-height: 1.6; letter-spacing: 2px; color: #fff;}
#padi .co_main  h1 small{ font-size:14px;}
}/*END*/

/*-------------------------------------------------
	[base] movie 
--------------------------------------------------*/
.movie{ background: #000; color: #fff; text-align: center; overflow: hidden;padding: 0; background: #000; position: relative; }
.movie h2{ color: #fff;}
.movie h2 small{ display: block;}
.movie video {width: 100%; height: auto; }
@media screen and (orientation: portrait) {
.movie video {width: 100%; height: auto;}
}/*END*/
.movie img {width: 100%; height: auto; transition: 1s; }
@media screen and (orientation: portrait) {
.movie img {width: 100%; height: auto;}
}/*END*/
.movie a:hover img { transform: scale(1.07); }
/*movie_inner*/
.movie_inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: flex; align-items: center; justify-content: center; text-align: center;}
/* about */
#about .movie_inner h2 span{ font-size: 40px;}
#about .movie_inner h2 small{ font-size: 20px;}
@media screen and (max-width: 1400px) {
#about .movie_inner h2 span{ font-size: 35px;}
#about .movie_inner h2 small{ font-size: 17px;}
}/*END*/
@media screen and (max-width: 750px) {
#about .movie_inner h2 span{ font-size: 4.6vw;}
#about .movie_inner h2 small{ font-size: 2.2vw;}
}/*END*/
@media screen and (max-width: 450px) {
#about .movie_inner h2 span{ font-size: 6vw; }
#about .movie_inner h2 small{ font-size: 3vw;}
}/*END*/

/* スピタイ */
#timekeeping .movie_inner h2 span { font-size: 40px; letter-spacing: 7px; }
#timekeeping .movie_inner h2 small { font-size: 20px; letter-spacing: 2px; }
@media screen and (max-width: 1400px) {
#timekeeping .movie_inner h2 span { font-size: 35px;letter-spacing: 6px; }
#timekeeping .movie_inner h2 small { font-size: 17px; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 750px) {
#timekeeping .movie_inner h2 span { font-size: 4.6vw; letter-spacing: .9vw; }
#timekeeping .movie_inner h2 small { font-size: 2.2vw; letter-spacing: .4vw; }
}/*END*/
@media screen and (max-width: 450px) {
#timekeeping .movie_inner h2 span { font-size: 6.4vw; letter-spacing: .9vw; }
#timekeeping .movie_inner h2 small { font-size: 3.4vw; letter-spacing: .4vw;}
}/*END*/

/* Save the Ocean */
#savetheocean .movie_inner h2 span{ font-size: 40px; letter-spacing: 3px; }
@media screen and (max-width: 1400px) {
#savetheocean .movie_inner h2 span{ font-size: 35px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 750px) {
#savetheocean .movie_inner h2 span{ font-size: 4vw; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 450px) {
#savetheocean .movie_inner h2 span{ font-size: 4.5vw; letter-spacing: 2px; }
}/*END*/

/* padi */
#padi .movie_inner h2 span{ font-size: 30px; letter-spacing: 3px; }
@media screen and (max-width: 1400px) {
#padi .movie_inner h2 span{ font-size: 28px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 750px) {
#padi .movie_inner h2 span{ font-size: 3.6vw; letter-spacing: .2vw; }
}/*END*/
@media screen and (max-width: 450px) {
#padi .movie_inner h2 span{ font-size: 3.6vw; letter-spacing: .2vw; }
}/*END*/

/* nipr */
#nipr .movie_inner h2 span{ font-size: 30px; letter-spacing: 3px; }
@media screen and (max-width: 1400px) {
#nipr .movie_inner h2 span{ font-size: 28px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 750px) {
#nipr .movie_inner h2 span{ font-size: 3.6vw; letter-spacing: .2vw; }
}/*END*/
@media screen and (max-width: 450px) {
#nipr .movie_inner h2 span{ font-size: 3.6vw; letter-spacing: .2vw; }
}/*END*/

.movie_inner a{cursor: pointer; color: #fff; text-decoration: none; letter-spacing: 1px;transition: 0.3s; }

/* play movie*/
.movie_inner a span.play{ margin: 30px 0 0 0px; display: inline-block; position: relative; width: 70px; height: 70px; background: rgba(255,255,255,0); border: solid 1.5px rgba(255,255,255,.6); border-radius: 50%; box-sizing: border-box; z-index: 3; transition: 0.3s; }
.movie_inner a span.play::after{ border-width: 10px 0 10px 16px; margin: -10px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner a:hover span.play{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0); }
@media screen and (max-width: 1400px) {
.movie_inner a span.play{ margin: 27px 0 0 0px; display: inline-block; position: relative; width: 60px; height: 60px; }
.movie_inner a span.play::after{ border-width: 8px 0 8px 13px; margin: -8px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 750px) {
.movie_inner a span.play{ margin: 3.5vw 0 0 0px; display: inline-block; position: relative; width: 50px; height: 50px; }
.movie_inner a span.play::after{ border-width: 7px 0 7px 11px; margin: -7px 0 0 -4px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/

/* play img */
.movie a .movie_inner span.play{ margin: 30px 0 0 0px; display: inline-block; position: relative; width: 70px; height: 70px; background: rgba(255,255,255,0); border: solid 1.5px rgba(255,255,255,.6); border-radius: 50%; box-sizing: border-box; z-index: 3; transition: 0.3s; }
.movie a .movie_inner span.play::after{ border-width: 10px 0 10px 16px; margin: -10px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie a:hover .movie_inner span.play{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0); }
@media screen and (max-width: 1400px) {
.movie a .movie_inner span.play{ margin: 27px 0 0 0px; display: inline-block; position: relative; width: 60px; height: 60px; }
.movie a .movie_inner span.play::after{ border-width: 8px 0 8px 13px; margin: -8px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 750px) {
.movie a .movie_inner span.play{ margin: 3.5vw 0 0 0px; display: inline-block; position: relative; width: 50px; height: 50px; }
.movie a .movie_inner span.play::after{ border-width: 7px 0 7px 11px; margin: -7px 0 0 -4px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 400px) {
.movie a .movie_inner span.play{ margin: 3.5vw 0 0 0px; display: inline-block; position: relative; width: 13vw; height: 13vw; }
.movie a .movie_inner span.play::after{ border-width: 2vw 0 2vw 3.2vw; margin: -2vw 0 0 -1vw; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/

/*[ on / off ]*/
.movie_pc{ display: block;}
.movie_sp{ display: none;}
@media screen and (orientation: portrait) {
.movie_pc{ display: none;}
.movie_sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	MOVIE 明度
--------------------------------------------------*/
/* About movie 明度 */
#about .movie_inner{ background: rgba(0,0,0,0.3); }

/* 計時 main 明度 */
#timekeeping .movie_inner{ background: rgba(0,0,0,0.3); }

/* Save the Ocean  明度 */
#savetheocean .co_main .movie_inner{ background: rgba(0,0,0,0.3); }
#savetheocean .movie .movie_inner{ background: rgba(0,0,0,0.1); }

/* PADI  明度 */
#padi .co_main .movie_inner{ background: rgba(0,0,0,0.3); }
#padi .movie .movie_inner{ background: rgba(0,0,0,0.3); }

/* セイコーと国立極地研究所  明度 */
#nipr .co_main .movie_inner{ background: rgba(0,0,0,0.1); }
#nipr .movie .movie_inner{ background: rgba(0,0,0,0.1); }

/* 水中考古学研究支援 main 明度　*/
#underwater_archaeology .co_main .movie_inner{ background: rgba(0,0,0,0.1); }

/*-------------------------------------------------
	bottom
--------------------------------------------------*/
#bottom{ display: flex; background: #000; width: 100%; }
.link_sto,
.link_store { width: 100%; }
#bottom div a{ width: 100%; height:16vw; display: flex; align-items: center; text-align: center; overflow: hidden;}
#bottom div .inner{ position: relative; z-index: 2; width: 100%; }
#bottom div h2{ color: #fff; width: 100%; }

#bottom a { position: relative; display: block; width: 100%; height: 100%; text-align: center;}
#bottom a .link_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: 1s;}
#bottom a:hover .link_bg{ transform: scale(1.07);}
#bottom h2{ line-height: 1; }
/*PSX*/
.link_sto h2 img{ max-width: 300px; width: 55%;}
.link_sto h2 small{ margin-top: 15px; font-size: 16.5px; letter-spacing: 1px; display: block; }
.link_sto a .link_bg{ background: url(../img/common/link_sto.jpg) center center ;background-size: cover; z-index: -1; }
/*Store*/
.link_store h2 span{ font-size: 24.5px; letter-spacing: 2.5px; display: block; }
.link_store h2 small{margin-top: 13px; font-size: 14px; letter-spacing: 3.2px; display: block; }
.link_store a .link_bg{ background: url(../img/common/link_store.jpg) center center ;background-size: cover; z-index: -1; }

/*h2*/
#bottom a h2{ transition: .5s;}
#bottom a:hover h2{opacity: 0.7;}
#bottom a h2:after{margin-top: 26px; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
#bottom a:hover h2:after{position: relative; left: 5px;}
@media screen and (max-width: 1900px) {

#bottom div a{ height:300px;}
}/*END*/
@media screen and (max-width: 1400px) {
#bottom div a{ height:21.5vw;}
}/*END*/
@media screen and (max-width: 1200px) {
/*PSX*/
.link_sto h2 small{ margin-top: 1.1vw; font-size:1.4vw; letter-spacing: .1vw;}
/*Store*/
.link_store h2 span{ font-size: 2.2vw; letter-spacing: .2vw;}
.link_store h2 small{ margin-top: 1.1vw; font-size: 1.2vw; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{ margin-top: 2vw; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
}/*END*/


@media screen and ( max-width: 1000px) {
#bottom div a{ height:230px;  }
/*PSX*/
.link_sto h2 small{ margin-top: 13px; font-size:16px; letter-spacing: 1px; color: #fff;}
/*Store*/
.link_store h2 span{ font-size: 24.5px; letter-spacing: .2vw; display: block; }
.link_store h2 small{ margin-top: 13px; font-size: 14px; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{margin-top: 20px; font-size:16px; content:"\E102"; font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px; transition:.5s; }
}/*END*/
@media screen and (max-width: 750px) {
#bottom{ display: block; background: #000; width: 100%; }
#bottom div a{ height:230px; width: 100%;  }
.link_sto h2 img{ max-width: 240px; width: 55%;}

}/*END*/
@media screen and (max-width: 450px) {
#bottom div a{ height:45vw; }
/*PSX*/
.link_sto .inner { width: 100%; }
.link_sto h2 small{ margin-top: 3.6vw; font-size:3.8vw; letter-spacing: .2vw;  }
/*Store*/
.link_store h2 span{ font-size: 5.8vw; letter-spacing: .2vw;}
.link_store h2 small{margin-top: 3vw; font-size: 3.6vw; letter-spacing: 3.2px; display: block; }

}/*END*/
@media screen and (max-width: 400px) {
#bottom{ display: block; background: #000; }
#bottom div a{ height:50vw; }
/*PSX*/
.link_sto .inner { width: 100%; }
.link_sto h2 small{ margin-top: 2.6vw; font-size:4.2vw; letter-spacing: .2vw; }
/*Store*/
.link_store h2 span{ font-size: 6vw; letter-spacing: .2vw;}
.link_store h2 small{margin-top: 3vw; font-size: 3.8vw; letter-spacing: 3.2px; display: block; }
/* > */
#bottom a h2:after{margin-top: 5vw; font-size:16px; content:"\E102";font-family:"icon";font-style:normal;line-height:1; display:inline-block;position: relative; left: 0px;transition:.5s;}
}/*END*/





/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #000; width: 100%; height: auto; position: relative; z-index: 10; }
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0 ; }
@media (max-width: 750px) {
.foot_r { float: none; padding-top: 40px; margin: 0px; }
}/*END*/
/*----- sns -----*/
.globalFooter-sns{margin-top:0px}
.globalFooter-sns>._list{list-style-type:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 991.98px){.globalFooter-sns>._list{justify-content:center}}
.globalFooter-sns>._list>._item{margin-left:4px}
.globalFooter-sns>._list>._item>._link{display:block;text-decoration:none;line-height:1;transition:ease .2s}
.globalFooter-sns>._list>._item>._link:hover{opacity:.65}
.globalFooter-sns>._list>._item>._link>._icon{font-size:36px;color:#fff}
.globalFooter-sns>._list>._item>._link>._icon.icon-youtube-text{font-size:30px}
.globalFooter-sns>._list>._item>._link>._image{height:36px}
.globalFooter-copy{text-align:center;color:#666;font-weight:500}

/*-------------------------------------------------
	lineup_sl
--------------------------------------------------*/
#lineup{ padding-bottom:150px;}
#lineup h2{ width: 85%; margin: 0 auto; padding:95px 0; font-size: 30px; letter-spacing: 2px; line-height: 1.4; text-align: center;}
@media (max-width: 1000px){
#lineup{ padding-bottom:120px;}
#lineup h2{ padding:70px 0; font-size: 26px; }
}/*END*/
@media (max-width: 640px){
#lineup{ padding-bottom:100px;}
#lineup h2{ padding:60px 0; font-size: 24px; }
}/*END*/
@media (max-width:450px){
#lineup h2{ padding:60px 0; font-size: 20px; }
}/*END*/

#lineup h2 span{ display: inline-block;}

/* font size */
.lineup_sl p{ font-size: 14px; line-height: 1.6; text-align: center; }
@media (max-width: 1000px){
.lineup_sl p{ font-size: 14px; }
}/*END*/
@media (max-width: 640px){
.lineup_sl p{ font-size: 14px; }
}/*END*/

 /* lineup_sl
 ----------------------------------------------------*/
.lineup_sl{ width:83%; max-width: 1600px; margin:0 auto; position:relative; }
.lineup_sl img{ width:100%; margin: 0;}
/* .slick-list */
.lineup_sl .slick-list li { margin: 0 0.14%; }
.lineup_sl .slick-list li a{ padding: 55px 0 40px; position: relative; text-decoration: none; height: 100%; color: #000; transition: 0.5s; display: block; background: #f5f5f5;}
.lineup_sl .slick-list li a .visual img{ transition: .2s; }
.lineup_sl .slick-list li a .txt_box { width: 90%; margin: 0 auto; transition: .2s; text-align: center; }
/* a */
.lineup_sl .slick-list li a:hover .visual img{ opacity: 0.7; }
.lineup_sl .slick-list li a:hover .txt_box{ opacity: 0.5; }
@media (max-width: 640px){
.lineup_sl .slick-list li { margin: 0 0.1%; }
.lineup_sl{ width:97%; max-width: 1600px; margin:0 auto; position:relative; }
}/*END*/

/*slick 高さ揃え*/
.slick-track { display: flex;}
.slick-slide { height: auto !important;  }
.lineup_sl .sub { position: absolute; left:15px; top: 25px; display: flex;}
.lineup_sl .sub p{ font-size:12px; line-height: 1.4; margin-right: 11px; font-family:"Jost","Noto Sans JP"; font-weight:500;}
.lineup_sl .sub p.limited{ color: #888; }
.lineup_sl img{ width: 86%; margin: 0 auto; }
.lineup_sl .num{ margin-top: 18px; font-size:14px; line-height: 1.4; font-family:"Jost","Noto Sans JP";font-weight:500;}
.lineup_sl .price{ margin-top: 5px; font-size:12px; line-height: 1.4; letter-spacing: 0px; font-weight:600; }
.lineup_sl .edition{ margin-top: 10px; font-size:12px; line-height: 1.4; color: #666; font-weight:500;}
.lineup_sl .edition span{display: inline-block;}
.lineup_sl ul li{
 opacity: 0;
 transition: opacity .3s linear;
}
.lineup_sl ul.slick-initialized li{
 opacity: 1;
}

/* < > btn */
.lineup_sl .slick-prev,
.lineup_sl .slick-next { position: absolute; z-index: 999; top:50%; width: 40px; height: 40px; margin-top: -20px; transition: 0.4s; outline: none;}
.lineup_sl .slick-prev:hover,
.lineup_sl .slick-next:hover {opacity: 0.4!important;}
.lineup_sl .slick-prev { left: -5.3vw; background: url("../img/common/sl_prev.gif") no-repeat left center; background-size: contain;}
.lineup_sl .slick-next { right: -5.3vw; background: url("../img/common/sl_next.gif") no-repeat right center; background-size: contain;}
@media (max-width: 1300px){
.lineup_sl .slick-prev { left: -5.5vw; }
.lineup_sl .slick-next { right: -5.5vw; }
}/*END*/
@media (max-width: 1000px){
.lineup_sl .slick-prev { left: -6vw; }
.lineup_sl .slick-next { right: -6vw; }
}/*END*/
@media (max-width: 640px){
.lineup_sl .slick-prev { left: -2.5vw; }
.lineup_sl .slick-next { right: -2.5vw; ;}
}/*END*/
@media (max-width: 640px){
.lineup_sl .slick-prev,
.lineup_sl .slick-next { position: absolute; z-index: 999; top:50%; width: 8vw; height: 8vw; margin-top: -4vw; transition: 0.2s; outline: none;}
.lineup_sl .slick-prev { left: -2.5vw; }
.lineup_sl .slick-next { right: -2.5vw; ;}
}/*END*/

 /* < > btn 消す */
 .slick-prev.slick-disabled,
 .slick-next.slick-disabled{ opacity: 0; pointer-events: none; }

/*dots [●○○○○]*/
.lineup_sl .slick-dots{ position: absolute; bottom:-50px ; margin-top: 0px; padding: 0; z-index: 500; display: block; width: 100%;list-style: none; text-align: center; }
.lineup_sl .slick-dots li{ position: relative; display: inline-block; margin: 0 6px; width:20px; height: 20px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ display:none; margin: 0; padding: 0; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 8px; height: 8px; border-radius: 30px; } /* hover */
.lineup_sl .slick-dots li button{ background:#ccc; } /* OFF */
.lineup_sl .slick-dots li button:hover{ background:#888; } /* hover */
.lineup_sl .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ''; }
.lineup_sl .slick-dots li.slick-active button:before{ position: absolute; top: 0; left: 0; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); color: black;opacity: 1; width: 8px; height: 8px; background: #000; border-radius: 30px;}/* active */
.lineup_sl .slick-dots > li:first-child:last-child { display: none;}
@media (max-width: 1000px){
.lineup_sl .slick-dots li{ margin: 0 4px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 6px ; height: 6px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 6px; height: 6px; }/* active */
}/*END*/
@media (max-width: 500px){
.lineup_sl .slick-dots li{ margin: 0 2px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 5px ; height: 5px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 5px; height: 5px; }/* active */
}/*END*/
@media (max-width: 400px){
.lineup_sl .slick-dots li{ margin: 0 0px; width:15px; height: 15px; }
.lineup_sl .slick-dots li button,/* OFF */
.lineup_sl .slick-dots li button:hover{ width: 5px ; height: 5px ;} /* hover */
.lineup_sl .slick-dots li.slick-active button:before{ width: 5px; height: 5px; }/* active */
}/*END*/

/*full_img*/
.full_img{ width: 100%;}
.full_img img{ width: 100%; }

/*full_img2*/
.full_img2{ width: 88%; max-width: 1400px; margin: 0 auto; display: flex; }
.full_img2 img{ width: 100%; }

/*full_img3*/
.full_img3{ width: 100%; margin: 0 auto; display: flex; position: relative; }
.full_img3 div,
.full_img3 img{ width: 100%; }
@media (max-width: 640px) {
.full_img3{ width: 100%; margin: 0 auto; display: block; }
}/*END*/

/*img_copyright*/
.img_copyright{ font-size: 11px; line-height: 1.2; position: absolute; bottom: -22px; left: 11px; color: #666;}
@media (max-width: 1400px) {
.img_copyright{ font-size: 10px; bottom: -22px; left: 11px;}
}/*END*/
@media (max-width: 1000px) {
.img_copyright{ font-size: 10px; bottom: -22px; left: 11px;}
}/*END*/
@media (max-width: 640px) {
.img_copyright{ font-size: 9px; bottom: -17px; left: 8px;}
}/*END*/
@media (max-width: 400px) {
.img_copyright{ font-size: 8px; bottom: -17px; left: 7px;}
}/*END*/

/*img_copyright2*/
.img_copyright2{ font-size: 11px; line-height: 1.2; position: absolute; bottom: -22px; left: 0px; color: #666;}
@media (max-width: 1400px) {
.img_copyright2{ font-size: 10px; bottom: -22px; }
}/*END*/
@media (max-width: 1000px) {
.img_copyright2{ font-size: 10px; bottom: -22px;}
}/*END*/
@media (max-width: 640px) {
.img_copyright2{ font-size: 9px; bottom: -17px;}
}/*END*/
@media (max-width: 400px) {
.img_copyright2{ font-size: 8px; bottom: -17px; }
}/*END*/


/*btn*/
.btn a{ margin: 35px auto 0; font-size: 14px; line-height: 1; letter-spacing: 2px; padding: 15px 55px 17px; border: solid 1px #000; display: inline-block; color: #000; text-decoration: none; border-radius: 50px; transition: .3s;}
.btn a:hover{ background: #000; color: #fff;}
@media (max-width: 640px) {
.btn a{ margin: 28px auto 0; font-size: 13.5px; letter-spacing: .2vw;padding: 15px 55px 17px; }
}/*END*/
@media (max-width: 500px) {
.btn a{ margin: 25px auto 0; font-size: 13px;letter-spacing: .2vw; padding: 14px 45px 15px; }
}/*END*/
@media (max-width: 400px) {
.btn a{ margin: 25px auto 0; font-size: 13px;letter-spacing: .2vw; padding: 14px 40px 15px; }
}/*END*/

/*year*/
h2.year { font-size: 60px !important; line-height: 1 !important; font-family: 'Times New Roman', Times, serif;}
@media (max-width: 1300px) {
h2.year { font-size: 58px !important; }
}/*END*/
@media (max-width: 1200px) {
h2.year { font-size: 55px !important; }
}/*END*/
@media (max-width: 1000px) {
h2.year { font-size: 50px !important; }
}/*END*/

/*-------------------------------------------------
	
--------------------------------------------------*/
.full_img img{ width: 100%;}

/*-------------------------------------------------
	read
--------------------------------------------------*/
#read{ padding: 90px 0; width: 100%; text-align: center;}
#read .inner{ width: 85%; margin: 0 auto;}
@media screen and (max-width: 1500px) {
#read{ padding: 80px 0;}
}/*END*/
@media screen and (max-width: 1400px) {
#read{ padding: 70px 0;}
}/*END*/
@media screen and (max-width: 1200px) {
#read{ padding: 60px 0;}
}/*END*/
@media screen and (max-width: 1000px) {
#read{ padding: 80px 0;}
}/*END*/
@media screen and (max-width: 800px) {
#read{ padding: 70px 0;}
}/*END*/
@media screen and (max-width: 640px) {
#read{ padding: 60px 0;}
}/*END*/
#read p span{ display: inline-block; }

/* br [#about] */
@media screen and (max-width: 970px) {
#about .read_br{display: none;}
}/*END*/

/*-------------------------------------------------
	.lr_box
--------------------------------------------------*/
/* lr_box*/
.lr_box{ width: 100%; margin: 0 auto 0px; max-width: 1600px;}
.lr_box ul li{ margin-top: 100px; display: flex; }
.lr_box ul li:nth-child(1){ margin-top: 0px; }
.lr_box ul li .img_box{ width:44%; position: relative; }
.lr_box ul li .img_box img{ width:100%; }
.lr_box ul li .txt_box{ width:50%; }
.lr_box ul li .txt_box .inner{ width:62%; }
.lr_box ul li .img_box,
.lr_box ul li .txt_box{ display: flex; align-items: center; justify-content: center; }
@media (max-width: 1000px) {
.lr_box{ width: 80%; margin: 0 auto; max-width: 650px;}
.lr_box ul li{ margin-top: 0vw; margin-top: 90px; display: block; }
.lr_box ul li .img_box{ width:100%;  margin: 0% !important;}
.lr_box ul li .txt_box{ margin-top: 40px; width:100%; }
.lr_box ul li .txt_box .inner{ width:100%; }
}/*END*/
@media (max-width: 640px) {
.lr_box{ width: 85%;}
.lr_box ul li{ margin-top: 80px; }
.lr_box ul li .txt_box{ margin-top: 30px; width:100%; }
}/*END*/

.copyright2{font-size: 12px; position: absolute; right: 0px; top: 101%; color: #666; }
@media (max-width: 640px) {
.copyright2{ font-size: 10px;}
}/*END*/
@media (max-width: 400px) {
.copyright2{ font-size: 9px;}
}/*END*/


/*-------------------------------------------------
	.lr_box  .keiji_lr_box   [ layout ]
--------------------------------------------------*/
.lr_box h2 span{ display: inline-block;}
.lr_box .txt,
.keiji_lr_box .txt{ margin-top: 28px;}
@media (max-width: 1500px) {
.lr_box .txt,
.keiji_lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1400px) {
.lr_box .txt,
.keiji_lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1300px) {
.lr_box .txt,
.keiji_lr_box .txt{ margin-top: 28px;}
}/*END*/
@media (max-width: 1000px) {
.lr_box .txt,
.txt{ font-size: 14.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 640px) {
.lr_box .txt,
.keiji_lr_box .txt{ margin-top: 15px;}
}/*END*/

/*-------------------------------------------------
    txt [base]
--------------------------------------------------*/
/*-------- 見出し size --------*/
.lr_box h2{ font-size: 32px; line-height: 1.5; }
.keiji_lr_box h3{ font-size: 17px; letter-spacing: 1px; line-height: 1.8; font-weight: bold;}
@media (max-width: 1500px) {
.lr_box h2{ font-size: 30px; }
.keiji_lr_box h3{ font-size: 16.5px; letter-spacing: .75px;}
}/*END*/
@media (max-width: 1400px) {
.lr_box h2{ font-size: 27.5px; }
.keiji_lr_box h3{ font-size: 16px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1300px) {
.lr_box h2{ font-size: 26.5px; }
.keiji_lr_box h3{ font-size: 15.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1000px) {
.lr_box h2{ font-size: 26.5px; }
.keiji_lr_box h3{ font-size: 15px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 640px) {
.lr_box h2{ font-size: 25px; }
.keiji_lr_box h3{ font-size: 14.5px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 480px) {
.lr_box h2{ font-size: 24px; letter-spacing: .2px;}
}/*END*/
@media (max-width: 350px) {
.lr_box h2{ font-size: 22px; }
}/*END*/

/*-------------------------------------------------
	見出し
--------------------------------------------------*/
.co_txt_box{ max-width: 1000px; width: 70%; padding: 90px 0 100px; margin: 0 auto; }
@media screen and (max-width: 1400px) {
.co_txt_box{ max-width: 1000px; width: 70%; padding: 80px 0 90px; }
}/*END*/
@media screen and (max-width: 1200px) {
.co_txt_box{ max-width: 1000px; width: 70%; padding: 70px 0 80px; }
}/*END*/
@media screen and (max-width: 1000px) {
.co_txt_box{ max-width: 1000px; width: 80%; padding: 70px 0 80px; }
}/*END*/
@media screen and (max-width: 640px) {
.co_txt_box{ max-width: 1000px; width: 80%; padding: 55px 0 60px; }
}/*END*/
@media screen and (max-width: 450px) {
.co_txt_box{ max-width: 1000px; width: 80%; padding: 50px 0 55px; }
}/*END*/

.co_txt_box h2{ font-size: 29px; text-align: center; letter-spacing: 1px; }
.co_txt_box2 h2{ font-size: 32px; text-align: center; letter-spacing: 1px; }
.co_txt_box h3{ font-size: 24px; text-align: center; }
.co_txt_box h2 span,
.co_txt_box h3 span{ display: inline-block;}
.co_txt_box h4{ font-size: 22px; text-align: center;}
.co_txt_box h5{ font-size: 19px; text-align: center; letter-spacing: 1px; }

#timekeeping .co_txt_box h2{ margin-bottom: 50px;}
#timekeeping .co_txt_box h3{ margin-bottom: 40px;}
#timekeeping .co_txt_box h4{ margin-bottom: -40px; padding-top: 25px;}
#padi .co_txt_box2 h2{ margin-bottom: 50px;}
#padi .co_txt_box h3{ margin-bottom: 40px;}
#nipr .co_txt_box h3{ margin-bottom: 40px;}
#underwater_archaeology .co_txt_box h3{ margin-bottom: 40px;}
@media screen and (max-width: 1400px) {
.co_txt_box h2{ font-size: 28px; }
.co_txt_box2 h2{ font-size: 31px;}
}/*END*/
@media screen and (max-width: 1000px) {
.co_txt_box h2{ font-size: 26px; }
.co_txt_box2 h2{ font-size: 30px;}
.co_txt_box h3{ font-size: 22px; }
.co_txt_box h4{ font-size: 22px; }
.co_txt_box h5{ font-size: 18px;}
#timekeeping .co_txt_box h2{ margin-bottom: 40px;}
#timekeeping .co_txt_box h3{ margin-bottom: 40px;}
#timekeeping .co_txt_box h4{ margin-bottom: -25px; padding-top: 0px;}
#padi .co_txt_box2 h2{ margin-bottom: 40px;}
#padi .co_txt_box h3{ margin-bottom: 40px;}
#nipr .co_txt_box h3{ margin-bottom: 40px;}
#underwater_archaeology .co_txt_box h3{ margin-bottom: 40px;}
}/*END*/
@media screen and (max-width: 640px) {
.co_txt_box h2{ font-size: 24px; }
.co_txt_box2 h2{ font-size: 26px;}
.co_txt_box h3{ font-size: 19px; }
.co_txt_box h4{ font-size: 19px; }
.co_txt_box h5{ font-size: 16px; letter-spacing: .5px; }
#timekeeping .co_txt_box h2{ margin-bottom: 30px;}
#timekeeping .co_txt_box h3{ margin-bottom: 30px;}
#timekeeping .co_txt_box h4{ margin-bottom: -25px; padding-top: 0px;}
#timekeeping .co_txt_box h4 span{ display: block;}
#padi .co_txt_box2 h2{ margin-bottom: 30px;}
#padi .co_txt_box h3{ margin-bottom: 30px;}
#nipr .co_txt_box h3{ margin-bottom: 30px;}
#underwater_archaeology .co_txt_box h3{ margin-bottom: 30px;}
}/*END*/
@media screen and (max-width: 450px) {
.co_txt_box h2{ font-size: 20px; }
.co_txt_box2 h2{ font-size: 23px;}
.co_txt_box h3{ font-size: 19px; }
.co_txt_box h4{ font-size: 19px; }
.co_txt_box h5{ font-size: 15px;}
#padi .co_txt_box2 h2{ margin-bottom: 30px;}
#padi .co_txt_box h3{ margin-bottom: 30px;}
#underwater_archaeology .co_txt_box h3{ margin-bottom: 30px;}
}/*END*/
@media screen and (max-width: 350px) {
.co_txt_box h2{ font-size: 20px; }
}/*END*/

/*-------- txt size --------*/
.txt_l{ font-size: 18px;line-height: 2.1; }
.txt{ font-size: 17px; letter-spacing: 1px; line-height: 1.8; }
.txt_s{ font-size: 16px; letter-spacing: 0px; line-height: 1.4; }
.txt span,
.txt_s span{ display: inline-block;}
@media (max-width: 1500px) {
.txt{ font-size: 16.5px; letter-spacing: .75px;}
.txt_s{ font-size: 15.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 1400px) {
.txt_l{ font-size: 17px; line-height: 2.3; }
.txt{ font-size: 16px; letter-spacing: .5px; }
.txt_s{ font-size: 15px; letter-spacing:0px; }
}/*END*/
@media (max-width: 1300px) {
.txt_l{ font-size: 16px; line-height: 2.1; }
.txt{ font-size: 15.5px; letter-spacing: .5px;}
.txt_s{ font-size: 14.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 1000px) {
.txt{ font-size: 15.5px; letter-spacing: .2px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 14.5px; letter-spacing: .5px;}
.txt_s{ font-size: 13.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 450px) {
.txt_l{ font-size: 15px; line-height: 2.1; }
}/*END*/
@media (max-width: 400px) {
.txt_l{ font-size: 14.5px; line-height: 2.2; }
}/*END*/