@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;
background-color:rgba(177,0,2,1.00);
position: absolute;
top: 0;
right: 270px;
}

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

.menuBtn.clsBtn .icon .bar {
width: 30px;
height: 3px;
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%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 10000;
-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 #menuCover {
content: "";
display: none;
width: 100%;
height: 150%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 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;
height: 115%;
background: #333;
position: absolute;
top: 0;
right: 0;
overflow-y: scroll;
}

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

#drawrPanel .navigationWrapper nav div {

}

#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 #555;
}

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


#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;
}

#drawrPanel .navigationWrapper nav ul li:last-child a{
display: block;
color: #fff;
text-align: center;
padding:10px 20px;
text-decoration: none;
}


#drawrPanel .navigationWrapper nav ul li span:after {
content: "";
display: inline-block;
color: #ef8402;;
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-color: #444;
}

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

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

#drawrPanel .navigationWrapper nav ul li ul li:first-child{
border:#555 solid 1px;
}

#drawrPanel .navigationWrapper nav ul li ul li a {
line-height: 1.3;
padding: 16px 15px 16px 18px;
}

#drawrPanel.open {
left: 0;
}

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

#spMenuBtn {
width: 48px;
height: 48px;
border-radius: 4px;
position: fixed;
top: 10px;
right: 9px;
background-color:#333;
z-index:9999;
border:#666 1px solid;
}

#spMenuBtn .menuBtn {
display: block;
width: 100%;
height: 100%;
text-align: center;
padding: 7px 0px 20px 0px;
}

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

#spMenuBtn .menuBtn .icon .bar {
width: 30px;
height: 3px;
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);
}

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

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

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


.navigationWrapper .contact_sp_midashi{
font-size:15px;
}

.navigationWrapper .contact_sp{
padding:15px !important;
}



.txt {
color: #fff !important;
display: block;
font-size: 10px;
}


}





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

width:100%;
}

#sp_contactlist ul{
overflow: inherit;
}

#sp_contactlist li{
float:left;
}

#sp_header_contact{
padding: 4px 0px 20px 0px;
border: #f18200 solid 1px;
position:absolute;
right: 64px !important;
top:11px !important;
width: 46px !important;
border-radius: 4px !important;
height: 46px !important;
text-align:center;

-webkit-transform: translateX(0)translateY(0);
-ms-transform: translateX(0)translateY(0);
-o-transform: translateX(0)translateY(0);
transform: translateX(0)trans;
}

#sp_header_contact i{
font-size:26px;
color:#f18200;
}

#sp_header_contact span.txt{
color:#f18200 !important;
}
}

@media screen and (min-width:768px)  {
#drawer_sub{
display:none;
}
}

@media screen and (max-width:767px)  {
#drawer_sub{
width:88%;
margin:12px auto 30px;
overflow:hidden;
}

#drawrPanel .navigationWrapper nav div.drawer_login{
width:90%;
margin:0px auto 15px;
background-color:#a0c142;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding:6px;
color:#fff;
text-align:center;
font-size: 13px;
line-height:1.0;
}

#drawrPanel .navigationWrapper nav div.drawer_kazo{
width:26%;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding:6px;
float:left;
color: #FFF;
font-size: 12px;
text-align:center;
margin:0 5% 0 6%;
background-color:#ef8402;
}

#drawrPanel .navigationWrapper nav div.drawer_hanyu{
width:26%;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding:6px;
float:left;
color: #FFF;
font-size: 12px;
text-align:center;
margin-right:5%;
background-color:#ef8402;
}

#drawrPanel .navigationWrapper nav div.drawer_contact{
width:26%;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding:6px;
float:left;
color: #FFF;
font-size: 12px;
text-align:center;
margin-right:6%;
background-color:#ef8402;
}

#drawrPanel .navigationWrapper nav div.drawer_contact span,
#drawrPanel .navigationWrapper nav div.drawer_hanyu span,
#drawrPanel .navigationWrapper nav div.drawer_kazo span{
display:block;
}

#drawrPanel .navigationWrapper nav div.drawer_contact i,
#drawrPanel .navigationWrapper nav div.drawer_hanyu i,
#drawrPanel .navigationWrapper nav div.drawer_kazo i{
font-size:30px;
}
#drawrPanel .navigationWrapper nav div.drawer_login i{
font-size:20px;
}

div.drawer_login a,
div.drawer_contact a,
div.drawer_hanyu a,
div.drawer_kazo a{
color:#fff;
}

}



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


#test{
text-align: center;
}



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

#spMenuBtn .menuBtn {
    padding: 9px 0px 20px 0px;
}

#spMenuBtn {
    width: 60px;
    height:60px;
    border-radius: 4px;
    position: fixed;
    top: 12px;
    right: 9px;
    background-color: #333;
    z-index: 9999;
    border: #666 1px solid;
}
#spMenuBtn .menuBtn .icon {
    height: 25px;
    margin-bottom: 6px;
    position: relative;
}
#spMenuBtn .menuBtn .icon .bar {
    height: 4px;
width: 36px;
}
}