@charset "utf-8";
/* CSS Document */
/*------------------------------
	       My pege Header
--------------------------------*/
#register_detail{
    font-size: 1.6rem !important;
}

.btn_next {
  padding: 10px 20px;
  text-align: center;
    font-size: 1.4rem;
/* NOWTAS ADDED - END */
  color: #FFF;
  background-color: black;
  border: none;
  border-radius: 0px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
  transition-duration: 0.3s;
  border:1px solid black;
	width:260px;
text-decoration: none;
}

.btn_next a {
  color: #FFF;
}

.btn_next:hover {
  background-color: lightgray;
  color: black;
text-decoration: none;
}

.btn_back {
/* NOWTAS ADDED - START */
  padding: 10px 20px;
  text-align: center;
    font-size: 1.4rem;
/* NOWTAS ADDED - END */
text-decoration: none;
  color: black;
  background-color: white;
  border: none;
  border-radius: 0px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
  transition-duration: 0.3s;
  border:1px solid black;
}
.btn_back a {
  color: black;
text-decoration: none;
}
.btn_back:hover {
  background-color: lightgray !important;
  color: black;
text-decoration: none;
}
@media screen and (max-width: 741px) {
	.btn_next {
	    padding: 5px 10px;
	    text-align: center;
	    font-size: 1.1rem;
	    width: 180px;
	}
	.btn_back {
	    padding: 5px 10px;
	    font-size: 1.1rem;
	}
}/*/media screen*/

.btn_mini {
    width: 100px;
    padding: 5px;
    text-align: center;
    font-size: 1.4rem;
    /*font-weight: bold;*/
    color: black;
    background-color: white !important;
    border: 1px solid black;
    border-radius: 0px;
    display: block;
    cursor: pointer;
    cursor: hand;
    transition-duration: 0.3s;
}
.btn_mini:hover {
    color: white !important;
    background-color: gray !important;
}


.boderBox {
	border: 1px solid #333;
	display: flex;
	width: 100%;
	padding:20px;
}

/*table*/
.boderBox table {
	border-color: #333;
	font-size: 1.4rem;
	width: 100%;
}
.boderBox table tr {
	padding: 10px 30px 0px 0px !important;
	margin: 10px 30px 0px 0px !important;
	border-bottom: 1px solid #DDD;
}
.boderBox table td {
	vertical-align:middle !important;
	display:table-cell;
	text-align: left !important;
	/*width: 10em;*/
	font-weight: normal;
}
.boderBox table th {
	padding: 5px 10px 5px 5px !important;
	
	text-align: right !important;
	/*width: 10em;*/
	font-weight: normal;
	/*background-color: red !important;*/
}

.font_Gothic {
	font-size: 1.8rem;
}

.adr_list{
  margin: 0px 20px !important;
}

.radio_list{
  line-height: 2.0em;
}
.radio_list ul {
  list-style: none;
  margin: 0;
    overflow: auto;
		z-index:1 !important;
	font-size: 1.5rem;
}
.radio_list ul li{
  padding: 10px 10px !important;
}

.form-control{
	height:35px !important;
}

.modal-body{
    font-size: 1.5rem;
}
.approve-change-interval,
.approve-change-date,
.approve-close_regu,
.dismis-change-interval{
    font-size: 1.5rem;
}

.form-control{
    font-size: 1.4rem !important;
}

.reg_btn2 {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 1.4rem !important;

    padding: 5px 10px;
    text-align: center;

    color: black !important;
    background-color: #EEEEEE;
    border: 1px solid #191919;
    border-radius: 0px;
    display: block;
    cursor: pointer;
    cursor: hand;
    transition-duration: 0s;
	max-width:250px;
}
.reg_btn2 a{
    color: black !important;
}
.reg_btn2:hover {
    color: white !important;
    background-color: #555555;
}


.member{
	margin-top:20px;
}

.center_btn{
	display: flex;
	width: 100%;
    text-align: center;
margin:0 auto;
max-width:50%;
}

.btn_black {
    width: 220px;
    padding: 14px;
    text-align: center;
    font-size: 1.5rem;
    /*font-weight: bold;*/
    color: #FFF;
    background-color: #191919;
    border: 1px solid #191919;
    border-radius: 0px;
    display: block;
    cursor: pointer;
    cursor: hand;
    transition-duration: 0.3s;
}
.btn_white {
    width: 220px;
    padding: 14px;
    text-align: center;
    font-size: 1.5rem;
    /*font-weight: bold;*/
    color: black;
    background-color: white !important;
    border: 1px solid black;
    border-radius: 0px;
    display: block;
    cursor: pointer;
    cursor: hand;
    transition-duration: 0.3s;
}
.btn_white:hover,
.btn_black:hover {
    color: white !important;
    background-color: gray !important;
}

.delimiter {
  border-top: solid 1px #ccc;
  width: 100%;
  line-height: 1em;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin: 10px 0;
  flex: 1 1 auto;
  letter-spacing: .12em;
}

/*マイページメニュー*/
#top-head .header-tools__unit span.mypg {
  padding: 6px 23px 4px 0;
  background-image: url("../../img/pub/icon_mypg.png");
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center right;
	cursor : pointer;
}

/*マイページメニュー*/
#top-head .header-tools__unit span.mymenu {
  padding: 6px 23px 4px 0;
  background-image: url("../../img/pub/icon_mymenu.png");
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center right;
	cursor : pointer;
}

#tg, #tg_close, #tg_closeSub, #tg_sub {
  /*display: none;*/
}
.mypgMenu {
  position: fixed;
  visibility: hidden;
  /*opacity: 0;*/
  top: 115px;
  right: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  width: 340px;
	padding: 10px;
	background: #000;
}
.mypgMenu li {
  display: inline-block;
  width: 45%;
  border: 1px solid #FFF;
  text-align: center;
  margin: 8px 0;
}
.mypgMenu li a {
  display: block !important;
  padding: 8px 0;
}
.dropInput:checked ~ .mypgMenu {
 /*visibility: visible;*/
  opacity: 1;
  background-color: #000;
  padding: 10px;
}
.mypgMenu li:hover {
  background: #666;
}
.mypgMenu li a.item:hover {
  opacity: 1;
}
.tgCloseBtn {
  width: 100%;
  padding: 10px;
  text-align: right;
}
/*/マイページメニュー*/




/*システム管理メニュー*/
.toggle_contents {
	min-width: 160px;
	background: #EEE;
}
.toggle_contentsWrap {
	position: fixed;
	top: 115px;
}
.toggle_title {
	display: block;
	position: relative;
	padding: 5px;
	cursor: pointer;
	font-size: 1.15rem;
	text-align: center;
	color: #FFF;
	background: #000;
}
.subtitle {
	/*padding: 13px;*/
	text-align: left;
	color: #000;
	background: #EEE;
	padding: 0;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	/*background: #0052a4;*/
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #FFF;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.subtitle .toggle_btn:before, .subtitle .toggle_btn:after {
	background-color: #000;
}
.toggle_btn:before {
	width: 2px;
	height: 10px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}
.toggle_contents dd dl ul {
	background: #FCFCFC;
}
.toggle_contents li a {
	display: block;
	color: #000!important;
	padding: 12px 13px 10px 13px;
	border-top: 1px solid #DDD;
	font-size: 1.3rem;
}
.toggle_contents li a:hover {
	background: #CCC;
}
.toggle_contents dd dl ul a {
	padding: 12px 13px 10px 13px;
}
/*/システム管理メニュー*/



.animation {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.cursor{
	cursor : pointer;
}
i {
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .mypgMenu {
    top: 57px;
  }
  .toggle_contentsWrap {
    top: 57px;
  }
.center_btn{
	max-width:80%;
}

}