/* CSS Document */

* {
	margin:0;
	padding:0;
	}
	
body{
	margin:0;
   	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}	
	
img{
	width:100%
	}
	
/*各コンテンツ
*****************************************/

#header{
	margin:0;
	padding:0;
		}	
	
#header_img{
	max-width:200px;
	margin-left:10px;
	float:left;
	}
	



#navi{ 
	clear:both;
	border-bottom: solid 1px #cccccc;

	}
	
	
#main{
	background-color:#fff;

	}
	
		
#content{
	background-color:fff;
	width:80%;
    padding: 7% 10%;
	}
	
		
		
		

		
#footer1{
	background-color:#FFFFFF;
	height:1px;
	clear:both;
	
	}

		
#footer{
	color:#ffffff;
	font-size: 11px;
	font-style: normal;
	text-align: center;
	background :#000000;
	padding: 10px 0;
	clear:both;
	}



	
.fb {
	display:block;
	width: 50%;
	float:left;
	margin-bottom:5%;


}
	
	
.tw{
	display:block;
	margin-left:5%;
	float:left;
	margin-bottom:5%;

}
	

.ist{
    width:100%;
	clear:both;
    display: block;
	margin-left: 5%;
	float: left;
    display: block;
	margin: 100px 0;
    padding : 10px;
    color: #fff;
    font-weight: bold;
    background: #cccccc;
	border-radius: 7px; 
    cursor :pointer;
    transition: all 0.5s;
	 
	}

#instafeed li img{
       width:200;
       height:200;
}
		
	
	
#instafeed li{
       list-style: none;
	   margin: 15px 10px;
	   float: left;
      
}



#ins_title{
    display: block;
	margin-left: 10px;
    padding : 0; 
    color: #fff;
    font-weight: bold;
    border-bottom:2px solid #fff;
	text-align:left;
}

 

.txt a {
	border-bottom: 3px solid rgba(255,255,255,1);
  text-decoration: none;
  transition: color 0.3s, border-color 0.3s;
}

.txt a:hover {

    border-bottom: 3px solid rgba(197,231,217,1);

}


a {
	text-decoration: none ;
}


.title{
	max-width:100%;
	font-family: century,helvetica,sans-serif,MSゴシック,メイリオ;
	font-size: 24px;
	font-weight: bold;
	text-align:left;
	border-bottom:double 4px #2f2f2f;
	padding-left:2%;
	margin-right:20px;
	margin-bottom:30px;

	clear:both;	
	
	}
	


.text{
	font-family: Arial, Helvetica, MSゴシック, sans-serif,;
	color:#000000;
	font-size: 14px;
	font-style: normal ;
	line-height: 150%;
	text-align:left;
	margin-top: 10px;
	margin-left: 10px;

}






.clear {
	clear:both;
	 }  
	 
	 
.google-maps {
	position: relative;
	padding-bottom: 75%; // 縦横比
	height: 0;
	overflow: hidden;
	}
	.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
	 
	 
/*ぐーぐるカレンダー*/	
	 
.google-cal{
	position: relative;
	padding-bottom: 75%; // 縦横比
	height: 0;
	overflow: hidden;
	}
	.google-cal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
	
.google-cal-small {
	position: relative;
	padding-bottom: 170%; // 縦横比
	height: 0;
	overflow: hidden;
	}
	.google-cal-small iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
	 
	 
	 
/*スマホのみ電話を発信できる*/	 
@media(min-width: 750;px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
	 
	 
	 
	 
@media (max-width: 600px) {
    .fb,.tw,.ist{
          float: none;
          margin-bottom: 5%;
          width: auto;
     }
}


@media (max-width: 750px) {
     .header_txt{
          float: right;
          margin: 0;
          width: auto;
     }
}



@media only screen and (max-width: 480px) {
  #shopimg li{

  }
  }

/*グーグルカレンダー スマホ対策*/

 
 
@media (max-width: 500px) {
    .google-cal{
		  display:none

     }
}


@media (min-width: 500px) {
     .google-cal-small{

		  display:none
		
		 }
}