@charset "UTF-8";
@font-face {
font-family: "title-font";
src: url("../font/keifont.eot?") format('eot'),
     url("../font/keifont.woff2") format('woff2'),
     url("../font/keifont.woff") format('woff');
}
.myFontClass{
  font-family: "title-font";
}
a{
	color: #990000;
}
a:hover,
a:focus{
	text-decoration: none;
}
.box{
	display: flex;
flex-wrap: wrap;
flex-direction: row;

border-radius: 0.5rem;
  width : 400px;
}
.box > .face-img{
	width: calc(33% - 1rem);
margin-right: 1rem;
height: auto;
}
.box > .text{
	width: 67%;
}
.box h3{
	position: relative;
	font-family: "title-font";
	font-size : 1.8em;
	margin-bottom : 2rem;
	text-shadow: #FFF 2px 0px 0px, #FFF -2px 0px 0px,
		     #FFF 0px -2px 0px, #FFF 0px 2px 0px,
 		     #FFF 2px 2px 0px, #FFF -2px 2px 0px,
    #FFF 2px -2px 0px, #FFF -2px -2px 0px,
    #FFF 1px 2px 0px, #FFF -1px 2px 0px,
    #FFF 1px -2px 0px, #FFF -1px -2px 0px,
    #FFF 2px 1px 0px, #FFF -2px 1px 0px,
    #FFF 2px -1px 0px, #FFF -2px -1px 0px,
    #FFF 1px 1px 0px, #FFF -1px 1px 0px,
    #FFF 1px -1px 0px, #FFF -1px -1px 0px;
  line-height : 0.8em;
	 white-space: nowrap;
  top : 12px;
}
.box h3::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	left : 0px;
	height : 0.3em;
	bottom: -0.5rem;
	z-index: -1;
 	background-color : red;
}
.box h4{
	position: relative;
	font-family: "title-font";
	font-size : 1.8em;
	margin-bottom : 2rem;
	text-shadow: #FFF 2px 0px 0px, #FFF -2px 0px 0px,
 		     #FFF 0px -2px 0px, #FFF 0px 2px 0px,
 		     #FFF 2px 2px 0px, #FFF -2px 2px 0px,
  		     #FFF 2px -2px 0px, #FFF -2px -2px 0px,
  		     #FFF 1px 2px 0px, #FFF -1px 2px 0px,
  		     #FFF 1px -2px 0px, #FFF -1px -2px 0px,
  		     #FFF 2px 1px 0px, #FFF -2px 1px 0px,
   	  	     #FFF 2px -1px 0px, #FFF -2px -1px 0px,
 		     #FFF 1px 1px 0px, #FFF -1px 1px 0px,
  		     #FFF 1px -1px 0px, #FFF -1px -1px 0px;
 	 line-height : 0.8em;
  	 left : 30px;
	 white-space: nowrap;
  margin-top : 15px;
}
.box h4::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	left : 0px;
	height : 0.3em;
	bottom: -0.5rem;
	z-index: -1;
 	background-color : red;
}

.box_right h3{
	position: relative;
	font-family: "title-font";
	font-size : 1.8em;
	margin-bottom : 2rem;
	text-shadow: #FFF 2px 0px 0px, #FFF -2px 0px 0px,
		     #FFF 0px -2px 0px, #FFF 0px 2px 0px,
 		     #FFF 2px 2px 0px, #FFF -2px 2px 0px,
    #FFF 2px -2px 0px, #FFF -2px -2px 0px,
    #FFF 1px 2px 0px, #FFF -1px 2px 0px,
    #FFF 1px -2px 0px, #FFF -1px -2px 0px,
    #FFF 2px 1px 0px, #FFF -2px 1px 0px,
    #FFF 2px -1px 0px, #FFF -2px -1px 0px,
    #FFF 1px 1px 0px, #FFF -1px 1px 0px,
    #FFF 1px -1px 0px, #FFF -1px -1px 0px;
  line-height : 0.8em;
	 white-space: nowrap;
  top : 16px;
  margin-top : 1.5rem;
}
.box_right h3::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	left : 0px;
	height : 0.3em;
	bottom: -0.5rem;
	z-index: -1;
 	background-color : red;
}
.box_right h4{
	position: relative;
	font-family: "title-font";
	font-size : 1.8em;
	margin-bottom : 2rem;
	text-shadow: #FFF 2px 0px 0px, #FFF -2px 0px 0px,
 		     #FFF 0px -2px 0px, #FFF 0px 2px 0px,
 		     #FFF 2px 2px 0px, #FFF -2px 2px 0px,
  		     #FFF 2px -2px 0px, #FFF -2px -2px 0px,
  		     #FFF 1px 2px 0px, #FFF -1px 2px 0px,
  		     #FFF 1px -2px 0px, #FFF -1px -2px 0px,
  		     #FFF 2px 1px 0px, #FFF -2px 1px 0px,
   	  	     #FFF 2px -1px 0px, #FFF -2px -1px 0px,
 		     #FFF 1px 1px 0px, #FFF -1px 1px 0px,
  		     #FFF 1px -1px 0px, #FFF -1px -1px 0px;
 	 line-height : 0.8em;
  	 left : 30px;
	 white-space: nowrap;
  margin-top : 15px;
}
.box_right h4::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	left : 0px;
	height : 0.3em;
	bottom: -0.5rem;
	z-index: -1;
 	background-color : red;
}

.name{
	font-size : 3.4em;
	margin-top: 1.5rem;
 	font-style : normal;
  margin-left : 3rem;
}
.name em{
	font-family: "title-font";
position: relative;
  font-style : normal;
}
.name em ruby{
	position: absolute;
display: block;
width: 100%;
top : -1.5rem;
font-family: "inherit";
font-size: 0.8rem;
text-align : left;
  font-weight : bold;
}
.name span{
	display: inline-block;
font-size: 1.2rem;
vertical-align: middle;
margin-top: -0.25rem;
margin-left : 2rem;
}
.contact-dl,
.sns-dl{
	display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
font-size: 1.2rem;
}
.contact-dl dt{
	width: 5em;
}
.contact-dl dd{
	line-height: 1.4em;
font-size: 1.2em;
}
.box > .text img{
	max-width: 100%;
}
.sns-dl{
	margin: 0.5rem 0;
}
.sns-dl dt{
	width: 40%;
}
.sns-dl dd{
	width: 60%;
}
.sns-dl dd img{
	height: 2em;
width: auto;
}
.hobby{
	font-size: 1.25em;
font-weight: 900;
}
.text-renraku{
  font-size : 1.3em;
  font-family : 游ゴシック;
  font-weight : bold;
  line-height : 1.1em;
}
.text-renraku2{
  font-size : 1.0em;
  font-family : 游ゴシック;
  font-weight : bold;
  line-height : 1.1em;
}
.photo{
  padding-top : 13px;
}