@charset 'UTF-8';

/********************************************/
body{margin: 0; padding: 0;  color:#000; font-family:"メイリオ", "Meiryo";
 }
.wrap{ width:1000px; height:auto; margin:0 auto;}

h1{  display: none;  text-align: center; }

/************* heade***********************/
#header{width:100%; height:50px; z-index: 1; }
.lilogo img{ display: none;  width:100%; }
#header ul li a{margin: 0 auto; color:#fff; width: 150px;}
#header ul li a:hover{ color:#fff; background-color:#000;}
.header{ background-color:#1a6faf; }
.tel{
	display: none;
}
.insta{
	margin-right:5px;
	width:40px;
	height:40px;
}
.insta_responsive{
	display:none;
}


/************* heade// ***********************/
.content1{  width:100%; padding-top:150px; font-size: 15px; }
h2{   text-align: center;  font-size: 40px; color:#c71585; font-weight: bolder;}
h3{ text-align: left;   font-size: 20px; padding-left:20px;   color:#fff;   font-weight: bolder;  background-color:#1a6faf;   font-weight: bolder; padding: 10px  0;  padding-left:10px; }
h5{ font-size: 22px; text-align: left;  font-weight: bolder; color:#c71585;}
.cot{color:#3cb371;}
P{ text-align: left; }
.j1{ width:100%; height:auto; }
.left{float:left; }
.right{ float:right; padding-left:35px;  }
.c2{width:900px;  margin:0 auto; }
.c3{ margin-top:-40px; }
.j2{ float:left; width:100%; height:auto;  }

.content3{ margin-left:auto; margin-right:auto; }
h4 img{padding-top:100px;}

h6{   font-weight: bolder; text-align: center;  clear: both; padding:50px 0;   }

table{ width:100%; font-size:27px;  margin-top:15px; 
}
table th{width:30%; text-align:center;}
table td{width:70%; text-align:center; 	font-family:"メイリオ", "Meiryo"; }
.coto{margin-top:12px; background-color:red;}
.logo2 img{ margin-top:-70px; }

footer p{ text-align: center; }

#fft{ margin-top:-10px;  }
footer{padding-top:-100px;  color:#fff; background-color:#1a6faf; clear: both; 	}

.come{ margin: 30px 0; }



/**************　footer　********************/
footer p{font-size:17px; }
/**************　footer　//********************/
/********* メディアクエりー *******************/

@media screen and (max-width:980px){
#pagewrap{ width:100%; }
#content{ width:50%; }
#sidebar{ width:50%; }
footer{ width:100%; }
.comment{
	position: relative;
	z-index: 1;
	top: -110px;
	left: 2px;
	width: 99%;
	color:#000;
	text-decoration: none;
	text-align: left;
  }	
.comment1{
	width: 80%;
	height: 0;
	font-size:100%;
	color:#000;
}
	
	
}
@media (min-width: 400px) and (max-width: 700px) {
#content{ width:auto; float:none; }
#sidebar{ width:auto; float:none; }
.sabnav{ display: none; }
.comment{
	position: relative;
	z-index: 1;
	top: -110px;
	left: 2px;
	width: 99%;
	color:#000;
	text-decoration: none;
	text-align: left;
  }	
.comment1{
	width: 80%;
	height: 0;
	font-size:100%;
	color:#000;
}




		
}

/*********************************************************/
@media screen and (max-width:480px){

/***#pagewrap{ width:100%; }
.content1{ width:100%; }

footer{ width:100%; }
#header{ width:100%; height: auto; }
#content{position: static; } 
h1{ width:100%; margin:5px 0; display: block;}
h1 img{ width:100%; margin-top: -20px;margin-left: 0px; }
h2 img{display: none;}
nav{text-align: center;}
#sidebar{width:100%;}
.sabnav{ display: none; }	
#sidebar{margin-top: 430px;}
.r3 img,.r4 img,.r5 img{
	 width:100%;
}
.r6{ padding-top: 430px; }
.comment{
	position: relative;
	z-index: 1;
	top: -220px;
	left: 2px;
	width: 100%;
	color:#000;
	text-decoration: none;
	text-align: left;

  }	
.comment1{
	width: 100%;
	height: 0;
	font-size:20px;
	color:#000;
}	
#fb-root{text-align: center; width: 100%; margin:20px auto; }
.fb-page{width: 100%;}

.tel{	display: block; position: fixed; top: 62px;	
	right: 70px;}



text-align:laft;**/
/********************************************************************/
.content1{  width:100%;   }
.wrap{ width:100%; height:auto; margin:0 auto;}
#header{ width:100%; height: auto;  }
h1{ width:100%; margin:5px 0; display: block;}
h1 img{ width:100%; margin-top: -20px; margin-left: 0px; }


h2{ width:100%;   margin:0 auto; }
h2 img{display: none;}
h3{ width:100%; font-size:15px;  }



.j1{ width:100%; height:auto; }

.c2{width:100%;  margin:0 auto; ;}

.c3{ margin-top:-40px; }
.j2{ float:left; width:100%; height:auto;  }

.content3{ margin-left:auto; margin-right:auto; }
h4 img{padding-top:100px;}

h6{   font-weight: bolder; text-align: center;  clear: both; padding:50px 0;   }
.tel{	display: block; position: fixed; top: 62px; left: 10px;}
.insta_responsive{
	width:40px;
	height:40px;
	display: block;
	position:fixed;
	top:60px;
	left:65px;
}
.nav .insta_link{ display: none; }
small{ font-size:10px; }
table{  font-size:21px;}
.coto{width:100%; }

footer p{font-size:17px; }
.blog_article {
	width: 100%;
}
}
.navbar-toggle::after{
	position: absolute;
	left: 0;
	bottom: -13px;
	content: 'MENU';
	display: block;
	width: 100%;
	color:#fff;
	font-size: 1px;
	text-decoration: none;
	transition: all.4s;	
	
}
		.navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
            transform: rotate(0deg);
            top: 0;
        }

        .navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
            opacity: 1;
            width: 100%;
            margin-left: 0;
        }

        .navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(4) {
            transform: rotate(0deg);
            bottom: 0;
        }

        .navbar .navbar-toggle .icon-bar {
            position: relative;
            transition: all 200ms ease-in-out;
        }

        .navbar .navbar-toggle .icon-bar:nth-of-type(2) {
            transform: rotate(45deg);
            top: 6px;
        }

        .navbar .navbar-toggle .icon-bar:nth-of-type(3) {
            opacity: 0;
            width: 0;
            margin-left: 50%;
        }

        .navbar .navbar-toggle .icon-bar:nth-of-type(4) {
            transform: rotate(-45deg);
            bottom: 6px;
        }