@media only screen and (max-width:1199px){
html {
overflow: auto;
height: 100%;
}

body {
height: 100%;
}

.menuBtn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
padding: 0;
border: none;
}

.menuBtn.clsBtn {
width: 50px;
height: 50px;

position: absolute;
top: 12px;
right: 8px;
z-index:999;
}

.menuBtn.clsBtn .icon {
width: 30px;
height: 19px;
margin: 0 auto;
position: relative;
}

.menuBtn.clsBtn .icon .bar {
width: 30px;
height: 1px;
background:#fff;
border-radius: 1px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
}

.menuBtn.clsBtn .icon .bar.top {
top: 0;
}

.menuBtn.clsBtn .icon .bar.mdl {
top: 0;
bottom: 0;
}

.menuBtn.clsBtn .icon .bar.btm {
bottom: 0;
}

.menuBtn.clsBtn.open .icon {
height: 30px;
}

.menuBtn.clsBtn.open .icon .bar.top {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.menuBtn.clsBtn.open .icon .bar.mdl {
width: 0;
}

.menuBtn.clsBtn.open .icon .bar.btm {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#drawrPanel {
width: 100%;

position: fixed;
bottom: 100%;
top: 0;
z-index: 2;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#drawrPanel.open{
height: 100%;
}

#drawrPanel #menuCover {
content: "";
display: none;
width: 100%;
height: 150%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#drawrPanel .navigationWrapper {
width: 270px;
width: 100%;
height: 100%;
background: #333;
position: absolute;
bottom:100%;
overflow-y: scroll;
}

#drawrPanel .navigationWrapper::-webkit-scrollbar {
  display: none;
}

#drawrPanel .navigationWrapper nav {
margin-bottom: 150px;
}

#drawrPanel .navigationWrapper nav div {
width:100%;
color:#0b305b;
text-align:left;
}

#drawrPanel .navigationWrapper nav #nav_logo{
text-align:center;
}
#drawrPanel .navigationWrapper nav #nav_logo img{
width:110px;
height:auto;
}
#drawrPanel .navigationWrapper nav #nav_logo h1#nav_logo_summery{
display:none;
}


#drawrPanel .navigationWrapper nav ul li {
color: #555;
font-size: 14px;
line-height: 1.0;
/*border-bottom: solid 1px #bdcdb1; */
width:100%;
}



#drawrPanel .navigationWrapper nav ul li:first-child {
color: #555;
color:#031428;
font-size: 14px;
line-height: 1.0;
/*border-bottom: solid 1px #bdcdb1;*/
/*border-top: solid 1px #bdcdb1;*/
}


#drawrPanel .navigationWrapper nav ul li span,
#drawrPanel .navigationWrapper nav ul li a  {
display: block;
color: #fff;
text-align: left;
padding: 17px 15px;
text-decoration: none;
border-bottom: 1px solid #555;
}

#drawrPanel .navigationWrapper nav ul.sub_nav li {
color: #555;
font-size: 14px;
line-height: 1.0;
border-bottom:none;
width:100%;
}


#drawrPanel .navigationWrapper nav ul.sub_nav li:last-child{
display: inline-block;
}


#drawrPanel .navigationWrapper nav ul.sub_nav li span,
#drawrPanel .navigationWrapper nav ul.sub_nav li a {
display: block;
color: #fff;
text-align: center;
padding: 45px 15px 17px 15px;
text-decoration: none;
}

#drawrPanel .navigationWrapper nav ul li span:after {
content: "";
display: inline-block;
color: #fff;
width: 0;
height: 0;
vertical-align: middle;
margin-left: 5px;
border-top:5px solid;
border-left:5px solid transparent;
border-right:5px solid transparent;
margin-bottom: 4px;
-webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,-webkit-transform .2s ease;
transition: transform .2s ease,opacity .2s ease;
transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
}

#drawrPanel .navigationWrapper nav ul li.open span:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

#drawrPanel .navigationWrapper nav ul li ul {
display: none;
}

#drawrPanel .navigationWrapper nav ul li ul li {
background:none;

}

#drawrPanel .navigationWrapper nav ul li ul li i{
color:#9b2828;
}



#drawrPanel .navigationWrapper nav ul.primary_nav li:last-child a {

}


#drawrPanel .navigationWrapper nav ul li ul li:last-child{
border:none;
}

#drawrPanel .navigationWrapper nav ul li ul li:first-child{

}

#drawrPanel .navigationWrapper nav ul li ul li a {
line-height: 1.3;
padding: 17px 15px 17px 20px;
border-bottom: 1px solid #222;
}

#drawrPanel.open {
top: 100%;
}

#drawrPanel.open #menuCover {
display: block;
opacity: 1;
}

#spMenuBtn {
width: 48px;
height: 48px;
border-radius: 4px;
position: fixed;
top: 20px;
right: 8px;
z-index:9999;
}

span.txt{
font-size:10px;
color:#fff;
}

body#kasou span.txt{
color:#444;
}

#spMenuBtn .menuBtn {
display: block;
width: 100%;
height: 100%;
text-align: center;
padding:10px 0px 20px 0px;
background-color:rgba(255,255,255,0.6)
}

#spMenuBtn .menuBtn.open{
background-color:rgba(255,255,255,0)
}


#spMenuBtn .menuBtn .icon {
height: 19px;
margin-bottom:3px;
position: relative;
}

#spMenuBtn .menuBtn .icon .bar {
width: 32px;
height: 1px;
background: #fff;
border-radius: 1px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
}

body#kasou #spMenuBtn .menuBtn .icon .bar {
background: #444;
}

#spMenuBtn .menuBtn .icon .bar.top {
top: 0;
}

#spMenuBtn .menuBtn .icon .bar.mdl {
top: 0;
bottom: 0;
}

#spMenuBtn .menuBtn .icon .bar.btm {
bottom: 0;
}

#spMenuBtn .menuBtn .icon .change {
background: #fff !important;
}

.open .menuBtn span.change{
color: #fff !important;
}

.fixed #spMenuBtn .menuBtn .icon .change {
background: #333 !important;
}

.fixed .menuBtn span.change{
color: #333 !important;
}
}


/* 開閉ボタン　------------------------------------------------------------------*/
@media only screen and (max-width:1199px){
#drawer_button{
margin:0;
}
}


#drawer_button #sp_contactlist{
display: none;
}
@media only screen and (max-width:1199px){
#drawer_button #sp_contactlist{
display:block;
width:100%;
}

#drawer_button #sp_contactlist #spMenuBtn {
top:10px;
}

#spMenuBtn .menuBtn .icon .bar {
background: #0b305b !important;
}

#spMenuBtn span.txt{
color:#0b305b;
}

#spMenuBtn .open span.txt{
color:#fff;
}
}
@media only screen and (max-width:680px){
#drawer_button #sp_contactlist #spMenuBtn {
top:10px;
}
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆  */

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

#drawrPanel.open .navigationWrapper{
bottom:100% !important;

}

#spMenuBtn .menuBtn .icon .bar {
transition: all .4s;
}


#spMenuBtn .menuBtn.open span.bar.top {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
background-color: #fff !important;
}

#spMenuBtn .menuBtn.open span.bar.mdl {
opacity: 0;
background-color: #fff !important;
}

#spMenuBtn .menuBtn.open span.bar.btm {
transform: rotate(45deg);
transform: translateY(-10px) rotate(45deg);
background-color: #fff !important;
}


#spMenuBtn {
z-index: 999999;
position: fixed;
}
#spMenuBtn .menuBtn .icon {
height: 21px;
}

span.txt:after{
content:"MENU";	
}
.open span.txt:after{
content:"CLOSE";	
}
}



/* 同ページリンク　----------------------------------*/
.u-anchor:before{
content:"";
display:block;
height:67px;
margin-top:-67px;
}