@charset "utf-8";

/* ============================================
	TOPページ共通部分
============================================ */

@media screen and (min-width: 821px) {
.sponly {
	display: none!important;
}
}

@media screen and (max-width: 820px) {
.pconly {
	display: none!important;
}
.spnone {
	display: none!important;
}
div.colorbar {
    background-image: url(https://hello-sovigo.com/assets/images/colorbar_sp.png)!important;
    height: 22px!important;
    margin-bottom: 50px!important;
    background-size: cover!important;
}
div.bgwhite {
	background: #fff;
}
div.ptfifty {
    padding-top: 50px!important;
}
div.mbfifty {
    margin-bottom: 50px!important;
}

img {
    max-width: 100%;
}
img.up_to_top {
    bottom: 10px;
    right: 10px;
}
#toggle {
    position: absolute;
    right: 0px;
}
#wrapper {
    width: 100%;
}
.footarea {
    height: 100px;
}
.footarea .f_nav {
    width: 100%;
    display: none;
}
.footarea .f_logo {
    float: inherit;
    margin-top: 0px;
    text-align: center;
    padding-top: 45px;
    width: auto;
    margin-right: 0px;	
}
img.btn {
    width: 33%;
    margin: -10px;
}
.logo_s img {
    width: 100px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    left: 0;
}
.navarea li.sns {
    position: relative;
    left: 0%;
}
.navarea li.company {
    float: none;
    display: flex!important;
}
.navarea li a {
    padding: 10px 15px 10px 15px;
    color: #a88080;
    border-left: none;
    background: f5f5f5;
    width: 85%;
    margin: auto;
}
.navarea li a:hover{
	-webkit-transition: unset!important;
	transition: unset!important;
}
.navarea li a.underline {
    border-bottom: solid 1px;
}
.navarea li a.sns {
    width: 33.333333%!important;
    float: left;
    padding: 15px 40px 15px 40px;
    display: block;
}


	
a{
text-decoration: none;
color: #333333;
}

/*ナビのスタイル*/
nav.NavMenu{
position: fixed;
z-index: 12;
top: 0;
left: 0;
background: #f5f5f5;
text-align: center;
width: 100%;
height: 100%;
display: none;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
font-size: 24px;
list-style-type: none;
width: 100%;
padding-bottom: 0px;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
}

nav.NavMenu ul li a{
display: block;
color: #969696;
padding: 10px 0;
font-weight: bold;
font-size: 18px;
}

/*ボタンのスタイル*/
.Toggle {
position: fixed;
right:18px;
top: 3px;
width: 45px;
height: 45px;
cursor: pointer;
z-index: 13;
display: block;
}

.Toggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 4px #C1C1C1;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}

.Toggle span:nth-child(1) {
top: 9px;
}

.Toggle span:nth-child(2) {
top: 20px;
}

.Toggle span:nth-child(3) {
top: 31px;
}

.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 3px #C1C1C1;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 3px #C1C1C1;
}
.navarea li {
    display: block;
}
	
.top_box05 div.threebox div.shidouann a {
    color: #00aef4;
}
	
}