*{
     margin: 0;
     padding:0;
     letter-spacing: 0em;
     line-height:1.7em;



 }
 
 p{
     padding:0 1% 0 1%;
     margin: 0 0 24px 0;
 }

h1 {
	font-size: 12px;
	margin: 0 10% 0 10%; 
	color: #000;
	background-color: #fff;
}

h2 {
	border-bottom: 2px solid #aa243d;
	border-left: 16px solid #aa243d;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 10px 0;
	margin: 10px 0 20px 0;
}

h3 {
	border-bottom: 2px solid #aaa;
/*	border-left: 8px solid #aa243d;*/
	font-size: 22px;
	padding: 5px 10px 0;
	margin: 10px 0 10px 0;

}

h4 {
	/*border-bottom: 2px solid #aa243d;*/
	border-left: 16px solid #ff290d;
	font-size: 18px;
	/*color: #fff;*/
	padding: 0 0 0 7px;
	margin: 0 0 10px 0 ;
    line-height:1em
	/*background-color: #FFA227;*/
}
h5 {
	/*border-bottom: 2px solid #aa243d;*/
	border-left: 16px solid #e8a454;
	font-size: 18px;
	/*color: #fff;*/
	padding: 0 0 0 7px;
	margin: 0 0 10px 0 ;
    line-height:1em
	/*background-color: #FFA227;*/
}

dl {
	/*color: #fff;*/
	margin: 0 5% 50px 5%;
	/*background-color: #FFA227;*/
}


dt {
	border-bottom: 2px solid #aa243d;
	font-size: 22px;
	/*color: #fff;*/
	margin: 0 5% 10px 5%;
	/*background-color: #FFA227;*/
}


dd {
	font-size: 18px;
	/*color: #fff;*/
	margin: 0 10% 10px 10%;
	/*background-color: #FFA227;*/
}
/*
h3 {
	 background-image:url(images/h_bg.jpg);
	 padding-left:10px;
	 padding-top:4px;
}
*/

img { max-width:100%;}/* 元画像以上に大きくはしないがスマホなど画面が小さい場合は縮小する */

/* マウスオーバー時の画像透過 */
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
a:link { color: #dd6600; }
a:visited { color: #ff8800; }
a:hover { color: #ff8800; }
a:active { color: #ff8800; }

/* パソコンでのみ表示させる画像はclassに"pc"を指定 */
.pc { display: block !important; }
.sp { display: none !important; }/* スマホは「none」を指定して非表示に */


BODY {
	/*background-image: url("../images/shoonji_bg.jpg"); /* 全体の背景画像 */
	background-repeat: repeat;            /* 背景を繰り返さない */
	background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
	background-attachment:fixed;             /* 背景画像を固定する */
	 /*全体に*/
	/*padding-left: 14px;*/
} 


/* 画像切り替え */

#photo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 60% 0 0;
    text-align: left;
    overflow: hidden;
    position: relative;
	max-width:100%;
}

#photo img {
    top: 0;
    left: 0;
    position: absolute;
}


#mainContens,aside,#media li,footer{/* 全てのボックスに共通部分を適用 */

/*	padding-right: 14px; /* ガーター */
/*	padding-left: 14px; /* ガーター */
/*	float: left;
/*	-webkit-box-sizing: border-box;/* 追加 */
/*	-moz-box-sizing: border-box;/* 追加 */
/*	box-sizing: border-box;/* 追加 */
/*	margin-bottom: 20px;
*/





}


header{	
	width:80%;
	margin: 0 auto;

}





.container{	
	width:80%;
	
	/*width:960px;*/
	margin: 0 auto;
	background-color: #fff;
	background-image: url("../images/shoonji_bg.jpg"); /* 全体の背景画像 */
	background-attachment: fixed;/*背景画像固定*/


}

footer{
	width:80%;/* 6カラム すでに適用されているため省略可 */
	margin: 0 auto;	
	background-color: #ba7cdf;
}
span.big_pc {
	font-size: 24px; 
}

span.red{
	font-color: red;
	font-size: 10px;
}

span.small {
	font-size: 16px;
}



/*メニュー*/

/*
#menu{

	width: 100%;

	max-width: 960px;

	margin: 0 auto;

	padding: 0;

  position: fixed;
   bottom: 0;

}
*/

#menu {
   width: 80%;
/*	max-width: 960px;*/
	margin: 0 auto; /* センタリング */
   background: #ffffff; /*#4499cc;*/
   position: fixed;
   bottom: 0;
   z-index:999; /* 表示レイヤーを最上面に */
 } 




#menu li{

	display: block;

	float: left;

	width: 16.66%; /*ここの数字がナビメニューの幅８個は12.5%*/

	margin: 0;

	padding: 0; 

	font-size: 14px;
	
}

#menu li a{

	display: block;

	margin: 0 0 2px 0;

	padding: 20px 0 20px;
  
	background-image: url(../images/nav_menu_bg.jpg);
	/*background: #333;*/

	color: #000;


	text-align: center;

	text-decoration: none;

}

#menu li a:hover{

	/*background-image: url(../images/nav_menu_bg_blink.jpg);*/

	color: #e91414;

	font-weight: bold;
	
	/*background: #444;*/

}

#toggle{

	display: none;

}

#menu_box{

	background: #f00;

}
#nextlink{
text-decoration: none;
}
div.nextlink{
	border: #ffbb22 2px outset;
	padding: 5px 10px 5px 10px;
	background-image: url(../images/nav_menu_bg.jpg);
	/*background: #f80;*/
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	margin: 1px;
	width:300px;
	margin-left: auto;
	text-decoration: none;
	text-align:center
}
div.nextlink:hover{
	border: #ffbb22 2px outset;
	padding: 5px 10px 5px 10px;
	background-image: url(../images/nav_menu_bg_blink.jpg);
	/*background: #f80;*/
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	margin: 1px;
	width:300px;
	margin-left: auto;
	text-decoration: none;
	text-align:center
}



.box_flame {
    padding: 10px 3%;
    margin: 10px 2%;
	font-size: 22px;
    border: double 5px #aa243d;
    background-color: #fff;
}
.box_flame p {
    margin: 0; 
    padding: 0;
}

/*見出し色つきバナー*/
#minibanner {
	
	font-size: 14px;
    margin: 0 1% 0 1%;
    padding: 0 1% 0 1%;
	color: #fff;
    background-color: #d58;
}
#minibanner_blue {
	
	font-size: 14px;
    margin: 0 1% 0 1%;
    padding: 0 1% 0 1%;
	color: #fff;
    background-color: #548ef9;
}



/* ＰＣ版トップページバナー表示 */
div.bannerbox{
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:60%;/* ＰＣは社長挨拶を回り込ませるので横幅６０％でバナー表示 */
}
/* ＰＣ版社長挨拶 */
div.comment{
	border:0;
/*
	border-style: dashed ;
	border-width: 5px;
	border-color: #ffa227;
*/
	/*padding: 5px 5px 5px 5px;
	margin:0px;
*/
	overflow:auto;/* bannerboxの下にテキストを回り込ませない */
}

div.eventbox{
	float:left;
	width:100%;
}

/*カラムレイアウト追記*/
.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.block-grid li {
  float: left;
  margin: 0 1% 30px;
  padding: 0;
}
.block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}


/*追記ここまで*/
/*カラムレイアウト追記*/
  .block-grid-1-2-3 li {
    width: 31.3333%;
  }
  .block-grid-1-2-3 li:nth-child(2n+1) {
    clear: none;
  }
  .block-grid-1-2-3 li:nth-child(3n+1) {
    clear: both;
  }
/*カラムレイアウトここまで*/


.2blocks {
	width: 100%;/*２カラム横並び*/

}

/*２カラムレイアウト追記*/
.2block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.2block-grid li {
  float: left;
  margin: 0 1% 30px;
  padding: 0;
}
.2block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}

.2block-grid-1-2-3 li {
    width: 31.3333%;
    clear: none;
  }
.2block-grid-1-2-3 li:nth-child(n+1) {
  clear: both;
}
/*２カラムレイアウトここまで*/




/* マップ選択メニューここから */

#map {
   width: 100%;
/*	max-width: 960px;*/
	margin: 0 auto; /* センタリング */
   background: #ffffff; /*#4499cc;*/
   /*position: fixed;*/
   /*bottom: 0;*/
   /*z-index:999;  表示レイヤーを最上面に */
 } 




#map li{

	display: block;

	float: left;

	width: 25%; /*ここの数字がナビメニューの幅８個は12.5%*/

	margin: 0;

	padding: 0; 

	font-size: 14px;
	
}

#map li a{

	display: block;

	margin: 0 0 2px 0;

	padding: 20px 0 20px;
  
	/*background-image: url(../images/nav_menu_bg.jpg);*/
	background: #fff;
	border-bottom: 2px solid #ddd;

	color: #000;


	text-align: center;

	text-decoration: none;

}

#map li a:hover{

	/*background-image: url(../images/nav_menu_bg_blink.jpg);*/

	color: #e91414;

	font-weight: bold;
	
	/*background: #444;*/

}

/* マップ選択メニューここまで */












/* タブレット用css */
@media only screen and (max-width: 768px) {

h1 {
	font-size: 8px;
	margin: 0 0 0 0;
	color: #829d22;
	background-color: #fff;
}


#menu {
   width: 100%;
/*	max-width: 960px;*/
/*	margin: 0 auto; タブレットはセンタリング無し */
   background: #ffedde;
   position: fixed;
   bottom: 0;
   z-index:999;

 } 

    #menu li{

    width: 33.33%;/*ここの数字がナビメニューの幅４個×２段は25%*/

    border-bottom: 1px solid #444;

  }


header{	
	width:100%;

}



.container{	
/*
	padding-right: 14px;
	padding-left: 14px;
  */
	width:100%;
/*	margin: 0 auto; タブレットは左右の余白無し*/
	overflow: hidden;


}







footer{
	width:100%;/* 6カラム すでに適用されているため省略可 */
	background-color: #ba7cdf;

}



div.bannerbox{
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:60%;/* ＰＣは社長挨拶を回り込ませるので横幅６０％でバナー表示 */
}
/* ＰＣ版社長挨拶 */
div.comment{
	border:0;
/*
	border-style: dashed ;
	border-width: 5px;
	border-color: #ffa227;
*/
	/*padding: 5px 5px 5px 5px;
	margin:0px;
*/
	overflow:auto;/* bannerboxの下にテキストを回り込ませない */
}



/*
div.bannerbox{
	display:block;
	float:left;
	width:100%;
}
div.comment{
	width:90%;
	float:left;
	/*border-style: dashed ;
	border-width: 5px;
	border-color: #ffa227;
	padding: 10px 5px 10px 20px;
	margin:0 0 0 10px
}
/* タブレットは横幅いっぱいにバナー表示 */

div.eventbox{
	float:left;
	width:100%;
}


/*カラムレイアウト追記*/
.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.block-grid li {
  float: left;
    width: 47%;
  margin: 0 1% 30px;
  padding: 0;
}
.block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}

.block-grid-1-2-3 li:nth-child(2n+1) {
  clear: both;
}
/*カラムレイアウトここまで*/


/* マップ案内ココから */
#map {
   width: 100%;
/*	max-width: 960px;*/
/*	margin: 0 auto; タブレットはセンタリング無し */
   background: ffedde;
/*   position: fixed;
   bottom: 0;
   z-index:999;*/

 } 

    #map li{

    width: 50%;/*ここの数字がナビメニューの幅４個×２段は25%*/

    border-bottom: 1px solid #444;

  }
/* マップ案内ココまで */



}





/* スマホ用css */
@media only screen and (max-width: 480px) {



/* パソコンでのみ表示させる画像はclassに"pc"を指定 */
.pc { display: none !important; }/* PCは「none」を指定して非表示に */
.sp { display: block !important; }


/* スマホのh2文字が大きいのを調整 */
h2 {
	border-bottom: 2px solid #FFA227;
	border-left: 16px solid #FFA227;
	font-size: 24px;
	font-weight: bold;
	padding: 5px 10px 0;
	margin: 10px 0 20px 0;
}
/*
BODY {
	padding-right: 3px;
	padding-left: 3px;

} 
*/
BODY {
/*	background-image: url(images/bg.jpg); /* 全体の背景画像 */
	background-repeat: repeat;            /* 背景を繰り返さない */
	background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
	background-attachment:fixed;             /* 背景画像を固定する */
	 /*全体に*/
     padding:0 4px 0 4px;
	/*padding-left: 14px;*/
} 



header{	
	width:100%;

}



.container{	
/*
  padding-right: 14px;
  padding-left: 14px;
  */
	width:100%;
/*	margin: 0 auto;*/
	overflow: hidden;



}


.wrap{
	width:90%;

}




footer{
	width:100%;/* 6カラム すでに適用されているため省略可 */
	background-color: #ba7cdf;
}




div.bannerbox{
	display:block;
	float:left;
	width:100%;/* スマホは横幅いっぱいにバナー表示 */
}
div.comment{
	width:88%;
	float:left;
	/*border-style: dashed ;*/
	/*border-width: 5px;*/
	/*border-color: #ffa227;*/
	padding: 10px 5px 10px 20px;
	margin:0 10px 0 10px
}

div.eventbox{
	float:left;
	width:100%;
}




/*カラムレイアウト追記*/
.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.block-grid li {
  float: left;
    width: 100%;
  margin: 0 1% 30px;
  padding: 0;
}
.block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}


.block-grid-1-2-3 li:nth-child(1n+1) {
  clear: both;
}
/*カラムレイアウトここまで*/



}