@charset "utf-8";

.sp {
    display: none
}

.pc {
    display: block
}
.br-sp {
	display: none;
}
.br-pc {
	display: bloc;
}
@media screen and (max-width : 736px ){
    .sp {
        display: block
    }

    .pc {
        display: none
    }
	.br-sp { display:block; }
	.br-pc { display:none; }
    body {
        width: 100%;
        min-width: 100%;
        position: relative;
        left: 0;
        overflow-x: hidden;
    }
	.bg_fixed {
	}
	#main.fixed{
	}
    .container {
        width: 100%;
    }
    #header {
        width: 100%;
		height: auto;
    }

    #header .header_inner {
		position:relative;
		width:100%;
		height: 80px;
    }
	#header.fixed .header_inner {
	}
	#header .header_inner #h_logo {
		width: 16.66%;
		transform: translateX(-50%);
		margin-left: 0;
	}
	.fixed #header .header_inner {
		height: 60px;
	}
/* Toggle Button */
    #nav-toggle {
        display: block;
        position: absolute;
        right: 10px;
        top: 25px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        z-index: 101;
        box-sizing: border-box;
    }
	.fixed #nav-toggle {
		top: 15px;
	}
    #nav-toggle div {
        position: relative;
    }
    #nav-toggle div p {
		padding-top: 21px;
		font-size: 1.0rem;
    }
    #nav-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #000;
		border-radius: 3px;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    #nav-toggle span:nth-child(1) {
        top: 0;
    }
    #nav-toggle span:nth-child(2) {
        top: 8px;
    }
    #nav-toggle span:nth-child(3) {
        top: 16px;
    }
    #panel {
        position: relative;
    }
    #spnav {
        position: fixed;
	/* 開いてないときは画面外に配置 */
        top: -100%;
        right: 0%;
        width: 100%;
		height: 100%;
        z-index: 999;
        background-color: rgba(243, 243, 243 ,0.9);
        overflow: scroll;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
		font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
    }
	.open .site-wrap {
		position: fixed;
	}
/* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 9px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 9px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
/* #spnav スライドアニメーション */
    .open #spnav {
		display: block;
		top: 80px;
    }
	.open.fixed #spnav{
		top: 60px;
	}
    #spnav ul {
        float: none;
        list-style: none;
    }

    #spnav ul li {
        float: none;
    }

    #spnav ul li a {
        display: block;
        position: relative;
        text-decoration: none;
        text-align: left;
		font-size: 1.2rem;
		line-height: 36px;
		padding-left: 36px;
		box-sizing: border-box;
		background-position: 13px center;
		background-repeat: no-repeat;
		border-bottom:1px solid #9d9d9d;
		background-size: 16px auto;
    }
    #spnav ul li.nav01 a {
		background-image: url(../common_img/ico_nav01.png);
    }
    #spnav ul li.nav02 a {
		background-image: url(../common_img/ico_nav02.png);
    }
    #spnav ul li.nav03 a {
		background-image: url(../common_img/ico_nav03.png);
    }
    #spnav ul li.nav04 a {
		background-image: url(../common_img/ico_nav04.png);
    }
    #spnav ul li.nav05 a {
		background-image: url(../common_img/ico_nav05.png);
    }
    #spnav ul li.nav06 a {
		background-image: url(../common_img/ico_nav06.png);
    }
    #spnav ul li.nav07 a {
		background-image: url(../common_img/ico_nav07.png);
    }
    #spnav ul li.nav08 a {
		background-image: url(../common_img/ico_nav08.png);
    }
    #spnav ul li.nav09 a {
		background-image: url(../common_img/ico_nav09.png);
    }
    #spnav ul li.nav10 a {
		background-image: url(../common_img/ico_nav10.png);
    }
    #spnav ul li.nav11 a {
		background-image: url(../common_img/ico_nav11.png);
    }
    #spnav .child {
        display: none;
    }
    #spnav .menu:after {
    }
    #spnav .menu.active:after {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        width: 10px;
        height: 2px;
        margin-top: -4px;
        background-color: #ebebeb;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    #spnav ul ul li a {
        display: block;
        background: #ebebeb;
    }
    #spnav .spnav {
        margin: 0;
    }
    #spnav .spnav li {
        border-bottom: 1px solid #666;
    }
	#spnav .btn_area{
		padding: 16px 8px;
	}
	#spnav .btn_area .row {
		margin: 0 -8px;
	}
	#spnav .btn_area .btn {
		margin: 0 8px 8px;
	}
	#spnav .btn_area a{
		position: relative;
		background: #333333;
		color: #fff;
		text-align: center;
		line-height: 44px;
		font-size: 1.1rem;
	}
	#spnav .btn_area .btn_wh a{
		position: relative;
		background: #fff;
		color: #333;
		text-align: center;
		line-height: 44px;
		font-size: 1.1rem;
	}
	#spnav .btn_area a::before {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		right:18px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#spnav .btn_area .btn_wh a::before {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		right:18px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	
	#main {
	}
    .zoom{
        right: 5px;
        bottom: 10px;
        top: inherit;
    }
        
/*
    .zoom a .btn{
        display: none;
    }
*/
    .zoom a{
        padding: 15px 12px 10px 12px;
        font-size: 80%;
    }
    .batsu{
        font-size: 16px;
    }
    .zoom a .btn{
        margin-top: 5px;
    }
    .zoom a .btn{
        font-size: 13px;
    }
    .zoom a .btn span{
        padding: 8px 30px 8px 20px;
    }
    
    
	/*covid_info*/
    #toppage .covid_info .ttl h2 {
        font-size: 28px;
    }
    #toppage .covid_info .comment p {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 15px;
    }    
    #toppage .covid_info .ttl {
        padding-bottom: 30px;
    }    
    
    
    #sec07 #btn_sec {
		padding: 0;
	}
	#sec07 #btn_sec .btn_wrapper {
		margin: 0;
	}
	#sec07 #btn_sec ul {
		float: none;
		left: 0;
		border-top: 1px solid #fff;
	}
	#sec07 #btn_sec ul li {
		float: none;
		left: 0;
		margin: 0;
	}
	#sec07 #btn_sec ul li a {
		line-height: 44px;
		margin-top: -1px;
		text-align: left;
	}
	#sec07 #btn_sec ul li:nth-child(1) a {
		width: 100%;
		background-position:60px 10px;
		padding-left: 106px; 
	}
	#sec07 #btn_sec ul li:nth-child(2) a {
		width: 100%;
		background-position:60px 7px;
		padding-left: 106px; 
	}
	#sec07 #btn_sec ul li:nth-child(3) a {
		width: 100%;
		background-position:60px 7px;
		padding-left: 106px; 
	}
	#sec07 #btn_sec ul li:nth-child(4) a {
		width: 100%;
		background-position:60px 9px;
		padding-left: 106px; 
	}
	#footer {
		position: relative;
		padding-bottom: 30px;
	}
	#footer .logo_side {
		float: none;
		width: auto;
		padding: 25px 16px 0;
	}
	#footer .logo {
		width: 33.18%;
	}
	#footer .logo_side .btn a {
		font-size: 1.2rem;
	}
	#footer .logo_side .btn_contact a {
		background-position: 12px 10px;
	}
	#footer .logo_side .btn_showroom a {
		background-position: 8px 10px;
	}
	#footer #fnav {
		float: none;
		padding-top: 14px;
	}
	#fnav ul {
		width: 50%;
	}
	#fnav li {
		margin-left:16px;;
	}
}