@charset "utf-8";



#blog{
background:url(../images/bg_pattern1.gif);
}




.clearfix:after{
	display: block;
	content: "";
	clear: both;
}

main {
	margin: 0 auto;
	width: 100%;}
	
img{
	vertical-align: bottom;
}


 
  @media screen and ( min-width: 769px ) {


main {
	margin: 0 auto;
	max-width:100%;
}
	  
/*--------------------- Navigation drawer ------------*/
    #drawer_btn {
      display: none;
    }

#drawer_header {
   /* font-size: 20px;
    padding: 15px 25px;
    color: #fff;
    font-weight: bolder;*/
	display: none;
  }

#drawer_menu > ul {
	padding-left: 0;
	list-style-type: none;
	overflow: hidden;
  }

#drawer_menu li{
	/*display: inline;
	width: 200px;
	border-right: #ccc 1px solid;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;*/
	
	float: left;
	width: 10.3%;
	/*border-right: #ccc 1px solid;*/
	
	
	font-size:0.7rem;
		
}
#drawer_menu li:first-child{
	/*border-left: #ccc 1px solid;*/
}

#drawer_menu ul a{
	display:block;	
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#a4a9cf;
}

#drawer_menu ul a:hover{
	background-color:#3C538B;
}



#drawer_menu ul .gnav01 a{
	border-radius:5px 0 0 5px;
}
#drawer_menu ul .gnav05 a{
	border-radius:0 5px 5px 0;
}

/*----------- color change  -------*/
#drawer_menu ul .gnav06 :nth-child(n+10) a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 :nth-child(n+10) a:hover{
background-color:#3C538B;
}
/*----------- end of color -------*/










#blog #drawer_menu ul .gnav07 a{
	background-color:#3C538B;
}






  
#drawer_menu{
width: 100%;
position: fixed;
	top: 0px;
    left: 14.4%;
    z-index:2;
}


#drawer_menu > ul > li > a {
	text-decoration: none;
	color: #fff;
}

/*----------- Toggle taiou -------*/
#drawer_menu ul dt{
	display:block;	
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#a4a9cf;
}
#drawer_menu ul li dt{
color:#fff;
}


#drawer_menu ul li dt:hover{
	background-color:#3C538B;
}

	  

#drawer_menu ul li dd{

height:31px;
background:#eee;
border:solid 1px #aaa;
display:none;
text-align:center;

}

#drawer_menu ul li dd a{
text-decoration:none;
color:#fff;
}

/*----------- color change  -------*/
#drawer_menu ul .gnav06 .g06_sum a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 .g06_sum a:hover{
background-color:#3C538B;
}
#drawer_menu ul .gnav06 .g06_bizen a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 .g06_bizen a:hover{
background-color:#3C538B;
}
#drawer_menu ul .gnav06 .g06_mura a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 .g06_mura a:hover{
background-color:#3C538B;
}
#drawer_menu ul .gnav06 .g06_kyusu a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 .g06_kyusu a:hover{
background-color:#3C538B;
}
/*----------- end of color -------*/
      
      
      
      
      
      
#col_sino1 #drawer_menu ul li .g03_sino a,
#col_sino2 #drawer_menu ul li .g03_sino a,
#col_sino #drawer_menu ul li .g03_sino a{
color:#3C538B;
}
#col_karatu #drawer_menu ul li .g03_karatu a{
color:#3C538B;
}

#col_setoguro2 #drawer_menu ul li .g03_setoguro a{
color:#3C538B;
}
#col_setoguro #drawer_menu ul li .g03_setoguro a{
color:#3C538B;
}
#col_kiseto #drawer_menu ul li .g03_kiseto a{
color:#3C538B;
}
#col_hanaire #drawer_menu ul li .g03_hanaire a{
color:#3C538B;
}


#kodawari2 #drawer_menu ul li .g04_yuu a{
color:#3C538B;
}

#kodawari #drawer_menu ul li .g04_tuti a{
color:#3C538B;
}



#tour #drawer_menu ul li .gnav06 a{
color:#3C538B;
}

#blog #drawer_menu ul li .gnav07 a{
color:#3C538B;
}

/*------------ end Toggle ---------*/



/*---------------- hero_img, h1, h2, h3 -----------------*/
#header div .hero_img {
	width: 100%;
	height: auto;
	margin-top: 0px;
	position:relative;
	  }
	  
h1{	width:100%;
	position:absolute;
	top:40px;
	left:12.5%;
}


#scroll2 img{
width:100%;
}
#scroll2{

  max-height: 380px;
  display     : inline-block;
  white-space : nowrap;
  animation   : scrollAnime1 7s ease-in-out 0.2s infinite alternate;
}
@keyframes scrollAnime1{
    0% { transform: translateY(0%)}
  100% { transform: translateY(-100%)}
}











/*-------------------- pamkuzu -----------------------*/
#pankuzu{
	margin-top:10px;
	margin-left:12.5%;
	margin-bottom:5px;
	color:#666666;
	font-size: 1rem;
}



#pankuzu li{
	padding-right: 15px;
	background: url(../images/ico_arw01.png) right center no-repeat;
	display: inline;
}


#pankuzu a{
	color:#666666;
	text-decoration: none;
}
#pankuzu a:hover{
	color: #ffffff;
	text-decoration: underline;
}



/*------------------ main-contents h2 -----------------*/
#main-contents h2 {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:12.5%;
	width:50%;
	font-size: 1.2rem;
	color: #565656;
}




/*------------------- inner ----------------*/

#inner01 .sino01{
	margin-left:12.5%;
	margin-right:4%;
	margin-bottom:20px;
	float:left;
	font-size:1rem;
	line-height:1.5rem;
	width:60%;
}
#inner01 .sino01 img{
	margin-top:5px;
}


#inner01 .sino01 video{
	width:455px;
	height:auto;
}




#inner01 #side_menu{
float:left;
width:20%;

}
#inner01 #side_menu h3{
font-size: 1.2rem;
color: #565656;
margin-bottom:8px;
}

#inner01 #side_menu li{
	margin-bottom:5px;
	color: #565656;
	font-size: 1.0rem;
	padding-left: 15px;
	background: url(../images/ico_arw01.png) left center no-repeat;
}

#inner01 #side_menu a{
	color:#565656;
	text-decoration: none;
}
#inner01 #side_menu a:hover{
	color: #147EB1;
	text-decoration: underline;
}

#inner01 #side_menu h3 span{
color:#DD5145;
}

/*--------------- footer ----------------*/
footer{
	width:100%;
	background-color:#a4a9cf;
	color:#fff;
}

footer .logo_img{
margin-left:35%;
float:left;
}
footer ul{
	margin-top:10px;
	margin-left:10px;
	float:left;
	line-height:1.5rem;
	color: #fff;
	font-size:1.2rem;
}

footer ul img{
margin-bottom:10px;
}

footer ul :nth-child(2),
footer ul :last-child{
font-size:1.0rem;
} 
footer p{
margin-top:10px;
text-align:center;
color:#515555;
padding-bottom:10px;
}
	  




/*-------------------- kojin ---------------------*/
#contact #kojin h3{
font-size:1.2rem;
margin-bottom:5px;
}
#contact #kojin ol{
font-size:1.0rem;
line-height:1.5rem;
margin-bottom:10px;
}



}