/**
 *
 *  サイト共通(SP表示)
 *
 */


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
body{

}
#Page {
	min-width:320px;	
}
#Page img{
	max-width:100%;
	height:auto;
}
.pc{
	display:none;	
}
.sp{
	display:block;	
}
br.sp{
	display:inline;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
.inner{
	max-width:none;
	padding:0 15px;
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content {
	/*margin-top: 50px;*/
}


/* page-ttl
-----------------------------------------------------------------*/
/*
.page-ttl{
	height: 200px;
	padding-top: 95px;
}
.page-ttl h2{
	font-size:3.2rem;
	letter-spacing:1px;
}
.page-ttl h2 span{
	font-size:1rem;	
}
*/

/* sec-ttl
-----------------------------------------------------------------*/
/*
.sec-ttl{
	margin-bottom: 20px;
	font-size:1.9rem;		
}
.sec-ttl span{
	padding-top: 20px;
	font-size:1.4rem;
}
*/


/*--------------------------------------------------------------------------
   Cv
---------------------------------------------------------------------------*/
#Cv{
	padding: 25px 0 40px;
}
#Cv .inner{
	display:block;
	max-width:initial;
	padding-left:20px;
	padding-right:20px;	
}
#Cv .txt-area{
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#Cv .sec-ttl{
	margin-bottom: 15px;
	font-size:2.4rem;
	line-height:1.1;	
}
#Cv .sec-ttl span{
	padding: 0 0 15px;	
}
#Cv .txt-area .txt{
	margin-bottom: 25px;
	font-size:1.4rem;	
}
#Cv .txt-area .tel img{
	max-width: 320px;	
}
#Cv .btn-area{
	width: 100%;
	padding: 0;
}
#Cv .btn-area .txt{
	font-size:1.5rem;
}
#Cv .btn-area .btn a, #Cv .btn-area .btn2 a{
	width: 100%;
	height: 70px;
	padding: 0 15px;
	line-height:70px;
	font-size:1.5rem;
}
#Cv .btn-area .btn a::after, #Cv .btn-area .btn2 a::after{
	right:15px;
	width: 25px;
	height: 14px;
	background-size:100% auto;
}

#Cv .btn-area .btn a:hover::after, #Cv .btn-area .btn2 a:hover::after{
	right:10px;
}



/*--------------------------------------------------------------------------
   txt-link
---------------------------------------------------------------------------*/
.txt-link{
}
.txt-link ul li a{
	padding: 12px 9px;
	font-size:1.3rem;
}


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	padding: 15px 0 15px;
}
#Footer .inner{
	max-width:initial;
	padding: 0 15px;
}
#Footer .bnr{
	margin-bottom: 15px;	
}
#Footer .inner div{
	display:block;
}
#Footer .bnr-list{
	display:block;	
	max-width:230px;
	margin: 0 auto 15px;	
}
#Footer .bnr-list li{
	padding-right: 0;	
}
#Footer .bnr-list li+li{
	margin-top: 10px;	
}
#Footer .copyright{
	width: 100%;
	padding-right: 0;
	text-align:center;
	font-size:1.1rem;
}


}


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

/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
	width: 100%;
	overflow-y: scroll;
}
#Header.open {
	height: 100%;
}
#Header .logo{
	float: none;
	padding: 10px 0 10px 15px;
	line-height:0;	
}
#Header .logo img{
	width: auto;
	height: 30px;
}

#Header .menu-trigger{
	position: fixed;
	top:10px;
	right:10px;
	width: 32px;
	height: 30px;
	cursor:pointer;	
}
#Header .menu-trigger span{
	display:block;
	position: absolute;
	left:0;
	width: 32px;
	height: 2px;
	background:#000;
	transition:.3s;	
}
#Header .menu-trigger span:nth-of-type(1) {
	top:5px;	
}
#Header .menu-trigger span:nth-of-type(2) {
	top:50%;	
}
#Header .menu-trigger span:nth-of-type(3) {
	bottom:4px;	
}
#SpMenuBtn.open span:nth-of-type(1) {
    top: 15px;
    transform: rotate(-45deg);
}
#SpMenuBtn.open span:nth-of-type(2) {
	display:none;	
}
#SpMenuBtn.open span:nth-of-type(3) {
    top: 15px;
    transform: rotate(45deg);
}
  
  
  
#SpMenuBtn.open {
    
}
/* ---------------------------------------------------------------------------
#Gnav	
グローバルナビゲーション
--------------------------------------------------------------------------- */
#Gnav{
	float: none;
	position: fixed;
	display:table;
    top: 0;
    left: 0;
		bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    -webkit-transition: all .5s;
    transition: all .5s;
	visibility: hidden;
    opacity: 0;
		overflow-y: auto;
		padding-bottom: 50px;
}
#Gnav.open{
	visibility: visible;
    opacity: 1;	
  width: 100%;
	position: static;
}
#Gnav ul{
	display: table-cell;
    vertical-align: top;	
  width: 100%;
	padding-top: 40px;
}
#Gnav ul li{
	line-height:1.2;
/*	width:50%;*/
    width:48%;
}
#Gnav ul li a{
	display:block;
	height: auto;
	padding: 20px 15px 15px;
}
#Gnav ul li:not(.request) a::after{
	display:none;
}
#Gnav ul li.request a,#Gnav ul li.booking a{
	padding: 20px 15px;
	margin: 0 15px 10px;
}
	



}

@media screen and (max-width: 1000px) {
  #Gnav{
    height: 100vh;
  }
	#Gnav ul li.new a::after {
		display: block;
		top: 3px;
		width: 60px;
		height: 13.5px;
	}
}

@media screen and (min-width:600px) and ( max-width:1000px) {

#Gnav ul{

	padding-left: 20%;
    padding-right: 20%;
  width: 100%;
}
}