@charset "utf-8";

html,body,h1,h2,h3,p,img,dl,dt,dd {
  margin:0;
  padding:0;
  line-height:1.0;
  font-family:"Hiragino Kaku Gothic proN",
      Meiryo,sans-serif;
}

a {text-decoration:none;}

img {vertical-align:bottom;}


/*body*/
body {
  background:#efddb7;
  font-size:16px;
}

/*container*/
.container {
  width:940px;
  margin:0 auto;    
  background:#fff;
  padding:40px 24px;
  box-shadow:0 0 10px #aaa;
}

/*header*/
.header {
  margin-bottom:32px;
  text-align:center;
}

h1 {
  font-size:200%;  
}

.read {
  margin:21px 0 24px;
}


/*wrapper*/
.contents {
  overflow:hidden;
}

h2 {
  font-size:140%;
  font-weight:bold;
  margin:25px 0 16px;
  color:#fff;
  text-shadow:0 0 6px #222;
}

.wrapper {
  overflow:hidden;
}

.menu {
  float:left;
  width:32%; 
  padding:2%;
  margin-right:2%;
  background:#f7f3e7;
  border:1px dotted #ded6bf;
  box-sizing:border-box;
  border-radius:10px;
}

.menu:last-child {
  margin-right:0;   
}

.menu img {
  text-align:center;
  width:260px;
  height:260px;
  border:8px solid #fff;
  border-radius:50%; 
  box-shadow:0 0 6px #ccc;
  margin:3px 0 28px;
  box-sizing:border-box;
}

h3 {
  color:#6e3b10;
  font-size:122%;
  padding-bottom:2px;
  margin-bottom:7px;
  border-bottom:2px solid #fff;    
}

.menu p {
  line-height:1.5;
  margin-bottom:15px;
}

dl {
  margin-top:10px; 
}

dt {
  float:left;    
  font-size:84%;
  font-weight:bold;
  line-height:1.3;
  padding:0  5px 0 5px;
  color:#cf342f;
  border-left:5px solid #cf342f;
}

dd {
  font-size:80%;
  line-height:1.3;
  padding-left:135px;
}

/*footer*/
.footer {
  text-align:center;
}