@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
 
http://developer.yahoo.com/yui/license.html
 
version: 3.3.0
build: 3167
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	word-break: break-all;
	-webkit-text-size-adjust: none;
}

:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



/* ---------- clearfix hack ---------- */
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}.gridWrapper img.gridWrapper img
/* end MacIE5 */



/* base
-------------------------------------------------- */
body{
	background: #fff;
	color: #333;
	font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	border-bottom: 5px solid #FF9900;
	line-height: normal;
	font-weight: bold;
}

/* for IE7 below */
html.no-cssanimations body {
  font-size: 100%;
}

/* リンク設定
-------------------------------------------------- */
a{
	color:#FF9900;
	text-decoration:none;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
	color: #FF6633;
	font-size: 100%;
}


/*a:active, a:focus{
	outline: 0;
	color: #FFFFFF;
	text-align: center;
}
*/

/* hidden
-------------------------------------------------- */
.hidden {
  display: none;
}


/* 全体
-------------------------------------------------- */
#wrapper{
	width: 100%;
	margin:0 auto;
	padding: 0;
	position: relative;
	overflow: hidden; 
}

.inner{
	width: 100%;
	max-width: 1024px;
	margin:4px auto;
}

#wrapper .entry_body {
margin: 15px 24px 15px 24px;
padding: 0px 0px 0px 0px;
}

#wrapper .new {
height: 150px;
overflow: auto;
margin-right: auto;
margin-left: auto;
}

#wrapper .new li {
border-bottom:#CCCCCC dotted 2px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 10px 0px;
}

/*-------------------------------------------------*/
h1{
font-size:150%;
line-height:2;
font-weight:normal;
}

h2{
font-size:120%;
line-height:2;
font-weight:bold;
margin-left:30px;
}

/*-------------------------------------------------　
/* ヘッダー
/*------------------------------------------------ */

#header{
	overflow: hidden; 
}

* html #header{height:1%;}


/* ロゴ
-------------------------------------------------- */
#header .logo{
	float: left;
	width: 360px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.logo a{
font-size:150%;
font-weight:bold;
line-height:1;
}

.logo span{
font-size:80%;
font-weight:normal;
}

.logo img{
	width:100%;
	max-width: 360px;
	height: auto;
}

.banner{
	float: left;
	width:35%;
	max-width: 400px;
	padding: 10px 0;
}
	

.return{
	bottom: 10px;
    position:fixed;
    z-index: 999;
    color:#333;
	text-align:right;
    width: 98%;
}

/* header info
-------------------------------------------------- */
.info{
	float:right;
	padding:5px 0;
	text-align:right;
	margin:10px;
}

.tel {
	color:#FF9900;
}

.tel strong{
	font-size: 180%;
	font-weight: bold;
	color: #FF9900;
}

.tel nomal{
	font-size:100%;
	font-weight:bold;
	color:#FF9900;
}

.head-tel {
	color:#FF9900;
	font-size: 180%;
}


.tel2 {
	color:#FF9900;
	font-size:200%;
	font-weight:bold;
}

/* main image
-------------------------------------------------- */
#mainBanner {
	width:100%;
	clear: both;
	margin:3px -15px 0 0;
	line-height: 0;
	text-align: center;
	z-index:0;
	background-color: #ffd68c;
	float: 	left;
	position: relative;
}

 /* スライドショー設定 */
/*koko*/

.slider-block{
	padding:16px 0;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slider .center-item img {
    width: 100%;
    height: auto;
}


.slider {
	margin: 0;
	
	padding:0;
}

.slider ul{
	padding-inline-start: 0;
}

.slider img {
	width: 100%;
	height: auto;
}

.single-item {
	max-width: 600px;
	margin: 0 auto 50px;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}


.horizontal_scroll {
	width:100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex; }




.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
z-index:100;
color:#df8b04;
background:url(images/tp.png);
}

.subImg .slogan{
left:auto;
right:10px;
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}

.slogan h3{
font-size:14px;
}

/*　スクロールTOP　*/
/*-------------------------------------------------- */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -50px;
  bottom: 50px;
  background: #FF9900;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



/* トップナビゲーション
-------------------------------------------------- */
	nav#mainNav{
	clear:both;
	position:relative;
	z-index:100;
	margin:0 auto;
	padding:0 auto;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #fff;
	background-color: #ffd68c;/*	position: fixed;  */
	}
	
/*	nav#mainNav .inner{
	padding-left:1px;
	}
*/
	nav#mainNav ul li{
	float: left;
	position: relative;
	border-left:1px #fff solid;
	width:16.5%;
	}
	
	nav#mainNav ul li:last-child{
		border-right:1px #fff solid;
	}

	nav#mainNav ul li:first-child{
		
	}
	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#333;
	height:34px;
	line-height:34px;
	font-size:100%;
	margin-right:1px;
	padding:10px 0; 
	}
	
	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:100%;
	line-height:1.4;
	}
	
	
	nav#mainNav ul li a span{
	font-size:100%;
	color:#888;
	font-weight:normal;
	}

	nav div.panel{
		width:100%;
  display:block !important;
  float:left;
  }
  
  nav#mainNav ul li:hover {
	display: block;
	background-color: #FF9900;
  }
  a#menu{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
  color:#4c4c4c;
  }
  
  nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover{
  color:#fff;
  }
  
  nav#mainNav ul ul{
	width:170px;
	border-right:1px solid #fff; 
	border-top:0;
	margin-top:23px;
	}
  
  nav#mainNav ul li ul{display: none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:32px;
  left:-1px;
  z-index:500;
  }
	
  nav#mainNav ul li li{
	margin-top:0;
    float: none;
    height:30px;
    line-height:30px;
    width:140%;
	padding-bottom: 10px;
    background:#fff6e6;
	border:1px solid #fff;
  }
	
	
  nav#mainNav ul li li a{
  width:100%;
  height:40px;
  padding:0px 0px 0px 10px;
  line-height:40px;
  font-size:100%;
  text-align:left;
  }
	


#topnav{
clear:both;
overflow:hidden;
margin:0 auto 1px;


}

* html ul#topnav{height:1%;}


/* メインコンテンツ
-------------------------------------------------- */
#container{
	width: 100%;
	max-width:1024px;
	margin:10px auto;
	position: relative;
	box-sizing: border-box;
}


/**************************
/* グリッド
**************************/

.gridWrapper{
	clear: both;
	padding: 0;
	margin:10px auto;
	overflow: hidden;
}

/*
* html .gridWrapper{height:1%;}
*/	
.grid{
	float: left;
	width: 18%;
	margin:0.4%;
	background: #fff;
	text-align:center;
	z-index: 1;
	border: 4px solid #fff;
	border-bottom: 2px solid #f90;
	
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}


.grid a{
	color:#333;
	text-align:center;
	font-size:100%;
	line-height:100%;
}

.grid p#vw{
	font-size:70%;
	padding-top:6px;
	padding-bottom: 0;
	height: 14px;
	line-height:100%;
}

.grid p{
	font-size:100%;
	padding-top:0;
	padding-bottom:4px;
	height: 20px;
}

.grid p#single2{
	font-size:100%;
	padding-top:6px;
	padding-bottom:6px;
	height: 30px;
	line-height:100%;
}

.grid p#single{
	font-size:100%;
	padding-top:16px;
	padding-bottom:6px;
	height: 20px;
}

.grid p#single-hp{
	font-size:100%;
	padding-top:16px;
	padding-bottom:6px;
	height: 20px;
}
.grid a:hover{
	color: #FFB74C;
	
}
.grid h3{
	font-size: small;
	/*padding: 3px; */
	text-align: center;
		/*	border-radius:0 5px 5px 0;
		background:#e4e4e4; */
}
.grid img{
	width:200px;
}

.gridWrapper img{
		width:100%;
		
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
	

.grid ul{margin:5px 10px;}

.grid li{
padding:5px 0;
list-style:inside;
border-top:1px solid #fff;
border-bottom:1px solid #dbdbdb;
}

.grid li:first-child{border-top:0;}
.grid li:last-child{border-bottom:0;}



.grid2{
	float: lrft;
	width: 280px;
}

.grid2 h3{
	font-size: small;

		border-radius:0 5px 5px 0;
		background:#e4e4e4; 
}

.grid2Wrapper img{
		width:300px;
		
/*    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
*/	}
	
.grid2 p{
padding:5px 10px;
}

.grid2 ul{
	margin: 5px 2px;
}

.grid2 li{
	padding: 5px 0;
	list-style: square;
	border-top:1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	border-bottom-color: #dbdbdb;
	border-bottom-style: inset;
}

.grid2 li:first-child{border-top:0;}
.grid2 li:last-child{border-bottom:0;}


.bunner-jka{
	width:100%;
	float: left;
	margin:10px 0 60px;
}


.box1 {
	float: left;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
}
.box1 at{
	font-size:120%;
	padding-left:5px;
	padding-right:20px;
	padding-bottom:2px;
	margin-bottom:5px;
	line-height:1.5;
}

.box1 a{
	font-size:130%;
	margin:20px;
	color:#333;
	list-style-type:none;	
}

.wp-col{
	padding: 1%;
	margin-bottom: 40px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
	font-size: 90%;
	color:#333;
	border:1px solid #FF9900;
	border-left:5px solid #ff9900;
}


wp-col a:hover{
	color: #FFB74C;
}

/* サブコンテンツ + フッター グリッド(2カラム) */
.calender-frame{
	width:500px;
	float: left;
	margin-right:10px;
    margin-top: 10px;}

#sub_grid{
	float:left;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
	
	.calender{
		width:490px;
		height:350px;
		margin:10px 0 10px 10px;
	}
	.grid h4{
	font-size:small;
	padding:15px 3px;
	text-align:center;
	background:#fff;
/*	border-radius:0 5px 5px 0;
	background:#e4e4e4; */
	}
	
	/* ギャラリー グリッド(4カラム) */
	#gallery{
	width:98%x;
	}
	
  #gallery .grid{
	width:auto;
	}	
/* メインコンテンツ
-------------------------------------------------- */
section.content{
margin-bottom:20px;
font-size:100%;
 overflow:hidden; 
}

* html section.content{height:1%;}

section.content article{
padding:10px;
overflow:hidden; 
background:#f4f4f4;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading,#sub .grid h3{
padding:5px 10px;
font-size:100%;
color:#fff;
background:#f6a401;
}

#main h3.heading,#sub .col2 h3{background:#df8b04;}

alignleft{
float:left;
clear:left;
margin:3px 8px 10px 1px;
border: 4px solid #fff;
	/*影を入れる*/
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}

aligncenter{
float:center;
clear:center;
margin:3px 8px 10px 1px;
border: 4px solid #fff;
	/*影を入れる*/
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}

alignright{
	float: right;
	clear: right;
	margin-top: 3px;
	margin-right: -5px;
	margin-bottom: 10px;
	margin-left: 8px;
	border: 4px solid #fff;
	/*影を入れる*/
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}

h4 {
	line-height: nomal;
	font-size:110%;
	text-decoration: underline;
	
}

h5 {
	float: left;
	width: 100%;
	color: #F60;
	font-size:120%;
	border-bottom:1px solid #FF9900;
	border-left:5px solid #ff9900;
	padding-left:5px;
	padding-right:20px;
	padding-bottom:2px;
	margin-bottom:10px;
	line-height:1.5;
	max-resolution: 10px;
}

.husen {
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	background: #f0f0f0 url('css_husen_sample02.gif') no-repeat right top;
	background-image: url(images/css_husen_sample02.gif);
}




img.frame,#gallery img{
	border: 4px solid #fff;
	/*影を入れる*/
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}

#gallery .gridWrapper{padding:0;}
#gallery .grid{border:0;background:none;}

#gallery img{
margin:5px;
}

section#gallery{overflow:visible;}



#video-frame{
/*position:relative;
*/
width:100%;
height:auto;

}

#video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}

#video2 {
position:relative;
width:100%;
height:100%;
padding-top:0;
}

resizeimage {width: 90%;}
resizeimage img { width: 90%; }

/* フッター
-------------------------------------------------- */
#footer{
	width: 100%;
	margin:40px auto 0;
	padding: 40px 2% 30px;	
	box-sizing: border-box;
	position: 	relative;
	float: 	left;
	background-color: #EFEEF1;
}

#footer .grid2{
background:transparent;
width:100%;
}

#footer .col3 ul{margin:0;}

#footer .col3 li{
margin:5px 5px;

list-style:none;
border-bottom:0;
display:inline-block;
border:0;
}

#footer .copyright{
	font-size:100%;
	text-align:center;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}


/*　見出し　影あり
-------------------------------------------------- */

.heading05 {
	margin: 0 0 30px 0;
	width: 240px;
	padding: 12px 10px;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 2px #333;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	background-color: #3b7960;
	text-align: center;
	}
 
.heading05:before,
.heading05:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 20%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.heading05:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}	



.heading06 {
	margin: 0 0 30px 0;
	width: 240px;
	padding: 12px 10px;
	color: #333;
	font-size: 110%;
/*	text-shadow: 1px 1px 2px #333; */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	background-color: #FC0;
	text-align: center;
	}
 
.heading06:before,
.heading06:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 20%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.heading06:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}	


.heading07 {
	margin: 0 0 30px 0;
	width: 240px;
	padding: 12px 10px;
	color: #111;
	font-size: 110%;
/*	text-shadow: 1px 1px 2px #333; */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	background-color: #FCF;
	text-align: center;
	}
 
.heading07:before,
.heading07:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 20%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.heading07:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}	

.heading08 {
	margin: 0 0 30px 0;
	width: 240px;
	padding: 12px 10px;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 2px #333;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	background-color: #295FCC;
	text-align: center;
	}
 
.heading08:before,
.heading08:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 20%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.heading08:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}	

.heading09 {
	margin: 20px 0 30px 0;
	width: 350px;
	padding: 12px 10px;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 2px #333;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	background-color: #f60;
	text-align: center;
	}
 
.heading09:before,
.heading09:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 20%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.heading09:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}	

/*　リストマーク
-------------------------------------------------- */

#heading08{
	position:relative;
	margin:5px 10px;
	padding:0 10px 0 55px;
	font:bold 22px/40px Arial, Helvetica, sans-serif;
	color:#666;
	background:#f3f3f3;
	z-index:1;
}
#heading08:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#f60;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#heading08:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}	

/*　リストマーク2
-------------------------------------------------- */
#heading09{
	position: relative;
	width: 100%;
	margin:25px 0 0;
	padding: 0 10px 0 25px;
	color: #333;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: normal;
	box-sizing: border-box;
	float: left;
}
#heading09:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	border-right:#fff solid 2px;
	background:#f60;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#heading09:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}	

/*　リストマーク2
-------------------------------------------------- */
#heading11{
	position: relative;
	width: 100%;
	margin: 10px 0;
	padding: 0 10px 0 25px;
	color: #333;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: normal;
	box-sizing: border-box;
	float: left;
}
#heading11:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	border-right:#fff solid 2px;
	background:#f60;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#heading11:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}	
/*　リストマーク3
-------------------------------------------------- */
#heading10 {
	position: relative;
	width: 100%;
	margin: 5px 0;
	padding: 0 10px 0 25px;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: normal;
	color: #F6C;
	float: left;
	box-sizing: border-box;
}
#heading10:before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border-right: #fff solid 2px;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	z-index: -1;
	background-color: #F39;
}
#heading10:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}	


/* スライドショー設定 */
/* 表示画面 */



.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
z-index:100;
color:#df8b04;
background:url(images/tp.png);
}

.subImg .slogan{
left:auto;
right:10px;
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}

.slogan h3{
font-size:14px;
}


	
#contents{
	padding-left: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: double;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}




/*アイコンきりかえ*/
/*grid a{
	display:block;
	width:200px;
	height:180px;
	background:url(images/daygri.jpg) no-repeat;
}

grid a:hover{
	display:block;
	width:200px;
	height:180px;
	background:url(images/recruit.jpg) no-repeat;
}
*/

/*************
メイン コンテンツ
*************/
section.content{
	margin-bottom: 20px;
	font-size: medium;
	overflow: hidden;
	border: medium inset #F96;
}

* html section.content{height:1%;}

section.content article{
padding:10px;
overflow:hidden;
background:#f4f4f4;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading,#sub .grid h3{
padding:5px 10px;
font-size:14px;
color:#fff;
background:#f6a401;
}

#main h3.heading,#sub .col2 h3{
	background:#df8b04;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

img.frame,#gallery img{
border:3px solid #ccc;
}

#gallery .gridWrapper{padding:0;}
#gallery .grid{border:0;background:none;}

#gallery img{
margin:5px;
}

section#gallery{overflow:visible;}




/*************************************
テーブル
*************************************/
.table{
border-collapse:collapse;
width:90%;
margin:10px auto 10px 30px;
}

.table th,.table td{
padding:5px;
border:1px solid #ccc;
}

/*
.table tr:first-child th,.table tr:first-child td{
border-top:#ccc 1px solid
}
*/

.table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
}
/*
table.table{
border-collapse:collapse;
width:90%;
margin:10px auto 10px 30px;
}

table.table th,table.table td{
padding:5px;
border:1px solid #ccc;
}

table.table tr:first-child th,table.table tr:first-child td{
border-top:#ccc 1px solid
}

table.table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
}

*/

/* タブレット用　768-1023 */
@media only screen and (max-width:1024px){
	#wrapper, #header,#mainBanner,#footer, #copyright, #sub_grid, .calender,  #gridWrapper, .inner{
	clear:both;
	width:100%;
	box-sizing: border-box;
  }
	#wrapper{
		width: 100%;
		overflow: hidden;
		padding-top: 8px;
			}
	
	#container{
		padding:0 2%;
	}
	.inner{
		padding-left:20px;
		padding-right:20px;
		}

	/*	#main{
		float:right;
		width:690px;
	}
*/	
	/*
	#subpage #sub{
	float:left;
	width:235px;
	overflow:hidden;
	}
	*/
	#header .header-1{
		width:auto;	
		float: right;
		margin-right: 1%;
	}
	#header .logo{
		padding-top:10px;
	}
	
	#header .banner{
		width: auto;
		margin:0 8px 8px;
		padding: 0;
		float: 	left;
	}
	#header .banner a.img{
		widows: 40%;
	}
	
/*	#header .info{
		margin: 0;
		float:right;
	}
*/	
	nav#mainNav ul li:first-child{
		
	}
	nav#mainNav ul li:last-child{
	
	}
	
	.grid p#vw{
	font-size:10px;
	}

	.grid p{
	font-size:1.9vw;
	}

	.grid p#single2{
	font-size:1.8vw;
	}

	.grid p#single{
	font-size:1.8vw;
	}

	.grid p#single-hp{
	font-size:1.6vw;
	}
	
	.calender-frame{
		width:100%;
		max-width: 740px;
		padding-top:10px;
		padding-bottom:30px;
		padding-left: auto;
		padding-right: auto;
		margin: 0 auto;
		float:inherit;
	}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:767px){
	#wrapper, #header,#mainBanner,#container,#footer, #copyright, #sub_grid, .calender, .calender-frame, #gridWrapper, .inner{
	clear:both;
	width:100%;
	margin:0;
  }
 	#wrapper{
		overflow:hidden;
		
	}
	.inner{
		padding:0;
		text-align: center;
	}
	
	#header{
		border-top:4px solid #ff9900;
	}
	
	#header .logo{
	width: 100%;
	height: auto;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	padding-top:5px;
				}
	
	#header .header-1{
	 margin: 0 auto;
	}
	
	#header .banner{
		width: 100%;
	 	padding:0 15%;
		box-sizing: border-box;
	}
	
	#header .info{
		width: 100%;

	}
  	#header .info p{
		font-size:94%;
		text-align: center;
  }
	.nav div.panel{
		box-sizing: border-box;
	}
	
	.sub-menu{
		width: 100%;
	}
	nav#mainNav ul li{
		width:50%;
		border: 0.5px solid #ffffff;
		box-sizing: border-box;
	}
	
	
	nav#mainNav ul li a{
		padding: 4px;
	}
	
	nav#mainNav ul li:hover ul{
		width: 100%;
		top:20px;
		padding:2px auto;
	}
	
	
	nav#mainNav ul li li{
		width: 100% ;
		height:auto;
		padding:0;
	}
	.slider-block {
    padding: 16px 0 8px;
	}
	
	.grid{
	width:45%;
	margin:2.5%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}
	
	.grid p#vw{
	font-size:10px;
	}

	.grid p{
	font-size:100%;
	}

	.grid p#single2{
		padding-top: 10px;
	font-size:85%;
	}

	.grid p#single{
	font-size:100%;
	}

	.grid p#single-hp{
	font-size:75%;
	}
	
	.calender-frame{
		width: 100%;
	}
	
	/* Toggle Button */
	#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
    position: relative;
    }
	
	
	
/*	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10px;
	background:#fff	
	}
	
	nav#mainNav .inner {
	  width:100%;
	  margin:0 auto;
	  background:#ffd68c;

	}
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
  border-bottom:1px solid #fff;
	}
	
	nav#mainNav a#menu span{
		padding-left:35px;
	}
	
	nav#mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;
	}
	
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;
	}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	border-left:0;
	border-right:0;
	border-bottom:1px dotted #fff;
	}

	nav#mainNav ul li:last-child{
		clear:both;
		width:100%;
		border-right:0;
		border-top:1px dotted #fff;
	}
	nav#mainNav ul li:first-child{
		clear:both;
		width:100%;
		border-top:0;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding-top:10px;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	height:32px;

	}
	
	

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#ffdd99;
	}

	nav#mainNav ul ul{
		margin-top:0;
	}
	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	}

/*	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(images/sub1.png) no-repeat 12px -10px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 12px -325px;}
	
	nav div.panel{float:none;}*/
}