@charset "utf-8";

html {
  color: #333;
  background: #fff;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  word-break: break-all;
}
body {
  background: #fff;
  margin: 0.5em 0.5em 0;
  padding:20px 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wrapper {
	/*text-align:center;*/
}

.contents-block {
  min-width: 1000px;
}

.inner-block {
  margin: 0 auto 1em;
  padding: 0;
  position: relative;
  width: 900px;
}

table {
	border-collapse:collapse;
	margin:0 auto;
}
label {
	cursor:pointer;
}

select {
  background-image: url(../images/allow_select.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-color:#fffcc8;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
select {
  border:1px solid burlywood;
  border-radius: 4px;
  background-color:#fffff6;
  text-align:center;
  padding:4px 1px;
}
input[type="file"] {
  width:270px;
}

textarea {
  padding: 0.5em;
  background-color:#fffff6;
  width: 100%;
  line-height: 1.5;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #999;
}

select.sel-taisyo {
	border: none;
	background-color: #FFF;
	background-image: none;
}
.sel-taisyo:disabled{
    color: #000;
}
div.div-login {
  width:700px;
  margin:0 auto;
}
.login-tbl {
  margin-top:1em;
  width:100%;
  text-align:center;
}
.login-tbl th,
.login-tbl td {
  vertical-align:top;
  padding:0.5em 1em;
}
.login-tbl th {
  white-space:nowrap;
  vertical-align:middle;
}

.inp-width100 {
  width:100%;
}


.menu_1, .menu_2, .menu_3, .menu_4 {
  display:none;
}

div.div-member {
  text-align:center;
}
.div-label {
  margin-left:-10em;
}
div.div-chk {
  width:auto;
  margin:0 auto;
}
div.div-chk label {
	display: block;
	background-color: #ffc;
	margin: 5px;
	padding: 5px;
	text-align: left;
	position:relative;
	padding-left:3em;
	border-radius:5px;
	box-shadow: 1px 1px 1px #999;

}
div.div-chk label:after {
	content: "";
	clear: both;
	display: block;
}
div.div-chk label input {
	float: left;
	position:absolute;
	top:0;
	bottom:0;
	left:1em;
	margin:auto;
}
div.div-chk label p {
	float: left;
	/*padding-top: 2px;*/
	width: calc(100% - 1em);
}

	/*本来は発言者フラグで右寄せ、左寄せを決定のためnth-childは利用しない*/
	.linefu li{
	  /*width:100%;*/
	  margin:0.6em 0;
	}

	/*odd　左寄せ*/
	.linefu .odd{
		background-color:#f5fde2;
		border-radius:12px;
		padding:3px 8px;
		margin-right:50px;
	}
	/*even　右寄せ*/
	.linefu .even{
		background-color:#ccffd0ba;
		border-radius:12px;
		padding:3px 8px;
		margin-left:50px;
	}
	
	.linefu .align_r {
		text-align:right;
	}
	.linefu .align_l {
		text-align:left;
	}


	.smallfont {
		font-size:0.8em;
	}
	.namebold {
		font-weight:bold;
	}
	
	.hrline {
		height:1px;
		background-color:gray;
	}
	/*内容確認チャット表示テストここまで*/
div.div-kaito {
  /*display:none;*/
}

.pkbn-chg {
  text-align:center;
}
#email_match {
	text-align:center;
	color:red;
}
/*------------------------------------------------------------------------------
  Menu List Area
------------------------------------------------------------------------------*/
.tb_inpform {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  font-size:0.8em;
}
.tb_inpform th, .tb_inpform td {
  border: 1px solid #d2e8f1;
  padding: 0.5em;
}

.tb_inpform tbody th {
  background-color: #4d9bc1;
  color: #fff;
  width:30%;
  /*font-weight: bold;*/
  text-align: center;
}
.tb_inpform .input_day {
  width:100%;
  font-weight:bold;
}
.tb_inpform .input_pay {
  width:93%;
  font-weight:bold;
}
.tb_inpform select {
  width:100%;
  font-weight:bold;
}

.contents {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	flex-wrap:no-wrap;
}
.item {
  width:calc(100%/2);
}
.tb_sinsei {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 1100px;
  text-align: center;
  /*font-size:0.8em;*/
}
.tb_sinsei th, .tb_sinsei td {
  border: 2px solid #d2e8f1;
  padding: 0.5em;
}
.tb_sinsei thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.tb_sinsei thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.tb_sinsei tbody th {
  color: #4d9bc1;
  /*font-weight: bold;*/
  text-align: center;
}
.tb_sinsei .input_day {
  width:80%;
}
.tb_sinsei .input_pay {
  width:80%;
}
.tb_sinsei select {
  width:100%;
}

.tb_sinsei .tb_sinsei_th1 {
  width:3%;
}
.tb_sinsei .tb_sinsei_th2 {
  width:20%;
}
.tb_sinsei .tb_sinsei_th3 {
  width:20%;
}
.tb_sinsei .tb_sinsei_th4 {
  width:10%;
}
.tb_sinsei .tb_sinsei_th5 {
  width:15%;
}
.tb_sinsei .tb_sinsei_th6 {
  width:15%;
}
.tb_sinsei .tb_sinsei_th7 {
  width:12%;
}
.tb_sinsei .tb_sinsei_th8 {
  width:5%;
}

.tb_sinseichk {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 900px;
  text-align: center;
}
.tb_sinseichk th, .tb_sinseichk td {
  border: 2px solid #d2e8f1;
  padding: 0.5em;
}
.tb_sinseichk thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.tb_sinseichk thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.tb_chk_th1 {
  width:35%;
}
.tb_chk_th2 {
  width:30%;
}
.tb_chk_th3 {
  width:20%;
}
.tb_chk_th4 {
  width:15%;
}

.tb_sinseimemchk {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 900px;
  text-align: center;
}
.tb_sinseimemchk th, .tb_sinseimemchk td {
  border: 2px solid #d2e8f1;
  padding: 0.5em;
}
.tb_sinseimemchk tbody th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.warn-exp {
  color:red;
}
label.label-exp {
  font-size:0.8em;
  color:red;
}
.small-exp {
  font-size:0.8em;
}
label.label-ok {
  font-size:0.8em;
  color:#107c41;
  display:block;
  text-align:right;
}

label.label-pc {
  display:block;
  font-size:0.8em;
  color:#111216;
}
.show-mobile {
  display:none;
}
.show-pc {
  display:block;
}
/*------------------------------------------------------------------------------
  Header Area
------------------------------------------------------------------------------*/
header {
  display:flex;
}
header > :first-child  {
  margin-right:auto;
}
/*------------------------------------------------------------------------------
  footer Area
------------------------------------------------------------------------------*/
footer {
  text-align:center;
  font-size:0.8em;
}

/*------------------------------------------------------------------------------
  Upload Form Area
------------------------------------------------------------------------------*/
.tb_upload {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 900px;
  text-align: center;
}
.tb_upload th, .tb_sinsei td {
  border: 2px solid #d2e8f1;
  padding: 0.3em;
}
.tb_upload thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.tb_upload thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.tb_upload tbody th {
  color: #4d9bc1;
  /*font-weight: bold;*/
  text-align: center;
}
img {
  max-height:150px;
  max-width:100%;
}
.imgclass1,
.imgclass2 {
  position:relative;
}
.txt-filesize {
  position:absolute;
  right:0.5em;
  top:0;
  background:#FFF;
}
.exp-gazo {
	position: absolute;
	right: 0;
	left:0;
	bottom: 0;
	background: #FFF;
	font-size:0.8em;
	margin:0 auto;
}
vermiddle {
  margin:1em 0;
}

.naiyochk-kanryo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight:bold;
  text-align: center;
  font-size:22px;
}
.naiyochk-kanryo::before,
.naiyochk-kanryo::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #ff77d5;
}
.naiyochk-kanryo::before {
  margin-right: 30px;
  transform: rotate(-40deg)
}
.naiyochk-kanryo::after {
  margin-left: 30px;
  transform: rotate(40deg)
}

.naiyochk-mikanryo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight:bold;
  text-align: center;
  font-size:22px;
  color:#e82d5f;
}

.naiyochk-mikanryo::before,
.naiyochk-mikanryo::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #e82d5f;
}
.naiyochk-mikanryo::before {
  margin-right: 30px;
  transform: rotate(40deg)
}
.naiyochk-mikanryo::after {
  margin-left: 30px;
  transform: rotate(-40deg)
}

/*------------------------------------------------------------------------------
  INFO BOX Area
------------------------------------------------------------------------------*/
.box-info {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
	font-size:0.8em;
}
.box-info .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    /* color: #fff; */
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
}
.box-info-sinsei {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
}
.box-info-sinsei .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    /* color: #fff; */
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
}
.box-info-sin {
	display:flex;
    position: relative;
}

.box-info-sin select {
  font-weight:bold;
}

.box-info-file {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 8px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
}
.box-info-file .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    /* color: #fff; */
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
}
.box-info-file2 {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
   	font-size:0.8em;
}
.box-info-file2 .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #fbe6e6;
    /* color: #fff; */
    font-weight: bold;
    /*border: solid 1px #c7c7c7;*/
    border-radius: 8px;
}

.box-info2 {
    position: relative;
    margin: 1em 0.25em 0.5em;
    padding: 18px 8px 7px;
    border: solid 1px #ed8b26;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
}

.box-info2 .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 115px;
    padding: 0 5em;
    height: 25px;
    line-height: 25px;
    background: #ed8b26;
    color: #fff;
    font-weight: bold;
    /*border: solid 1px #c7c7c7;*/
    border-radius: 8px;
}

.box-info3 {
    position: relative;
    margin: 1em 0.25em 0.25em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
    z-index:0;
}
.box-info3 .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ed8b26;
    color: #fff;
    font-weight: bold;
    /*border: solid 1px #c7c7c7;*/
    border-radius: 8px;
}
.box-info3 .box-titleline {
	display:inline-block;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    /* color: #fff; */
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
}
.box-info3 .box-startitle {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: red;
    color: #fff;
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
}
.box-tsuchi {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 8px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
    font-size:0.8em;
}

.box-exp {
    position: relative;
    margin: 0 1em 0.5em;
    padding: 8px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
    font-size:0.8em;
}
.box-exp2 {
    position: relative;
    margin: 0.2em 0.5em 0.2em;
    padding: 0 8px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 5px;
    text-align:center;
    background-color:#fdfa46;
}
.box-err {
	position: fixed;
	margin: 1em 0 0;
	padding: 18px 8px 7px;
	border-radius: 8px;
	top: 30px;
	left:none;
	background-color: #FFEBEB;
	width: inherit;
	z-index: 9;
}
.box-err .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #eb1313;
    color: #fff;
    font-weight: bold;
    /* border: solid 1px #c7c7c7; */
    border-radius: 8px;
}
.box-err ul {
	font-size:0.9em;
}
.box-warning {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
}
.box-warning .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #eb1313;
    color: #fff;
    font-weight: bold;
    /* border: solid 1px #c7c7c7; */
    border-radius: 8px;
}

.head-point-tsuchi80 {
    font-size: 1.5em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, #74cffb 70%);
    text-align:center;
}
.head-point-tsuchi100 {
    font-size: 1.5em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, #f736cc 70%);
    text-align:center;
}

.head-tsuchi {
    font-size: 2em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(81 205 252) 70%);
    margin: 1em;
    text-align:center;
}
.head-tsuchi-kanryo {
    font-size: 2em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(252 207 81) 70%);
    margin:1em;
    text-align:center;
}

.head-err-tsuchi {
    font-size: 2em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255 100 100) 70%);
}

.box-kanryo {
    position: relative;
    margin: 2em 0.25em 1em;
    padding: 18px 8px 7px;
    border: solid 1px #c7c7c7;
    /* box-shadow: 0.1px 0.1px 0px 0.5px rgba(0, 0, 0, 0.8); */
    border-radius: 8px;
}
.box-kanryo .box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 11px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    /* color: #fff; */
    font-weight: bold;
    border: solid 1px #c7c7c7;
    border-radius: 8px;
    font-size:1.2em;
}

.balloon100 {
  position: relative;
  display: inline-block;
  margin: 0.5em 0;
  padding: 4px 4px;
  min-width: 330px;
  width: 100%;
  color: #555;
  background: #FFF;
  border: solid 2px #555;
  box-sizing: border-box;
  font-size:0.8em;
  border-radius: 5px;
  box-shadow:2px 3px 3px rgba(101, 101, 101, 0.2);
}

.balloon100:before {
  content: "";
  position: absolute;
  left: 20px;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FFF;
  border-left: 15px solid transparent;
  z-index: 2;
}

.balloon100:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #555;
  border-left: 15px solid transparent;
  z-index: 1;
}

.balloon100 p {
  margin: 0;
  padding: 0;
}

.menulist {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1em;
}
.menulist li:before {
	content:"〇";
}
.div-menulist1 {
  display:none;
}

.div-menulist2 {
  display:none;
}

.balloon80 {
  position: relative;
  display: inline-block;
  margin: 0.5em 0;
  padding: 4px 4px;
  min-width: 330px;
  width: 100%;
  color: #555;
  background: #FFF;
  border: solid 2px #555;
  box-sizing: border-box;
  font-size:0.8em;
  border-radius: 5px;
  box-shadow:2px 3px 3px rgba(101, 101, 101, 0.2);
}

.balloon80:before {
  content: "";
  position: absolute;
  left: 20px;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FFF;
  border-left: 15px solid transparent;
  z-index: 2;
}

.balloon80:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #555;
  border-left: 15px solid transparent;
  z-index: 1;
}

.balloon80 p {
  margin: 0;
  padding: 0;
}
.kyocho  {
  font-size:1.2em;

}

.list-flg-on {
	margin-left:1.5em;
}
.list-flg-off {
	list-style:none;
}
.list-flg-on-end {
	margin-left:2.0em;
	list-style:disc;
}


.fontred {
  color:red;
}
.fontbold {
  font-weight:bold;
}
.fontredbold{
  color:red;
  font-weight:bold;
}

/*------------------------------------------------------------------------------
  button Area
------------------------------------------------------------------------------*/
div.div-btn {
	text-align:center;
	margin-top:2em;
	width:100%;
}
div.div-btnmenu {
	text-align:center;
	margin:0.5em;
}

.btn-flat-back {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #414446;
    /* border: solid 2px #74757c; */
    border-radius: 3px;
    background-color: #cfcdcd;
    box-shadow: 0px 0px 2px 2px darkgrey;
}

.btn-flat-go {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    /* border: solid 2px #67c5ff; */
    border-radius: 3px;
    background-color: orange;
    box-shadow: 0px 0px 2px 2px darkorange;
    font-weight:bold;
}
.btn-flat-dis {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    /* border: solid 2px #67c5ff; */
    border-radius: 3px;
    background-color: #c1beb8;
    box-shadow: 0px 0px 2px 2px #a2998f;
    font-weight:bold;
}
.btn-flat-send {
    display: inline-block;
    padding: 2px 0;
    margin:5px 0;
    text-decoration: none;
    width:90%;
    color: #ffffff;
    /* border: solid 2px #67c5ff; */
    border-radius: 3px;
    background-color: #66645f;
    box-shadow: 0px 0px 1px 1px #938f8a;
    font-weight:normal;
    cursor: pointer;
}

div.div-menubtn {
	width:100%;
}

/*100ポイント助成ボタン*/
.btn-menukbn0 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: #ef4949;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}


/*健康管理・増進活動ボタン*/
.btn-menukbn1 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: green;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}
/*リフレッシュ活動ボタン*/
.btn-menukbn2 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: blue;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}
/*自己啓発ボタン*/
.btn-menukbn3 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: orange;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}
/*生活ボタン*/
.btn-menukbn4 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: firebrick;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

.btn_main {
  margin:0.5em 0;
}

/*ポイント区分選択ボタン*/
.btn-point1 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: #bf6710;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;

}

/*ポイント区分選択ボタン*/
.btn-point2 {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: #db842e;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

/*ポイント区分選択ボタン*/
.btn-menu {
  display: inline-block;
  padding: 5px 5px;
  border-radius: 8px;
  text-decoration: none;
  color: #FFF;
  background-color: #a4bf10;
  width:50%;
  text-align:center;
  box-shadow:2px 3px 3px rgba(101, 101, 101, 0.2);
}


/*管理メニューボタン*/
.btn-kanri {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
/*  background-image: linear-gradient(45deg, #d6d904 0%, #ad0d5e7a 100%);*/
  background-color: #2e9bdb;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:bold;

}

/*プログレスバー*/
.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    font-size:0.8em;
    text-transform: uppercase;
    width: 25%;
    color: #999999;
    font-weight: bold;
    counter-increment: steps;
}
.progressbar li:before {
    display: block;
    width: 26px;
    height: 26px;
    margin: 10px auto;
    content: '';
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #F5F5F5;
    content: counter(steps);
}
.progressbar li:after {
    position: absolute;
    z-index: 0;
    top: 22px;
    left: -44.5%;
    width: 90%;
    height: 2px;
    content: '';
    background-color: #F5F5F5;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    color: #ef6804;
}
.progressbar li.complete {
    color: #0070BD;
    
}
.progressbar li.active:before,
.progressbar li.complete:before {
    background-color: #0070BD;
    color: #FFF;
}
.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #0070BD;
}
/*------------------------------------------------------------------------------
  Media Screen
------------------------------------------------------------------------------*/
@media screen and (max-width: 699px) {

  body {
    position: relative;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    padding:0;
  }


  #wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .contents-block {
    min-width: 330px;
  }

  .inner-block {
    /*padding: 0 0 1em;*/
    width: 100%;
  }

  div.div-login {
    width:auto;
  
  }

  .login-tbl th,
  .login-tbl td {
    display: block;
    width: 100%;
    border-bottom: none;
    text-align:left;
  }
  .login-tbl th {
	padding:unset;
  }

/*ポイント区分選択ボタン*/
.btn-menu {
  width:60%;
  text-align:center;
  font-size:0.8em;
  box-shadow:2px 3px 3px rgba(101, 101, 101, 0.2);
}
.box-err {
	left:0;
}
  .tb_sinsei {
    text-align: center;
  }
  .tb_sinsei thead {
    display:none;
  }
  .tb_sinsei th, .tb_sinsei td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .tb_sinsei tbody th{
    background: #4d9bc1;
    color:#fff;
  }
  .tb_sinsei td::before{
    content: attr(data-label);
    color: #4d9bc1;
    font-weight: bold;
    /*font-size:.8rem;*/
    display: block;
    text-align:left;
    margin-left:2em;
    white-space: pre;
  }
  .box-info2 .box-title {
    left: 63px;
  }
  .box-info-sin {
    flex-wrap:wrap;
  }
  label.label-pc {
    display:none;
  }
.txt-filesize {
	background-color: #4d9bc1;
	color: #FFF;
}

.show-mobile {
  display:block;
}
.show-pc {
  display:none;
}

  .tb_upload {
    text-align: center;
  }
  .tb_upload thead {
    display:none;
  }
  .tb_upload th, .tb_upload td {
    display: block;
    border: 0;
    /*border-bottom: 2px solid #e6f1f6;*/
  }
  .tb_upload tbody th{
    background: #4d9bc1;
    color:#fff;
  }
  .tb_upload td::before{
    content: attr(data-label);
    color: #fff;
    font-weight: bold;
    /*font-size:.8rem;*/
    display: block;
    text-align:left;
    background-color:#4d9bc1;
  }
  
input[type="file"] {
  margin:0.2em 0 0.5em;
}
  
  img {
    max-height:130px;
  }

  div.div-chk {
    width:auto;
  }

  .contents {
	flex-wrap:wrap;
  }
  .item {
    width:100%;
  }
  .tb_inpform th, .tb_inpform td {
    padding: 0.3em;
  }
  .tb_inpform .input_pay {
    width:90%;
  }

  .tb_sinseichk {
    text-align: center;
  }
  .tb_sinseichk thead {
    display:none;
  }

  .tb_sinseichk th,
  .tb_sinseichk td,
  .tb_sinseimemchk th, 
  .tb_sinseimemchk td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .tb_sinseichk tbody th,
  .tb_sinseimemchk tbody th{
    background: #4d9bc1;
    color:#fff;
    padding:1px;
  }

	.progressbar li:after {
	    position: absolute;
	    z-index: 0;
	    top: 22px;
	    left: -34.5%;
	    width: 70%;
	    height: 2px;
	    content: '';
	    background-color: #F5F5F5;
	}

	/*本来は発言者フラグで右寄せ、左寄せを決定のためnth-childは利用しない*/
	.linefu li{
	  /*width:100%;*/
	  margin:0.6em 0;
	}

	/*odd　奇数　左寄せ*/
	.linefu .odd  {
		margin-right:30px;
	}
	/*even　偶数　右寄せ*/
	.linefu .even  {
		margin-left:30px;
	}
	
	.linefu .align_r {
		text-align:right;
	}
	.linefu .align_l {
		text-align:left;
	}

	.smallfont {
		font-size:0.8em;
	}
	.namebold {
		font-weight:bold;
	}
	/*内容確認チャット表示テストここまで*/

	div.div-kaito-no, div.div-kaito-nono {
	  font-size: 18px;/*フォントサイズ*/
	}
}

/**********************************/
/*モーダルウィンドウ（ログイン時）*/

.modal-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-out;
  z-index: 9;
}

.modal-container::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.modal-container.active {
  opacity: 1;
  visibility: visible;
}


.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}

.modal-close {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,60%);
  padding: 4px 15px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

.modal-content {
  background: #fff;
  border: 2px solid #000;
  text-align: left;
  padding: 30px;
  font-weight: bold;
}
.modal-content:before {
    border-bottom: 35px solid transparent;
    border-left: 35px solid #df0202;
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
}
.modal-content:after {
    border-left: 35px solid transparent;
    border-bottom: 35px solid #df0202;
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

/**********************************/
/*モーダルウィンドウ（メール認証失敗）*/

.modal-container-err {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(255, 0, 0, 0.3);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-out;
  z-index: 9;
}

.modal-container-err::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.modal-container-err.active {
  opacity: 1;
  visibility: visible;
}

.modal-body-err {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}

.modal-close-err {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,60%);
  padding: 4px 15px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

.modal-content-err {
  background: #fff;
  border: 3px solid #c51111;
  text-align: left;
  padding: 30px;
  font-weight: bold;
}
.modal-content-err:before {
    border-bottom: 35px solid transparent;
    border-left: 35px solid #df0202;
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
}
.modal-content-err:after {
    border-left: 35px solid transparent;
    border-bottom: 35px solid #df0202;
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    right: 1px;
}
.gray-bg {
	margin-top: 1em;
	line-height: 1.5;
	font-weight:normal;
}

.balloon-err {
    position: relative;
    display: inline-block;
    margin: 0.5em 0;
    padding: 4px 4px;
    min-width: auto;
    width: 100%;
    /*color: #eb8011;*/
    background: #FFF;
    border: solid 2px #eb8011;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow:2px 3px 3px rgba(101, 101, 101, 0.2);
}

.dispoff {
  visibility: hidden;
}
.dispon {
  opacity: 1;
  visibility: visible;
}

.dispoffdel {
  display:none;
}
.dispondel {
  display:inline-block;
}
.balloon-err:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #eb8011;
  border-left: 15px solid transparent;
}

.balloon-err:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fdfdfd;
  border-left: 15px solid transparent;
  z-index: 1;
}

.balloon-err p {
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------------------------
  続きを読む
------------------------------------------------------------------------------*/
.grad-wrap {
	position:relative;
}
.grad-btn {
    z-index: 2;
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 0;
    width: 90px;
    border-radius: 2px;
    background: #21baf721;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    margin-left: auto;
    border-radius: 7px;
}

.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 60px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}