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


.wrapper{
    min-height: 100vh;
	position: relative;/*←相対位置*/
}


/* ■■■　ヘッダ　■■■ */
#hd {
	background-color: #fff;
	background-image: url(img/kokuuhi_logo.png);
	background-size: 60px 20px;
	background-repeat:no-repeat;
	color: #fff;
	height: 20px;
}
#sub{
	margin-left: 65px;
	padding-left:10px;
	background-color: #000;
}


/* ■■■　コンテンツメニュー　■■■ */
#con_menu{
	padding: 5px 0;
}
.btn-con,
a.btn-con {
  list-style: none;
}
 
.btn-con li {
  width: 140px;
  text-align: center;
  background-color: #eee;
  display: inline-block;
}

.btn-con2 li {
  width: 140px;
  text-align: center;
  background-color: #ccc;
  display: inline-block;
}
 
.btn-con li a {
  text-decoration: none;
  color: #000;
}
	

/* ■■■　魔術師紹介（名前）　■■■ */
.con_pr_name {
  background-color:#666;
  color:#fff;
  padding:5px;
}


/* ■■■　魔術師紹介（説明）　■■■ */
.con_pr_des{
  margin:15px 5px 5px 5px;
}


/* ■■■　魔術師紹介（吹き出し）　■■■ */
.con_pr_com {
  position: relative;
  display: inline-block;
  margin: 0.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 10px;
}

.con_pr_com:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.con_pr_com p {
  margin: 0;
  padding: 0;
}

/* ■■■　鑑定項目　■■■ */
.con_more_ul {
  margin:15px 0;
}
.con_more_des {
  margin-top:15px;
}



/* ■■■　フッタ　■■■ */
#ft {
  clear: both;
  width:100%;
  text-align:center;
  background: #000;
  color: #fff;
  margin:0;
  padding:0;
}