@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti&family=Kaisei+Tokumin&display=swap');

.invisble-phone
{
    display:none;
}

a{
    color:inherit;
    text-decoration: none;
}

a:visited{
    color:inherit;
    text-decoration: none;
}

a.active {
    color:inherit;
    text-decoration: none;
}

a:hover:not(.active) {
    color:inherit;
    text-decoration: none;
}

.center
{
				text-align:center;
				}	
	
 				
.header
{
				position:relative;
				height:4vw;
				}

.header2
{
				position:relative;
				height:18vw;
				}					

.spacer_mobile{
    height:2vw;
}

#access
{
    
}

.center_img{
    display:none;
}

#introduction
{
    position:relative;
    color:#555;
    position:relative;
    height:475vw;
    width:100%;
				}

#introduction::before{
    position:absolute;
    content:'';
    background-image:url(wall.jpg);
    width:100%;
    height:486vw;
    opacity:0.5;
    background-size:100%;
}

#introduction .shadow img{
    border-radius:50vw;
    width:50vw;
    height:50vw;
    object-fit: cover;
    object-position: right px bottom px;
}

.shadow{
    position:relative;
    width:50vw;
    margin:auto;
}

.shadow::before{
    content:'';
    position:absolute;
    top:-0.5vw;
    bottom:0;
    left:-0.5vw;
    right:0;
    width:51vw;
    height:51vw;
    border-radius:50vw;
    box-shadow: inset 0 0 1vw 1vw rgba(255,255,255,1);
    z-index:;
}

.position{
    position:relative;
    width:90vw;
    margin:auto;
				}

.position img
{ 
    width:90vw;
    border-radius:3vw;
    margin:auto;
}



#introduction p{
    position:relative;
    font-weight:300;
    top:-vw;
}

.intro-setumei{
    position:relative;
    width:89vw;
    margin:auto;
    font-family:'Noto Serif JP', sans-serif;
    font-size:3vw;
}


#introduction span
{
				position:absolute;
				font-size:6vw;
				font-family:'Noto Serif JP', sans-serif;
				color:#fff;
				top:50vw;
				left:5vw;
				text-shadow:
0 0 0.5vw #000,
0 0 1vw #000,
0 0 1.5vw #333;
z-index:10;
				}


.intro-top{
position:relative;
display:flex;
justify-content: center;
padding:3vw;
font-size:6vw;
color:#666;
font-family:'Noto Serif JP', sans-serif;
}	
	
.intro-top img{
    position:relative;
    width:10vw;
    padding:2vw;
}	


.midashi{
				border-left:2vw solid #8098ff;
				font-size:1em;
				font-weight:bold;
				padding-left:1vw;
}

.block{
				display:block;
				position:relative;
				padding:2vw;
}



.map
{
position:relative;
top:10vw;
display:flex;
justify-content: center;
}

.map img{
width:80vw;				
}


.slide { 
				position: relative; 
				width: 100%; 
				height: 70vw;
                top:6vw;
				overflow:; 
				} 
				
@keyframes slideshow{ 
				0%{ opacity: 0; } 
				10%{ opacity: 1; } 
				30%{ opacity: 1; } 
				35%{ opacity: 0; } 
				100%{ opacity: 0; } 
				} 

.slide img { 
				position: absolute; 
				top: 30vw; 
				left: 50%; 
				transform: translate(-50%, -50%);
    width: 100%; 
				height: auto; 
				opacity: 0; 
				animation :slideshow 18s linear infinite; } 

.slide img:nth-child(2){ animation-delay: 6s; } 
.slide img:last-child{ animation-delay: 12s; }

.group
 {
 				position:relative;
 				top:5vw;
 				height:50vw;
          display:flex;
     justify-content:center;
 					}	


#title-wrap{
    position:relative;
     display:flex;
     justify-content: center;
}

#title-wrap::before{
    content:'';
    position:absolute;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1)) ,url(./wall.jpg);
    background-size:100%;
    top:-8vw;
    width:100%;
    height:85vw;
    opacity:0.5;
    z-index:-10;
}

.title-cl{
    position:relative;
    font-family:'Noto Serif JP', sans-serif;
}


.title-cl img
	{
        position:relative;
        top:1vw;
        width:5vw;
        padding-right:1.5vw;
        padding-left:1.5vw;
}				

.box_kyusin
{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(255,143,0,1);
    
}

.box_sirase{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(255,80,190,1);
}

.box_kyujin{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(50,190,200,1);
}


.box_news::-webkit-scrollbar{ 
				width: 1vw; 
				} 
				
.box_news::-webkit-scrollbar-track{ 
				background: #fff; 
				border: none; 
				border-radius: 1vw; 
				box-shadow: inset 0 0 2px #777; 
				} 
				
.box_news::-webkit-scrollbar-thumb{ 
				background:#ccc; 
				border-radius: 10px; 
				box-shadow: none; 
				}


.box_news{ 
    background: #ffffff;
    position:relative;
    font-weight: 300;
    width:90vw;
    top:-1.8vh;
    height:50vw;
    overflow:auto;
    border-radius:4px;
    opacity:0.95;
    box-shadow: 0 0.1vw 0.6vw rgba(0, 0, 0, 0.25);
				} 

.box_news li:nth-child(2n) {
    background-color:antiquewhite;
}

.box_news li:nth-child(1){
        padding-bottom:1.2vw;
}

.box_news ul
{
				list-style-type:none;
				padding-left:0;
    font-size:3.5vw;
				}

.osirase_more{
    position:relative;
    font-size:3vw;
    width:37vw;
    margin-top:8vw;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    text-decoration:;
    color:#999;
}

.osirase_more::before{
    content:'';
    position:absolute;
    top:-0.8vw;
    left:-2vw;
    width:40vw;
    height:6vw;
    border-radius:5px;
    background-color:rgba(50,190,200,0.6);;
    z-index:-1;
}

.osirase_more a:visited{
    color:#fff;
}

#table{
    
}


#table{
    position:relative;
    width:85vw;
    display:;
    margin:auto;
}

#table a{
    font-size:2.8vw;
    color:cornflowerblue;
    
}

#table table{
    font-size:3.5vw;
    border-spacing: 0;
    width:;
}

#table th {
    font-weight:100;
    font-size:3vw;
    padding-left:1vw;
    padding-right:1vw;
    width:vw;
    color:#fff;
    border-bottom:1px solid #333;
    background:#3EB4B6; 
}


#table td{
    padding-left:1vw;
    padding-right:1vw;
    padding-top:1vw;
    padding-bottom:1vw;
    font-size: 2.5vw;
    text-align: center;
    border-bottom:1px solid #333;
}

#table td:nth-child(1){
    width:20vw;
}

#table td:nth-child(n+2){
    width:7vw;
}

.animal_table{
        font-family:'Noto Serif JP', sans-serif;
    font-size:3vw;
} 


.box_annnai{
    position:relative;
    background-color:#fff;
    top:5vw;
    margin-right:auto;
    margin-left:auto;
    margin-top:5vw;
    margin-bottom:5vw;
    border-radius:2vw;
    width:90vw;
    padding-top:5vw;
    padding-bottom:5vw;
}


.box_annnai_img{
    position:relative;
    text-align: center;
}

.box_annnai_img img{
    width:10vw;
}

.box_annnai li p{
    margin-top:0;
}

.wrap_table_inner_1 .credit{
    font-family:'Noto Serif JP', sans-serif;
    font-size:3vw;
    font-weight:300;
}

.wrap_table_inner_1 .credit p:nth-child(2){
    margin:auto;
    text-align: center;
}

.wrap_table_inner_1 .credit img{
    width:60vw;
     opacity:0.8;
}

.wrap_table_inner_1 .anicom{
    font-family:'Noto Serif JP', sans-serif;
    font-size:3vw;
    margin-top:5vw;
}

.wrap_table_inner_1 .anicom p:nth-child(2){
    margin:auto;
    text-align: center;
}


.wrap_table_inner_1 .anicom img{
    width:30vw;
    margin:10px;
    opacity:0.8;
} 


.arrow_detail{
text-align: center;
    color: #28A1A3;
    font-weight:300;
}

.arrow_detail::before{
    content: '▼';
    position:relative;
    display:inline-block;
    top:0.7vw;
    padding-right:1vw;
    transform: rotate(30deg);
    color:rgba(50,190,200,1);
}

.arrow_detail::after{
    content: '▼';
    position:relative;
    display:inline-block;
        top:0.7vw;
    padding-right:1vw;
    transform: rotate(90deg);
    color:rgba(50,190,200,1)
}


.box-flex{
    position:relative;
    background-image:url(wall.jpg);
    background-size:100%;
    width:100%;
}


.box1{
    position:relative;
    font-size:3.5vw;
    font-weight:300;
    position:relative;
    z-index:100;
}

.box1 p
{
				padding:;
				text-align: center;
}


.box1 li{
				position:relative;
				list-style:none;
				/*background:#49BDF0;
    background-color:rgba(133,203,205,0.8);
    */
				color:#666;
				font-size:1.5em;
				text-align: center;
				letter-spacing: 0.05em;
    font-family:'Noto Serif JP', sans-serif;
}

.box1 anicom{
    position:relative;
    display:flex;
    justify-content: center;
    flex-flow:;
    align-items:center;  
}

.box1 .anicom
{
    position:relative;
    display:flex;
    justify-content: center;
    flex-flow:;
    align-items:center;    
}

.box1 .anicom a{
    width:;
    padding-top:;
    padding-left:5vw;
    padding-right:5vw;
}

.box1 .anicom a img{
    width:20vw;
}

.pay{
    text-align: center;
}
.pay img{
    width:50vw;
}

.animal{
    position: relative;
    font-family:'Noto Serif JP', sans-serif;
}

.animal ul{
    display:flex;
    justify-content: center;
    align-items: flex-end;
    padding:0;
}

.animal ul li{
    padding:2.5vw;
    text-align: center;
}

.dog{
    width:12vw;
}

.cat{
    width:9vw;
}

.rabbit{
    width:7vw;
}

.ferret{
    width:17vw;
}

.bird{
    width:8vw;
}

.more{
    font-size:3vw;
}

.title
{
				position:relative;
				width:100%;
				background:		#a2ffc5;
				font-size:2em;
				padding-top:1vh;
				color:#ffffff;
				height:9vw;
				text-align:center;
				text-shadow:
0 0 0.5vw #000,
0 0 1vw #000;
box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.25);
opacity:1;
	}
				
.title img
	{
					width:7vw;
					top:1vw;
					position:absolute;
					left:1vw;
					}
		
.table_com{
    position: relative;
    margin:auto;
    width:85vw;
    font-weight:300;
}

.box-pink
{
    position:relative;
    text-align:center;
    color:#efffff;
    width:50vw;
    height:10vw;
    font-size:5vw;
    padding:vw;
    line-height:1.9;
    margin:auto;
    border-radius:3vw;
    background-color:#FF9090;
    box-shadow:0 0.5vw 1vw #865f59,0 0.1vw 1vw #865f59;
    font-weight:300;
}

.box-pink a
{
				color:#fff;
}



.calendar{ 
    position:relative;
    display:flex;
    justify-content:center;
}

.calendar iframe
{
    width:90vw;
    height:90vw;   
}



@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


body{
font-family: 'Noto Sans JP', sans-serif;
font-size:4.3vw;
color:#333;
margin:0;
}

li{
    	list-style-type: none;
}


header 
{
padding-bottom:; 
position:absolute; 
width:100%;
height:50vw;
top:0;
left:0; 
border-bottom:0.5vw;
background:rgba(255,255,255,0.9);
z-index:100;    
} 



header, .wrap
{
height: 28vw;
}

.blind-smart{
    display:none;
}

#copyright{
    position:relative;
    text-align: center;
    top:5vw;
    color:#eee;
    font-size:3vw;
}

.top-font{
   	position:relative;
    text-align: center;
    padding:15vw;
    letter-spacing:1vw;
    font-size:6vw;
    font:#ddd;
    font-family:'Noto Serif JP', sans-serif;
}

.pc-image{
    display:none;
}

.midashi{
    border-left:1.5vw solid #8098ff;
    border-bottom:0.3vw solid #2b3356;
    padding-left:1vw;
    width:50vw;
    left:vw;
    position:relative;
    font-size:5vw;
    font-family:'Noto Serif JP', sans-serif;
}




.table_inner_1_title{
    display:none;
}


.table_inner_2_title{
    display:none;
}






			
.header
{
				position:relative;
				height:6vw;
				}

.header2
{
				position:relative;
				height:18vw;
				}					

.header3
{
				position:relative;
				height:18vw;
				}




#wrap4{
				position:relative;
				padding:0px;
				left:0;
				width:100%;
    height:315vw;
				}							

#footer
{ 
    position:relative;
    display:flex;
    justify-content: center;
    top:409vw;
    width:100%; 
    margin:0px;
    height:326vw;
    background:#85CBCD;
    opacity:1; 
    color:#333;
    font-family:'Noto Serif JP', sans-serif;
				}

#footer a {
	text-decoration:none;
}

#footer_wrap{
    position:relative;
    background:#fff;
    margin-top:10vw;
    width:85vw;
    height:294vw;
    border-radius:3vw;
}

#footer_img_wrap{
    position:relative;
    display: flex;
    justify-content: center;
    top:1.5vw;
}

#footer_img_wrap img:first-child{
    position:relative;
    width:13vw;
    top:0.5vw;
}

#footer_img_wrap img:nth-child(2){
    position:relative;
    top:3.5vw;
    width:35vw;
    height:10vw;
}

.footer_tel{
    position:relative;
    left:5vw;
}

.footer_tel a{
    text-decoration:none;
	color:green;
}

.footer_tel a img{
      position:relative;
    top:2.5vw;
    width:4vw;
}


#footer_table{
    position:relative;
    width:80vw;
    margin-top:5vw;
    text-align:center;
    left:2vw;
}

#footer_table a{
    font-size:2.8vw;
    color:cornflowerblue;
    
}

#footer_table table{
    font-size:3.5vw;
    border-spacing: 0;
    white-space: nowrap;
}

#footer_table th {
    font-weight:100;
    padding: 1.5vw;
    border-bottom:1px solid #333;
}

#footer_table td {
    padding:1vw;
    font-size: 3vw;
    text-align: center;
    border-bottom:1px solid #333;
}

#footer_wrap .credit
{
    text-align:center;
    font-size:3vw;
    padding:4vw;
}

#footer_wrap .credit img
{
    position:relative;
    width:60vw;
    background-color:#fff;
    padding:10px;
    border-radius:10px;
 
}

.invisible-pc-anicom .anicom
{
    position:relative;
    display:flex;
    justify-content: center;
    flex-flow:;
    align-items:center;    
}

.invisible-pc-anicom .anicom a{
    width:;
    padding-top:;
    padding-left:5vw;
    padding-right:5vw;
}

.invisible-pc-anicom .anicom a img{
    width:20vw;
}

.invisible-mobile-anicom{
    display:none;
}

.invisible-pc-anicom{   
}

.invisible{
    display:none;
}

#gmap {
top:4vw;
position: relative;
width:70vw;
height:50vw;
margin:auto;
padding:0;
}

#gmap iframe{
position:absolute;
width:70vw; 
height: 50vw;
margin:auto;
border-radius:3vw;
}

#menu{
}

#center{
    position:relative;
    display:flex;
    justify-content:center;
    top:5vw;
    left:
}

#menu ul{
    position:relative;
    padding:0;
    width:100%;
}

#menu li{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:1vw;
    margin-bottom:1vw;
    font-weight:100;
    font-size:3vw;
    background: #eee;
    width:60vw;
    border-radius:2vw;
    padding:1vw;
    opacity:0.9;
}

#menu a {
	text-decoration:none;
	color:#333;
}

#menu a.active {
	color: #;
	background-color: #0d6990;
}

#menu a:hover:not(.active) {
	color: #; 
	opacity:0.5;
	background-color: #fff;
}

.arrow{
    position:absolute;
    border: 0;
    border-top: solid 0.6vw #28A1A3;
    border-right: solid 0.6vw #28A1A3;
    display:inline-block;
    transform: rotate(45deg);
    top:2.3vw;
    left:57vw;
    width: 1.5vw;
    height: 1.5vw;
}

.p1{
    position:relative;
    text-align:left;
    font-size:3.5vw;
    padding-left:2vw;
    top:2vw;
}

.p2{
    position:relative;
    text-align:left;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}


.p3{
    top:4vw;
    position:relative;
    text-align:center;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}

.p4{
    text-align: center;
    background: #eee;
    width:70vw;
}


.p5{
    font-family:'Noto Serif JP', sans-serif;
    
}

.p6{
    font-size:3vw;
}

.p8{
    font-size:3vw;
    text-align: center;
}

.invisible-mobile{
      display:none;
}


.tel{
    font-size:3vw;
    position:fixed;
    color:#fff;
    bottom:0;
    left:0;
    width:33.3vw;
    height:13vw;
    padding:;
 	border-radius:;
    background:#888;
    border-radius:;
    text-align: center;
    z-index:500;
}

.tel a
{
				color:#fff;
}

.tel img{
    position:absolute;
    top:0.5vw;
    width:6vw;
    left:13.5vw;
    
    
}

.tel p{
    position:relative;
    text-align: center;
    margin-top:4vw;
    top:3.8vw;
}


/**.tel-ca::before{
    content:'';
    top:0;
    left:0;
    margin:0;
    padding:0;
    position:;
    width:100vw;
    height:100vh;
    background:#111;
    z-index:-1;
}**/


/**　ここからモバイル用電話ボタン　**/
.tel_ca_bg{
    position:fixed;
    display:none;
    top:0;
    left:0;
    margin:0;
    padding:0;
    position:;
    width:100vw;
    height:100vh;
    background:rgba(100,100,100,0.7);
    z-index:1000;
    opacity:;
}

.tel-ca{
    position:fixed;
    display:flex;
    overflow: auto;
    border-radius:2vw;
    background:#eee;
    width:90vw;
    height:95vh;
    max-height: 800px;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    font-size:3.5vw;
    opacity:0.9;
}

.tel-ca::-webkit-scrollbar {
  display: none;
}

.tel-ca ul{
    justify-content: center;
    padding:2vw;
    font-family:'Noto Serif JP', sans-serif;
}

.tel-ca li{
    list-style: none;
}

.tel_no{
    position:fixed;
    top:2vw;
    right:2vw;
}

.tel_no img{
    width:7vw;
}

.tel_l{
    font-size:4vw;
    text-align: center;
}

.tel_l_u{
    margin:auto;
    width:75vw;
    font-size:3.5vw;
    border-bottom:1px solid;
    text-align: center;
}

.tel_m{
    text-align: center;
}

.tel_m img{
    top:vw;
    width:6vw;
}

.tel_s{
    font-size:2.7vw;
    text-align: center;
}

.tel_s_left{
    font-size:3vw;
    text-align:left;
    display:;
}


.tel_ss{
    font-size:2vw;
}

.tel_sss{
    font-size:1vw;
}

.tel_tel{
    display:flex;
    justify-content: center;
    flex-direction: column;
    margin:auto;
    padding:2vw;
    width:25vw;
    height:8vw;
    border-radius:4vw;
    background:#3EB4B6;
    color:#fff;
}

.tel_tel p{
    margin:1vw;
}

/**　ここまでモバイル用電話ボタン　**/

.tizu{
    font-size:3vw;
    position:fixed;
    color:#fff;
    bottom:0;
    right:0;
    width:33.3vw;
    height:13vw;
    padding:;
 	border-radius:;
    background:#3EB4B6;
    border-radius:;
    text-align: center;
    z-index:500;

}

.tizu a
{
				color:#fff;
}

.tizu img{
    position:absolute;
    top:1.3vw;
    width:6vw;
    left:13.5vw;    
}


.tizu p{
    position:relative;
    text-align: center;
    margin-top:4vw;
    top:3.8vw; 
}



.time{
    font-size:3vw;
    position:fixed;
    color:#fff;
    bottom:0;
    left:33.3vw;
    width:33.7vw;
    height:13vw;
    background:#28A1A3;
    border-radius:;
    text-align: center;
    z-index:500;
}

.time a
{
				color:#fff;
}


.time img{
    position:absolute;
    top:1vw;
    width:6vw;
    left:14vw;    
}


.time p{
    position:relative;
    text-align: center;
    margin-top:4vw;
    top:3.8vw; 
}

#nav-button{
position:fixed;
 top: 1vw;
 right:1vw;
 padding: 3vw;
 width:		6.5vw;	
 height:		6vw;	
 display:	block;
 	border:		0vw solid #00999f;	
 	/*box-shadow:	1px 1px 1px #007182;*/	
 	border-radius:	4px;
 	background-color:rgba(133,203,205,0.8);
 	/*background-color:#90CE9C;*/
 	text-align:	center;
 	z-index:220;
}
 	
#nav-button p{
 				position:absolute;
 				left:2vw;
 				top:4.6vw;
 				font-size:0.7em;
 				color:#fff;
 				z-index:200;
 					}
 
 
.nav-unshown { 
				display:none; 
				}
				
#nav-open { 
display: inline-block;
width: 7vw; 
height: 6vw;
vertical-align: middle;
z-index:200;
}

#before{
position:absolute; 
top:4vw;
     left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 
 
#after{
position:absolute; 
top:4vw;
left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 

#before2{
position:absolute; 
top:1.5vw;
     left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 
 
#after2{
position:absolute; 
top:6.3vw;
     left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 


#nav-input:checked ~ #before
{
			transform: rotate(45deg);
 	transition: .3s ease-in-out;		
				}
				
#nav-input:checked ~ #before2
{
			display:none;
				}

#nav-input:checked ~ #after
{
			transform: rotate(-45deg);
 	transition: .3s ease-in-out;		
				}

#nav-input:checked ~ #after2
{
			display:none;
				}

#nav-close {
display: none;
position: fixed; 
z-index: 80;
top: 13vw;
left: 0; 
width: 100%;
height: 100%; 
background: #000000;
opacity: 0;
 } 

#nav-top-close{
				position:fixed;
				display:block;
				top:0;
				left:0; 
				height:14vw;
				width:50vw;
				background:#28A1A3;/*#2ec6ff;*/
				z-index:100;
				-webkit-transform: translateX(-105%);
				transform: translateX(-105%);
}

#nav-content {
position: fixed;
display:block;
top: 0; 
left: 0; 
z-index:80;
width: 50vw;
max-width: 100vw;
height: 100%; 
background: rgba(255,255,255,1);
box-shadow:0 0 5px #000000;
-webkit-transform: translateX(-105%); transform: translateX(-105%);
} 

#nav-input:checked ~ #nav-close
{
				display: block;
				} 

#nav-input:checked ~ #nav-top-close
{
				-webkit-transform: translateX(0%); 
				transform: translateX(0%);
				transition: .2s ease-in-out;
				} 

#nav-input:checked ~ #nav-content { 
-webkit-transform: translateX(0%); 
transform: translateX(0%);
transition: .2s ease-in-out;
}


#ul {
	width: 50vw;
	font-size:4.5vw;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#28A1A3;/*#2ec6ff;*/
    font-family: "Kaisei Opti", serif;
	opacity:1;
	z-index:85;
}

#ul li a {
	display: block;
		border-top: 0.5vw dotted #ffffff
	;
	padding: 1vw 6vw;
	text-decoration: none;
	color: #fff;
}

#ul li {
	text-align: center;
}

#ul li img{
    display:none;
}

#ul li:first-child{
border:none;
height:14vw;
}


#ul li:nth-child(6){
border:none;
height:vw;
font-size:vw;
padding-left:;
padding-right:;
}

#ul li:last-child {
border-bottom: 0.5vw dotted #ffffff
}

#ul li a.active {
	color: #ffffff;
	background-color: #0d6990;
}
#ul li a:hover:not(.active) {
	color: #ffffff; 
	opacity:0.5;
	background-color: #0d6990;
}

.invisible-mobile-sfont{
    display:none;
}





#footer-wrap{
				position:relative;
				bottom:0;
}

.logo{
				position:absolute;
		 	font-size:6.6vw;
				/*color:#fafad2;*/
				text-align:left;
				top:6vw;
				left:28vw;
				z-index:5;
				text-shadow:
0 0 0.5vw #000,
0 0 0.5vw #000,
0 0 1vw #000;
}

.logo img{
    width:55vw;
}
.logo span:nth-child(1){
color:#dff;
}

.logo span:nth-child(3){
color:#fafad2;
}

.logo2 img{
    width:auto;
    height:26vw;
}

.logo2
{
				position:absolute;
				left:2vw;
				top:1.5vw;
				width:auto;
				height:26vw;
    z-index:100;
}