@charset "utf-8";
/* CSS Document */

/*bootstrap overwrite*/
body {
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

.btn{
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
/* IE8〜11はメイリオ */
@media screen\0 {
  body {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    /*padding-right: 5px;
    padding-left: 5px;*/
    padding-right: 0;
    padding-left: 0;
}

/* //5分割カラム 20170220追記 */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    /*padding-right: 5px;
    padding-left: 5px;*/
    padding-right: 0;
    padding-left: 0;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}  

.navbar-default {
  background-color: #fff;
  border-color: transparent!important;
}

.navbar-inverse {
  background-color: #75deed;
  border-color: transparent;
  border-top: solid 1px #fff !important;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #666;
}

.navbar-toggle {
    margin-top: 0;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #51aebb;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.nav.nav-justified > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.nav-justified {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.navbar .nav-justified > li {
    display: table-cell;
    width: 100%;
}

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.btn-toolbar {
    margin-left: 0;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*
a.branding img {
	/*padding: 18px 7px 5px;
}*/
p.brandingSub {
	padding-right: 0.5em;
	font-size: 1.3rem;
	text-align: center;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	body {
	/*  padding: 0 0;*/
	padding-bottom: 3.4em;
	 }

  .container {
    /*width: 740px;*/
	width: 100%;
  }
  
  .menuWrap {
	position: relative;
	/*width: 162px;*/
	/*background-color: #fff;*/
	height: auto;
	min-height: 100%;
	/*border-right: 1px solid #75deed;
	border-left: 1px solid #75deed;*/
  }
  
  .branding,
  .point {
	background: #75deed;
	padding: 0.5em 1.2em;
  }
  
  .menuWrapInUsr {
	  height: auto;
	  padding:0.5em 1.2em;
	  border-right:1px solid #75deed;
	  border-left:1px solid #75deed;
	  border-bottom:1px solid #75deed;
  }
  
  .menuWrapIn{
	height: auto;
	min-height: 80em;
	padding:0.5em 1.2em;
	border-right: 1px solid #75deed;
	border-left: 1px solid #75deed;
  }
  .point p { color: #fff;}
  
  ul.nav_pc li {
   font-size: 1.4rem;
   font-weight: 500;
   letter-spacing: 0.02em;
  }
  
   ul.nav_pc li a {
   display: block;
   padding: 0.8em 1.2em;
   color: #75deed;
   border-width: 0 1px 1px 1px;
   border-color: #75deed;
   border-style: solid;
   font-weight:500;/*Additional notes-210181628*/
  }
/*  
	ul.nav_pc li a.active {
		color: #fff;
		background: #51c4f0 url(/mirai_tools/html/img/arrLft.png) no-repeat 103% center;
		border-width: 0 0 1px 1px;
	}
  
   ul.nav_pc li a:hover,
   ul.nav_pc li a.active:hover {
    color:#fff;
    background: #b8e9ef url(/mirai_tools/html/img/arrLft.png) no-repeat 103% center;
    border-width: 0 0 1px 1px;
   }
  */
   ul.nav_pc li a.active,
   ul.nav_pc li a:hover,
   ul.nav_pc li a.active:hover {
    color:#fff;
    background: #51c4f0;
    position: relative;
   }
  
   ul.nav_pc li a:hover:after,
   ul.nav_pc li a.active:after,
   ul.nav_pc li a.active:hover:after {
  position: absolute;
  content: '';
  z-index: 1;
  bottom: -1px;
  right: -1px;
  width: 0px;
  height: 0px;
  border-width: 10px 10px 10px 10px;
  border-color: transparent #75DEED #75DEED transparent;
  border-style: solid;
}

  .usr_pc {
	color: #75deed;
	/*padding: 0 1.4em;*/
  }
  
  .form-horizontal { margin-top: 30px;}
  
  .smmryBlc  {
	width: 95%;
	margin: 20px auto 0;
	/*min-height: 640px;
	height:100%;*/
  }
  
}

  ul.nav_pc li.sbTtl,
  ul.drpMn li.sbTtl  { /*210181625追記*/
    color: #FFF;/*Additional notes-210181628/before-#75deed*/
    background: #75deed;/*Additional notes-210181628/before-#e6f9fd*/
    padding: 0.8em 1.2em;
    /*border-width: 0 1px 1px 1px;
    border-color: #75deed;
    border-style: solid;*/
    /*border-bottom: 2px solid #e0d8d8;*/
    letter-spacing: 0.1rem;/*Additional notes-210181628*/
    font-size: 1.5rem;
    font-weight: normal;/*Change-210181628/before-#600*/
    position: relative;
  }
  ul.nav_pc li.sbTtl::before,
  ul.drpMn li.sbTtl::before,
  ul.nav_pc li.sbTtl::after,
  ul.drpMn li.sbTtl::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
  ul.nav_pc li.sbTtl::before,
  ul.drpMn li.sbTtl::before {
  top: 0;
  border-bottom: 1px dashed #fff;
}
  ul.nav_pc li.sbTtl::after,
  ul.drpMn li.sbTtl::after {
  bottom: 0;
  border-top: 1px dashed #fff;
}

  ul.drpMn li.sbTtl  { /*210181625追記*/
	margin-right: -4px;
	margin-left: -4px;
  }

@media (min-width: 992px) {

  .container {
    /*width: 960px;*/
  }
  .headerWrap {
	margin: 0 auto;
	padding: 0 1em;
  }
  .frmBlc  {
	width: 95%;
	margin: 20px auto 0;
	min-height: 640px;
	/*padding-bottom: 60px;*/
  padding: 0 5px 0;
  }
  .frnBlcIn {
	display: flex; /* 子要素をflexboxで揃える */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    /*justify-content: center; 
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;*/
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 500px;
  }
  
  
.frnBlcIn .loginBlc {
	min-width: 720px;
	margin: 0 auto;
	padding: 2.5em 2.5em;
	border: 1px solid #75deed;
	background:#fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
}

@media (min-width: 1200px) {
  .container {
    /*width: 1080px;*/
  }
  .headerWrap {
	margin: 0 auto;
	padding: 0 4em;
}  
}

@media (max-width: 992px) {
	.headerWrap {
	margin: 0 auto;
	padding: 0 0;
} 
	.frmBlc {
		width: 100%;
		margin: 20px auto 0;
		/*padding-bottom: 60px;*/
    padding: 0 5px 0;
	}
	.frnBlcIn .loginBlc {
	width: 95%;
	margin: 0 auto;
	padding: 1em 1em;
	border: 1px solid #75deed;
	background:#fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
}

@media (max-width: 767px) {
.headerWrap{
  background-color: #75deed;
  }
.headerWrap .headUser{
  background-color: #fff;
  }
.navbar {
  border: none;
  }
  /*.navbar-fixed-bottom .navbar-collapse*/
  .navbar-fixed-top .navbar-collapse {
  /*max-height: 260px;*/
  max-height: 55vh;
  border-bottom: 3px solid #51AEBB;
  border-top: 3px solid #51AEBB;
  position: relative;
  }
  .navbar-fixed-top .navbar-collapse:before {
  position: absolute;
  content: '▼';
  z-index: 1;
  top: 0;
  right: 15px;
  width: 20px;
  height: 20px;
  background-color: #51AEBB;
  color:#fff;
  text-align: center;
  }
}

@media (min-width: 443px) and (max-width: 768px) {
	body {
	  padding: 0 0 7em;
	 }
	 
	 a.branding img {
	margin: 10px auto 4px;
}
}

@media (max-width: 442px) {
	
  body {
	  /*padding: 7.5em 0 7em;*/
	  padding: 0 0 7em;
	 }
  
  .container {
    padding-right: 0;
    padding-left: 0;
}
 
	
a.branding img {
  margin: 10px auto 4px;
}
p.brandingSub {
	padding: 0 0;
    font-size: 2.777vw;
    text-align: center;
    letter-spacing: -0.13em;
}

.smmryBlc {
		width: 100%;
		margin: 0 auto;
	}
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  /*margin-left: -5px;
  margin-right: -5px;*/
  margin-left: 0;
  margin-right: 0;
}

.form-horizontal .form-group {
    margin-right: 5px;
    margin-left: 5px;
}

.datetime,
.form-control03 {
	display: inline-block;
	height: 36px;
	padding: 8px 6px;
	font-size: 1.4rem;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #75deed;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

li.input-group span.glyphicon {
	position: absolute;
    color: #b3b0ab;
    /*right: 11px;*/
    top: 11px;
}


/*------------------------------------------------------------*/
/*リンクエリア設定                                            */
/*------------------------------------------------------------*/
.allLink01 {
	position: relative;
	transition: all 0.3s ease 0s;
}
.linkBlock01 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
/*	transition: all 0.8s ease 0s;*/
}
.linkBlock01 a:hover, .linkBlock01 a.active {
	background-color: #75DEED;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.panel01 {
	border: 1px solid #75deed;
	padding: 0;
	background-color: #FFF;
}

@media (min-width: 768px) {
ul li input.datetime {
	width: 168px;
}

li.input-group span.glyphicon {
    right: 14px;
}

.slct button.btn {
	width: 95%;
}
select#select_pref,
select#select_city {
	width: 42.2%;
}

/*公開ページより継承*/
.pdgBlck, .pdgBlck_date {
    padding: 0 5px 0 0!important;
}

.panel01 {
	width: 150px;
	height:23em;
	margin: 0 3px 3px 0;
	position:relative;
}

}


@media (max-width: 767px) {
ul li input.datetime {
	width: 144px;
}

li.input-group span.glyphicon {
    right: 11px;
}

.slct button.btn {
	display: block;
	width: 185px;
	float: right;
}
select#select_pref,
select#select_city {
	width: 49%;
}

}

.form-control,
.form-control02 {
  display: block;
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #75deed;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.datetime:focus,
.form-control:focus,
.form-control02:focus,
.form-control03:focus {
  /*border-color: #66afe9;*/
  border: 1px solid #68cad8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
}

.form-control02::-moz-placeholder {
  color: #75deed;
  padding: 2.4em 0;  
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  opacity: 1.0;
}
.form-control02:-ms-input-placeholder {
  color: #75deed;
   padding: 2.4em 0;  
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  opacity: 1.0;
}
.form-control02::-webkit-input-placeholder {
  color: #75deed;
  padding: 2.4em 0;  
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  opacity: 1.0;
}
@media (max-width: 442px) {
.form-control02::-moz-placeholder {
  padding: 2.8em 0;  
  font-size: 1.4rem;
}
.form-control02:-ms-input-placeholder {
  padding: 2.8em 0;  
  font-size: 1.4rem;
}
.form-control02::-webkit-input-placeholder {
  padding: 2.8em 0;  
  font-size: 1.4rem;
}
}

input:focus::-webkit-input-placeholder {
	color:transparent;
}
input:focus:-ms-placeholder {
	color:transparent; 
}
input:focus::-moz-placeholder { 
	color:transparent;
}

textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:hover::-webkit-input-placeholder {
	opacity: 0.5;
}
textarea:focus:-ms-placeholder {color:transparent;}
textarea:hover:-ms-placeholder {
	opacity: 0.5; 
}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:hover::-moz-placeholder { 
	opacity: 0.5;
}

textarea.form-control,
textarea.form-control02{
    height: auto;
}



.form-horizontal .control-label {
    color: #75d8e6;
    padding-top: 7px;
    margin-bottom: 5px;
    font-size: 1.6rem;
    text-align: left;
}


/*class inherit +header.css overwrite*/
.wrapper {
	display: block;
	top: 0;
	left: 0;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	min-height: 53.2em;
	/*border-top: 1em solid #666;*/
}

.wrapperInn {
	background-color: #FFF;
    border-top: 1px solid #75deed;
}

@media (max-width: 767px) {
.wrapperInn {
  border-top: none;
  padding-top: 100px;
  }
}

.todaySubH {
	width: 100%;
    background: #72bae0;
	margin: 0 auto 15px;
	padding: 5px 10px;
	/*border: 1px solid #bce5fb;*/
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.drawer-default {
    background-color: #FFF;
    border-top: 1px solid #75DEED;
    border-bottom: 1px solid #75DEED;
	/*-webkit-box-shadow: 1px 0 2px 1px #b9b9b9;
	box-shadow: 1px 0 2px 1px #b9b9b9;*/
}


/*------------------------------------------------------------*/
/*チェック、ラジオ設定                                        */
/*------------------------------------------------------------*/
/*input[type=radio], input[type=checkbox] {
   display: none; 
}

input[type=radio] {
   display: none; 
}*/

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  /*margin: 1px 20px 1px 0;
  padding: 1px 12px 1px 42px;*/
  /*20170622追記*/
  margin: 1px 0 1px 0;
  padding: 1px 0 1px 35px;
  /*追記終わり*/
  border-radius: 6px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
}
/*
.checkbox:hover {
  background-color: #badeed;
}
.checkbox:hover:after {
  border-color: #ffffff;
}
*/

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 8px;
    margin-top: 0;
    margin-bottom: 0;
}
/*
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 6px;
  content: '';
}*/

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 1px 20px 1px 0;
  padding: 1px 12px 1px 42px;
  border-radius: 6px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
}

.radio:hover {
  background-color: #fff;
}
.radio:hover:after {
  border-color: #75deed;
}

.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -5px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin: -2px -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #75deed;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}
/*
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -6px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #75deed;
  border-bottom: 2px solid #75deed;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}*/

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  margin-right: 5px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-right: 5px;
  margin-left: 0;
}

/*------------------------------------------------------------*/
/*個別指定                                        */
/*------------------------------------------------------------*/
h2.lgIn {
	color: #828282;
	margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: solid 2px #75deed;
    position: relative;
	letter-spacing: 0.1em;
}
h2.lgIn:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 2.5em;
	border-bottom: 2px solid #828282;
}


/*Drop Menu*/
ul.drpMn {
	margin: 0 0;
	padding-left: 0;
    list-style: none;
}

ul.drpMn li a {
	color: #75deed;
	display: block;
	margin: 0 -10px;
	padding: 10px 12px;
	border-bottom: 1px solid #e7e7e7;
}

ul.drpMn li a:hover,
ul.drpMn li a:focus {
	background:#f9f9f9;
}

.usrWrappIn p,
.usrWrappIn ul {
	margin-bottom:0;
	font-size: 1.4rem;
}
.usrWrappIn p span {
	font-size: 2.0rem;
}

.usrWrappIn p.usrBlc {
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.5rem;
}

/*カテゴリーリスト*/
.listCategory01 {
	padding: 3px 0 0;
	margin: 0;
	list-style-type:none;
}
.listCategory01 li {
	float: left;
	margin: 1px 5px 5px 0;
}

@media (max-width: 480px) {
	.listCategory01 {
		margin-left:5px;
	}
}

/*ボタン指定*/
@media (min-width: 767px) {
.btn {
    letter-spacing: 0.12em;
}
}

ul.btnBlc,
.btnBlc {
	margin-top :-8px;
	margin-bottom: 5px;
}

.btnBlc li,
.ptBlc li {
	display: inline-block;
}

.btnBlc li a.btn {
	width: 9.3em;
    margin-bottom: 5px;
    padding: 8px 10px;
    font-size: 1.4rem;
}

.btnBlue01{
		color:#FFFFFF;background-color:#75DEED;
	padding: 4px 13px;	text-align:center;
	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;
	border: 0px solid #000000;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	text-shadow:0px -1px 0px rgba(15,132,148,0.4),0px 1px 0px rgba(255,255,255,0.3);
}

.btnWhite01 {
    color: #666666;
    padding: 1px 20px;
    text-decoration: none;
    background-color: #d4d4d4;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
    -webkit-box-shadow: 0px 3px 3px rgba(102,102,102,0.5), inset 0px 0px 0px rgba(255,000,217,0);
    box-shadow: 0px 3px 3px rgba(102,102,102,0.5), inset 0px 0px 0px rgba(255,000,217,0);
    text-shadow: 0px -1px 2px rgba(41,41,41,0.2), 0px 2px 2px rgba(255,255,255,0.3);
}

.btn:hover,
.btn::focus{
  filter: alpha(opacity=80) !important;
  -moz-opacity: 0.8 !important;
  opacity: 0.8 !important;
}

.btnBlue01, .btnBlue01 a, .btnBlue01 a:hover,
.btnBlue02, .btnBlue02 a, .btnBlue02 a:hover,
.btnBlue03, .btnBlue03 a, .btnBlue03 a:hover{ color:#FFF !important; text-decoration:none !important;}

.btn-secondary {
  color: #fff;
  background-color: #75deed;
  border-color: #75deed;
  -webkit-border-radius: 6px;
	border-radius: 6px;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #6ad1e0;
  border-color: #75deed;
  text-decoration: none;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #98e4ef;
  border-color: #75deed;
  text-decoration: none;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: #31b0d5;
  border-color: #75deed;
}
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
  color: #fff;
  background-color: #6ad1e0;
  border-color: #75deed;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #5bc0de;
  border-color: #75deed;
}
.btn-secondary .badge {
  color: #75deed;
  background-color: #fff;
}

.btn-gray {
  color: #fff;
  background-color: #828282;
  border-color: #828282;
  -webkit-border-radius: 6px;
	border-radius: 6px;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #939393;
  border-color: #939393;
  text-decoration: none;
}
.btn-gray:hover {
  color: #fff;
  background-color: #b9b9b9;
  border-color: #b9b9b9;
  text-decoration: none;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #ccc;
  border-color: #ccc;
}
.btn-gray .badge {
  color: #fff;
  background-color: #555;
}

.btn-confirm {
  color: #fff;
  background-color: #30d5ed;
  border-color: #30d5ed;
  -webkit-border-radius: 6px;
	border-radius: 6px;
}
.btn-confirm:focus,
.btn-confirm.focus {
  color: #fff;
  background-color: #6ad1e0;
  border-color: #30d5ed;
  text-decoration: none;
}
.btn-confirm:hover {
  color: #fff;
  background-color: #6dd2e0;
  border-color: #30d5ed;
  text-decoration: none;
}
.btn-confirm:active,
.btn-confirm.active,
.open > .dropdown-toggle.btn-confirm {
  color: #fff;
  background-color: #30d5ed;
  border-color: #30d5ed;
}
.btn-confirm:active:hover,
.btn-confirm.active:hover,
.open > .dropdown-toggle.btn-confirm:hover,
.btn-confirm:active:focus,
.btn-confirm.active:focus,
.open > .dropdown-toggle.btn-confirm:focus,
.btn-confirm:active.focus,
.btn-confirm.active.focus,
.open > .dropdown-toggle.btn-confirm.focus {
  color: #fff;
  background-color: #6ad1e0;
  border-color: #30d5ed;
}
.btn-confirm:active,
.btn-confirm.active,
.open > .dropdown-toggle.btn-confirm {
  background-image: none;
}
.btn-confirm.disabled:hover,
.btn-confirm[disabled]:hover,
fieldset[disabled] .btn-confirm:hover,
.btn-confirm.disabled:focus,
.btn-confirm[disabled]:focus,
fieldset[disabled] .btn-confirm:focus,
.btn-confirm.disabled.focus,
.btn-confirm[disabled].focus,
fieldset[disabled] .btn-confirm.focus {
  background-color: #5bc0de;
  border-color: #30d5ed;
}
.btn-confirm .badge {
  color: #30d5ed;
  background-color: #fff;
}

.btn-ftr0 {
  color: #ffffff;
  background-color: #78ddec;
  border-color: #78ddec;
  padding: 2px 8px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr0:hover,
.btn-ftr0:focus,
.btn-ftr0.focus,
.btn-ftr0.active:hover,
.open > .dropdown-toggle.btn-ftr0 {
  color: #ffffff;
  background-color: #9CE7F1;
  border-color: #9CE7F1;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr0:active,
.btn-ftr0.active {
	background-color: #72bae0;
	border-color: #72bae0;
}

.btn-ftr1,
.btn-ftr1.active:hover {
  color: #666;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr1:hover,
.btn-ftr1:focus,
.btn-ftr1.focus,
.open > .dropdown-toggle.btn-ftr1 {
  color: #ffffff;
  background-color: #72bae0;
  border-color: #72bae0;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr1:active,
.btn-ftr1.active{
	color:#fff;
	background-color: #656565;
	border-color: #656565;	
}

.btn-ftr2,
.btn-ftr2.active:hover {
  color: #fff;
  background-color: #FAC78D;
  border-color: #FAC78D;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr2:hover,
.btn-ftr2:focus,
.btn-ftr2.focus,
.open > .dropdown-toggle.btn-ftr2 {
  color: #ffffff;
  background-color: #FACB95;
  border-color: #FACB95;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr2:active,
.btn-ftr2.active {
	color: #ff7800;
	background-color: #fff;
	border-color: #ff7800;	
}


.btn-ftr3,
.btn-ftr3.active:hover {
  color: #fff;
  background-color: #9B98CF;
  border-color: #9B98CF;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr3:hover,
.btn-ftr3:focus,
.btn-ftr3.focus,
.open > .dropdown-toggle.btn-ftr3 {
  color: #ffffff;
  background-color: #B9B7DD;
  border-color: #B9B7DD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr3:active,
.btn-ftr3.active {
  color: #9B98CF;
  background-color: #fff;
  border-color: #9B98CF;
	
}

.btn-ftr4,
.btn-ftr4.active:hover {
  color: #fff;
  background-color: #F7BCB9;
  border-color: #F7BCB9;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr4:hover,
.btn-ftr4:focus,
.btn-ftr4.focus,
.open > .dropdown-toggle.btn-ftr4 {
  color: #ffffff;
  background-color: #F7C4C1;
  border-color: #F7C4C1;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr4:active,
.btn-ftr4.active {
	color: #f17d7d;
	background-color: #fff;
	border-color: #f17d7d;
}

.btn-ftr5,
.btn-ftr5.active:hover {
  color: #fff;
  background-color: #50d69e;
  border-color: #50d69e;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr5:hover,
.btn-ftr5:focus,
.btn-ftr5.focus,
.open > .dropdown-toggle.btn-ftr5 {
  color: #ffffff;
  background-color: #74eab9;
  border-color: #74eab9;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr5:active,
.btn-ftr5.active{
  color: #34c589;
  background-color: #fff;
  border-color: #34c589;	
}


.btn-ftr6 {
  color: #fff;
  background-color: #72bae0;
  border-color: #72bae0;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr6:hover,
.btn-ftr6:focus,
.btn-ftr6.focus,
.btn-ftr6:active,
.btn-ftr6.active,
.open > .dropdown-toggle.btn-ftr6 {
  color: #ffffff;
  background-color: #8EC7E6;
  border-color: #8EC7E6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr7,
.btn-ftr7.active:hover {
  color: #fff;
  background-color: #d96b92;
  border-color: #d96b92;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr7:hover,
.btn-ftr7:focus,
.btn-ftr7.focus,
.open > .dropdown-toggle.btn-ftr7 {
  color: #ffffff;
  background-color: #E085A5;
  border-color: #E085A5;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr7:active,
.btn-ftr7.active {
	color: #d85282;
	background-color: #fff;
	border-color: #d85282;
}


.btn-ftr8 {
  color: #fff;
  background-color: #c588bb;
  border-color: #c588bb;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr8:hover,
.btn-ftr8:focus,
.btn-ftr8.focus,
.open > .dropdown-toggle.btn-ftr8 {
  color: #ffffff;
  background-color: #D5A8CD;
  border-color: #D5A8CD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr8:active,
.btn-ftr8.active {
	color: #dc74ca;
    background: #fff;
    border: 1px solid #dc74ca;
}

.btn-ftr9,
.btn-ftr9.active:hover {
  color: #fff;
  background-color: #71BDAF;
  border-color: #71BDAF;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr9:hover,
.btn-ftr9:focus,
.btn-ftr9.focus,
.btn-ftr9:active,
.btn-ftr9.active,
.open > .dropdown-toggle.btn-ftr9 {
  color: #ffffff;
  background-color: #98CFC6;
  border-color: #98CFC6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr9:active,
.btn-ftr9.active {
  color: #69bfaf;
  background-color: #fff;
  border-color: #69bfaf;	
}

.btn-ftr10,
.btn-ftr10.active:hover {
  color: #fff;
  background-color: #7db98f;
  border-color: #7db98f;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr10:hover,
.btn-ftr10:focus,
.btn-ftr10.focus,
.open > .dropdown-toggle.btn-ftr10 {
  color: #ffffff;
  background-color: #A8D0B4;
  border-color: #A8D0B4;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr10:active,
.btn-ftr10.active {
  color: #639873;
  background-color: #fff;
  border-color: #639873;
}


.btn-ftr11,
.btn-ftr11.active:hover {
  color: #fff;
  background-color: #abe198;
  border-color: #abe198;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr11:hover,
.btn-ftr11:focus,
.btn-ftr11.focus,
.open > .dropdown-toggle.btn-ftr11 {
  color: #ffffff;
  background-color: #BCE7AD;
  border-color: #BCE7AD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr11:active,
.btn-ftr11.active {
  color: #8dc579;
  background-color: #fff;
  border-color: #8dc579;
}

.btn-ftr12,
.btn-ftr12.active:hover {
  color: #fff;
  background-color: #FFD297;
  border-color: #FFD297;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr12:hover,
.btn-ftr12:focus,
.btn-ftr12.focus,
.open > .dropdown-toggle.btn-ftr12 {
  color: #ffffff;
  background-color: #ffd9a7;
  border-color: #ffd9a7;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr12:active,
.btn-ftr12.active {
  color: #f1b66a;
  background-color: #fff;
  border-color: #f1b66a;
}

.btn-ftr13,
.btn-ftr13.active:hover {
  color: #fff;
  background-color: #ff9a71;
  border-color: #ff9a71;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr13:hover,
.btn-ftr13:focus,
.btn-ftr13.focus,
.open > .dropdown-toggle.btn-ftr13 {
  color: #ffffff;
  background-color: #FFC0A6;
  border-color: #FFC0A6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr13:active,
.btn-ftr13.active {
	color: #fb2c09;
	background-color: #fff;
	border-color: #fb2c09;	
}

.btn-ftr14 {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
  padding: 2px 23px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr14:hover,
.btn-ftr14:focus,
.btn-ftr14.focus,
.btn-ftr14:active,
.btn-ftr14.active,
.open > .dropdown-toggle.btn-ftr14 {
  color: #ffffff;
  background-color: #FF5353;
  border-color: #FF5353;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}
.btn-ftr-org {
  color: #ffffff;
  padding: 2px 8px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr-org:hover,
.btn-ftr-org:focus,
.btn-ftr-org.focus,
.btn-ftr-org:active,
.btn-ftr-org.active,
.open > .dropdown-toggle.btn-ftr-org {
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-cancel {
    color: #424242;
    background: #efebe9;
    padding: 2px 12px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.collapseCategory_btn {
    padding-left: 0px;
}

.panel01 .img01 img {
	/*margin: 2px auto;*/
	margin: 0 auto;
    position: initial;
    overflow: hidden;
    width: 100%;
    height: 8.5em;
    max-height: 4.0em;
}
/*table指定*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 4px;
    vertical-align: middle;
}

th.dateOpn { width:120px;}
/*th.stts { width:32%;}*/
th.stts {
	width: 160px!important;
}

@media screen and (min-width: 768px) {
/*user wrapp*/
.usrWrapp {
	min-width:20em;
	margin-bottom: 5px;
}

.usrWrapp p,
.usrWrapp ul {
	margin-bottom:5px;
	font-size: 1.2rem;
}

.usrWrapp p span {
	font-size: 1.4rem;
}

/*.slct { text-align: center;}*/

.panel01 .txtTitle01,
 .txtTitle01{
	font-size: 1.6rem;
	padding: 0 0.3em;
	margin: 0 0 0.5em 0;
	overflow:hidden;
}
.panel01 .txtTitle01 a,
.txtTitle01 a {
	/*text-decoration: underline;*/
	line-height: 1.4em;
	color: #4896BF;
}


}
/*
@media screen and (min-width: 992px) {
.leadBlc {
	padding-top: 3em;
	font-size: 1.5rem;
}	
}
*/
@media screen and (min-width: 768px) {
.leadBlc {
	padding: 2em 1em 0;
	margin-bottom: 2em;
	font-size: 1.5rem;
}	
}

@media screen and (max-width: 767px) {
.leadBlc {
	padding: 0 0;
	margin-bottom: 1em;
}

ul.btnBlc,
.btnBlc {
	margin-top :5px;
	margin-bottom :5px;
}

.btnBlc li,
.ptBlc li {
	display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
}

.btnBlc li a.btn {
	width: 5.5em;
    height: 4.0em;
    margin: 3px 0 0;
    padding: 0.5em 0 0.8em;
    font-size: 1.2rem;
}

.slct { text-align: left;}

/*user wrapp*/
.usrWrapp {
	max-width:15em;
	margin-top: 5px;
}

.usrWrapp p,
.usrWrapp ul {
	margin-bottom:0;
	font-size: 1.1rem;
}

.usrWrapp p span {
	font-size: 1.3rem;
}

.usrWrappIn {
	max-width:32em;
	margin-top: 5px;
}

.usrWrappIn p,
.usrWrappIn ul {
	margin-bottom:0;
	font-size: 1.4rem;
}
.usrWrappIn p span {
	font-size: 1.8rem;
}

/*.usrWrappIn p.usrBlc {
	display: block;
}*/

.usrWrappIn p.usrBlc.prcLst {
	font-size:1.2rem;
	letter-spacing: -0.08em;
}

.panel01 .txtDetail01,
.txtDetail01 {
	font-size: 1.2rem;
    padding: 0.3em;
    margin-bottom: 0;
}

.panel01 .txtTitle01,
 .txtTitle01{
	font-size: 1.5rem;
	padding: 0 0.3em;
	margin: 0 0 0.5em 0;
	overflow:hidden;
}
.panel01 .txtTitle01 a,
.txtTitle01 a {
	/*text-decoration: underline;*/
	line-height: 1.3em;
	color: #4896BF;
}
th.dateOpn {width: 26%;}
th.stts {width: 26%;}

th.stts, td.stts ul, th.ttl {
 text-align: center;
}
}

/*messenger*/
.dlg {
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.dlg p {
	margin: 0 0;
}

.dlg.wrtr {
	background:#f9f9f9;
	border: 1px solid #72bae0;
}

.dlg.usr {
	color: #fff;
	background: #0f73bf;
	border: 1px solid #0f73bf;
}

.dlg.usr p a { color: #fff;}


.dlg.usr img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

img.usrIco {
	height: 50px;
	width: 50px;
	border: 1px solid #ddd;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

img.usrIco_s {
	height: 30px;
	width: 30px;
	border: 1px solid #ddd;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
img.usrIco {
	margin-top: 15px;
}
}

/*messenger end*/

/*summary start*/
.card {
	/*padding: 10px 10px;*/
	border-bottom: 2px solid #75deed;
	/*margin-bottom: 25px;*/
}
/*
.card a {
	position: relative;
    display: block;
    overflow: hidden;
}
.card a:hover, .card a.active {
	background-color: #f6f6f6;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/

img.sumBdr {
	border: 3px solid #75deed;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
}

.date {
	display: inline-block;
    color: #666;
    margin-right: 2px;
    margin-bottom: 0;
    padding: 0 5px;
    /*background: #75d8e6;*/
    /text-align: center;*/
    vertical-align: middle;
    letter-spacing: 0.05em;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
}

.date2 {
	display: block;
    color: #666;
    margin-right: 2px;
    margin-bottom: 0;
    padding: 0 5px;
    /*background: #75d8e6;*/
    /text-align: center;*/
    vertical-align: middle;
    letter-spacing: 0.05em;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
}


.dateLst {
	width: 110px;
	display: inline-block;
    color: #666;
    margin-right: 2px;
    margin-bottom: 0;
    padding: 0 5px;
    /*background: #75d8e6;*/
    /text-align: center;*/
    vertical-align: middle;
    letter-spacing: 0.05em;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
}

.status {
	display: inline-block;
    color: #727272;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    font-size: 1.4rem;
    vertical-align: middle;
}

ul.stts01,
ul.stts01b {
	padding-left: 0;
    margin-left: -5px;
    list-style: none;
	font-size: 1.3rem;
}

ul.stts01 > li {
	display: inline-block;
    padding: 0 5px;
	vertical-align: middle;
}

ul.stts02 {
	padding-left: 0;
    margin-left: -5px;
    list-style: none;
	line-height: 1.6;
	font-size: 1.4rem;
}

ul.stts02 > li {
	display: inline-block;
    padding: 0 5px;
	vertical-align: middle;
}

.stts03 {
	border-top: 1px dotted #75deed;
}

.stts04 {
	border-top: 2px dotted #75deed;
}

.sttsBtns {
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin: 3px 5px 2px 0; 
}

.btn-srch {
  color: #fff;
  background-color: #83d9b6;
  border-color: #83d9b6;
}
.btn-srch:focus,
.btn-srch.focus {
  color: #fff;
  background-color: #a3e3c9;
  border-color: #a3e3c9;
}
.btn-srch:hover {
  color: #fff;
  background-color: #a3e3c9;
  border-color: #a3e3c9;
}


@media screen and (max-width: 767px) {
ul.stts01b {
	text-align: right!important;
}

.sttsBtns {
	display: block;
	float: right;
}
}

.sttsInn {
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-bottom: 0;
	padding: 2px 10px 2px 5px;
}

span.badge.bgLtBlue { margin-bottom: 2px;}

.btnThn {padding: 3px 12px;}

.smmrTtl {
	display: inline-block;
	color: #75d8e6;
	font-size: 1.6rem;
	font-weight: bold;
}
.smmrTtl2 {
	display: block;
	color: #75d8e6;
	font-size: 1.6rem;
	font-weight: bold;
}

.smmrTtl a, .smmrTtl2 a {color: #75d8e6;}

.smmrTtl a:hover, .smmrTtl2 a:hover {color: #75d8e6; text-decoration:underline;}

.smmrTtlR {
	display: inline-block;
    width: auto;
    min-width: 150px;
    color: #fff;
    font-size: 1.6rem;
	text-align: center!important;
}

@media (min-width: 992px) {
.dgst {
	display: block;
	/*height: 90%;
	min-height: 120px;*/
	padding: 0 10px 0 0;
	/*border-left: 1px solid #75deed;*/
}
.postBtn {margin-left:14px; text-align:right;}
.date-inline {
    padding-left: 5px;
	padding-right: 10px;
    margin-left: 0;
	margin-bottom: 5px;
    list-style: none;
	text-align: right;
}
}

@media (min-width: 768px) {
.cardIn {
	padding: 1.0em 1.0em 0;
}
.bgGly {
	background: #f9f9f9!important;
}

}

@media (max-width: 1200x) {	

}


@media (max-width: 991px) {	
.dgst {
	padding: 0 5px;
	border-left: none;
}
ul.stts02 {
	padding-top: 1.15em;
}
.postBtn {margin-left:14px; text-align:center;}
.date-inline {
	padding-left:0;
	padding-right:0;
	text-align: left;
}
}

@media (max-width: 767px) {
/*.date {
	display: block;
}*/
.cardIn {
	padding: 10px 10px;
}

td.stts {
    display: block;
    /*width: 11em;*/
}
/*.postBtn {margin: 0 auto; text-align: center!important;}*/
}

/*summary end*/

/*gld,slv,brz*/
p.gld2 {
	display:inline-block!important;
	position:relative;
	color: #5a5940;
	background: -moz-linear-gradient(top, #ecb802 7%, #ecb802 7%, #f7de05 25%, #f7de05 37%, #f7de05 37%, #daaf08 74%, #b67b03 100%);
	background: -webkit-linear-gradient(top, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%);
	background: linear-gradient(to bottom, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%);
	margin: 0 0;
	padding: 1px 1px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	font-size: 1.0rem;
	font-weight: bold;
}

p.slv2 {
	display:inline-block!important;
	position:relative;
	color: #333;
    background: -moz-linear-gradient(top, #a5a5a5 0%, #babac2 13%, #e8e8e8 50%, #a5a5a5 93%, #babac2 100%); 
	background: -webkit-linear-gradient(top, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); background: linear-gradient(to bottom, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); 
    margin: 0 0;
    padding: 1px 1px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

p.brz2 {
	display:inline-block!important;
	position:relative;
	color: #fff;
    background: -moz-linear-gradient(top, #752201 0%, #994312 13%, #ed7d55 48%, #a04413 78%, #8c3310 99%); 
	background: -webkit-linear-gradient(top, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
	background: linear-gradient(to bottom, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
    margin: 0 0;
    padding: 1px 1px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

p.psnl {
    display: block;
	margin: 2px 0;
    font-size: 1.1rem;
    width: 6.2em!important;
    text-align: center;
    font-weight: bold;
}

/*gld,slv,brz*/



/*footer*/
.footerInfo {
	position: relative;
	padding: 0.8em;
}

.footerInfo .footCopyright{
  display: none;
  }

@media (max-width: 768px) {
.footerInfo {
	padding: 0.5em 0;
}
.footerInfo .footCopyright{
  display: block;
  }
.ftrNv {
	margin-right: 0;
	margin-bottom: 5px;
    margin-left: 0;
	border-bottom: 1px solid #fff;
}

.ftrNvInn {
	display: block;
	position: relative;
	float: left;
	width: 82%;
}

ul.ftrNvIn{
	margin-bottom: 5px;
    /*margin-left: -5px;*/
    margin-left: 0;
	padding-left: 0;
    list-style: none;
	text-align: center;
	font-size: 1.3rem;
}

ul.ftrNvIn li{
	display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
}

}

.btnWhite01 {
	color: #666666;	padding:1px 20px;
	text-decoration:none;
	background-color:#d4d4d4;
	-moz-border-radius: 6px;-webkit-border-radius: 6px;
	border-radius: 6px;border: 1px solid #e1e1e1;
	-moz-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:0px -1px 2px rgba(41,41,41,0.2),0px 2px 2px rgba(255,255,255,0.3);
}

.btnGrn {
   color: #fff;
    padding: 1px 10px;
    text-decoration: none;
    background-color: #53ada8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #53ada8;
}

.btnGrn:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #86d0a6;
}

/*ボタンリセット*/
.container .btnBlue01:hover,
.container .btn-gray:hover,
.container .btn-srch:hover,
.container .btn-primary:hover,
.container .btn-secondary:hover,
.container .btn-warning:hover,
.container .btn-info:hover,
.ftrNvInn .nav > li > a:hover,
.container .btnBlue01:focus,
.container .btn-gray:focus,
.container .btn-srch:focus,
.container .btn-primary:focus,
.container .btn-secondary:focus,
.container .btn-warning:focus,
.container .btn-info:focus,
.ftrNvInn .nav > li > a:focus,
.container .btnBlue01:active,
.container .btn-gray:active,
.container .btn-srch:active,
.container .btn-primary:active,
.container .btn-secondary:active,
.container .btn-warning:active,
.container .btn-info:active,
.ftrNvInn .nav > li > a:active{
  filter: alpha(opacity=80) !important;
  -moz-opacity: 0.8 !important;
  opacity: 0.8 !important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btnBlue01,
.btnBlue01:hover,
.btnBlue01:focus,
.btnBlue01:active,
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{
  /*background-color: #75DEED !important;
  border-color: #75DEED !important;*/
  background-color: #30D5ED !important;
  border-color: #30D5ED !important;
}

.btn-srch,
.btn-srch:hover,
.btn-srch:focus,
.btn-srch:active{
  background-color: #828282 !important;
  border: none !important;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background-color: #EEEEEE !important;
  color: #333 !important;
  border: none !important;
}

#select_pref{margin-right: 5px;}

@media (max-width: 768px) {
  #select_pref{margin-right: 0;
  margin-bottom: 5px;
  }
  .ftrNvInn .nav > li > a{
    background-color: #75DEED;
  }
  .ftrNvInn .nav > li > a:hover,
  .ftrNvInn .nav > li > a:focus {
    background-color: #51aebb;
  }
}
