@charset "UTF-8";
/* CSS Document */

body{
    text-align:center;
    margin:0px;
    padding:0px;
}

header{
    width:100%;
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    position:fixed;
    border-top:solid 10px #ff6600;
}

#block_header{
    max-width:1200px;
    height:80px;
    margin:0px auto 0px auto;
    padding:0px;
}


h1{
    font-weight:normal;
    margin:0px;
    padding:0px;
}

h2{
    font-weight:normal;
    margin:0px;
    padding:0px;
}

h3{
    font-weight:normal;
    margin:0px;
    padding:0px;
}


a:link{
    color:#000000;
    text-decoration:none;
}

a:visited{
     color:#000000;
    text-decoration:none;
}

a:hover{color:#ff0000;
    text-decoration:none;
}

a:active{
    color:#ff0000;
    text-decoration:none;
    
}

.btn01 a:link{
    width:100%;
    padding:10px;
    color:#000000;
    text-decoration:none;
}

.btn01 a:visited{
    width:100%;
    padding:10px;
     color:#000000;
    text-decoration:none;
}

.btn01 a:hover{
    width:100%;
    padding:10px;
    color:#ff0000;
    text-decoration:none;
}

.btn01 a:active{
    width:100%;
    padding:10px;
    color:#ff0000;
    text-decoration:none;
    
}


.footerblock_half a:link{
    color:#000000;
    text-decoration:none;
}

.footerblock_half a:visited{
     color:#000000;
    text-decoration:none;
}

.footerblock_half a:hover{color:#ff0000;
    text-decoration:none;
}

.footerblock_half a:active{
    color:#ff0000;
    text-decoration:none;
    
}

.logo{
    width:200px;
    margin:0px;
    padding:0px;
    float:left;
}

.gnavi{
    display:block;
    width:600px;
    margin:10px 0px 0px 0px;
    padding:0px;
    float:right;
}

.gnavi ul{
    margin:0px;
    padding:10px 0px 0px 0px;
}

.gnavi li{
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    display:block;
    list-style:none;
    float:left;
    margin:15px 5px 5px 15px;
    padding:5px;
}

.contents_t{
   width:100%;
    margin:0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}




main{
    max-width:1200px;
    margin:0px auto 0px auto;
    padding:0px 0px;
    clear:both;
}

#slider{
    max-width:1200px;
    padding:110px 0px 0px 0px;
}

#c_slider{
    max-width:1200px;
    height:300px;
    margin:0px auto;
}

.catch01{
    font-size:16px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
}

.contact_name01{
    text-align:left;
    margin:0px 0px 10px 0px;
    padding:10px;
    border-bottom:solid 1px #000;
}

.block01{
    text-align:center;
    width:1100px;
    margin:0px auto 0px auto;
    padding:0px;
    clear:both;
}

.block02{
    width:1100px;
    margin:0px auto 0px auto;
    padding:0px;
    display: flex;
    justify-content: space-between;
}

.block03{
    width:1100px;
    margin:0px auto 0px auto;
    padding:0px;
}

.block03 P{
     text-align:left;
    font-size:16px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:10px;
    padding:10px;
   
    
}

.border01{
     border-bottom:dotted 1px #000;
}

.wh400_1{
    text-align:center;
    margin:0px;
   padding:30px 0px 0px 0px;
    float:left;
}

.wh400_2{
    text-align:left;
    margin:0px;
   padding:30px 0px 0px 0px;
  
}

.wh400_2 h2{
     text-align:left;
    font-size:16px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px;
    padding:5px;
}

main .f24{
     text-align:left;
    font-size:24px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px;
    padding:5px;
}

.reserve .f24b{
    font-size:24px;
    
}

.wh400_2 p{
     text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px 0px 0px 10px;
    padding:5px;
}


.wh800_1{
    margin:0px;
    padding:30px 20px 0px 0px;
    float:right;
}

.wh800_1 p{
    text-align:left;
    font-size:16px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:10px;
    padding:5px;
}

.wh800_2{
    margin:0px;
    padding:30px 20px 30px 0px;
    float:right;
}

.wh800_3{
    text-align:left;
    width:800px;
    margin:0px auto;
    padding:50px 0px 20px 0px;
}

.wh800_4{
    width:800px;
    margin:0px auto;
    padding:0px 0px 0px 0px;
}

.btn01{
    background-color:#333333;
    width:50%;
    margin:10px auto 10px auto;
    padding:5px;
    border-radius:10px 10px 10px 10px;

}




/*　フォーム　*/

.wh500{
    width:500px;
    text-align:left;
    margin:0px 0px 0px 10px;
    padding:5px;
}

.wh600{
    width:600px;
    text-align:left;
    margin:0px 0px 0px 10px;
    padding:5px;
}

.wh700{
    width:700px;
    text-align:left;
    margin:0px 0px 0px 10px;
    padding:5px;
}

.wh700_2{
    width:780px;
    height:400px;
    text-align:left;
    margin:0px 0px 0px 10px;
    padding:5px;
}



/*　フォームここまで　*/

.block02 .map01{
    display:block;
    margin:0px;
    padding:50px 0px 0px 0px;
   
}

.block02 .access_block02 h3{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:18px;
    line-height:150%;
    margin:10px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    
}


.block02 .access_block02 p{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:14px;
    line-height:150%;
    margin:0px;
    padding:0px 5px 5px 15px;
}

.block02 .access_block03 h3{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:18px;
    line-height:150%;
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    
}

.block02 .access_block03 p{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:14px;
    line-height:150%;
    margin:0px;
    padding:0px 5px 5px 15px;
}

.block02 .access_block03 .tel01{
    font-size:18px;
    text-align:center;
    color:#c91520;
    border:solid 1px #c91520;
    margin:10px;
    padding:5px;
}

.block02 .access_block02 .time01{
    margin:10px;
    font-size:24px;
}


.block02 .map02{
    display:none;
}

.access_block01{
    margin:0px;
    padding:0px;
     display: flex;
  justify-content:space-around ;
}

.access_block02{
    border-right:solid 1px #ccc;
    width:33%;
    margin:20px 0px 0px 0px;
   padding:0px 10px 10px 10px;
}

.access_block02 img{
    width:100%;
    height:auto;
}

 .access_block02 ol{
    margin:30px 0px 0px 40px;
        padding:0px;
    }
    
  .access_block02 li{
    margin:10px;
    text-align:left;
      font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:16px;
    line-height:150%;
        
    }

.access_block03{
    width:33%;
    margin:20px 0px 0px 0px;
    padding:0px 10px 10px 10px;
}

.access_block03 img{
    width:100%;
    height:auto;
}

.menu_t01{
    text-align:left;
   
font-size:22px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:20px auto 20px auto;
    padding:5px;
    border-bottom:solid 2px #000;
    }

.menu_t02{
    text-align:left;
font-size:18px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:20px 0px 20px 0px;
    padding:5px;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    }



footer{
    width:100%;
    background-color:#ffffff;
    clear:both;
    display: flex;
  justify-content: center;
    flex-direction: column;
}

.footerblock01{
    max-width:1200px;
    margin:0px auto 0px auto;
    display: flex;
  justify-content: space-between;
}
.footerblock02{
    max-width:1200px;
    margin:0px auto 0px auto;
}

.footerblock_half{
    width:550px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

.footerblock_half p{
    text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
}

.footerblock_half .right{
    text-align:right;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px 20px 0px 0px;
}


.footerblock02 p{
font-size:12px;
    font-family:Georgia, "Times New Roman", Times, "serif";
}



/*モーダルウインドウ*/

header #modal-open{
   display: none;
}

    
   
    .bar{
        display:block;
        width:40px;
        height:2px;
        border-bottom:solid 2px #333;
        margin:4px;
        padding:0px;
    }

#modal-content {
    text-align:left;
	width: 75% ;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 10000 ;
}

#modal-content p{
    text-align:left;
    margin:10px 10px 10px 30px;
    padding:5px 5px 5px 10px;
    border-bottom:solid 1px #ccc;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: #fff/*rgba( 0,0,0, 0.75 )*/ ;
}

.button-link {
	color: #00f ;
	text-decoration: none ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

.close01 {
	color: #fff ;
	text-decoration: none ;
    background:#000;
    margin:10px 10px 10px 0px;
    padding:5px 5px 5px 5px;
    line-height:0;
    border-bottom:solid 1px #ccc;
}


 
.close01:hover {
	cursor: pointer ;
	color: #f00 ;
}



    
    #modal-open{
    position:fixed;
      left:85%;
      marign-left:900px;
    margin-top:-55px;
    display:block;
}
    
    #modal-content {
	width: 100% ;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 10000 ;
    
}
     #modal-content ul{
         display: flex;
         justify-content: space-around;
         margin:40px;
         padding:0px;

    }
    #modal-content li{
        list-style:none;
        margin:0px;
        padding:0px;
    }

    /*モーダルウインドウここまで*/


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

header{
    width:100%;
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    position:fixed;
}
    
header #modal-open{
      left:85%;
      marign-left:900px;
    margin-top:-45px;
    display:block;
}
    
    .gnavi{
        display:none;
    }
    
    #slider{
    width:100%;
}
    
    #slider img{
        width:100%;
        height:auto;
    }
    
    #c_slider{
    width:100%;
    padding-top:100px;
    margin-bottom:-300px;
}

     #c_slider img{
        width:100%;
        height:auto;
    }
    
 .catch01{
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:20px;
     line-height:130%;
}

    .contents_t{
    max-width:100%;
    margin:0px;
    padding: 0px 0px 0px 0px;
        overflowh:hidden;
}
    
    main{
    max-width:100%;
    margin:0px auto 0px auto;
    padding:100px 0px 0px 0px;
    clear:both;
}

    


    .menu_t01{
    width:90%;
font-size:18px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:20px;
    padding:5px;
    border-bottom:solid 2px #000;
    }
    

    .block01{
    width:100%;
    margin:0px auto 0px auto;
    padding:0px;
    display: flex;
  flex-direction: column;
}

.block02{
   width:100%;
    margin:0px auto 0px auto;
    padding:0px;
    display: flex;
  flex-direction: column;
}
    
    .block03{
    width:96%;
    margin:0px auto 0px auto;
    padding:0px;
    
}
    
    .block03 img{
        width:100%;
        height:auto;
    }

.block03 P{
     text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:10px;
    padding:10px;
    
    
}
    
    .access_block01{
    margin:30px 0px 0px 0px;
    padding:0px;
     display: flex;
 flex-direction:column;
}
    
    .access_block02{
    border:solid 1px #ccc;
    width:90%;
    margin:0px auto 20px auto;
    padding:10px;
        
}
    
     .access_block02 img{
         width:100%;
         height:auto;
    }
    

.access_block03{
    border:solid 1px #ccc;
    width:90%;
   margin:0px auto 20px auto;
    padding:10px;
}

.block02 .access_block02 h3{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:18px;
    line-height:150%;
    margin:10px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    
}

.block02 .access_block02 p{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:14px;
    line-height:150%;
    margin:0px;
    padding:0px 5px 5px 15px;
}
    
    .access_block02 ol{
    margin:0px 0px 0px 40px;
        padding:0px;
    }
    
  .access_block02 li{
    margin:10px;
    text-align:left;
      font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:14px;
    line-height:150%;
        
    }

.block02 .access_block03 h3{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:18px;
    line-height:150%;
    margin:10px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    
}

.block02 .access_block03 p{
    text-align:left;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    font-size:14px;
    line-height:150%;
    margin:0px;
    padding:0px 5px 5px 15px;
}
    
    .block02 .access_block03 .tel01{
    font-size:18px;
    text-align:center;
    color:#c91520;
    border:solid 1px #c91520;
    margin:10px 10px 30px 10px;
    padding:5px;
}
    
    .wh400_1{
    text-align:center;
    margin:0px;
   padding:30px 0px 0px 0px;
    float:left;
}
    
    .wh400_1 img{
        width:20%;
        height:auto;
    }

.wh400_2{
    text-align:left;
    margin:0px;
   padding:0px 0px 0px 0px;
   
}

.wh400_2 h2{
     text-align:left;
    font-size:16px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px;
    padding:5px;
}

.wh400_2 p{
     text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px 0px 0px 10px;
    padding:5px;
}


.wh800_1{
    margin:0px;
    padding:30px 0px 0px 0px;
    float:right;
}
    
    .wh800_1 img{
        width:100%;
        height:auto;
        
    }

.wh800_1 p{
    text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:10px;
    padding:5px;
}

.wh800_2{
    width:100%;
    margin:0px;
    padding:10px auto 0px auto;
}
    
    .wh800_2 .map01{
        width:96%;
    margin:0px;
    padding:10px auto 0px auto;
    }
    
    .wh800_3{
    width:90%;
    margin:10px auto 0px auto;
    padding:10px;
}

    .wh800_3 p{
        text-align:left;
    font-size:14px;
    margin:10px;
    padding:5px;
        
    }
    
    .wh800_4{
    width:100%;
    margin:0px auto;
    padding:0px 0px 0px 0px;
}
    
    .wh800_4 img{
        width:100%;
        height:auto;
    }



    
.block02 .map01{
    
    display:none;
    
}
    
    .footerblock01{
    max-width:1200px;
    margin:0px auto 20px auto;
    display: flex;
  flex-direction: column;
}

.block02 .map02{
    width:100%;
    display:block;
    margin:0px;
    padding:0px auto 0px auto;
}

    
    .footerblock_half{
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0px;
}

.footerblock_half p{
    text-align:left;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
}

.footerblock_half .right{
    text-align:right;
    font-size:14px;
    font-family:"ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝";
    margin:0px 20px 0px 0px;
}
    
    /*　フォーム　*/

.wh500{
   width:96%;
    text-align:left;
    margin:0px auto 0px auto;
    padding:5px;
}

.wh600{
    width:96%;
    text-align:left;
    margin:0px auto 0px auto;
    padding:5px;
}

.wh700{
   width:96%;
    text-align:left;
    margin:0px auto 0px auto;
    padding:5px;
}

.wh700_2{
    width:96%;
    height:400px;
    text-align:left;
    margin:0px auto 0px auto;
    padding:5px;
}



/*　フォームここまで　*/
    
    
    /*モーダルウインドウ*/
    
   
    .bar{
        display:block;
        width:40px;
        height:2px;
        border-bottom:solid 2px #333;
        margin:4px;
        padding:0px;
    }

#modal-content {
	width: 75% ;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 10000 ;
}

#modal-content p{
    margin:10px 10px 10px 30px;
    padding:5px 5px 5px 10px;
    border-bottom:solid 1px #ccc;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: #fff/*rgba( 0,0,0, 0.75 )*/ ;
}

.button-link {
	color: #00f ;
	text-decoration: none ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
    #modal-close{
        position:fixed;
        margin:-20px 0px 10px -220px;
        padding:5px;
    }
.close01 {
    width:10px;
    height:6px;
	color: #fff ;
	text-decoration: none ;
    background:#000;
    margin:12px 10px 10px 0px;
    padding:20px 5px 5px 5px;
    line-height:0;
    border-bottom:solid 1px #ccc;
}
 
.close01:hover {
	cursor: pointer ;
	color: #f00 ;
}



    
        #modal-open{
    position:fixed;
      left:85%;
      marign-left:900px;
    margin-top:-55px;
    display:block;
}
    
    #modal-content {
	width: 100% ;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 10000 ;
    
}
     #modal-content ul{
         display: flex;
         justify-content: space-around;
         margin:40px;
         padding:0px;

    }
    #modal-content li{
        list-style:none;
        margin:0px;
        padding:0px;
    }

    /*モーダルウインドウここまで*/
    
    
}