@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------
                 
				全ページ共通
				
			赤：#b40926　リンク色：#E40A2F　緑：#003300;
				 
------------------------------------------------------*/
body{
	text-align:left!important;
	font-size:4.375vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(../img/back.jpg);
	color:#000;
	overflow-x: hidden;
}
@media (min-width: 500px) {
	body{	
		font-size:16px;
	}
}
#bodyback{
	background-color: rgba(0,51,0,0.3);
}
a:link,a:visited,a:hover,a:active{
	color: #E40A2F;
}
.wrap{
	 overflow:hidden;
}
.c_b{
	clear:both;
}
.c_r{
	clear:right;
}
.link{
	position:relative;
}
.link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.color-black{
	color:#000;
}
.hissu{
	color:#ffff00;
}
.alert{
	color:#ffff00;
}
.mainbox{
	background-color: rgba(0,51,0,0.4);
	padding-bottom:20px;
}
#mainbox2{
	padding-top:80px;
}
.content{
	font-size:1.0em;
}@media only screen and (max-width: 767px) {
	.content{
		font-size:0.9em;
	}	
}
.content ul{
	margin-left:0;
	padding-left:0;
}
.content li{
	margin-left:20px;
	padding-left:0;
}
.kadomaru50{
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50%;   /* Firefox用 */
}
.font-SS{
	font-size:0.5em!important;
}
.image-tate .cover{
  object-fit: cover!important;
  width: 100%!important;
  height: auto!important;
}
.image-yoko .cover{
  object-fit: cover!important;
  width: auto!important;
  height: 100%!important;
}
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
/*.row{
	margin:0!important;
	
}*/
/*.container{
	margin:0 auto!important;
	text-align:center!important;
}*/
img{
	margin:auto;
	text-align:center;
}
h1{
	margin:0;
	padding:0;
	font-size:1.0em;
}
@media only screen and (max-width: 767px) {
	h1{
		font-size:1.2em;
	}
}
h1{
	display:inline;
}
.center{
	text-align:center!important;
}

.font-S{
	font-size:0.8em!important;

}
.font-L{
	font-size:1.4em;

}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mt20{
	margin-top:20px!important;
}
.pt20{
	padding-top:20px!important;
}
.template-none{
	margin:50px auto;
	text-align:center;
}
#topslide{
	padding-top:100px;
	position:relative;
}
@media only screen and (max-width: 767px) {
	#topslide{
	padding-top:65px;
	position:relative;
}
}
header{
	padding-bottom:10px;
	color:#fff;
	position:absolute;
	top:100px;
	background-color: rgba(0,51,0,0.5);
	border:none;
	width:100%;
}
@media only screen and (max-width: 767px) {
	header{
		background-color:transparent;
	}
}
.topimgtxt{
	position:absolute;
	top:-330px;
	left:55%;
	color:#fff;
	font-size:2.0em;

}
header .titlesetumei{
	font-size:0.8em;
	padding:15px 0 0 0;
	/*display:none;*/
}
header .sitesetumei{
	font-size:0.8em;
	padding-top:10px;
}
header .logomark{
	max-width:150px;
	margin:auto;
	margin-top:10px;
}
header address{
	display:none;
	margin:5px 0 0;
	text-align:center;
	font-size:0.9em;
	text-shadow: 0px 1px 0px #eeeeee;
}
.btn_contact{
	margin:15px auto 0;
}
.btn_contact a{
	text-decoration:none;
	padding:5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	margin-bottom:2px;
	display:block;
	text-align:center;

}
#header-xs .sitesetumei{
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
#header-xs .btn_contact{
	text-align:center;
}
.red{
	color:#E40A2F;
}
/*#hbtn{
	height:55px;
	float:right;
}
#hbtn button{
	border:1px solid #ddd;
	border-radius: 20%;        
	-webkit-border-radius: 20%;    
	-moz-border-radius: 20%; 
	width:20px;
	padding:10px 10px 20px;
	margin:5px;
	background-color:#fff;
	z-index:1000!important;
}
.drawer-nav{
	background-image:url(../img/back.jpg);
	z-index:1000!important;
}
.drawer-menu li{
	list-style:none;
	line-height:1.0;
}
.drawer-menu li a{
	text-decoration:none;
	font-size:0.8em;
	display:block;
	padding:20px 0;
	text-align:center;
	position:relative;
	background-color: rgba(0,51,0,0.5);
	border-bottom:1px solid #999;
	color:#fff;
	font-weight:bold;
}
.drawer-menu li a:hover{
	background-color: rgba(0,51,0,0.3);
}
*/
#menuback{
	margin:0 auto 0;
	text-align:center;
/*	box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/
	/*background-color:#cc0066;*/
	background-color: rgba(0,51,0,0.3);
	padding:0 0;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu.navi{
	/*margin:0 auto!important;
	padding:0 0 5px!important;*/
	text-align:center;
	margin:0 auto;
	
}

#menu ul{
	margin:0 auto!important;
	padding:0 0;
	border-left:1px solid #fff;
	
}
#menu li{
	text-align:center;
	list-style:none;
	padding:0;
}
#menu li a{
	text-align:center;
	/*margin:3px 3px;*/
	padding:20px 5px!important;
	vertical-align:middle;
	display:block;
	text-decoration:none;
	font-size:0.9em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#menu li a:before {content:"★　";}
#menu li a:after {content:"　★";}

#menu li a:hover{
	text-decoration:none;
}

@media only screen and (max-width: 767px) {
	#menu li a{
		font-size:0.8em;
	}	
}

#menu .menu8{
	float:left;
	width:12.5%;
	position:relative;
}
#menu .menu8 a{
	font-size:0.8em;
	vertical-align:middle;
	margin:3px;
}

/* leftmenu menu */
#leftbox #menuback{
	
}
#leftbox #menu{
	/*margin:0 auto!important;
	padding:0 0 5px!important;*/
}
#leftbox #menu ul{
	/*margin:0 auto!important;
	padding:0 0!important;*/
	margin:0;
	padding:0;
	
}

#leftbox #menu li{
	margin:0;
	list-style:none;
}
#leftbox #menu li a{
	font-size:14px;
	padding:10px 0;
	margin:5px 0;
}

@media (min-width: 992px) {
	#hbtn{
		display: none !important;
	}
	
}
.pagetopbox{
	padding:0 15px;
	margin:0;
}
.pagetop{
	text-align:center;
	padding:0 10px;
	margin-top:20px;
	margin-bottom:10px;
}
.pagetop a{
	padding:5px;
	font-size:0.8em;
	margin-bottom:2px;
}

.pagelink{
	margin-top:20px;
	margin-bottom:20px;
	font-size:0.8em;
	text-align:center;
}
.btn{
	margin:10px auto 0!important;
	
}
.btn a{
	padding:5px;
	margin-bottom:2px;
}

.box-sizing-cb{
	box-sizing:content-box;
}
h2{
	margin:20px 0 5px!important;
	padding:15px 0!important;
	color:#FF0;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color: rgba(0,51,0,0.5);
}

h3,p{
	text-align:left;
}
h3{
	font-size:1.2em;
}
#banner{
	/*margin:10px auto 0!important;
	padding:0;*/
	padding:0;
}
#banner .banner img{
	margin:auto;
	width:100%;
}

@media only screen and (max-width: 767px) {
	#banner .banner img{
		margin:auto;
		padding:10px 20px 0;
	}	
}
#banner ul{
	/*margin:0 auto!important;
	padding:0!important;*/
	padding:0;
}
#banner li{
	list-style:none;
	padding:5px;
	margin-bottom:10px;
}
#banner2{
	margin:0;
	padding:0;
}
#banner2 ul{
	padding:0;
	margin-top:10px;
}
#banner2 li{
	list-style:none;
	/*padding:5px;
	margin-bottom:10px;*/
	margin-bottom:10px;
}

/*------------------------------------------------------
                 
		#common-template（共通テンプレート）
				 
------------------------------------------------------*/

/* common */
.common{
	text-align:left;
	color:#fff;
}
.common h3{
	color:#333;
}
.common .table{
	margin:15px 0;
	padding:0;
	/*margin:0!important;
	padding:0!important;*/
}
.txt01{
		font-size:0.9em;
	}
@media only screen and (max-width: 767px) {
	.common .table{
		font-size:0.9em;
	}	
	.txt01{
		font-size:0.8em;
	}
}
.common .table th{

}
/* template01 */
.common-template01 .box{
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #fff;
}
.common-template01 h3{
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
	margin-top:40px;
	margin-bottom:40px;
}
@media only screen and (max-width: 767px) {
	.common-template01 h3{
		font-size:1.2em;
	}	
}
.common-template01 .content{
	/*margin:10px 0;
	padding:0 15px;*/
	text-align:left;
}
.common-template01 figure{
	margin-bottom:15px;
	/*margin:0!important;
	padding:10px 10px 10px!important;*/
}
.common-template01 figcaption{
	/*margin:0!important;
	padding:10px 0 15px!important;*/
	font-size:0.8em;
	padding-top:10px;
}
.common-template01 p{
	/*margin:0!important;
	padding:0 0 15px!important;*/
	padding-bottom:15px;
}
.common-template01 .txt01{
	text-align:center;
	/*margin:10px 0!important;
	padding:0!important;*/
	margin-top:0;
	padding-bottom:0;
}
.common-template01 time{
	text-align:center;
	padding-bottom:15px;
	margin-top:0;
	margin-bottom:10px;
	font-size:0.8em;
}


/* template02 */
.common-template02{
	/*padding:10px 15px;*/
}
.common-template02 .box{
	margin-top:20px;
	margin-bottom:20px;
}
.common-template02 .box h3{
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	margin:30px 0 20px 0;
	font-size:1.8em;
	color:#fff;
}
.common-template02#about .box h3{
	text-align:left;
}
@media only screen and (max-width: 767px) {
	.common-template02 .box h3{
		font-size:1.4em;
	}	
}

.common-template02 .box .content{
	text-align:left;
	padding:0 15px 15px;
	margin-bottom:10px;
}
.common-template02 .box .content p{
/*	margin:0!important;
	padding:0 0 15px!important;*/
	padding:10px 0 0;
}
.common-template02 .box .txt01{
	text-align:center;
	margin:0;
	padding:5px 0 15px!important;
}
.common-template02 .box time{
	text-align:center!important;
	padding-top:10px;
	padding-bottom:10px;
}
.common-template02 .box figure{
	margin:auto;
	padding:10px;
}
.common-template02 .box figure img{
	width:100%;
}
.common-template02 .box .sfigure-box{
	margin-bottom:30px;
}
.common-template02 .box figcaption{
	font-size:0.8em;
}
.common-template02 .box time{
	font-size:0.8em;
}
/* template03 */
.common-template03 .box{

}
.common-template03 h3{
	text-align:center;
	/*margin:0!important;
	padding:15px 15px 15px!important;*/
	font-weight:bold;
	line-height:1.4;
	margin:30px 0 20px 0;
	border-bottom:0;
	color:#fff;
	font-size:1.8em;
}
@media only screen and (max-width: 767px) {
	.common-template03 h3{
		font-size:1.0em;
	}	
}
.common-template03 .sbox{
	/*padding:5px!important;
	margin:0!important;*/
	padding-top:20px;
	padding-bottom:20px;
	margin-top:0;
	border-bottom:1px dotted #fff;
}
.common-template03 .content{
	margin:0;
	text-align:left;
}

.common-template03 time{
	text-align:right;
	padding-top:10px;
	font-size:0.8em;
	padding-right:20px;
}
.common-template03 .txt01{
	font-size:0.7em!important;
}
.common-template03 figure{
	margin:0 5px;
	padding:0;
}
.common-template03 .slider01-6{
	margin:0!important;
	padding:0 -20px!important;
}
.common-template03 .figure-s{
	margin-right:5px;
	margin-left:5px;
	padding:0;
}
.common-template03 .figure-s figcaption{
	font-size:0.8em;
}
/* template04 */
.common-template04 .box{
	padding:15px;
	margin-top:10px;
	border:5px solid #D7FF99;
	
	
}
.common-template04 h3{
	text-align:left;
	margin:10px 0 0;
	padding:0;
	font-size:1.2em;
	background-color:#FFF;
	border-bottom:2px dotted #F99;
	opacity:0.8;
	border-bottom:4px solid #E40A2F;
}
.common-template04 h3 a{
	color:#000;
	display:block;
	padding:10px 10px;
}
.common-template04 h3 a:link{
	text-decoration:none;
}

.common-template04 h3 a:hover{
	color:#C00;
}

@media only screen and (max-width: 767px) {
	.common-template04 h3{
	font-size:1.0em;
	}	
}
.common-template04 .sbox{
	padding:10px 15px!important;
	background-color:#FFF7F7;
	margin-top:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	
}
.common-template04 .content{
	text-align:left;
}
.common-template04 figure{
	padding:0 10px 10px;
}
.common-template04 figcaption{
	font-size:0.8em;
	padding-top:5px;
}
.common-template04 time{
	width:100%;
	text-align:right;
	padding-top:10px;
	font-size:0.8em;
}
.common-template04 .txt01{
	font-size:0.8em!important;
	color:#FF0!important;
}
/* template05 */
.common-template05 .box{
	padding:20px 0 20px 0;
	border-bottom:1px dotted #fff;
	
}
.common-template05 h3{
	margin:5px 0 0!important;
	padding:5px 10px 15px!important;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.common-template05#about h3{
	text-align:left;
	font-size:1.2em;
}
@media only screen and (max-width: 767px) {
	.common-template05 h3{
		font-size:1.4em;
	}	
}

.common-template05 .content{
	margin:10px 0;
	padding:0 10px;
	text-align:left;
}
.common-template05 figure{
	margin:0 auto;
	width:70%;
}
@media only screen and (max-width: 767px) {
	.common-template05 figure{
		width:50%;
	}	
}
.common-template05 figcaption{
	margin:0!important;
	padding:10px 0 15px!important;
	font-size:0.8em;
}
.common-template05 p{
	margin:0!important;
	padding:0 0 15px!important;
	font-size:0.9em;
}
.common-template05 .txt01{
	text-align:center!important;
	margin:0 0!important;
	padding:10px 0 0!important;
}
@media only screen and (max-width: 767px) {
	.common-template05 .txt01{
	font-size:0.8em;
	}	
}
.common-template05 time{
	text-align:center!important;
	padding:10px 0 5px;
	font-size:0.8em;
}
/* template06 */
.common-template06 .box{
	margin:5px 0 15px;
	padding:10px 15px;
	
}
.common-template06 h3{
	text-align:left;
	margin:0!important;
	padding:10px 15px 5px!important;
	font-weight:bold;
	line-height:1.4;
	font-size:1.2em;
	
}
.common-template06#about h3{
	text-align:left;
}
@media only screen and (max-width: 767px) {
	.common-template06 h3{
		font-size:1.1em;
	}	
}
.common-template06 .content{
	margin:0;
	padding:0 0;
	text-align:left;
}
.common-template06 figure{
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	padding:0;
}
.common-template06 figcaption{
	margin:0!important;
	padding:10px 0 15px!important;
	font-size:0.8em;
}
.common-template06 p{
	margin:0!important;
	padding:0 0 15px!important;
}
.common-template06 .txt01{
	text-align:center;
	margin:10px 0!important;
	padding:0!important;
	font-size:0.8em;
}
.common-template06 time{
	width:100%;
	text-align:right;
	padding-bottom:5px;
	font-size:0.8em;
}


/* template07 */

.common-template07{
	/*padding:10px 15px;*/
}

.common-template07 .box{
	padding:0;
	padding-bottom:30px!important;
	margin:10px -10px 0!important;
	box-sizing:border-box!important;
	
}
.common-template07 h3{
	text-align:left;
	margin:0!important;
	padding:20px 15px 5px!important;
	font-weight:bold;
	line-height:1.4;
	font-size:1.4em;
	border-bottom:4px solid #E40A2F;

}
@media only screen and (max-width: 767px) {
	.common-template07 h3{
		font-size:1.1em;
	}	
}
.common-template07 .txt01{
	text-align:left;
	margin:0;
	padding:0 15px;
	font-size:0.8em;
}
.common-template07 .box .content{
	text-align:left;
	padding:0 30px 15px;
}
.common-template07 .box .content p{
/*	margin:0!important;
	padding:0 0 15px!important;*/
	padding:15px 0 0;
}

.common-template07 .box time{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:30px;
	text-align:right;
	font-size:0.8em;
}
.common-template07 .box figure{
	/*margin:0!important;
	padding:10px 0 10px!important;*/
	padding-left:0;
	padding-right:0;
	margin-bottom:15px;
	padding-top:20px;
	margin:0;
}

/* template08 */

.common-template08 .box{
	margin-top:10px;
	margin-bottom:20px;
	padding:20px 20px 20px;
	
}

.common-template08 h3{
	text-align:center;
	/*margin:0!important;
	padding:15px 15px 15px!important;*/
	font-weight:bold;
	line-height:1.4;
	margin:0 0 10px 0;
	padding-top:0px;
	border-bottom:4px solid #E40A2F;
}
.common-template08#about h3{
	text-align:left;
}
@media only screen and (max-width: 767px) {
	.common-template08 h3{
		font-size:1.1em;
	}	
}
.common-template08 .content{
	/*margin:10px 0;
	padding:0 15px;*/
	text-align:left;
}

.common-template08 p{
	/*margin:0!important;
	padding:0 0 15px!important;*/
	padding-bottom:15px;
}


.common-template08 .txt01{
	text-align:center;
	/*margin:10px 0!important;
	padding:0!important;*/
	margin-top:0;
	padding-bottom:0;
}

.common-template08 time{
	width:100%;
	text-align:center!important;
	padding-top:10px;
	padding-bottom:15px;
	font-size:0.8em;
	margin:0 auto 10px;
	width:100%;
}
.common-template08 .box ul{
	margin:0;
	padding:0;
}
.common-template08 .box li{
	margin:0;
	padding:0;
	list-style:none;
}

.common-template08 .thumbs1{
  width: 100%;
  height: 100%;
  position: relative; 
  margin-bottom:5px;
}
.common-template08 .thumbs1::before{
  content: "";
  display: block;
  padding-top:70%;/*比率*/
}
.common-template08 .thumbs1 a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common-template08 .thumbs1 img{
  width: 100%;
  height: auto;
  line-height: 0;
  position: absolute;
  /*bottom: 0;*/
}
.common-template08 .figcap{
	margin-top:10px;
	font-size:1.0em;
}
.common-template08 .box .figure-s-box{
	margin-top:20px;
}
.common-template08 .thumbs2{
  width: 100%;
  height: 100%;
  position: relative; 
}
.common-template08 .thumbs2::before{
  content: "";
  display: block;
  padding-top:80%;/*比率*/
}
.common-template08 .thumbs2 a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common-template08 .thumbs img{
  width: 100%;
  height: auto;
  line-height: 0;
  position: absolute;
  /*bottom: 0;*/
}

/* template09 */

/* template10 */
/*------------------------------------------------------
                 
			#home（個別テンプレート）
				 
------------------------------------------------------*/
#home #topimg_1{/*1カラム表示*/
	margin:0 auto;
	/*background-color:#000;背景黒*/
	padding:0 0 10px;
}
#home #topimg_2{/*2カラム表示*/
	margin:0 auto;
	/*background-color:#000;背景黒*/
	padding:0;
}

#home .cycle-slideshow{
	display: none;
}

/* template01 */
#home{
	padding-top:10px;
	color:#fff;
}
#home img{
	margin:0;
}

#home.home-template01 h2{
	margin-top:10px!important;
	border-radius: 5px 5px 0 0;        /* CSS3草案 */  
	-webkit-border-radius: 5px 5px 0 0;     /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */
}
#home.home-template01 #news{
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background-color:#fff;
	padding:0 0 10px 0;
	border-radius: 0 0 5px 5px;        /* CSS3草案 */  
	-webkit-border-radius: 0 0 5px 5px;      /* Safari,Google Chrome用 */  
	-moz-border-radius: 0 0 5px 5px;    /* Firefox用 */
}
#home.home-template01 #news .box{
	border:1px dotted #dddddd;
	padding:5px 20px;
	/*margin:0;
	padding:-15px!important;*/
}
#home.home-template01 #news .box time{	
	background-color:#b40926!important;
	color:#fff;
	padding:5px;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}
@media only screen and (max-width: 767px) {
	#home.home-template01 #news .box time{
		font-size:0.8em;
	}	
}
#home.home-template01 #news .box h3{
	text-align:left!important;
	font-size:1.2em;
	margin-top:10px;
	padding-left:15px;
	padding-right:0;
}
@media only screen and (max-width: 767px) {
	#home.home-template01 #news .box h3{
		font-size:18px;
		
	}	
}
#home.home-template01 #news .box h3 a{
	color:#E40A2F;
}
#home.home-template01 #news .box h3 a:link{
	text-decoration:underline;
}
#home.home-template01 #news .box h3 a:hover{
	text-decoration:none;
}
#home.home-template01 #news .box p{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}

/* template02 */
#home.home-template02 #news{
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background-color:#fff;
	padding:10px 25px 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	border:5px solid #D7FF99;
}
#home.home-template02 h2{
	margin-top:10px!important;
}
/* 1カラム box*/
#home.home-template02 #news .box_1{
	background-color:#fff;	
	border-bottom:2px dotted #dddddd;
	margin:0;
	padding:0 5px;
}

#home.home-template02 #news  .box_1 figure{
	padding-left:0;
	padding-right:0;
	margin:0;	
	
}
#home.home-template02 #news .box_1 time{
	color:#000;
	padding:0 0 0 0;
	margin:0;
	text-align:left!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_1 time{
		font-size:0.8em;
	}	
}
#home.home-template02 #news .box_1 h3{
	padding:0 0 5px 0;
	margin:0;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_1 h3{
		font-size:1.1em;
	}	
}
#home.home-template02 #news .box_1 p{
	text-align:left;
	padding:0 0 0 0;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_1 p{
		font-size:1.1em;
	}	
}
#home.home-template02 #news  .box_1 .rightbox{
	/*padding:0;*/
	padding-left:0;
	padding-right:10px;
}
#home.home-template02 #news .box_1 .rightbox time{
	color:#000;
	text-align:left!important;
	padding:0!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_1 .rightbox time{
		font-size:0.8em;
	}	
}
#home.home-template02 #news .box_1 .rightbox h3{
	padding:0!important;
	margin:0!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_1 .rightbox h3{
		font-size:1.1em;
	}	
}
#home.home-template02 #news .box_1 .rightbox p{
	padding:0!important;
	padding-top:5px!important;
}
/*2カラム box*/
#home.home-template02 #news .box_2{
	background-color:#fff;	
	border-bottom:2px dotted #dddddd;
	margin:0;
	padding:0 10px 0 0;
}

#home.home-template02 #news  .box_2 figure{
	padding-left:0;
	padding-right:0;
	margin:0;	
	
}
#home.home-template02 #news .box_2 time{
	color:#000;
	padding:0 0 0 20px;
	margin:0;
	text-align:left!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_2 time{
		font-size:0.8em;
	}	
}
#home.home-template02 #news .box_2 h3{
	padding:0 0 5px 20px;
	margin:0;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_2 h3{
		font-size:1.1em;
	}	
}
#home.home-template02 #news .box_2 p{
	text-align:left;
	padding:0 0 0 20px;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_2 p{
		font-size:1.1em;
	}	
}
#home.home-template02 #news  .box_2 .rightbox{
	/*padding:0;*/
	padding-left:10px;
	padding-right:10px;
}
#home.home-template02 #news .box_2 .rightbox time{
	color:#000;
	text-align:left!important;
	padding:0!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_2 .rightbox time{
		font-size:0.8em;
	}	
}
#home.home-template02 #news .box_2 .rightbox h3{
	padding:0!important;
	margin:0!important;
}
@media only screen and (max-width: 767px) {
	#home.home-template02 #news .box_2 .rightbox h3{
		font-size:1.1em;
	}	
}
#home.home-template02 #news .box_2 .rightbox p{
	padding:0!important;
	padding-top:5px!important;
}

#home.home-template02 #news .image-tate{
 width: 100%;
  height: 100%;
  max-width: 500px;
  position: relative;
}
#home.home-template02 #news .image-tate::before{
 content: "";
  display: block;
  padding-top: 100%;
}
#home.home-template02 #news .image-tate a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
   width: 100%;
  height: 100%;
  overflow: hidden;
}
#home.home-template02 #news .image-tate img{
  width: 100%;
  height: auto;
  line-height: 0;
  position: absolute;
}
#home.home-template02 #news .image-yoko{
 width: 100%!important;
  height: 100%!important;
 /*max-width: 500px;*/
  position: relative!important;
  /*overflow: hidden;*/ 
}

#home.home-template02 #news .image-yoko::before{
  content: ""!important;
  display: block!important;
  padding-top: 100%!important;
}

#home.home-template02 #news .image-yoko a{
  display: block!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  overflow: hidden!important;
}
#home.home-template02 #news .image-yoko img{
  width: auto!important;
  height: 100%!important;
  line-height: 0!important;
  position: absolute!important;
  bottom: 0!important;
}

/* template03 */

#home.home-template03 .box1{
	color:#fff;
}
#home.home-template03 #news{
	padding:0 15px 5px;
	margin:10px 0 2px;
}
#home.home-template03 #news .box{
	margin:0 0 5px 0;
	border-bottom:1px dotted #fff;
}
#home.home-template03 #news .box time{
	background-color:#b40926!important;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:0.9em;
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50%;   /* Firefox用 */
	width:60px;
	height:60px;
	float:left;
}
@media only screen and (max-width: 767px) {
	#home.home-template03 #news .box time{
		font-size:0.8em;
	}
}
#home.home-template03 #news .box h3{
	text-align:left;
	padding:15px 0 0 25px;
	font-size:1.2em;
	/*float:left;*/
}
#home.home-template03 #news .box h3 a{
	color:#fff;
	padding:0 5px;
}

@media only screen and (max-width: 767px) {
	#home.home-template03 #news .box h3{
		font-size:1.1em;
	}	
}
#home.home-template03 #news p{
	padding:15px 0 5px;
	font-size:0.9em;
}
@media only screen and (max-width: 767px) {
	#home.home-template03 .facebook .fb-page,#home.home-template03 .facebook{
		width:100%!important;
		margin:auto;
	}
}
@media (min-width: 768px) {
	#home.home-template03 .facebook .fb-page,#home.home-template03 .facebook{
		width:100%!important;
		margin:0 auto;
		
	}
}
@media (min-width: 992px) {
	#home.home-template03 .facebook,#home.home-template03 .facebook .fb-page{
		margin:0 auto;
		width:100%!important;
	}
	
}
@media (min-width: 1200px) {
	#home.home-template03 .facebook,#home.home-template03 .facebook .fb-page{
		margin:0 auto;
		width:500px!important;
	}
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

 
/* template04 */

/* template05 */

/* template06 */

/* template07 */

/* template08 */

/* template09 */

/* template10 */

/*------------------------------------------------------
                 
	#newslist #news 共通　(一覧・詳細・個別テンプレート）
				 
------------------------------------------------------*/

/* template01 */
#newslist.news-template01,#newslist.news-template02,#news.news-template01,#news.news-template02{
	/*padding:0;
	margin:0;*/
	margin-top:15px;
	color:#fff;
}
#newsbox{
	padding:5px 15px;
	
}
#newsbox a{
	color:#fff;
}
#newsbox a:link{
	text-decoration:underline;	
}
#newsbox a:hover{
	text-decoration:none;	
}

/*------------------------------------------------------
                 
		#newslist　(一覧・個別テンプレート）
				 
------------------------------------------------------*/
#newslist.news-template01 h2{
	margin:5px 0 0;
}
#newslist.news-template01 .box{
	margin:0;
	border-bottom:1px dotted #fff;
	padding:10px;
}
#newslist.news-template01 .box time{	
	background-color:#b40926!important;
	color:#fff;
	padding:5px;
	text-align:center;
	font-size:1.0em;
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50%;   /* Firefox用 */
	width:60px;
	height:60px;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template01 .box time{
		font-size:0.8em;
	}	
}
#newslist.news-template01 .box h3{
	text-align:left!important;
	font-size:1.4em;
	margin-top:0;
	padding:5px 0 5px 10px;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template01 .box h3{
		font-size:18px;
	}	
}

/* template02 */
#newslist.news-template02 h2{
	margin:5px 0 0;
}
#newslist.news-template02 .box{
	border-bottom:2px dotted #dddddd;
	padding-right:20px!important;
	padding-left:-15px!important;
}

#newslist.news-template02 .box figure{
	padding-left:0;
	padding-right:0;
	
}
#newslist.news-template02 .box time{
	color:#000;
	padding:0 0 0 10px;
	margin:0;
	text-align:left!important;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template02 .box time{
		font-size:0.8em;
	}	
}
#newslist.news-template02 .box h3{
	padding:0 0 5px 10px;
	margin:0;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template02 .box h3{
		font-size:1.1em;
	}	
}
#newslist.news-template02 .box p{
	text-align:left;
	padding:0 0 0 10px;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template02 .box p{
		font-size:1.1em;
	}	
}
#newslist.news-template02 .box .rightbox{
	/*padding:0;*/
	padding-left:10px;
	padding-right:0;
}
#newslist.news-template02 .box .rightbox time{
	color:#000;
	text-align:left!important;
	padding:0!important;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template02 .box .rightbox time{
		font-size:0.8em;
	}	
}
#newslist.news-template02 .box .rightbox h3{
	padding:0!important;
	margin:0!important;
}
@media only screen and (max-width: 767px) {
	#newslist.news-template02 .box .rightbox h3{
		font-size:1.1em;
	}	
}
#newslist.news-template02 .box .rightbox p{
	padding:0!important;
	padding-top:5px!important;
}

#newslist.news-template02 .image-tate{
 width: 100%;
  height: 100%;
  max-width: 500px;
  position: relative;
}
#newslist.news-template02 .image-tate::before{
 content: "";
  display: block;
  padding-top: 100%;
}
#newslist.news-template02 .image-tate a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#newslist.news-template02 .image-tate img{
  width: 100%;
  height: auto;
  line-height: 0;
  position: absolute;
  /*bottom: 0;*/
}


#newslist.news-template02 .image-yoko{
 width: 100%;
  height: 100%;
  max-height: 500px;
  position: relative;
}
#newslist.news-template02 .image-yoko::before{
  content: "";
  display: block;
  padding-top: 100%;
}
#newslist.news-template02 .image-yoko a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#newslist.news-template02 .image-yoko img{
  width: auto;
  height: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
}

/* template03 */

/* template04 */

/* template05 */

/* template06 */

/* template07 */

/* template08 */

/* template09 */

/* template10 */
/*------------------------------------------------------
                 
				#news (詳細・個別テンプレート）
				 
------------------------------------------------------*/
/* template01 */

#news.news-template01 h2{
	margin:5px 10px 0;
}
#news.news-template01 .box{
	padding:15px 0;
}
#news.news-template01 h3{
	margin:10px 0!important;
	font-size:1.8em;
	text-align:left;
	color:#FFF;
	padding:0 0 10px 0!important;
}
@media only screen and (max-width: 767px) {
	#news.news-template01 h3{
		font-size:1.4em;
	}	
}
#news.news-template01 time{
	margin:0;
	padding:20px 0 20px;
	text-align:right!important;
	font-size:0.8em;
	float:right;
}
#news.news-template01 .content{
	padding:0;
}
#news.news-template01 .content p{
	padding:15px 0 0;
	text-align:left;
}
#news.news-template01 .content img{
	max-width:100%;
	height:auto;
}

/* template02 */

#news.news-template02 h2{
	margin:5px 10px 0;
}
#news.news-template02 .box{
	margin-top:10px;
	padding:0 0;
}
#news.news-template02 h3{
	margin:10px 0!important;
	font-size:1.4em;
	text-align:left;
	color:#E40A2F;
	padding:0 0 10px 0!important;
}
@media only screen and (max-width: 767px) {
	#news.news-template02 h3{
		font-size:1.2em;
	}	
}
#news.news-template02 time{
	margin:0;
	padding:20px 10px 20px;
	text-align:right!important;
	font-size:0.8em;
	float:right;
}
#news.news-template02 .content{
	padding:0;
}
#news.news-template02 .content p{
	padding:15px 0 0;
	text-align:left;
}
#news.news-template02 .content img{
	max-width:100%;
	height:auto;
}

/* template03 */

/* template04 */

/* template05 */

/* template06 */

/* template07 */

/* template08 */

/* template09 */

/* template10 */
/*------------------------------------------------------
                 
				#company（ 個別テンプレート）
				 
------------------------------------------------------*/
#company{
	color:#fff;
}
#company .box{
	color:#fff;
}
#company .box a{
	color:#FF0;
}
#company h3{
	font-size:1.8em;
	text-align:center;
	padding:5px;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 10px 0;
	color:#fff;
}
@media only screen and (max-width: 767px) {
	#company.company-template01 h3{
		font-size:1.0em;
	}	
}
/* template01 */
#company.company-template01{
	text-align:left;
}

#company.company-template01 .content{
	padding:15px 30px;
}

#company.company-template01 table th{
	width:15%;
	font-size:1.0em;
}
@media only screen and (max-width: 767px) {
	#company.company-template01 table th{
	font-size:1.0em;
	}	
}
#company.company-template01 table td{
	width:85%;
}
@media only screen and (max-width: 767px) {
	#company.company-template01 table td{
	font-size:1.0em;
	}	
}
#company.company-template01 table td p{
	padding:0!important;
}
#company.company-template01 figure{
	margin:0 10px 10px 0;
	padding:0;
}
#company.company-template01 p{
	text-align:left;
	padding-left:0;
	padding-right:0;
	padding-bottom:15px;
	margin:0;
}

/* template02 */

/* template02 */
#company.company-template02 #tabnavi{
	margin-top:15px;
	margin-bottom:20px;
	border:0!important;
	
}
#company.company-template02 #tabnavi li a{
	margin-right:5px;
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
	color:#fff;
	padding:10px;
	font-weight:bold;
	background-color: #b40926;
	border:1px solid #fff;
	font-size:0.8em;
}
#company.company-template02 #tabnavi li a:hover{
	background-color:#CC0A2D ;
}

#company.company-template02{
	text-align:left;
}

#company.company-template02 table th{
	width:15%;
	font-size:1.0em;
}
@media only screen and (max-width: 767px) {
	#company.company-template02 table th{
	font-size:1.0em;
	}	
}
#company.company-template02 table td{
	width:85%;
}
@media only screen and (max-width: 767px) {
	#company.company-template02 table td{
	font-size:1.0em;
	}	
}
#company.company-template02 table td p{
	padding:0!important;
}
#company.company-template02 figure{
	margin:0 10px 10px 0;
	padding:0;
}
#company.company-template02 p{
	text-align:left;
	padding:5px 30px;
}

/* template03 */

/* template04 */

/* template05 */

/* template06 */

/* template07 */

/* template08 */

/* template09 */

/* template10 */
/*------------------------------------------------------
                 
				#contact （ 個別テンプレート）
				 
------------------------------------------------------*/
#contact #contactbox{
	margin-top:10px;
	color:#fff;
	
}
/*template01*/
#contact.contact-template01{
	text-align:left!important;
	/*margin:10px;*/
	
}

#contact.contact-template01 p{
	padding-top:15px;
}
#contact.contact-template01 table{
	padding:0;
	margin-top:10px;
}
#contact.contact-template01 table th{
	width:20%;
}
#contact.contact-template01 table td{
	width:70%;
}
#contact.contact-template01 table input{
	width:100%;
}
#contact.contact-template01 table textarea{
	width:100%;
}
#contact.contact-template01 .btn_submit{
	margin:20px 0;
	text-align:center;
}
#contact.contact-template01 .btn_submit input{
	margin:5px;
}
#contact.contact-template01 .font-s{
	font-size:0.7em;
}
#contact.contact-template01 .alert{
	font-size:0.9em;
	padding:0;
}
/* template02 */
#contact.contact-template02{
	text-align:left!important;
	/*margin:10px;*/
	
}
#contact.contact-template02 p{
	padding-top:15px;
}
#contact.contact-template02  form{
	margin:20px 0;
	padding:0;
}
#contact.contact-template02 .form-group{
	margin:5px 0;
	padding:0;
}
#contact.contact-template02 input{
	width:100%;
}
#contact.contact-template02 textarea{
	width:100%;
}
#contact.contact-template02 .btn_submit{
	text-align:center;
	padding:0;
	width:250px;
	margin:0 auto;
}
#contact.contact-template02 .btn_submit input{
	width:auto;
	min-width:100px;
	float:left;
	margin:10px;
}
#contact.contact-template02 .font-s{
	font-size:0.7em;
}
#contact.contact-template02 .alert{
	font-size:0.9em;
	padding:0;
}
#contact input[name=zipcode]{
	width:40%;
	margin-bottom:2px;
}

/* template03 */

/* template04 */

/* template05 */

/* template06 */

/* template07 */

/* template08 */

/* template09 */

/* template10 */
/*------------------------------------------------------
                 
				#footer
				 
------------------------------------------------------*/
#footback{	
	padding:20px 0;
	background-color:#003300;
	color:#fff;
	margin-top:10px;
}
#footback .name{
	text-align:left;
	font-size:1.0em;
}
#footback address{
	text-align:left;
	font-size:0.8em;
}
#copyright{
	font-size:0.8em;
	padding:20px 0;
	color:#fff;
	text-align:center;
	background-color:#003300;
}
#footerlink{
	margin:0;
	padding:10px 0 0 0;
}
#footerlink ul{
	margin:0;
	padding:0;
}
#footerlink li{
	float:left;	
	list-style:none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	margin:5px;
}
#footerlink li a{
	text-decoration:none;
	font-size:0.8em;
	display:block;
	padding:5px 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: rgba(0,51,0,0.4);
	color:#fff;
}
#footerlink li a:hover{
	text-decoration:none;
}
/*------------------------------------------------------
                 
				#その他
				 
------------------------------------------------------*/
/* googlemap レスポンシブ*/
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*------------------------------------------------------
                 
		メニューボタンのCSSはここ
				 
------------------------------------------------------*/
/*ボタン*/
a.btn-common{
	display: block;
	position: relative;
	text-decoration: none!important;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
	color:#fff;
	padding:5px;
	font-weight:bold;
	background-color: #b40926;
	border:1px solid #fff;
}
a.btn-common:hover {
		background-color:#CC0A2D ;
}

/*メニューボタン*/
a.menubtn,
a.menubtn:hover,
a.menubtn:visited{
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	font-weight:bold;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color: rgba(168,18,42,1.0);
	background-color:#b40926;
	color:#fff;
}
a.menubtn:hover {
	background-color:#CC0A2D;
}
.footnavi a.menubtn,
.footnavi a.menubtn:hover,
.footnavi a.menubtn:visited{
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	font-weight:bold;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color: rgba(0,51,0,0.5);
	color:#fff;
}
.footnavi a.menubtn:hover {
	background-color: rgba(0,51,0,0.3);
}

/*お問い合わせボタン*/
a.contactbtn,
a.contactbtn:hover,
a.contactbtn:visited {
	padding:5px;
	font-weight:bold;
	background-color:#b40926;
	color:#fff;
	border:1px solid #fff;
}
a.contactbtn:hover {
	background-color: #CC0A2D;
}
/*------------------------------------------------------
                 
		ナビ
				 
------------------------------------------------------*/
#mainNav {
  background-color:#003300;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: white;
    border: 0;
    background-color: #b40926;
    /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
}
#mainNav .container {
    padding: 0; }
	
#mainNav .container .navbar-brand {
      color:#CF0;
      /*font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive;*/
}
  
#mainNav .container .navbar-brand:hover, #mainNav .container .navbar-brand:focus, #mainNav .container .navbar-brand:active, #mainNav .container .navbar-brand.active {
        color: #CF0; }
		
#mainNav .container .navbar-nav .nav-item .nav-link {
      font-size: 75%;
      font-weight: 400;
      padding: .75em 0;
      letter-spacing: 1px;
      color: white;
     /* font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
      text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	#mainNav .container .navbar-nav .nav-item .nav-link{
	font-size: 85%;
	}	
}
#mainNav .container .navbar-nav .nav-item .nav-link:hover, #mainNav .container .navbar-nav .nav-item .nav-link.active {
        color: #CF0;
}
@media only screen and (max-width: 767px) {
	#mainNav .navbar-brand {
	font-size:0.9em;
	}
	#mainNav img{
	width:50px;
}	
}
@media (min-width: 992px) {
#mainNav {
    padding: 5px 0;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
    border: none;
    /*background-color: transparent;*/
	background-color:#003300;
	 }
#mainNav img{
	margin:5px 5px;
}
#mainNav .navbar-brand {
      font-size: 1.0em;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
#mainNav .navbar-nav .nav-item .nav-link {
      padding: 1.1em 1em !important;}
#mainNav.navbar-shrink {
      padding: 0;
      background-color: #003300;
 }
#mainNav.navbar-shrink .navbar-brand {
        font-size: 1.0em;
        padding: 12px 0; }
#mainNav.navbar-shrink img{
	width:50%;
}