@charset "utf-8";

img.TITLE {
        /*もともと<img src="images/TITLE.gif" alt="" class="TITLE" width="1264" height="185">*/
        border: none;
        width: 15%;
        min-width: 90px;
        height: auto;
    }

.colorICON {color: #000000;}

.access  {text-align: center; 
	 font-size: 15px;
    color: #0d152a;  }
	
.access p.shop_name { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bold;
}

#map {
		display: block;
		margin-left: auto;
		margin-right: auto;
    height: 400px;
    width: 850px;
    min-width: 220px;
    background: #58B;  }
	
	
	img.xu2 {
		display: block;
		margin-left: auto;
		margin-right: auto;	
		maxwidth: 100px;}
		
	.shop1, .top{display: block;
		margin-left: auto;
		margin-right: auto;
		border:none;
		max-width: 100%;
		padding-bottom:15px;
		}


.box2 {text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;}


.box2 ul	{
    padding: 0;
    list-style: none;
    margin-left: 0px;  }
.box2 li a	{
    display: block;
    padding: 5px;
    color: #696969;
    font-size: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
    text-decoration: none;
    margin-left: 10px;}

.box2 ul:after		{content: "";
    display: block;
    clear: both}
.box2 li	{
    float: left;
    width: auto}
.box2 li div	{display: block;
    text-align: center;
    width: 120px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 15px;
    color: #ffffff;
    background-color: #696969;
    margin-top: -7px;
}
.box2 li div:hover			{background-color: #4169e1;
}




.copyright p.right       {text-align: left;
    margin: 0;
    color:  #666666;
    /* padding文字と文字間に15px入れる */
    background-color: #FFFFFF;
    font-size: 12px}


.copyright p.center        {text-align: center;
    margin: 0;
    color:  #666666;
    /* padding文字と文字間に15px入れる */
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #dddddd;
    font-size: 12px}


/*-------------ブラウザの設定----------------------*/


@media (min-width: 768px) {

    /*-----------Titleの設定------------*/
    .boxA:after {
        content: "";
        display: block;
        clear: both  }
    .box1 {
        float: left;
        width: 50%  }
    .box2 {
        float: left;
        width: 50%  }
    .boxA  {padding-top:50px;
        padding-bottom: 0px;}
    

    /*
    .box1 p.left {

    }
    .box2  p.right {
        text-align: right;
        padding-left: 300px;
    }*/
    .boxB:after {
        content: "";
        display: block;
        clear: both  }
    .access {
        float: left;
        width: 50%  }
    .shop_photo {
        float: left;
        width: 50%  }
    .map {
        float: left;
        width: 100%  }
	

    .boxA  {padding-left: 20px;
        padding-right: 20px}


}



@media (min-width: 1390px) {

    /*-----------Titleの設定------------*/
    .boxA:after {
        content: "";
        display: block;
        clear: both  }
    .box1 {
        float: left;
        width: 50%  }
    .box2 {
        float: left;
        width: 50%  }
    .boxA  {padding-top:50px;
        padding-bottom: 80px;}
    img.TITLE {
        /*もともと<img src="images/TITLE.gif" alt="" class="TITLE" width="1264" height="185">*/
        border: none;
        width: 15%;
        min-width: 90px;
        height: auto;
    }

    /*
    .box1 p.left {

    }
    .box2  p.right {
        text-align: right;
        padding-left: 300px;
    }*/
    .boxB:after {
        content: "";
        display: block;
        clear: both  }
    .access {
        float: left;
        width: 25%  }
    .shop_photo {
        float: left;
        width: 32.25%  }
    .map {
        float: left;
        width: 42.25%  }
	

    .boxA, .boxB  {padding-left: 0px;
        padding-right: 50px}


}


@media only screen and (max-device-width : 767px) {
	
	/*-----------Titleの設定------------*/
    .boxA:after {
        content: "";
        display: block;
        clear: both  }
    .box1 {
        float: left;
        width: 100%  }
    .box2 {
        float: left;
        width: 100%  }
    .box2  {padding-top:50px;
        padding-bottom: 180px;}
    
	
	.boxB:after {
        content: "";
        display: block;
        clear: both  }
    .access {
        float: left;
        width: 100%  }
    .shop_photo {
        float: left;
        width: 100%  }
    .map {
        float: left;
        width: 100%  }
	

    .boxA, .boxB  {padding-left: 0;
        padding-right: 0}
		
		
}