@charset "UTF-8";

/*  Clearfix
========================================== */
/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }



/*  PortalSite
========================================== */
.portal {
overflow-x: hidden;
}
.portal .pageTtl {
display: none;
}
.portal.contents .pageMv {
border: none;
padding:20px 0 0;
}
.portal.contents .pageMv .contentsInr {
margin-top: 0px;
position: relative;
}
.portal.contents .pageMv .inrC {
position: relative;
}
.portal.contents .pageMv .heading{
width: 512px;
margin: 0 auto;
display: block;
position: relative;
top: 125px;
}
.portal.contents .pageMv .heading img{
width: 100%;
}
.portal .pageMv{
background-image: url(/domtour/jaldp/new_journey/2chiiki/img/top/20230323/portal_head_bg.png);
background-size: cover;
background-position: center;
height: 590px;
}
.portal .icon{
width: 113px;
display: block;
position: absolute;
left: 0;
top: 0;
}
.portal .icon img {
width: 100%;
}
.portal .contentsInr {
margin-top: 35px;    
}
.portal .contentsInr .imgParts {
width: 448px;
margin: 0 auto;
}
.portal .contentsInr .imgParts img {
width: 100%;
}
.portal .contentsInr .lead1 {
text-align: center;
margin: 15px 0 0;
font-size: 16px;
}
.portal .list1 {
margin-top: 55px;
display: flex;
justify-content: center;
}
.portal .list1 li {
height: 62px;
width: auto;
position: relative;
}
.portal .list1 li img {
width: 100%;
height: 100%;
}
.portal .list1 li.pr35 {
padding-right: 35px;
}

.portal .list1 li.pr35 img{
width: 118px;
height: 62px;
}
.portal .list1 li.pl35 {
padding-left: 35px;
}
.portal .list1 li.pl35 img{
width: 62px;
height: 62px;
}
.portal .list1 li.pr35:after{
content: "";
width: 1px;
height: 58px;
right: 0;
top: 2px;
position: absolute;
display: block;
background: #333;
}
.portal .text1 {
text-align: center;
margin-top: 20px;
}
.portal .title2 {
color: #004998;
font-size: bold;
text-align: center;
position: relative;
margin: 75px auto 0;
font-size: 22px;
width: 312px;
}
.portal .title2::before {
left: 0px;
}
.portal .title2::before, .portal .title2::after {
position: absolute;
content: "";
height: 4px;
width: 60px;
background: #004998;
top: calc(50% - 2px);
}
.portal .title2::after {
right: 0px;
}
.portal .mapArea{
height: 680px;
width: 100%;
margin: 20px 0 0px;
background-image: url(/domtour/jaldp/new_journey/2chiiki/img/top/portal_map_bg.png);
padding: 60px 0 50px;
box-sizing: border-box;
}
.portal .mapArea .mapList{
width: 890px;
height: 570px;
margin: 0 auto;
background-image: url(/domtour/jaldp/new_journey/2chiiki/img/top/20240422/portal_img_04.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.portal .mapArea .mapList li{
width: 102px;
height: 38px;
position: absolute;
}
.portal .mapArea .mapList li a {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 22px;
}
.portal .mapArea .mapList li a span{
width: 102px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
line-height: 1;
}
.portal .mapArea .mapList li a:hover,
.portal .mapArea .mapList li a:hover h3,
.portal .mapArea .mapList li a:hover img{
opacity: 1;
text-decoration: none!important;
}

.portal .detailBox {
box-sizing: border-box;
width: 362px;
padding: 20px;
color: #fff;
position: absolute;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .4s;
transition-timing-function:ease-in-out;

}
.portal .active .detailBox  {
opacity: 1;
visibility: visible;
}
.portal .active .detailBox a {
width: 100%;
height:     100%;
}
.portal .detailBox img{
display: block;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.portal .detailBox h3{
position: absolute;
width: 114px;
left: 0;
top: 0;
z-index: 4;
}
.portal .link7 .detailBox h3{
width: 130px;
}
.portal .link8 .detailBox h3,
.portal .link9 .detailBox h3,
.portal .link10 .detailBox h3{
width: 115px;
}

.portal .mapArea .mapList li .active:after {
content: "";
display: block;
width: 362px;
height: 428px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.portal .mapArea .mapList li.link1 {
background: #006ed1;
right: 162px;
top: 40px;
}
.portal .mapArea .mapList li.link1 .active:after {
top:0px;
left: -30px;
}
.portal .mapArea .mapList li.link1 .detailBox {
top: 60px;
left: -30px;
background: #006ed1; 
}
.portal .mapArea .mapList li.link1 .detailBox span{
background: #006ed1; 
}
.portal .mapArea .mapList li.link2 {
background: #5da20a;
top: 254px;
left: 368px;
}
.portal .mapArea .mapList li.link2 .detailBox {
background: #5da20a;
top: -332px;
left: -503px;
}
.portal .mapArea .mapList li.link2 .detailBox span{
background: #5da20a;
}
.portal .mapArea .mapList li.link2 .active:after{
display: none;
}
.portal .mapArea .mapList li.link3 {
background: #b68803;
left: 54px;
bottom: 87px;
}
.portal .mapArea .mapList li.link3 .detailBox span{
top: -514px;
left: -65px;
background: #b68803;
}
.portal .mapArea .mapList li.link3 .detailBox {
background: #b68803;
top: -485px;
left: -84px;
}
.portal .mapArea .mapList li.link3 .active:after{
left: -84px;
bottom: 0;
top: auto;
}
.portal .mapArea .mapList li.link4 {
left: 42px;
bottom: 20px;
background: #884700;
}
.portal .mapArea .mapList li.link4 span{
background: #884700;
}
.portal .mapArea .mapList li.link4 .detailBox {
background: #884700;
top: -515px;
left: 150px;
}
.portal .mapArea .mapList li.link4 .active:after{
left: 0px;
bottom: 0;
top:auto;
height: 67px;
width: 513px;
}
.portal .mapArea .mapList li.link5 {
background: #D14280;
left: 490px;
bottom: 16px;
}
.portal .mapArea .mapList li.link5 .detailBox span{
top: -514px;
left: -65px;
background: #D14280;
}
.portal .mapArea .mapList li.link5 .detailBox {
background: #D14280;
top: -405px;
left: 120px;
}
.portal .mapArea .mapList li.link5 .active:after{
display: none;
}
.portal .mapArea .mapList li.link6 {
background: #F09D00;
left: 252px;
bottom: 208px;
}
.portal .mapArea .mapList li.link6 .detailBox span{
top: -514px;
left: -65px;
background: #F09D00;
}
.portal .mapArea .mapList li.link6 .detailBox {
background: #F09D00;
top: -420px;
left: -387px;
}
.portal .mapArea .mapList li.link6 .active:after{
display: none;
}
.portal .mapArea .mapList li.link7 {
background: #00959F;
left: 250px;
top: 127px;
}
.portal .mapArea .mapList li.link7 .detailBox span{
top: -514px;
left: -65px;
background: #00959F;
}
.portal .mapArea .mapList li.link7 .detailBox {
background: #00959F;
top: -155px;
right: -540px;
}
.portal .mapArea .mapList li.link7 .active:after{
display: none;
}
.portal .mapArea .mapList li.link8 {
background: #c06fca;
left: 240px;
bottom: -35px;
}
.portal .mapArea .mapList li.link8 .detailBox span{
top: -514px;
left: -65px;
background: #c06fca;
}
.portal .mapArea .mapList li.link8 .detailBox {
background: #c06fca;
bottom: 54px;
right: -19px;
z-index: 2;
}
.portal .mapArea .mapList li.link8 .active:after{
display: none;
}
.portal .mapArea .mapList li.link9 {
background: #ff7e9f;
right: -80px;
top: 96px;
}

.portal .mapArea .mapList li.link9 .detailBox span{
top: -514px;
left: -65px;
background: #ff7e9f;
}
.portal .mapArea .mapList li.link9 .detailBox {
background: #ff7e9f;
top: 60px;
right: 0;
}
.portal .mapArea .mapList li.link9 .active:after{
display: none;
}
.portal .mapArea .mapList li.link10 {
background: #41c7ff;
right: -12px;
top: 207px;
}
.portal .mapArea .mapList li.link10 .detailBox span{
top: -514px;
left: -65px;
background: #41c7ff;
}
.portal .mapArea .mapList li.link10 .detailBox {
background: #41c7ff;
top: -240px;
right: 142px;
}
.portal .mapArea .mapList li.link10 .active:after{
display: none;
}

.portal .mapArea .mapList li.link11 {
background: #e10019;
right: 270px;
top: 181px;
}
.portal .mapArea .mapList li.link11 .detailBox span{
top: -514px;
left: -65px;
background: #e10019;
}
.portal .mapArea .mapList li.link11 .detailBox {
background: #ff6464;
top: -210px;
right: 120px;
}
.portal .mapArea .mapList li.link11 .active:after{
display: none;
}

.portal .mapArea .mapList li p{
word-break: break-all;
font-size: 14px;
}

.portal .mapArea .mapList li.link3 {
z-index: 2;
}
.portal .mapArea .mapList li.link10 {
z-index: 3;
}
.portal .mapArea .mapList li.link11 {
z-index: 2;
}
.portal .mapArea .mapList li.link1 .detailBox{
z-index: 4;
}
.portal .mapArea .mapList li.link4 .detailBox{
z-index: 4;
}
.portal .mapArea .mapList li.link5 .detailBox{
z-index: 4;
}
.portal .mapArea .mapList li.link7 .detailBox{
z-index: 4;
}
.portal .mapArea .mapList li.link9 .detailBox{
z-index: 4;
}

.portal .mapArea .mapList li a .detailBox:hover .image img {
opacity: .7;
}

.portal .mapArea .mapList.windowsType li a span{
padding-top: 5px!important;
}

.portal .mapArea .mapList li p.link_text {
position: relative;
background: #fff;
text-align: center;
display: block;
width: 100%;
height: 36px;
line-height: 36px;
margin-top: 10px;
}
.portal .mapArea .mapList li.link1 p.link_text {
color: #006ed1;
}
.portal .mapArea .mapList li.link2 p.link_text {
color: #5da20a;
}
.portal .mapArea .mapList li.link3 p.link_text {
color: #b68803;
}
.portal .mapArea .mapList li.link4 p.link_text {
color: #884700;
}
.portal .mapArea .mapList li.link5 p.link_text {
color: #D14280;
}
.portal .mapArea .mapList li.link6 p.link_text {
color: #D95400;
}
.portal .mapArea .mapList li.link7 p.link_text {
color: #00959F;
}
.portal .mapArea .mapList li.link8 p.link_text {
color: #c06fca;
}
.portal .mapArea .mapList li.link9 p.link_text {
color: #d23d58;
}
.portal .mapArea .mapList li.link10 p.link_text {
color: #305aa9;
}
.portal .mapArea .mapList li.link11 p.link_text {
color: #e10019;
}

.portal .mapArea .mapList li p.link_text:after {
content: "";
display: inline-block;
width: 9px;
height: 5px;
background-repeat: no-repeat;
position: absolute;
top: calc(50% - .2px) ;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.portal .mapArea .mapList li.link1 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #006ed1 transparent transparent transparent;
}

.portal .mapArea .mapList li.link2 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #5da20a transparent transparent transparent;
}
.portal .mapArea .mapList li.link3 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #b68803 transparent transparent transparent;
}
.portal .mapArea .mapList li.link4 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #884700 transparent transparent transparent;
}
.portal .mapArea .mapList li.link5 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #D14280 transparent transparent transparent;
}
.portal .mapArea .mapList li.link6 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #F09D00 transparent transparent transparent;
}
.portal .mapArea .mapList li.link7 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #00959F transparent transparent transparent;
}
.portal .mapArea .mapList li.link8 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #c06fca transparent transparent transparent;
}
.portal .mapArea .mapList li.link9 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #d23d58 transparent transparent transparent;
}
.portal .mapArea .mapList li.link10 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #305aa9 transparent transparent transparent;
}
.portal .mapArea .mapList li.link11 p.link_text:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6.9px 4px 0 4px;
border-color: #e10019 transparent transparent transparent;
}

.portal .mapArea .mapList li a .detailBox:hover .link_text{
opacity: .8;
}

/*1003追加*/
.positionL {
    position: relative;
}

.comingsoon {
    opacity: 0.7;
    background-color: #000;
    padding: 16px;
    position: absolute;
    font-size: 0.5em;
}
/*241218追加*/
.shuryo{
	border:2px solid #cc0000;
	font-weight:bold;
	font-size:1.4em;
	color:#cc0000;
	padding:30px;
	margin-bottom:30px;
	text-align: center;
}