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

menu

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


@media screen and (min-width : 961px){

#menu ul li.sp{ display: none;}

#menuPlate{
background: #fff;
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 30;
opacity: 0.95;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

#menuBtn,#menuBtn2{display: none; pointer-events: none;}

#menuAll{
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 40;
display: block;
}

#menu{
width: 100%; height: 60px;
margin: 0;
position: absolute;
top: 0; left: 0;
z-index: 2;
}

#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
float: left;
left: 50%;
}

#menu ul li {
height: 60px;
line-height: 60px;
padding: 0 20px;
font-size: 20px;
margin: 0;
text-align: center;
position: relative;
float: left;
left: -50%;
transition: all 0.3s ease;
color: #05364d;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 400;
}

#menu ul li:hover{
opacity: 0.8;
}

#menu ul li a{
color: #05364d;
text-decoration: none;
}


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

sns

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

#snsAll{
width: 120px; height: 40px;
position: fixed;
top: 10px; right: 5px;
z-index: 45;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#iX{
background: url("../images/sns/i_x_nav.png") no-repeat center;
background-size: contain;
width: 40px; height: 40px;
transition: all 0.3s ease;
}

#iInstagram{
background: url("../images/sns/i_instagram_nav.png") no-repeat center;
background-size: contain;
width: 40px; height: 40px;
transition: all 0.3s ease;
}

#iTiktok{
background: url("../images/sns/i_tiktok_nav.png") no-repeat center;
background-size: contain;
width: 40px; height: 40px;
transition: all 0.3s ease;
}

#iX a,#iInstagram a,#iTiktok a{
width: 100%; height: 100%;
display: block;
}

#iX:hover,#iInstagram:hover,#iTiktok:hover{
opacity: 0.7;
}

}


@media screen and (max-width : 960px){

#menu ul li.pc{ display: none;}

#menuBtn{
background: url("../images/nav/btn_menu01.png") no-repeat;
background-size:100% 100%;
width: 55px; height: 55px;
cursor: pointer;
position: fixed;
top: 0; left: 0;
z-index: 50;
}

#menuBtn2{
background: url("../images/nav/btn_menu02.png") no-repeat;
background-size:100% 100%;
width: 55px; height: 55px;
cursor: pointer;
position: fixed;
top: 0; left: 0;
z-index: 55;
display: none;
}

#menuPlate{
background: #fff;
width: 100%; height: 55px;
cursor: pointer;
position: fixed;
top: 0; right: 0;
z-index: 35;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
opacity: 0.95;
}

#menuAll{
background: #fff url("../images/top/footer_sp.jpg") fixed no-repeat bottom;
background-size: 100% auto;
width: 100%; height: 100%;
position: fixed;
top: 0; left: 0;
z-index: 40;
overflow-y: auto;
display: none;
}

#menu{
width: 86%;
position: absolute;
top: 50%; left: 7%;
transform: translateY(-60%);
z-index: 1;
border-top: 1px dotted #05364d;
}

#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}

#menu ul li {
width: 100%;
margin: 0 auto;
display: block;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 400;
color: #05364d;
font-size: 4vw;
line-height: 3.5em;
text-align: center;
text-decoration: none;
letter-spacing: 0.1em;
border-bottom: 1px dotted #05364d;
}

#menu ul li a{
width: 100%; height: 100%;
display: block;
color: #05364d;
}


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

sns

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

#snsAll{
width: 108px; height: 36px;
position: fixed;
top: 9.5px; right: 7px;
z-index: 60;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#iX{
background: url("../images/sns/i_x_nav.png") no-repeat center;
background-size: contain;
width: 36px; height: 36px;
}

#iInstagram{
background: url("../images/sns/i_instagram_nav.png") no-repeat center;
background-size: contain;
width: 36px; height: 36px;
}

#iTiktok{
background: url("../images/sns/i_tiktok_nav.png") no-repeat center;
background-size: contain;
width: 36px; height: 36px;
}

#iX a,#iInstagram a,#iTiktok a{
width: 100%; height: 100%;
display: block;
}

}