@charset "utf-8";

.sp_header {
background: #FFF;
position: relative;
width: 100%;
height: 60px;
z-index: 995;
/*border-bottom:4px solid #F3D8E7;*/
}
.sp_header h1{
display: inline-block;
}
.sp_header h1 {
position: absolute;
z-index: 100;
top:8px;
left:10px;
text-align: left;
width: 90%;
}
.sp_header h1 img {
display: inline-block;
vertical-align: bottom;
width: 110px;
margin-top: 5px;
}
.sphead_btn_buy,
.sphead_btn_rental {
position: fixed;
top:13px;
right:65px;
display: none;
width: 82px;
height: 48px;
z-index: 996;
}
.sphead_btn_rental {
right:152px;
}
.sphead_btn_rental.new:before {
position: absolute;
top:-10px;
right:-5px;
content:"";
display:block;
width:24px;
height:24px;
background: url(../images/header_icon_new.svg) no-repeat 50% 50%;
background-size: 100%;
}

body.service .sphead_btn_buy,
body.service .sphead_btn_rental {
display: block;
}
body.service#service_rental .sphead_btn_buy {
display: none;
}
body.service#service_rental .sphead_btn_rental {
right:75px;
}
body.service .sphead_btn_rental#rental_signup {
display: none;
}
body.service#service_rental .sphead_btn_rental#rental_intro {
display: none;
}
body.service#service_rental .sphead_btn_rental#rental_signup {
display: block;
width: 120px;
}



@media screen and (max-width:321px) {
.sp_header h1 img {
width: 100px;
}
.sphead_btn_buy,
.sphead_btn_rental {
top:15px;
width: 60px;
}
.sphead_btn_rental {
right:130px;
}
.sphead_btn_rental.new:before {
width: 18px;
height: 18px;
}
}/*min-width:375px*/


@media screen and (min-width:768px) {
.sphead_btn_buy,
.sphead_btn_rental,
body.service .sphead_btn_buy,
body.service .sphead_btn_rental,
body.service#service_rental .sphead_btn_rental#rental_signup {
display: none;
}
}/*min-width:768px*/





/* hamburger menu */
.hmenu-wrapper{
position:fixed;
top:0;
right:0;
z-index: 999;
background-color:#e2e537;
}
#business_dokkyo .hmenu-wrapper{
background-color:#dae000;
}

.hmenu{
width: 60px;
height:60px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 999;
}
.hmenu1{
width:34px;
height:4px;
position:absolute;
top:16px;
left:15px;
}
.hmenu2{
width:34px;
height:4px;
position:absolute;
top:28px;
left:15px;
}
.hmenu3{
width:34px;
height:4px;
position:absolute;
top:40px;
left:15px;
}
.hmenu1,.hmenu2,.hmenu3{
transition: all 0.3s ease-out;
display: inline-block;
background-color: #585656;
border-radius: 2px;
}
.hmenuclick1{
top:28px;
transform: rotate(45deg);
}
.hmenuclick2{
opacity:0;
}
.hmenuclick3{
top:28px;
transform: rotate(-45deg);
}
.hmenu-back{
display: none;
position: fixed;
background-color: #FFF;
opacity: 1;
z-index: 997;
width: 100%;
height: 100%;
top:0;
left:0;
}
.hmenu-nav {
display: none;
position:fixed;
top:0;
z-index: 998;
top: 0;
width: 100%;
height: 100%;
padding: 1.5rem 0;
box-sizing: border-box;
background-color: #e2e537;
}
#business_dokkyo .hmenu-nav{
background-color:#dae000;
}
.small_menu .hmenu{
width: 40px;
height:40px;
}
.small_menu .hmenu1{
width:22px;
height:2px;
top:12px;
left:10px;
}
.small_menu .hmenu2{
width:22px;
height:2px;
top:18px;
left:10px;
}
.small_menu .hmenu3{
width:22px;
height:2px;
top:24px;
left:10px;
}
.small_menu .hmenuclick1{
top:20px;
}
.small_menu .hmenuclick3{
top:20px;
}


.hmenu-nav h1 {
margin-bottom: 2rem;
}
.hmenu-nav h1 a{
display: block;
width: auto;
padding: 0;
margin: 0;
text-align: left;
}
.hmenu-nav > nav {
padding: 0 20px;
width: 100%;
height: 100%;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
.hmenu-nav li {
margin-top: 1rem;
}
.hmenu-nav li.lower {
margin-top: 0;
font-size: 90%;
}
.hmenu-nav li a,
.hmenu-nav li strong {
display: block;
padding: .3rem 0;
font-size: 110%;
font-family: "YakuHanJP", dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
}
.hmenu-nav li.lower a {
display: inline-block;
padding: 0 .7rem .3rem 0;
font-size: 106%;
font-weight: 400;
}





/* Social Button */
.social-button {
padding:14px 0;
}
.social-button ul {
width: 90%;
margin: 0 auto;
text-align: right;
overflow: hidden;
}
.social-button ul li {
display: block;
margin-left: 8px;
/*margin-left: 12px;*/
float: right;
}
.social-button ul li.fb {
position: relative;
top:-7px;
/*left:6px;*/
/*width: 75px;*/
}




/* footer-top-btn */
.footer {
position: relative;
}
.footer-top-btn {
position: fixed;
bottom:10px;
right:10px;
display: inline-block;
background: #d1d721;
text-align: center;
width: 50px;
height: 50px;
z-index: 500;
border-radius: 30px;
opacity: 0;
}
.footer-top-btn span {
display: none;
}
.footer-top-btn:before {
position: absolute;
top:55%;
left:50%;
display:block;
content: "";
width: 10px;
height: 10px;
border-top:2px solid #231815;
border-right: 2px solid #231815;
-webkit-transform: translate(-50%, -55%) rotate(-45deg);
transform:translate(-50%,-55%) rotate(-45deg);
}




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

/* hamburger menu */
.sp_header,
.hmenu-wrapper{
display: none;
}

.small_menu .hmenu1{
width:30px;
}
.small_menu .hmenu2{
width:30px;
}
.small_menu .hmenu3{
width:30px;
}

.footer-top-btn {
/*right:37px;*/
right: 20px;
}

/* Social Button */
.social-button ul {
width: 96%;
}
.social-button ul li {
margin-left: 15px;
}



}

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


/* Social Button */
.social-button ul {
padding: 10px;
max-width: 1040px;
}




}