@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2018.03.02
最終更新日: 

common.css： 共通設定
---------------------------------------------------- */
html,body,wrapper {
height: 100%;
}
body {
	position:relative;
	width: 100%;
	height:100%;
	min-height: 100%;
        color:#ffffff;
	font-size:41.6875%;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Helvetica , sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height:1.4;
	background: #3e4244;
	word-wrap: break-word;
        overflow-wrap: break-word;
}
img {
	max-width: 100%; 
	height:auto;
	vertical-align: top;
}
li {list-style: none;}
a {text-decoration:none;}
a:link, a:hover, a:active {color:#ffffff;}
a:visited  {color: #ffffff;}
a:focus {outline: none;}

/*clearfix*/
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after,.clear{clear:both;}

cf::after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0;
	line-height: 0;
}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.pos-fix {position: fixed;}
.pos-inhe {position:inherit;}

.sd {
	filter: drop-shadow(0 2px 0px rgba(0, 0, 0, .5));
	-webkit-filter: drop-shadow(0 2px 0px rgba(0, 0, 0, .5));
}
*{
  margin: 0;
  padding: 0;
}
h1{margin:0;}
em {font-style:oblique;}
table {
        border-color: #e9e9e9;
        border-collapse: separate;
        max-width: 100% !important;
}
.att {
  padding-left: 1em;
  text-indent: -1em;
}
section {
        background:none;
}

/*==================================
ALL
===================================*/
#wrapper{
	position:relative;
	height:100%;
	min-width:252px;
	margin: 0 auto;
}

/*==================================
detail hed
===================================*/


/*==================================
common
===================================*/

/**/

#banner-box-inner,#info-mainbox-inner {
	padding: 0% 2% 2%;
	box-sizing: border-box;
}
.info-detail #info-mainbox-inner {
	padding: 0% 3.5% 2%;
}

/**/
ul.tablist {
	padding:0;
	margin: 0;
	width: 100%;
	height: 100%;
}
ul.tablist li {
	display:inline-block;
	width: 20%;
	height: 100%;
	text-indent:-9999px;
	padding: 0;
}
	ul.tablist li a {
		display: block;
		height: 100%;
		padding: 1.0% 0 2.5%;
	}
/*#info-mainbox h1{
	top:0;
	right:0;
	left:0;
	margin:0 auto;
		margin-top:-4.0%;
}
		.info-detail #info-mainbox h1{
				margin-top:-4.5%;
		}*/

.bg-newsbox {
	z-index:1;
}

#newslist-box {margin-top: 1%;}
ul.newslist,#detail-box-inner  {
	padding:1% 0% 2%;
	z-index:10;
}
    body.allinfoList ul.newslist {
        padding-top:5%;
    }
ul.newslist li,#detail-box .md-box  {
		border-bottom:2px solid #e37a02;
		padding: 0 2%;
		padding-bottom:0.7%;
		margin-bottom:1%;
	line-height: 1.0;
}
ul.newslist li a {display: block;}
p.news-titletxt {
	text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.news-cateimg {
	float:left;
	width: 16.8%;
	margin-right: 2%;
}

/**/
.news-daytxt {
		text-align:right;
}
.newsdetail-cont {
		margin:0 2% 5%;
}
.newsdetail-cont a {text-decoration:underline;}
span.newmarkCate {
	width: 6.9%;
	top: -70%;
	left: -2%;
}

/* slider */
.slider-box-cover {
	text-align: center;
	width: 90%;
	margin:0 auto;
}
#banner-box .slider-item .slide-arrow {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3%;
	height: 34%;
	text-indent: -99999px;
	cursor: pointer;
}
#banner-box .slider-item .slide-arrow.prev-arrow {
	left: -5%;
}
#banner-box .slider-item .slide-arrow.next-arrow {
	right: -5%;
}
ul.slide-pager {
	margin-top: 1%;
	height: 26px;
}
.slide-pager li {
	display: inline-block;
	margin-right: 1%;
	width: 28px;
	height: 100%;
}
.slide-pager li [type="button"]{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-pager li [type="button"]{
	background: url(../image/img-pager-off.png) top center no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% auto; 
	text-indent: -999999px;
}
.slide-pager li.slick-active [type="button"]{
	background: url(../image/img-pager-on.png) top center no-repeat;
	background-size: 100% auto; 
}
@media screen and (max-width:1024px) {
ul.slide-pager {
	height: 26px;
}
.slide-pager li {
	width: 3%;
}
}
@media screen and (max-width:640px) {
ul.slide-pager {
	height: 15px;
}
.slide-pager li {
	width: 3%;
}
}

/**/
.news-pagerbox {
	font-weight: 900;
	line-height:1.0;
	color:#ffffff;
	text-shadow:0px 2px 0px #000000,0px 3px 0px #000000;
}
.news-pagerbox li {
		display:inline-block;
		width: 1.5em;
	margin-right:2%;
}
.news-pagerbox .count {
	width:100%;
	margin: 0 auto;
}
.news-pagerbox li span.no {
	color:#0ab3d2;
}
.news-pagerbox li:last-child {
	margin-right:0;
}
.news-pagerbox .prev,.news-pagerbox .next  {
	width:2.2%;
}
.info-detail .info_detail_m {
	color:#000000;
	background:url(../image/info_detail_mbg.png) top center no-repeat;
	background-size:100% auto;
	padding: 0.2% 6% 0 2%;
	margin-bottom: 1%;
}

#not_entry {
	text-align:center;
}
#rebt-box {
	top:1%;
	width: 5%;
	max-width: 60px;
	position: fixed;
}
#allinfoLink {
    text-align: center;
}
/*==================================
font
===================================*/
p.news-daytxt { /*更新日*/
		font-size: 1.6rem;w
}
p.news-titletxt,#not_entry {  /*タイトル*/
		font-size: 2.2rem;
	padding-top:0.5%;
}
.newsdetail-cont .news-detailtxt{  /*詳細ページの本文*/
		font-size: 2.2rem;
}
	.info-detail .info_detail_m {   /*詳細ページの見出し*/
		font-size: 2.0rem;
		font-weight: bold;
	}
.news-pagerbox {
		font-size: 2.2rem;　/*リストページのペイジャー*/
}

@media screen and (max-width:748px) {
p.news-daytxt { /*更新日*/
		font-size: 1.4rem;
}
p.news-titletxt,#not_entry {  /*タイトル*/
		font-size: 1.6rem;
		padding-top:0.8%;
}
.newsdetail-cont .news-detailtxt{  /*詳細ページの本文*/
		font-size: 1.6rem;
}
	.info-detail .info_detail_m {   /*詳細ページの見出し*/
		font-size: 1.6rem;
	}
.news-pagerbox {
		font-size: 1.6rem;　/*リストページのペイジャー*/
}
}

@media screen and (max-width:700px) {

}

@media screen and (max-width:640px) {
p.news-daytxt { /*更新日*/
		font-size: 1.2rem;
}
p.news-titletxt,#not_entry {  /*タイトル*/
		font-size: 1.6rem;
	padding-top:0.9%;	  
}
.newsdetail-cont .news-detailtxt{  /*詳細ページの本文*/
		font-size: 1.6rem;
}
	.info-detail .info_detail_m {   /*詳細ページの見出し*/
		font-size: 1.5rem;
	}
.news-pagerbox {
		font-size: 1.6rem;　/*リストページのペイジャー*/
}
}	 
@media screen and (max-width:640px) {
.newslist-hed p.news-daytxt, .newsdetail-hed p.news-daytxt {
	padding-top: 3.5%;
}
}
@media screen and (max-width:414px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:330px) {
	.info-detail .info_detail_m {   /*詳細ページの見出し*/
		font-size: 1.2rem;
	}
}
@media screen and (max-width:320px) {

}



/*==================================
webview opacity
===================================*/

body{
        background:transparent;
}