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


/*PC*/
@media print, screen and (min-width: 769px) {
    
    
/* =============================================================================
    最新ヘッドデザイン
   ========================================================================== */        
    .hed_bg {
        width: 100%;
min-width: 1200px;
background: url(../images/restaurant/bg_img01.jpg) no-repeat center center;
		background-size: cover;
                	background-repeat: no-repeat;
	background-attachment: scroll;
        background-size: cover;
	background-attachment: fixed;
padding: 100px 0 0;
    }       
    
    
        
	.hed_img {
		background: url(../images/column/hed_img.jpg) center center;
		height: 460px;
        width: 93%;
        min-width: 1200px;
        margin: 0 auto 50px;
		background-size: cover;
	}
        .hed_ttl_box {
margin: 0 auto;
         width: 100%;
         text-align: center;
    }    
    
    
.hed_ttl {
        font-size: 43px;
        text-align: center;
        color:  #2ea2eb;
        font-weight: 300;
        font-family: 'Hiragino Sans','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
        margin-bottom: 50px;
    }    
    
    
    .hed_ttl span {
        font-weight: 400;
        font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
    }
      .bg_01 {
        background: url(../images/restaurant/bg_img01.jpg) center center;
        background-size: cover;
        min-height: 360px;
        padding: 50px 0px;
    }
      .r_box {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .r_list {
        width: 100%;
        margin: 0 auto;
        list-style: none;
    }
    
    .r_list li {
        width: 30%;
        float: left;
        padding: 1%;
        margin-right: 2%;
        background: #fff;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
    }
    
    .r_list li:nth-child(3n+3) {
        margin-right: 0px;
    }
    
    .r_list_img {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .r_list_img img {
        width: 100%;
        height: auto;
    }
        
    .com_txt_white {
        text-align: center;
    }
    
    
    .adress {
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 30px;
    }
    
    .map {
        width: 100%;
        margin: 0 auto;
        z-index: 1;
        margin-bottom: 50px;
    }
    
    .map iframe {
        width: 100%;
    }
    
    
    
    
    
    
}

/*sp*/
@media only screen and (max-width: 768px) {
    
    
/* =============================================================================
    最新ヘッドデザイン
   ========================================================================== */        
    
    .hed_bg {
        width: 100%;
background: url(../images/restaurant/bg_img01.jpg) no-repeat center center;
background-size:cover;
padding: 40px 0 0;
    }            
    
    
    
    
		.hed_img {
		background: url(../images/column/hed_img.jpg) center center;
		height: 360px;
        width: 93%;
        margin: 0 auto 50px;
		background-size: cover;
	}
    
     .hed_ttl_box {
margin: 0 auto;
         width: 100%;
         text-align: center;
    }    
    
    
    
.hed_ttl {
        font-size: 20px;
        text-align: center;
        color: #2ea2eb;
        font-weight: 300;
    margin-bottom: 30px;
        font-family: 'Hiragino Sans','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
    }    
    
    
    .hed_ttl span {
        font-weight: 400;
        font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
    }
    
    
          .bg_01 {
        background: url(../images/restaurant/bg_img01.jpg) center center;
        background-size: cover;
        min-height: 360px;
        padding: 50px 0px;
    }
      .r_box {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .r_list {
        width: 100%;
        margin: 0 auto;
        list-style: none;
    }
    
    .r_list li {
        width: 96%;
        padding: 1%;
        background: #fff;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .r_list li:nth-child(3n+3) {
        margin-right: 0px;
    }
    
    .r_list_img {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .r_list_img img {
        width: 100%;
        height: auto;
    }
        
    .com_txt_white {
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }
    
    
    .adress {
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 30px;
    }
    
    .map {
        width: 100%;
        margin: 0 auto;
        z-index: 1;
        margin-bottom: 50px;
    }
    
    .map iframe {
        width: 100%;
    }
    
    

}