@charset "UTF-8";

/* PC非表示 */
.drawer-hamburger, 
#m_menu,
.pc_none {
display: none; 
}
.mobile375 {
display: none; 
}
.mobile_none {
display: initial; 
}
.mobile_bn_link {
display: none; 
}
.pc_bn_link {
float: left; 
margin-left: 1.5em;
}

/* 初期設定 */
html, body, * {
margin: 0 ; 
padding: 0; 
color: rgb(0,0,0);
word-wrap: break-word;
font-size: 12px; 
line-height: 2; 
font-family: sans-serif; 
font-weight: normal; 
float: initial; 
-webkit-text-size-adjust: none;
}
body {
background: rgba(240,240,240,1); 
}
img {
max-width: 100%;
border: 0; 
margin: 0; 
padding: 0;
vertical-align: bottom; 
}

/* リンク設定 */
a, a:link, a:visited {
text-decoration: none; 
color: #3388d2; 
}
a:hover, a:active {
text-decoration: underline; 
color: #3388d2; 
}

/* 大枠（グレー） */
#container {
position: relative; 
width: 928px; 
margin: 16px auto; 
}

/* コンテンツ枠 */
#contents {
width: -webkit-calc(100% - 48px); 
width: calc(100% - 48px); 
padding: 24px; 
-moz-box-shadow: 4px 4px 4px rgb(153,153,153); 
-webkit-box-shadow: 4px 4px 4px rgb(153,153,153); 
box-shadow: 4px 4px 4px rgb(153,153,153); 
background: white; 
overflow: auto;
}

/* ショルダーメニュー */
#shoulder {
position: relative; 
width: 100%; 
height: 31px; 
margin-bottom: 8px; 
}
#shoulder img {
width: 145px; 
}
#shoulder .menu {
position: absolute; 
bottom: -0.5em; 
right: 0;
z-index: 999; 
}
#shoulder ul li {
list-style: none; 
font-weight: bold; 
}
#shoulder ul.menu > li {
position: relative;
float: left; 
margin-left: 1.5em;
}
#shoulder ul.menu li > a {
display: block;
}
#shoulder ul.menu li ul {
position: absolute;
white-space: nowrap; 
right: 0; 
left: auto;
visibility: hidden;
}
#shoulder ul.menu li:hover ul {
visibility: visible;
padding: 0.5em 1em;
border: solid 1px rgb(153,153,153); 
background: rgb(255,255,255); 
white-space: nowrap; 
right: 0; 
left: auto;
}
#shoulder a {
text-decoration: none; 
font-weight: normal; 
}
#shoulder a:hover {
text-decoration: underline; 
}
#pulldown ul, #pulldown li, #pulldown a {
z-index: 999; 
line-height: 1.8; 
}

/* #contents外 */
#out {
margin-top: 0.5em; 
line-height: 2; 
text-align: right; 
}

/* 経歴 */
#prof_upper {
width: 100%; 
overflow: auto; 
}
#prof_upper .prof_photo {
width: 100%;
float: initial; 
padding: 0; 
}
#prof_upper .prof_name {
width: 100%;
float: initial; 
}
#prof_lower {
clear: both; 
margin-top: 2em;
}
.sns {
margin-top: 8px; 
}
#prof_lower dl+ dl {
margin-top: 2em; 
}
h3 { 	/* 名前 */
font-size: 24px; 
line-height: 1.6;
border-bottom: dotted 1px rgb(153,153,153);
}
.degree { /* 役職 */
margin-top: 0 !important; 
}
.large {
font-size: 16px !important;
line-height: 1.8;
}

/* 経歴（リスト） */
dl dt {
  clear: left;
  float: left;
line-height: 1.8; 
}
dd {
line-height: 1.8; 
}

/* Youtube枠 */
.youtube {
clear: both; 
position: relative;
width: 100%; 
margin-top: -16px; 
padding-bottom: 56.25%;
padding-top: 32px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
width: 100%;
height: -webkit-calc(100% - 16px);
height: calc(100% - 16px);
}
#box_right .youtube_cap {
margin-top: 6px; 
font-size: 12px ;
line-height: 1.8 ; 
}


/* モーダルウィンドウ */
.modal-content {
position: relative;
display: none;
width: 75%; 
max-width: 640px;
padding: 24px;
background: #fff;
}
.modal-content h5 {
margin-top: 8px; 
color: black; 
font-size: 16px; 
font-weight: bold; 
}
.modal-content h5 span {
font-size: 12px; 
font-weight: normal; 
}
.modal-content p {
font-size: 14px;
line-height: 2; 
}
.modal-content ul {
list-style: disc; 
}
.modal-content li {
margin-left: 1em; 
font-size: 14px; 
}
.modal-overlay {
z-index: 1;
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.75);
}
.lock {
overflow: hidden;
}
.modal-overlay {
z-index: 1;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.75);
}
.modal-wrap {
z-index: 999;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.modal-open {
}
.modal-open:hover {
cursor: pointer;
} 
.modal-close {
display: block;
margin-top: 16px; 
padding: 0.5em;
border: solid 2px rgb(153,153,153); 
background: white; 
font-size: 14px; 
line-height: 1.6; 
text-align: center;  
color: black; 
}
.modal-close:hover {
cursor: pointer;
background: rgb(240,240,240); 
text-decoration: none;
color: black; 
}