@charset "utf-8";
/* CSS Document */

.modal_open{
    display: inline-block;
    margin: 0;
    float: left; 
}


 
.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
    width: 80%;
    max-width: 840px;
    margin: 0;
    padding: 50px 3vw 50px;
    /*border: 2px solid #aaa;*/
    text-align: left;
    background: #fff;
	font-size: 0.8em;
    box-sizing: border-box;
}
 
.modal_close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 62px;
    font-size: 46px;
    color: #000;
    line-height: 62px;
    text-align: center;
    background: #fff;
}
 
.modal_close i {
    line-height: 62px;
    vertical-align: bottom;
}
 
.modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.7);
}


table{
	display: table;
	border-collapse: collapse;
	margin-left: auto;
    margin-right: auto;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

td, th {
	display: table-cell;
    vertical-align: inherit;
}

.mo_name {
	width: 100%;
	/*border-bottom: #00b9e1 2px solid;*/
	border-bottom: #008ceb 2px solid;
    font-size: 1.8em;
	font-weight: bold;
    padding-bottom: 5px;
	padding-left: 10px;
}

.mo_name::before {
    content: "●";
    margin: 0 10px 0 5px;
    color: #008ceb;
    font-weight: 700;
}

.mo_table_photo{
	width: 150px;
}

.mo_table td {
	padding-left: 15px;
	padding-top: 15px;
	line-height: 1.3em;	
}

.mo_profile {
	width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
}

.mo_profile th {
	width: 120px;
    background: #e0e0e0;
}


.mo_profile th,
.mo_profile td {
	padding: 10px;
    border: solid 1px #a0a0a0;
	line-height: 1.3em;	
}



 
 
@media screen and (max-width: 769px) {
 
/*  ウィンドウサイズ769px以下の時のスタイル  */
	
	
 
  .modal_box {
      padding: 30px 2vw 10px;
  }
 
  .modal_close {
      width: 40px;
      line-height: 40px;
  }
 
  .modal_close i {
      line-height: 44px;
  }
		
.mo_table td img {
	display: none;
}
		
.mo_table td,
.mo_table th {
    display: block;
    width: 100%;
	padding: 0 ;
}

.mo_name{
	margin-bottom: 5px;
	padding: 0;
	font-size: 1.2em;
	}

	
.mo_profile th, 
.mo_profile td {
	display: block;
    width: 100%;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	/*border: solid 1px #a0a0a0;*/
}
	
	.no_mobile{
		display: none;
	}

 
}